学号：2010215210420

题目网页设计与制作

学院计算机科学与技术学院

专业计算机应用

班级1004

姓名李俊清

指导教师丁一

2012年6月10日

实验一：网页设计html

一、实验目的

1．掌握常用的HTML语言标记。

2．利用文本编辑器建立HTML文档，制作简单网页。

3．掌握网页制作功能的使用。

二、实验内容

1．熟悉制作网页的基本方法。

2．掌握网页文件的基本操作；页面属性的设置；文本的插入和格式设置

3．建立一个网站。

三、实验步骤

1．在E:盘上建立一个文件夹如myweb作为自己的web站点根目录，在文本编辑器EditPlus 中输入如下的HTML代码程序，保存为以.htm或.html为后缀的文件如index.htm作为自己的第一个页面，并在浏览器中运行。

欢迎访问我的网站。

欢迎访问我的网站。

欢迎访问我的网站。

2.在标记中分别加入以下属性，看看index.htm有什么变化。

bgcolor=#背景颜色#=rrggbb(16进制的RGB值)或颜色名称

background=#背景图像#=image-URL(图片所在路径)

text=#非可链接文字的色彩

bgproperties=FIXED背景图像不动

欢迎访问我的网站。

欢迎访问我的网站。

欢迎访问我的网站。

四、常见问题

1. 新建的网页不能用IE浏览器浏览：保存格式不正确(扩展名不正确)。在记事本编辑网页

保存时扩展名一定要是.htm或.html；修改方法：关闭记事本和IE浏览器后在资源管理器中将文件扩展名改为.htm或.html；

2. 页中显示HTML代码：标记缺“>”或“<>”是全角。

实验二、Dreamweaver站点/文档

一、实验目的

1．掌握站点的创建

3．学习将其它格式的文档转换成HTML格式的文档。

5．掌握站点创建、管理和维护模块的基本功能。

7．学会实际运用插入外部对象并进行效果设置的方法。

3．学习使用站点操作方法。

二、实验内容

1．建立本地站点

(1)在D盘新建一个以自己学号和姓名命名的文件夹，将下载回来的素材解压后复制到此文件夹中并重命名为images

(2)建立一个名为“河南开封”的站点，站点的路径设置为第（1）题中创建的学号和姓名的文件夹位置

（提示：站点|新建站点）

2.创建和设置网站主页(index.html)，要求如下(注意效果图中标注的地方)：

1)设置标题为“河南开封欢迎您!”(title里面的内容)；

2)设置页面背景为“bj.gif”；(提示：修改-页面属性-外观-背景图像)

3)设置文本“河南开封”属性：字体大小26像素、颜色为“#006600”、字体为“华文行楷”，加粗。

3.新建一个页面，命名为kff.html，编辑要求如下：

1) 设置标题为“开封府简介”；

2)设置文本“开封府厚重历史”属性：字体大小26像素、颜色为红色、默认字体并加粗；

3) 插入图片“kff.jpg”。

(6)为主页文件index.html中的文本“开封府”设置超级链接，要求单击能够实现子页文件kff.html的访问，并且去掉链接的下划线，设置已访问链接颜色为“#000000”，活动链接颜色“#FF0000”；((提示：修改-页面属性-链接)

(7)为子页文件kff.html设置超级链接文本“返回主页”，要求单击能够实现主页index.html的访问，链接属性设置与第(6)题一样；

(8) 预览调试站点mysite2中的网页文件，并进行完善。

实验三、布局table/框架

一、实验目的

1.本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。

3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件；

4、安装Acdsee、Photoshop等图形处理与制作软件；

5、其他一些与图形处理或制作软件。

三、实验原理

1.创建边框为1像素的表格。

四、实验方法与步骤

1) 在中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。

2) 选中插入的表格，将“背景颜色”设置为“黑色”（#0000000）。

3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”（#FFFFFF）。

4) 设置完毕，保存页面，按下“F12”键预览。

四、实验内容

1．表格制作，在文本编辑器中输入如下的HTML代码程序，用table.htm文件名保存在自己目录中，并在浏览器中运行。

表格标签

2．设计表单，在文本编辑器中输入如下的HTML代码程序，用form.htm文件名保存在自己目录中，并在浏览器中运行。