网页设计教程全解.ppt

* 版面布局设计的注意点： 页面尺寸 像素点数，也指一个网页文档在显示器上显示的屏数。与显示器的分辨率有关。页面长度最好不要超过三屏，否则给人以冗长的感觉。 选择合适的造型形状 保持页面的平衡 平衡是指以页面中心为支点，页面的上下左右在分量上应给人以匀称的感觉。平衡又分为对称平衡（庄重、稳定）和非对称平衡（活泼、乐趣）。 重点要突出，增加表现力 页面风格应一致或接近 减轻用户的认知负担，并利用浏览器的缓存能力，提高系统的效率 * （8）网站风格 网站风格由诸多因素所组成，是一个“整体形象”。 “整体形象”指站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义和站点荣誉等诸多因素。 网站的风格应该具有一定的独特性，人性化，要让浏览者明确分辨出这是某个网站所独有的。 与众不同 要肯定风格是建立在有价值的内容之上的 要彻底搞清楚自己希望网站能给人的印象是什么 要在明确自己的网站印象后，开始努力建立和加强这种印象，风格不是一次定位的，而是在实践中不断强化、调整、修饰的 风格必须建立的人的基础之上 返回目录 1.3 网站设计——确定网站的整体风格和创意设计 * 对网站进行分析定位之后，接下来就是制作网页了，然而，如何对确定的主题和结构中的文件加以规划和创意，如何提高网页的视觉吸引力，有效地传达信息、给人以审美感受，就成为了摆在我们面前的一个非常重要的问题。 网页上有各种功能组件和媒体信息。最常见的功能组件包括网站标志、导航栏、广告条等，而色彩、文本、图片和动画则是网页最基本的信息形式和表现手段。 1.4 网页规划和步骤——网页基本元素 返回目录 * 网页设计的关键任务 就是围绕主题如何将已有的网页基本元素以网页的形式展现出来。更通俗地说就是如何布局、安置素材，故其前期工作素材的准备尤其重要。 * 1.4 网页规划和步骤——网页制作步骤 网页制作一般分为如下步骤： 1．网站规划：将主题拆分为若干子主题，为每个子主题制作目录及必要的空网页文件。 2．主页规划：为主页划分区域，合理安排网站名称、网站标志、公共导航等必要内容，并在主页上为每个子主题建立带描述性文字的超链接。 3．设计主页、子主题网页。 返回目录 * 网页上最常见的功能组件 1.网站的标志(LOGO)：通常位于主页面的左上角。 2.导航栏：直观地表示网页具体内容，引导浏览者顺利访问网页。导航栏要放在明显位置，它有一排、两排、多排、图片导航和框架快捷导航等。 3.广告条：又称广告栏。一般位于网页顶部、导航栏的上方，与左上角的网站标志相邻。广告条中图形无需太繁杂，文字尽量使用粗体字，广告语要精练，朗朗上口。 4.有哪些信誉好的足球投注网站引擎：方便用户以最快方式找到所需信息。一般位于导航栏下方。 5.注册与登录区：用户在此注册会员或以会员身份登录。一般放在页面主内容区的左上方或者右上方。 6.主内容区：网页中要呈现给用户的主要内容。占据页面最突出的位置和最大的空间。 7.友情链接：用户可以通过这些链接进入其他网站。是一种互相宣传的方式。一般位于页面右侧或者下方。 1.4 网页规划和步骤——网页基本元素 返回目录 * 网页最基本的信息形式和表现手段 包含文字、按钮、图像、超链接、表格、表单、事件与行为、动画、框架、音频、视频、交互等 1、按钮：网页上的任何一个板块内容都可以设计成按钮的形式，在制作时要注意网页整体协调。按钮上的文字要清楚，图案色彩要简单。 2、文本：网页中最多的内容通常是文本，可以根据自已的需要设置文字的颜色、字体、字号等内容。 3、图像：是表现、美化网页的最佳元素。但图像也不宜太多，否则会让人觉得杂乱，也影响网速。 4、表格：一般用来控制网页的布局。如使用较多的横竖分明的网页布局。 5、表单：用来收集信息或实现一些交互作用的表。 6、多媒体及特殊效果：为了吸引浏览者，常设置一些动画或声音，使得页面图、文、声并茂，以增加点击率。 1.4 网页规划和步骤——网页基本元素 返回目录 * 1.4网页规划和步骤——网页文件规划 网页文件规划需要多方位考虑设计者和浏览者的需要，使网页文件最大限度地实现设计者的目标并为浏览者提供方便快捷和最直观有效的信息服务。 网页文件规划要遵循三个基本原则：内容、速度和页面美观，其中内容最重要。 返回目录 总体设计：设计出总体框架图。网页主题鲜明、结构合理，不能堆砌；将丰富的内容和多样的形式组织在一个统一的结构中，达到形式和内容的统一、协调；力求布局合理，美观大方； ； 网页设计标准，保持风格一致。 * 1.4 网页规