文档介绍：学年: 2005 ~2006 第一学期课程名称:网站建设与网页设计班级: 12 级网络经济姓名: 学号: 实验项目编号: E14209801 实验名称: HTML 语言基础实验时间: ==================================================== 实验一网站建设相关基础( 2学时) 一、实验目的 1 .掌握门户网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2 .熟悉页面排版,掌握网页布局的方法。二、实验内容 1 .上网访问实际若干门户网站,了解各网站的风格(主题图形形象、导航是否清晰, 整体色调的搭配是否协调,主题是否突出等)。 2 .在网上找出下列版面布局的结构形式: ⑴.“厂”结构布局⑵.“口”型( “国”字型)布局⑶.“三”型布局⑷.对称对比布局 3 .找出若干旅游网站(至少 5个); 4 .找出若干 B 2B 网站( 至少 5个); 5 .使用电脑中的图片工具( Photoshop ) 、.GIF 和 PNG 格式, 比较三种图片格式的区别。三、实验步骤与要求按“实验内容”中1~5 完成网上的操作,完成实验报告,在实验报告中要求记录如下内容: ⑴.所访问各门户网站的风格及特点; ⑵.各种版面布局网站的域名和所采用的版面布局形式; ⑶.记录旅游、 B2B 网站的名称、域名、 URL 及 LOGO ; ⑷.记录 B 2B 网站主页上的宣传标语或体现企业精神的代表性词句。四、说明: 1 、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。实验二基本页面元素操作( 2学时) 一、实验目的: (1) 熟悉基本网元素及其操作(2) 熟悉使用页面属性二、实验内容本实验的内容主要是制作一个“X XX 景点介绍”网站的页面文件, 它包括文本、图像、水平线以及日期和时间,效果如下图所示。三、实验步骤与要求实验前认真预****熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。(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 、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。实验项目编号: E14209803 实验名称: HTML