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

  1. 1、本文档共12页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
实验一网页设计基础实验111实验一网页设计基础实验111

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

文档评论(0)

ganqludp + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档