文档介绍:网页制作实验指导书
目录
实验一站点与文档的创建
实验二文档及其格式化
实验三图像
实验四超级链接
实验五表格和页面布局表格
实验六框架
实验七层
实验八模板与库
实验九表单
实验十行为
实验十一多媒体组件的插入、使用代码设计网页与站点管理
实验十二动态网站制作
实验一站点与文档的创建
【实验目的】
熟悉DreamweaveMX环境,掌握站点的创建,学会制作页面的一般制作方法。
【实验内容】
1. Dreamweaver MX 2004简介,启动,界面认识;
;
;
,保存,预览,关闭,打开;
,标题级,颜色,效果设定。
【实验步骤】
,创建站点;
2. 新建网页;
3. 设置文档的属性;
【实验要求】
按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页的全过程;
所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。
实验二文本及其格式化
【实验目的】
通过本例要求掌握网页的一些基本常识,例如:文档的创建、打开与保存,标尺与网格的使用,捕捉与辅助设计图片的应用等。掌握设置文本格式的方法,如文本的断行与缩进、文本列表及格式化文本的方法。。要求掌握 CSS样式面板的使用,插入样式表的方式、样式表的优先顺序、CSS的基本语法与功能,能够为HTML设置样式,熟悉CSS样式定义对话框的各项功能。并熟练使用CSS滤镜进行各种样式的设置。
【实验内容】
1. 文档及其格式化,练****文本的输入及属性的设置;;
;
;
;熟悉CSS样式面板;设置各种类型的CSS样式;熟悉CSS样式定义对话框中各项的含义;CSS基本样式设置;
;文本录入与编辑;
。
【实例参考】
1. 制作如图所示的列表网页,要求一级标题有序列表,二级标题无序列表,样式如下图所示。
实验三图像
【实验目的】
1、通过本例要求掌握常见的图像格式及图像的插入方法。
2、能够修改图像属性,利用外部图像处理软件编辑图像。
3、创建图像映射,建立WEB相册。
【实验内容】
;
;
;
;
。
【实例参考】
1. 制作一个“图片热点”效果网页。要求在自选图片上创建三个热点,分别连接到自拟的文字段中。并要求当鼠标悬停在相应热点上时,显示该区提示信息。
实验四超级链接
【实验目的】
1、掌握设置文本超级连接的方法;
2、掌握设置图片超级连接的方法;
3、掌握设置图片热点超级连接的方法;
【实验内容】
超链接的基本概念和种类;
创建超链接;
文本和图片超链接的实现;
锚点超链接的实现
邮件超链接;
创建跳转菜单和导航条;
管理超级链接。
设置超级链接的属性
【实例参考】
1. 新建一个网页,在此网页中,创建到电子邮件地址yzsysl@的超级链接。
2. 创建一个网页,在此网页中插入一幅图片,当鼠标移动到不同部位(至少两个部位)时,显示不同的提示信息,并且超级链接到不同网页中去。
3. 制作一个如图所示的锚点。
4. 要求网页中所示具有超级链接属性的文字起初不具有下划线,当鼠标悬念在上面时,字体变成红色,且具有下划线。
5. 整合以前做的各种网页,,将上述各网页链接起来。并且要求在此主页写上自己的真实班级、学号和姓名。
实验五表格和页面布局
【实验目的】
1、掌握表格的创建、结构调整与美化方法;
2、熟悉表格与单元格的主要属性及其设置方法;
3、掌握通过表格来进行网页页面的布局方法。
【实验内容】
表格创建及属性设置练****br/>插入表格,对表格进行各种操作;
外部数据的导入;
表格美化;
创建复杂表格;
绘制布局单元格和布局表格
【实例参考】
。要求样式如下,并将各自单元格分别设置成不同颜色(颜色自拟)。
2. 创建一个如图所示“图文并茂”的效果,文字内容及图片自拟。
实验六框架
【实验目的】
1、掌握框架网页在创建、选择、设置、存储与应用方面的特点;
2、掌握框架结构网页的制作方法;
3、掌握iframe标记以及各个属性。
【实验内容】
框架的基本操作练****创建框架和框架集,
设置框架和框架集的各种属性。
框架布局练****br/>框架中的链接练****br/>【实验步骤】
1. 设计制作演示中的框架网页;(文件——新建——框架网页)