《网页设计与制作》-实训指导书 下载本文

内容发布更新时间 : 2024/4/28 4:22:24星期一 下面是文章的全部内容请认真阅读。

.

实训课时

2学时 实训内容

1、插入横向导航条 2、设置文本链接 3、插入左置导航栏 4、创建外部超级链接 5、创建内部超级链接 6、创建E-MAIL链接 7、创建锚点链接 8、创建下载文件的链接 9、创建空链接 10、创建脚本链接 实训要求

要求学生能利用链接来制作网页;掌握链接几种设置的方法和步骤。 实训步骤

1、打开上次实训所做的主页面文件; 2、选择导航栏的相应文字;

3、在属性对话框链接栏中设置要链接的网页。

4、在main页面中,分别以3段文本段落标题作为锚点,在页面上部设置锚记链接;

5、在左下部设置“友谊链接”到相关的网站,设置“联系我们”的E-MAIL链接;创建“下载”到下载文件的链接;

6、保存文件,预览文件效果; 实训过程注意事项

导航栏要注意分类,避免重复出现; 锚点的名称要注意不能重名。 实训思考

1、锚点在同一个文件中是否可以重名?

.

.

2、如何设置链接到指定的网站? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

实训7 制作动感网页

实训目的

为了让学生掌握在网页中如何插入FLASH动画、按钮、文本、视频、音频、JAVA APPLET 及ActiveX控件等内容,以便实现动感网页的制作。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材、动画素材。 实训课时

2学时 实训内容

1、插入FLASH动画 2、插入FLASH按钮 3、插入FLASH文本 4、插入FLASH视频 5、插入音频、视频 6、插入Java Applet

.

.

7、插入ActiveX控件 实训要求

要求学生掌握在网页中插入动画、按钮、文本、视频、音频、Java Applet及ActiveX控件等内容,实现网页的动画效果。 实训步骤

1、打开主页,在页面的顶端部分和中间部分分别插入FLASH,选择要插入的FLASH动画,网页编辑窗口中会显示一个FLASH电影图标;

2、在左侧添加一个图层,在层中插入如图10所示的图片和文字,在下面插入一个FLASH按钮,在对话框中选择需要的样式,输入所要显示的文字,指定按钮的链接地址,将背景颜色设置与主页中的背景色相同;

3、将插入的按钮复制并粘贴多个,分别更改其显示的文本和链接的网页,组成导航条;

4、插入FLASH文本及Java Applet及ActiveX控件设置文本的各项属性值; 5、保存文件,预览文件效果; 实训过程注意事项

1、插入的FLASH文件必须将其复制到站点文件夹内;

2、插入的按钮必须要更改各个按钮的存储名称,否则网页中显示的将是同一个按钮; 实训思考

1、如何设置按钮的背景色与网页中的背景色一致? 2、在Fireworks中制作的图形要在网页中引用应如何操作? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

.

.

实训8 表单制作

实训目的

为了让学生掌握如何创建表单网页;了解各个表单对象属性的设置;熟练掌握各个表单对象不同的使用范围。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。 实训课时

2学时 实训内容

1、插入表单

2、插入表单对象:文本框、复选框、单选按钮、按钮、复框框、图像域、密码域、列表和菜单 实训要求

要求学生能利用表单来创建网页;掌握设定表单的内容和表单对象;掌握设置各个表单对象的属性值等内容。 实训步骤

1、打开主页页面,按图11所示,分别合并前两行单元格和中间两列单元格,在合并后的单元格内插入一个表单,为插入的表单命名为login;

2、在表单中插入文字内容及对应的表单对象:文本框、复选框、单选按钮、按钮、复框框、图像域、密码域、列表和菜单

3、设置各个表单对象的属性值:将客户姓名、E-MAIL、具体地址的文本域依次命名为name、email、address;字符宽度和最多字符数分别为12、12,24、

.

.

24,30和30,类型都为单行文本域;

4、最后一个文本域输入框命名为jianyi,类型为多行文本域,字符宽度和行数依次为50、8,文本域载入时显示值为“请在此输入你的建议”

5、设置表单中的客户姓名为必填项,E-MAIL为必填项且必为邮件地址; 6、设置表单以邮件发送的方式发送到邮箱; 7、保存文件,预览文件效果; 实训过程注意事项

1、在一个网页中只能插入一个表单,但在一个网页中可以有多个表单对象; 2、各个表单对象注意在属性面板中定义其名称。 实训思考

1、表单对象中的插入两个单选按钮,如何命名? 2、如何设置密码域?

3、文本字段与文本区域如何转换? 4、如何设置检查表单的行为? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

实训9 CSS样式表的使用

实训目的

为了让学生了解使用CSS样式来美化网页的方法,掌握创建CSS样式的方法和步骤,以及利用CSS滤镜来制作文字特效等操作。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或

.