网页设计上机实验报告.doc

上机报告1一、 上机目的1. 了解Dreamweaver面板的功能；2. 熟练掌握站点的的建立与设置；3. 熟练掌握站点的结构；4. 了解利用Dreamweaver制作网页的基本方法；二、 上机内容1.在Dreamweaver中设置站点，并搭建站点基本结构：基本结构为：站点根文件夹pageimagesIndex.html2.制作个人简介网页。要求：文字（字体字型字号的设置）、网页属性的设置（背景颜色或背景图像）、网页中含有图像、有移动文字三、 上机要求1.独立完成设计。2.课后写出上机实验报告。2011.9.22上机报告 2一、 上机目的1. 熟练掌握站点的的建立与设置；2. 熟练掌握在Dreamweaver中设置网页基本元素的方法；二、 上机内容1.在Dreamweaver中设置站点，并搭建站点基本结构：2.设置站点主页。综合练习三 基本元素的应用文字编辑及处理 图像做链接 多媒体网页3. 制作相应栏目网页，并实现链接。4. 要求文字编辑及处理网页：文字有字体、字号、颜色的设置及基本排版，版面要整齐。（参考上机练习2参考图）图像做链接网页：有利用图像、图像部分区域、鼠标经过的图像做链接。多媒体网页：有FLASH按钮、FLASH文字做链接，网页中插入FLASH视频或视频（非flash视频）。插入非FLASH视频的代码如下：1.avi格式代码片断如下：2.rm格式代码片断如下：三、 上机要求1.独立完成设计。2.课后写出上机实验报告。2011.10.20上机报告3一、 上机目的1. 了解CSS样式的种类；2. 熟练掌握链接文字样式的设定；3. 熟练掌握自定义样式的设定；4. 利用样式设置网页的风格。二、 上机内容1.制作链接文字的样式：在一个网页中采用两种以上的连接文字样式，注意链接文字的4种状态及设置顺序、将选择器样式转换为自定义样式。2.利用样式制作立体按钮，效果如下：注意：表格的边框为0，单元格间距为2，背景为黄色。设置样式：自定义样式，边框设置。3.利用样式固定文字大小：100面5.6.1利用CSS样式固定字体大小，并将网页导航菜单的样式修改为与其它网页相同。三、 上机要求1. 独立完成设计。2. 课后写出上级报告。2011.11.3上机报告4一、 上机目的1. 了解事件、动作、行为的基本概念；2. 了解事件、动作、行为三者的关系；3. 熟练掌握行为的应用。二、 上机内容1.利用行为制作导航下拉菜单。注意：网页同级的目录多了两个文件，分别是：arrows.gif、mm_menu.js。请勿修改、移动位置，这是弹出式菜单必须的图片、JS文件。如需修改下拉菜单，可以选中文字，点击行为面板的“显示弹出式菜单”即可。 2.利用层和行为制作拼图游戏。 3.利用行为设置状态栏文字。三、 上机要求1. 独立完成设计。2. 课堂检查。3. 课后写出上机实验报告。2011.11.17上机报告5一、 上机目的1. 了解表单的基本概念；2. 掌握表单的结构、元素的应用；3. 熟练运用表格设置表单；4. 利用行为进行表单检测。二、 上机内容1.制作如下效果的表单网