文档介绍：: .
《DHTML动态网页制作》
实验指导书
主编教师：李静
目录
实验一CSS选择器与相关特性 4
【实验目的】 4
【实验环境及学时】 4
【实验学时】 4
【实验重点及难点】 4
【实验内容】 4
实验二 CSS设计实践 5
【实验目的】 6
【实验环境】 6
【实验学时】 6
【实验重点及难点】 6
【实验内容】 6
实验三 CSS盒子模型 9
【实验目的】 9
【实验环境】 9
【实验学时】 9
【实验重点及难点】 9
【实验内容】 9
实验四盒子的浮动与定位 11
【实验目的】 11
【实验环境】 11
【实验学时】 11
【实验重点及难点】 11
【实验内容】 11
实验五用CSS设置文本和图像 12
【实验目的】 12
【实验环境】 12
【实验学时】 12
【实验重点及难点】 12
【实验内容】 12
实验六用CSS设置超链接与导航菜单 15
【实验目的】 15
【实验环境】 15
【实验学时】 15
【实验重点及难点】 15
【实验内容】 15
实验七用CSS设置表格和表单样式 18
【实验目的】 18
【实验环境】 18
【实验学时】 18
【实验重点及难点】 18
【实验内容】 18
实验八圆角设计 21
【实验目的】 21
【实验环境】 21
【实验学时】 21
【实验重点及难点】 21
【实验内容】 21
实验九灵活的电子相册 23
【实验目的】 23
【实验环境】 23
【实验学时】 23
【实验重点及难点】 23
【实验内容】 23
实验十固定宽度布局剖析与制作 24
【实验目的】 24
【实验环境】 24
【实验学时】 24
【实验重点及难点】 24
【实验内容】 24
实验十一变宽度网页布局剖析与制作 29
【实验目的】 29
【实验环境】 29
【实验学时】 29
【实验重点及难点】 29
【实验内容】 29
实验十二儿童用品网上商店 30
【实验目的】 30
【实验环境】 30
【实验学时】 30
【实验重点及难点】 30
【实验内容】 30
实训一制作博客网站 32
【实训目的】 32
【实训环境】 32
【实训学时】 32
【实训重点及难点】 32
【实训内容】 32
实训二制作旅游门户网站 32
【实训目的】 33
【实训环境】 33
【实训学时】 33
【实训重点及难点】 33
【实训内容】 33
实训三制作纤百合礼品网站 33
【实训目的】 34
【实训环境】 34
【实训学时】 34
【实训重点及难点】 34
【实训内容】 34
实验一CSS选择器与相关特性
【实验目的】
1．掌握CSS构造规则，基本的CSS选择器定义方法和使用规则；
2．了解CSS的继承和层叠特性。
【实验环境及学时】
Window xp操作系统，记事本。
【实验学时】
学时：2学时。
【实验重点及难点】
CSS选择器的定义方法及使用规则。
【实验内容】
1. 建立外部样式表文件，命名为：,p选择器。
然后，产生一个普通网页，采用链接样式表方式。运行效果如下图所示。
2. 建立外部样式表文件，,p,div选择器。然后产生一个普通网页，在head内使用***@import，导入外部样式表文件。运行效果如下：
3. 用ID选择器，且用内嵌式CSS，制作显示下面效果的网页。
4. 练****课本第24页关于交集选择器的实例。
5. 练****课本第26页关于并集选择器的两个实例。
6. 练****课本第27页关于后代选择器的两个实例。
说明：前3道题上交作业。上交源文件。
实验二 CSS设计实践
【实验目的】
了解使用手工方式编写页面、以及使用Dreamweaver软件可视化的方式完成页面的方法。
【实验环境】
Window xp操作系统，记事本，Dreamweaver cs3。
【实验学时】
学时：2学时。
【实验重点及难点】
掌握创建与管理站点的方法步骤。
【实验内容】
1. 用Dreamweaver进行css设置，实现下面的网页效果：
其中文本内容如下：
互联网发展的起源
1969年，为了保障通信联络，美国国防部高级研究计划署AR