网页设计实验报告.doc

学年:2005~2006第一学期
课程名称:网站建设与网页设计
班级:12级网络经济
姓名:
学号:
实验项目编号:E14209801
实验名称:HTML语言基础
实验时间:
====================================================
实验一网站建设相关基础(2学时)
一、实验目的
、网站及网页的基本风格与基本构图特点;
,掌握网页布局的方法。
二、实验内容
,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。
:
⑴.“厂”结构布局
⑵.“口”型(“国”字型)布局
⑶.“三”型布局
⑷.对称对比布局
(至少5个);
(至少5个);
(Photoshop)、.GIF和PNG格式,比较三种图片格式的区别。
三、实验步骤与要求
按“实验内容”中1~5完成网上的操作,完成实验报告,在实验报告中要求记录如下内容:
⑴.所访问各门户网站的风格及特点;
⑵.各种版面布局网站的域名和所采用的版面布局形式;
⑶.记录旅游、B2B网站的名称、域名、URL及LOGO;
⑷.记录B2B网站主页上的宣传标语或体现企业精神的代表性词句。
四、说明:
1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。
实验二基本页面元素操作(2学时)
一、实验目的:
(1)熟悉基本网元素及其操作
(2)熟悉使用页面属性
二、实验内容
本实验的内容主要是制作一个“XXX景点介绍”网站的页面文件,它包括文本、图像、水平线以及日期和时间,效果如下图所示。
三、实验步骤与要求
实验前认真预录发生的现象并分析原因。
(1)创建页面LOGO。
(2)创建主页,。
(3)输入自己拟定撰写的文字内容。
(4)将“XXX景点欢迎你”设置滚动效果的文字。
(5)对文字进行排版。
(6)插入水平线,并设置水平线的颜色。
(7)插入导航条
(8)插入图片
(9)插入日期和时间
(10)打开页面属性对话框
(11)设置网页的背景图像。
(12)浏览各个网页的实际效果。
四、说明:
1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。
实验三页面链接和表格(2学时)
一、实验目的:
(1)利用表格进行文本的整齐排列和自由的图文混排
(2)利用链接打开不同的页面。
二、实验内容
本实验的内容主要是利用表格进行网页的定位练习
,站点内至少包含网页五个。
,自定义不同的区块,效果可以与下图相似。
。
三、实验步骤与要求
实验前认真预录发生的现象并分析原因。(1)建立一个本地站点文件夹。
(2)。
(3)最外层的表格宽度为700像素,嵌套的表格宽度为100%,整体上分为上下两个表格。
四、说明:
1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。
实验项目编号:E14209802
实验名称:制作个人主页
实验时间:
====================================================
实验四制作个人网站(6学时)
一、实验目的:
(1)综合利用所学的HTML语言制作页面。
(2)页面布局及内容的合理设计。
二、实验内容
本实验的内容主要是综合利用所学的HTML对网页设计制作进行的练习
。
,自定义不同的区块。
,分页面介绍一些细节,效果图如下两图所示。
三、实验步骤与要求
实验前认真预录发生的现象并分析原因。(1)建立一个本地站点文件夹。
(2)。
(3)建议最外层的表格宽度为700像素,嵌套的表格宽度为100%。
(4)要求包含导航、自己的照片、链接、表格等元素。
四、说明:
1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结