网页设计与制作阶段练习_1

网页设计与制作
阶段练习：熟悉HTML语言中主要标记的使用，掌握下面静态网页的制作
实验一
1、目标：制作一张静态网页，熟悉常用HTML标记的作用。

2、方法：需通过记事本以及DreamWeaver工具分别制作该网页，并比较两者在使用、生成
代码等方面的不同。

3、要求：在页面中需包含网页标题、文字（段落）、表格、图片、链接、背景（颜色或图
案）等。

下面是对上面各项元素的具体要求：
文字：需包含在段落标记内，在段落内部应用换行符，通过属性设置文字对齐方式及颜色等。

图片：需选择合适大小的图片，定义图片的替代文本（说明文本）。

链接：可选取文字链接或图片链接，需指定链接地址、窗口打开方式等。

背景：需设置页面背景（图案或颜色），注意背景色彩的选取要确保不影响页面其他元素的显示。

表格：可使用表格对整个页面进行布局，也可用来承载其他HTML元素（如文字、图片）。

需将表格边框至少设置为1。

注：页面内容可自行选取，最终页面要整齐有序。

在制作页面的过程中，应注意布局及色彩搭配方面的问题。

实验二
1、目标：制作2张静态网页，熟悉表单的使用
2、方法：需通过记事本以及DreamWeaver工具分别制作该网页，并比较两者在使用、生成
代码等方面的不同。

3、要求：在第一张页面（a.htm）中，包含表单及相应表单元素，提交对象指定为第二张页
面（b.htm）。

第一张页面（a.htm）：
需包含表单、文本框、下拉列表、单选按钮、复选按钮、提交按钮、重置按钮等。

注：本实验主要是考查表单的设置及使用，注意观察在不同的表单数据传输方式下的变化。

实验三
1、目标：制作3~4张静态网页，熟悉框架页面的使用
2、方法：需通过记事本以及DreamWeaver工具分别制作该网页，并比较两者在使用、生成
代码等方面的不同。

3、要求：制作一张主框架页面（frameset.htm），2~3张子框架页面（a.htm，b.htm，c.htm）。

主框架页面（frameset.htm）：
需设置页面框架结构（横向排列、纵向排列或两者兼有，各框架所占比例等），指定各子框架页名称等
子框架页：
选择一页生成多条超链接，需设置链接地址、打开位置等。

在其中一页练习使用iframe框架标记，比较其和普通框架页的不同。

注：研究框架页的使用技巧，发掘其与单页面模式相比的优劣所在。

可将前两个实验的结果页面应用在框架页中进行综合练习。