网页制作实验指导书..docVIP

网页制作实验指导书 目 录 实 验 一 站点与文档的创建 实 验 二 文档及其格式化 实 验 三 图像 实 验 四 超级链接 实 验 五 表格和页面布局表格 实 验 六 框架 实 验 七 层 实 验 八 模板与库 实 验 九 表单 实 验 十 行为 实验十一 多媒体组件的插入 实验十二 动态网站制作 实验一 站点与文档的创建 【实验目的】熟悉DreamweaveMX环境，掌握制作页面的方法。Dreamweaver MX 2004简介，启动，界面认识； 2．创建一个站点； 3．创建和打开一个文档； 4．网页的新建，保存，预览，关闭，打开；字体，标题级，颜色，效果设定1．在Dreamweaver中，2. 新建网页；3. 设置文档的属性； 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验　文本 【实验目的】　　通过本例要求掌握网页的一些基本常识，例如：文档的创建、打开与保存，标尺与网格的使用，捕捉与辅助设计图片的应用等。掌握设置文本格式的方法，如文本的断行与缩进、文本列表及格式化文本的方法。。要求掌握 CSS样式面板的使用，插入样式表的方式、样式表的优先顺序、CSS的基本语法与功能，能够为HTML设置样式，熟悉CSS样式定义对话框的各项功能。并熟练使用CSS滤镜进行各种样式的设置。 练习文本的输入及属性的设置熟悉CSS样式面板设置各种类型的CSS样式熟悉CSS样式定义对话框中各项的含义CSS基本样式设置文本录入与编辑实验　图像 【实验目的】　　1、通过本例要求掌握常见的图像格式及图像的插入方法。　　2、能够修改图像属性，利用外部图像处理软件编辑图像。　　3、创建图像映射，建立WEB相册。 【实验内容】【实例参考】实验　链接 【实验目的】　　1、掌握设置文本超级连接的方法；　　2、掌握设置图片超级连接的方法； 　　3、掌握设置图片热点超级连接的方法； 【实验内容】超链接的基本概念和种类文本和图片超链接的实现锚点超链接的实现【实例参考】创建到电子邮件地址的超级链接 实验　表格页面布局 【实验目的】　　1、掌握表格的创建、结构调整与美化方法；　　2、熟悉表格与单元格的主要属性及其设置方法；　　3、掌握通过表格来进行网页页面的布局方法。 【实验内容】表格创建及属性设置练习外部数据的导入表格美化【实例参考】实验　框架 【实验目的】　　1、掌握框架网页在创建、选择、设置、存储与应用方面的特点；　　2、掌握框架结构网页的制作方法； 　　3、掌握iframe标记以及各个属性。 【实验内容】框架的基本操作练习框架布局练习框架中的链接练习 2．设置边距、选项、滚动条、拆分框架在定义目标框架替换之前，给目标框架命名3. 进一步完善自己的网页，制作图、文、声并茂的页面，完成个人站点信息的制作 与测试。 【实验要求】 通过网络空间网站的设计,熟练掌握利用框架来组织布局网页内容,灵活运用目标框架来设计超级链接网页的目标位置.实验　层 【实验目的】　　通过本章的学习，应掌握层的基本操作方法如层的创建方法、层的各种编辑、层的相关属性设置及层与表格间的转换方式等。掌握移动、删除层的方法初步将层与行为进行简单结合【实验内容】创建并进行层的编辑层的相关属性设置练习层的基本操作层与表格间的相互转换练习尝试层与行为的初步结合【实例参考】制作下拉式菜单 实验　模板与库 【实验目的】　　通过本例要求掌握库与模板的基础知识和应用：如何创建和设置库部件、为网页添加和编辑库部件。并掌握创建模板、设置模板的各项属性等内容。了解模板的固定区域与可编辑区域的区别和用途了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响学会通过模板和库元素创建网页的方法 【实验内容】1、熟悉资源面板2、创建、设置库部件，练习为网页添加库部件3、创建、设置、修改模板4、套用模板创建文档，利用库部件更新网站【实例参考】实验　表单 【实验目的】　　学会使用Dreamweaver 中应用表单设计网页的方法，全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法。【实验内容】练习表单及表单对象在网页中的插入表单对象的编辑练习表单元素正确性的验证【实例参考】创建一个客户留言表单。 实验十　行为 【实验目的】　　了解行为、事件与动作的概念学会利用行为面板设置控制对象的行为会利用系统提供的主要行为，设置网页对象的行为从而实现交互式网页的设计能够下载、安装并使用第三方行为【实验内容】熟悉行为面板