1、1网页设计（Dreamweaver） 上机练习一、在监考教师指定的 E 盘创建一个个人文件夹，名字为学号-姓名的全部拼音。要求：学号使用考生的完整学号，如某考生的学号为 070106001，姓名为“张红” ，则文件夹的名称应为“070106001- zhanghong”。将网页设计所需素材复制到此文件夹中。以此文件夹为站点根文件夹，以个人姓名（如“张红” ）为站点名称，创建站点。二、按下面的要求创建站点内容、设计网页。1. 站点【主页】内容如图 1 所示。页面背景颜色、文本字体颜色等格式可以自定。要求：“欢迎浏览我们的网站考生的真实学号与姓名”是滚动字幕，导航区有 4 个链接点（或 Flash
2、 按钮）分别链接到 4 个相关页面；“制作人”文本右边为考生的真实学号与姓名，并做 Email 链接。左上方的图片如图 2 所示为自动交换图像。2图 1 【主页】内容图 2 【主页】中的自动交换图像2.【主页】中“地理位置”所链接的页面背景颜色与主页相同，其它格式自定。3.【主页】中“旅游线路”所链接的页面如图 3 所示，背景颜色与主页相同，其它格式自定。图 3 【旅游线路】网页4.【主页】中“观光景点”所链接的页面采用上下框架结构，页面背景颜色与主页相同，如图 4 所示。3（1）在页面上部框架，文本“考生学号姓名”从左向右沿曲线运动。图 4 【观光景点】网页（2）框架上部左上角的图片如图 5
3、 与图 6 所示为鼠标经过图像。图 5 图 6 右上角的图片链接到站点的主页文件，在新窗口打开，并且有替代文本“返回主页”。（3）当鼠标单击框架下部图片时，图片上的文本增加背景色，颜色自定。（4）单击框架上部三个链接点“月亮湾” 、 “观鱼亭” 、 “变色湖” ，其所链接的页面分别显示在框架下部，如图 7 所示。图 7 月亮弯 观鱼亭 变色湖5. 【主页】中“生活提示”所链接的页面如图 8 所示，页面背景颜色与主页相同，其它格式可以自定。要求：水平线下面的 6 个链接点分别链接到同一页中的 6 个锚点。页面左上角的图片链接到站点的主页文件，并且有替代文本“返回主页”。4图 8 【生活提示】网页6新建名为 mycss1 的 CSS 样式表，在其中重定义标签 body，并将该样式表应用于创建的所有网页，样式表的要求如下：页面背景颜色为 #FFCC99，文本字体为隶书，大小 14px7新建名为 mycss2 的 CSS 样式表，并将该样式表应用于 “生活提示”网页，样式表的要求如下：当链接未被点击时（link）： 文字无下划线、大小为 12px、颜色为#0000FF；当鼠标移动到链接上时（hover）： 文字有下划线，大小为 14px、颜色为#FF3300；当点击链接后（active）： 文字无下划线，大小为 12px、颜色为#FF66FF。
