实验一 网页设计基础实验
一、实验目的
学生通过该实验熟悉 HTML 语言的基本使用方法,进一步体会浏览器解释执行 HTML 的原
理,为以后高级网络编程打下扎实的基础。
1.掌握利用因特网进行信息游览、搜索,下载网页、图片、文字和文件;
2.对给定的网站,能指出网站的风格(链接结构、目录结构、页面布局方式);
3.了解 HTML 文档结构;
4.能够运用文本编辑器制作简单网页。
二、实验环境
微机+ Window 操作系统 +IE 浏览器+ 网页编辑器
三、实验重点及难点
熟练使用浏览器进行浏览、搜索、下载。
四、实验内容
1、根据网站制作的需要,从网上下载网页制作时需要的文字、小图片、动画及 flash。
2、利用搜索引擎,浏览因特网上较为著名的 5 个网站,记录这些网站的名称、网站地
址和以及相应的网页文件格式(扩展名);
3、上网访问实际 3 个网站(可以上校园网),记录这些网站的名称、网站地址,了解各
网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)、
页面布局方式。
4、在网上找出下列版面布局的结构形式:(象形即可)
⑴.“国”字型布局
⑵.拐角型布局
⑶.拐角型布局
⑷.封面型布局
(5). 封面型布局
5、查看湖北学院网站主页的源代码,收藏到收藏夹中,将其设为主页。
6.使用电脑中的图片工具把不同图片转换为.JPG 或.GIF 格式,比较两种图片格式的区
别。
7. 什么是网站的 CI 形象?打开网易主页,查看其 CI 形象标志。
8、构建 HTML 文档“我的第一个网页”:
(1)从开始菜单启动记事本;
(2)在记事本中,录入一个 HTML 文档;
(3)设置该文档在最终在浏览器中显示的标题为“我的第一个网页”;
(4)在页面添加可见的文本“我的第一个网页”;
(5)使用记事本的菜单“文件”→“保存”,在“另存为”对话框中,在“保存类型”
下拉列表中选择“所有文件”,录入“文件名”myfirstpage.htm,单击“保存”按钮将该页
面保存到实验文件夹。
<html>
<head>
<title>我的第一个网页</title>
</head>
<body >
我的第一个网页
</body>
</html>