网页总体设计内容课件.ppt

两种基本方式: (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 网页的设计 * * 3.1 网站设计流程 3.2 确定网站的类型 3.3 定位网站的主题和名称 3.4 确定网站CI形象 3.5 确定网站的栏目和版块 3.6 确定网站的整体风格 3.7 确定网站的目录结构和链接结构 3.8 网站内容的确定 3.9 网页的设计 3.10 浏览器版本和分辨率 第3章 网站规划设计基础 网站设计的主要任务包括： 网站架构设计; 以浏览器为客户端的Web应用程序开发（如新闻中心、网上商店、虚拟邮局、客户关系管理等）; 系统测试及网站发布等。 3.1 网站设计流程 设计过程大体上分为以下13个阶段：(1/3) 1 编写网站设计的计划书； 2 确定网站设计总体思想，即网站设计如何能实现网站规划中提出的目标，以及网站的风格和特点，网页的外观与使用方面的特点； 3 确定网站提供的内容； 4 网站交互设计，如信息反馈、意见调查等； 设计过程大体上分为以下12个阶段：(2/3) 5 对网站的内容进行分类； 6 设计网页必有的内容， 如公司标志、联系方法和导航条等； 7 讨论并确定方案； 8 制作网页的模板； 设计过程大体上分为以下13个阶段：(3/3) 9 制作网页并在不同平台的浏览器上测试网页； 10 检查网页的链接； 11 让部分顾客或员工试用网站， 并提出反馈意见； 根据需要修改不合适的地方； 13 正式发布网站。 1．门户网站（1/2） 门户网站（Portal Site）集合众多内容，提供多样服务，并使其尽可能地成为网络用户的首选。