网页设计与制作实验报告9.doc

第1页共15页重庆工商大学管理学院实验报告课程名称网页设计与制作实例教程实验名称CSS基础班级信息管理与信息系统一班姓名唐杰学号2013033132同组人__无__实验日期20151203实验地点学创园8A303实验成绩__________指导教师张世勇重庆工商大学管理学院实验报告第2页共15页21实验内容掌握CSS伪类；层叠；CSS选择器基本操作。2实验环境（软件、硬件及条件）在学创园的XP电脑上，进行网页设计与制作。3实验过程分析（包括主要步骤和主要截图）实例（111）实验步骤列表基于PSD设计图的网页设计流程实例DREAMWEAVERSPRY框架的介绍与应用重庆工商大学管理学院实验报告第3页共15页3JQUERYTHEWRITELESS,DOMORETAB选项卡的各种实现方法汇总WEB标准已经成为主流的网页设计方法搜索引擎优化的外部方法和内部方法检验实验实验正确实例112实验步骤BLOCKINLINE新闻体育财经娱乐房产博客检验实验实验正确实例113实验步骤背景图片的重庆工商大学管理学院实验报告第5页共15页5检验实验实验正确重庆工商大学管理学院实验报告第6页共15页6习题1实验步骤BLOCKINLINE新闻体育财经娱乐房产博客检验实验实验正确习题2实验步骤CSSHEAD{重庆工商大学管理学院实验报告第8页共15页8BACKGROUNDCOLORFFFBORDER1PXDOTTED00FHEIGHT300PXWIDTH500PXBACKGROUNDIMAGEURL1JPG}HEADH1{FONTSIZE2EMCOLORFFFBACKGROUNDCOLOR0F0}HEADH2{FONTSIZE2EMCOLORFFFBACKGROUNDCOLOR0F0DISPLAYINLINE}CHARSET“UTF8“/CSSDOCUMENT/网页代码无标题文档这是HEAD的内容这是H1的内容这是H2的内容检验实验实验正确重庆工商大学管理学院实验报告第9页共15页9实例121实验代码第一个盒子PADDING在哪里MARGIN在哪里检验实验实验正确重庆工商大学管理学院实验报告第10页共15页10实例122实验代码PADDINGMARGINBORDERPADDING、MARGIN、BORDER检验实验实验正确实例123实验代码框模型的宽度和高度我没有MARGIN,我的宽度是多少我没有PADDING，我的宽度是多少检验实验实验正确实例124实验代码“HTTP//WWWW3ORG/TR/XHTML1/DTD/XHTML1TRANSITIONALDTD“框模型的要素框模型不得不说的故事这个例子里，左右上都可以有其他的框（盒子）。框模型，有名的易学难精检验实验实验正确重庆工商大学管理学院实验报告第14页共15页14实例124实验代码习题121重庆工商大学管理学院实验报告第15页共15页15第12章习题1我的盒子检验实验实验正确