网页制作实验指导书VIP专享

网页制作实验指导书 第2 页 目 录 实 验 一 站点与文档的创建 实 验 二 文档及其格式化 实 验 三 图像 实 验 四 超级链接 实 验 五 表格和页面布局表格 实 验 六 框架 实 验 七 层 实 验 八 模板与库 实 验 九 表单 实 验 十 行为 实验十一 多媒体组件的插入、使用代码设计网页与站点管理 实验十二 动态网站制作 第3 页 实验一 站点与文档的创建 【实验目的】 熟悉Dreamw eaveMX 环境，掌握站点的创建，学会制作页面的一般制作方法。 【实验内容】 1. Dreamw eaver MX 2004 简介，启动，界面认识； 2．创建一个站点； 3．创建和打开一个文档； 4．网页的新建，保存，预览，关闭，打开； 5．字体，标题级，颜色，效果设定。 【实验步骤】 1．在Dreamw eaver 中，创建站点； 2. 新建网页； 3. 设置文档的属性； 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程； 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验二 文本及其格式化 【实验目的】 通过本例要求掌握网页的一些基本常识，例如：文档的创建、打开与保存，标尺与网格的使用，捕捉与辅助设计图片的应用等。掌握设置文本格式的方法，如文本的断行与缩进、文本列表及格式化文本的方法。。要求掌握 CSS 样式面板的使用，插入样式表的方式、样式表的优先顺序、CSS 的基本语法与功能，能够为 HTML 设置样式，熟悉CSS 样式定义对话框的各项功能。并熟练使用 CSS 滤镜进行各种样式的设置。 【实验内容】 1. 文档及其格式化，练习文本的输入及属性的设置；； 2．创建文本列表； 3．利用 HTML 格式化文本； 4．层叠样式表；熟悉CSS 样式面板；设置各种类型的CSS 样式；熟悉CSS 样式定义对话框中各项的含义；CSS 基本样式设置； 5．文本格式化；文本录入与编辑； 6．网页的预览。 【实例参考】 1. 制作如图所示的列表网页，要求一级标题有序列表，二级标题无序列表，样式如下图所示。 第4 页 实验三 图像 【实验目的】 1、通过本例要求掌握常见的图像格式及图像的插入方法。 2、能够修改图像属性，利用外部图像处理软件编辑图像。 3、创建图像映射，建立W EB 相册。 【实验内容】 1．图像创建实例与应用技巧； 2．设置图像的属性； 3．使用图像地图； 4．创建鼠标经过图像； 5．创建W EB 相册。 【实例参考】...