实验一 网页设计基础实验111.doc

22实 验 报 告 实验项目：网页设计基础实验 实验时间： 交通学院 09 级 交通工程 专业 班 学号: 姓名: 成绩： 一、实验目的 1．掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点； 2．了解网页布局的形式。 二、实验内容 1．上网访问实际若干交通网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）。 2．在网上找出下列版面布局的结构形式： ⑴．“T”结构布局 1.T结构布局。所谓T结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T,所以我们称之为T形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。 2.口型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计。 3.三型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。 4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见：漂亮吸引人 进入internet找到以上各种布局，并写出各种版面布局网站的域名和所采用的版面布局形式。 三、实验步骤与要求 1．按“实验内容”中完成网上的操作，完成实验报告，在实验报告中要求记录如下内容：⑴．所访问交通网站的风格及特点（至少两交通网站）； ⑵．各种版面布局网站的域名和所采用的版面布局形式；（各举一例） 交通学院勤工部 /thesis.asp?info_id=31info_parentid=8news_id=258 T形 2 T形 3 4 T 下面口形 1  HYPERLINK /v/2009-2-13/602.htm /v/2009-2-13/602.htm 2  HYPERLINK /read.php?136 /read.php?136 3  HYPERLINK /zhujiayun/2011/8/1181279922875.html /zhujiayun/2011/8/1181279922875.html 4  HYPERLINK /node2/node2247/node4591/node79629/node79650/userobject1ai103573.html /node2/node2247/node4591/node79629/node79650/userobject1ai103573.html 三形结构布局 1  HYPERLINK /tjbbs/dispbbs.asp?boardid=11Id=108 /tjbbs/dispbbs.asp?boardid=11Id=108 2  HYPERLINK /2011/9-23/552160333083033.html /2011/9-23/552160333083033.html 3  HYPERLINK /system/2011/11/19/102875671.shtml /system/2011/11/19/102875671.shtml 4  HYPERLINK /focus/t/2010-12-15/120111893.html /focus/t/2010-12-15/120111893.html POP形布局 1  HYPERLINK /shop/4191996 /shop/4191996 2  HYPERLINK /wz/73_64.html /wz/73_64.html 3 /Common/DocumentDetail.aspx?ID=2011111709482102383 5对称对比形结构布局的交通网站 1  HYPERLINK /view/626si1 /view/626si1