实验三 Dreamweaver基本操作（二）
实验目的
1、 熟练掌握在网页文件中多媒体对象的添加和设置。 2、 熟练掌握在网页文件中表格的添加和设置。 3、 熟练掌握在网页文件中表单的添加和设置。
实验环境
WindowsXP操作系统，Dreamweaver软件，内部组成局域网，外连Internet互联网。
实验重点及难点
? 多媒体对象的添加和设置。 ? 表单及表单对象的添加及设置。 ? 利用表格来归整表单。
实验内容
1、 为站点“Dreamweaver基本操作”中的网页文件sy2-5.html添加背景音乐：江村即事.mp3，
要求循环播放，结果另存为sy3-2.html。
2、 在站点“Dreamweaver基本操作”中新建一个名为sy3-3.html的网页文件，在该网页文
件中建立一个如图所示的表格，并在表格下方添加文字“让我们回到快乐的童年时光吧！”并嵌入音频文件“捉泥鳅”和插入Flash动画“拔萝卜”。
3、 打开站点“Dreamweaver基本操作”中的网页文件sy3-1.html，制作一个留言簿表单，
效果如下图所示。
4、 在站点“Dreamweaver基本操作”中新建一个名为sy3-4.html的网页文件，在该网页文
件中用表格来布局sy3-1.html网页文件中的留言簿，效果如下图所示。
实验四 CSS样式表
实验目的
1、 了解CSS 的基本知识； 2、 熟悉“CSS样式”面板； 3、 掌握样式表的创建和应用。
实验环境
WindowsXP操作系统，Dreamweaver软件，内部组成局域网，外连Internet互联网。
实验重点及难点
? 选择器的使用。
? 利用样式表对页面进行美化。 ? 样式应用的优先级
实验内容
1、 创建本地站点“CSS样式表”，在该站点下有若干网页文件：人生最美是淡然.html和淡
然.html。将网页文件淡然.html另存为sy4_1.html，将网页文件人生最美是淡然.html另存为sy4_2.html。
2、 对网页文件sy4_1.html的标题“淡然”做如下设置：字体为“华文行楷”，大小为50像
素，颜色为#666666，并对该标题采用Glow滤镜进行特效处理：光晕颜色为蓝色，方向为45度。
3、 在网页文件sy4_1.html中建立内部样式.ziti：字体为“仿宋_GB2312”，大小为24像素，
颜色设置为#666699，粗体。将该样式应用于sy4_1.html中表格上方的正文内容（不包括表格本身）。
4、 在网页文件sy4_1.html中建立内部样式.bg：字体为“隶书”，大小为24像素，颜色设置
为#993366，粗体，背景颜色为#CCCCCC，表格的上边框是颜色为#003399的双线，表格的下边框是颜色为#669999的实线，表格的左边框是颜色为#FF6666的虚线，表格的右边框是颜色为#999999的点划线，表格所有框线的宽度均为8像素。将该样式应用于sy4_1.html中的表格部分。
5、 在网页文件sy4_1.html中更改超链接的样式，其中a:link定义为：字体：幼圆，颜色：
#669999，修饰：无（无下划线）；a:visited，字体：华文行楷，颜色：#660033，修饰：无；a:hover：字体：幼圆，颜色：#FF0000，修饰：下划线；a:active：字体：华文新魏，样式：倾斜，颜色：#0000CC，修饰：删除线。 6、 建立外部样式表wenzi.css：字体为“楷体_GB2312”，大小为18像素，颜色设置为#996600，
粗体。将该样式应用于sy4_1.html中表格下方的正文内容（不包括表格本身）。
7、 在网页文件sy4_1.html中为“淡然的释义”部分加上方块列表符号，并给这部分内容设
置为字体颜色为#993333，背景颜色为#999999。
8、 使用内嵌样式使得第二段文字“淡然，常用义为淡泊??失意坦然”。”实现首行缩进两
个字符。
9、 将外部样式表wenzi.css应用于网页文件sy4_2.html的正文部分。对标题“人生最美是淡
然”做如下设置：字体为“华文行楷”，大小为50像素，颜色为#CC3366，并对该标题采用Shadow滤镜进行特效处理：光晕颜色为蓝色，方向为45度。
实验五 Dreamweaver网页布局（一）
实验目的
1、 熟悉布局表格的绘制和设置，掌握利用布局表格来规划网页的技能； 2、 熟悉框架集和框架的创建和编辑，掌握用框架来设计网页的技能；
实验环境
WindowsXP操作系统，Dreamweaver软件，内部组成局域网，外连Internet互联网。
实验重点及难点
? 利用布局表格来规划网页的设计。 ? 利用框架来来设计网页。
? 利用表格、框架这两种布局工具来共同布局网页。
实验内容
1、 建立一个名为“布局表格与框架”的本地站点并在该站点中新建一个名为sy5-1.html的
网页文件，利用布局表格来布局表单。效果如图所示。
2、 在本地站点 “布局表格与框架”中新建一个名为sy5-2.html的网页文件，利用布局表格
来和表格配搭使用来布局网页。效果如图所示。
3、 利用框架集和框架来规划在本地站点 “布局表格与框架”建立的首页文件index.html，
为目录内容“主讲课程”、 “请您留言”建立超链接，分别链接到网页文件sy5-2.html、sy5-1.html,此外为目录内容“和我联系”建立电子邮件链接。