网页制作工具实训四.docVIP

《网页制作工具》实训四： DreamWeaver栏目子项目制作 按照下面网页设计方案完成“网页制作实训网站” DreamWeaver栏目子项目制作。 1. DreamWeaver栏目总体结构： DreamWeaver栏目设计为表格布局，顶部为栏目标题，上部为导航栏，左侧为带有行为设置的图像，右侧为.gif图像，底部为版权信息和电子邮件超链接。页面大小按照1024*768像素窗口设计，各个框架尺寸设计如下图示： 图4-1 2. 页面内容与效果设计 （1）栏目首页内容与效果设计： 图4-2 该页面要求对栏目标题文本进行CSS设置；中间左侧当鼠标移上和移下时，交换图像；中间右侧文本，当鼠标移上和移下时，会有颜色的变化。 点击导航栏各个超链接时，效果如下： （）点击“首页”，进入index.html??（）点击“课程简介”，打开prac1-32.html，且该页面大小为700*400??（）点击“页面布局技术”，打开prac3-1.html 图4-5 ??（）点击“前端动态技术”，打开prac3-2.html 图4-6 该页面顶部为flash动画，可以通过插入的按钮，对该flash进行播放和暂停的控制；中间右侧打开该页面时显示一图片，当鼠标放置左侧下部带有链接标记的文本时，右侧的图像会进行相应的切换，且鼠标放置到不同超链接上，右侧显示的图片各不相同；底部状态栏设置有自编的文本