网页设计上机实验报告

《网页设计上机实验报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、上机报告1一、上机目的1.了解Dreamweaver面板的功能；2.熟练掌握站点的的建立与设置；3.熟练掌握站点的结构；4.了解利用Dreamweaver制作网页的基本方法；二、上机内容1.在Dreamweaver中设置站点，并搭建站点基本结构：基本结构为：站点根文件夹pageimagesIndex.html2.制作个人简介网页。要求：文字（字体字型字号的设置）、网页属性的设置（背景颜色或背景图像）、网页中含有图像、有移动文字三、上机要求1.独立完成设计。2.课后写出上机实验报告。2011.9.22上机报告2一、上机目的1.熟练掌握站点的的建立与设置；2.熟练掌握在D

2、reamweaver中设置网页基本元素的方法；二、上机内容1.在Dreamweaver中设置站点，并搭建站点基本结构：2.设置站点主页。综合练习三基本元素的应用文字编辑及处理图像做链接多媒体网页3.制作相应栏目网页，并实现链接。4.要求文字编辑及处理网页：文字有字体、字号、颜色的设置及基本排版，版面要整齐。（参考上机练习2参考图）图像做链接网页：有利用图像、图像部分区域、鼠标经过的图像做链接。多媒体网页：有FLASH按钮、FLASH文字做链接，网页中插入FLASH视频或视频（非flash视频）。插入非FLASH视频的代码如下：1.avi格式代码片断如下：

3、=""dynsrc=pt.aviloop=-1start=fileopencontrol="yes"width=480height=361>2.rm格式代码片断如下：

4、indow">
一、上机

5、要求1.独立完成设计。2.课后写出上机实验报告。2011.10.20上机报告3一、上机目的1.了解CSS样式的种类；2.熟练掌握链接文字样式的设定；3.熟练掌握自定义样式的设定；4.利用样式设置网页的风格。二、上机内容1.制作链接文字的样式：在一个网页中采用两种以上的连接文字样式，注意链接文字的4种状态及设置顺序、将选择器样式转换为自定义样式。2.利用样式制作立体按钮，效果如下：注意：表格的边框为0，单元格间距为2，背景为黄色。设置样式：自定义样式，边框设置。3.利用样式固定文字大小：100面5.6.1利用CSS样式固定字体大小，并将网页导航菜单的样式修改为与其它网页

6、相同。三、上机要求1.独立完成设计。2.课后写出上级报告。2011.11.3上机报告4一、上机目的1.了解事件、动作、行为的基本概念；2.了解事件、动作、行为三者的关系；3.熟练掌握行为的应用。二、上机内容1.利用行为制作导航下拉菜单。注意：网页同级的目录多了两个文件，分别是：arrows.gif、mm_menu.js。请勿修改、移动位置，这是弹出式菜单必须的图片、JS文件。如需修改下拉菜单，可以选中文字，点击行为面板的“显示弹出式菜单”即可。2..利用层和行为制作拼图游戏。3.利用行为设置状态栏文字。一、上机要求1.独立完成设计。2.课堂检查。3.课后写出上机实验报

7、告。2011.11.17上机报告5一、上机目的1.了解表单的基本概念；2.掌握表单的结构、元素的应用；3.熟练运用表格设置表单；4.利用行为进行表单检测。二、上机内容1.制作如下效果的表单网页；2.制作如下效果的表单，并实现表单检测。一、上机要求1.独立完成设计。2.课堂检查。3.课后写出上级报告。2011.12.6