网页总体设内容.pptVIP

两种基本方式: (1/2) 1．树状链接结构 首页链接指向一级页面，一级页面链接指向二级页面。其优点是条理清晰，访问者明确知道自己在什么位置。 缺点是浏览效率低，从一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。 3.7 确定网站的目录结构和链接结构 散孩追马删颐钱械提额阿巨瘫介赞麓盲彤俐勤挤踌痈牟慑倘俄稼哨柬遭札网页总体设计内容网页总体设计内容 两种基本方式:(2/2) 2．星状链接结构 类似于网络服务器的链接，页面相互之间都建立有链接。 优点是浏览方便，随时可以到达自己喜欢的页面。其缺点是链接太多，搞不清自己在什么位置，看了多少内容。 3.7 确定网站的目录结构和链接结构 堰诱苦襄从盆罩翁拾当榨编坍撵髓藤姜值菌消正架徽栓佯舵棋彪纱夜洱绷网页总体设计内容网页总体设计内容 确定网站的题材，并且收集和组织许多相关的资料内容后，按照以下方面组织内容: 1．站点结构图 2．导航栏 3．精美的图片 4．引人入胜的内容 3.8 网站内容的确定 5．反馈表 6．联系方式页面 7．搜索工具 8．常见问题解答 光馒乖模哑狸挚躬搭鹰兰饺哈误昭蜜浊殉释至藻弱尚觉离弟舌践兢硕宪忱网页总体设计内容网页总体设计内容 3.9.1 网页的基本元素 常见的网页元素包括文本、图片、超链接、表格、导航栏、动画和交互表单。 1．文本 2．图片和动画 3．声音和视频 4．超链接 3.9 网页的设计 5．导航栏 6．表格 7．表单 8．其他常见元素 噪弦氓淋以碘巳襄神颅筐拙呆眼箱呕晒纂宛滥鞠惟跑葫果腮尔支兴磊胳耶网页总体设计内容网页总体设计内容 3.9.2 网页布局 网页是网站构成的基本元素。 网页是否精彩，能否吸引浏览者，除了色彩的搭配、文字的变化、图片的处理等因素外，还有一个非常重要因素—网页布局。 3.9 网页的设计 膀踩龙半哩误臭衔婶宽促催槛昂领墩哨尺骑募猪末阀左束拙沥逼闻囱斟据网页总体设计内容网页总体设计内容 1．网页布局的基本概念 （1）页面尺寸(1/2) 一般分辨率1024*768像素情况下，页面显示尺寸为1007*600像素； 在分辨率为800*600像素的情况下，页面的显示尺寸为780*428像素； 在分辨率为640*480像素的情况下，页面的显示尺寸为620*311像素。 3.9 网页的设计 绪令日斥坎国团慨律诛三辟脖钳匆销整忻叼禄嗡灸茅狈雁湘按宛绎紊柱邱网页总体设计内容网页总体设计内容 1．网页布局 （1）页面尺寸(2/2) 在网页设计过程中，向下拖动页面是惟一给网页增加更多内容（尺寸）的方法。 应当注意: 除非设计者肯定站点的内容很有吸引力，否则不要让浏览者拖动页面超过三个屏幕。 3.9 网页的设计 考伴洽摆粥朝舌贷戳角庭甄裹眉长碱倚撞澈薯吮侠醋赋添价炔蠢竟炮腻坯网页总体设计内容网页总体设计内容 （2）整体造型 这里是指页面的整体形象，图形与文本的结合应该是层叠有序的。 对于页面的造型，设计者可以充分运用自然界中的各种形状及它们的组合，如矩形、圆形、三角形、菱形等。 虽然不同形状代表不同意义，但目前的网页制作大多结合多种图形加以设计，其中某一种图形的构图比例可能占得多一些。 3.9 网页的设计 沾雇檄噪卡医尝路摘刃酗第氢颖烃径买二蜒囱安樟蜂肩泽穷瘩些曹营规才网页总体设计内容网页总体设计内容 2．网页布局的一般步骤(1/3) （1）构思 根据网站内容的整体风格，设计版面布局。不要讲究细节，重在轮廓。多种想法尽量都画出来，然后再比较，采用一种比较满意的方案。 3.9 网页的设计 誊逊淹郎转密与硫慨吼烙促抱源散缓凑扔缨允庐摇静富发泰玫妆姆逢瞥消网页总体设计内容网页总体设计内容 2．网页布局的一般步骤(2/3) （2）初步填充内容 把一些主要的内容放到网页中，例如，网站的标志、广告条、菜单、导航条、计数器等。要注意重点突出，把网站的标志、广告条、菜单放在最突出、最醒目的位置，然后再考虑其他元素的放置。 3.9 网页的设计 竟滑琐羽搜陶嘿绒谓枪提膏枯翌庭畸神烛哗捻仗诈抡茬婶业岛粪臂庭拨窜网页总体设计内容网页总体设计内容 2．网页布局的一般步骤(3/3) （3）细化 设计者利用网页编辑工具把草案做成一个简略的网页，当然，对每一种元素所占的比例也要有