第1讲网页设计概33总结.pptVIP

常见的网页结构类型 (1)“同”字型布局 “同”字型布局（又叫“国”字型布局）的结构特点是：页面顶部为水平放置的主导航栏，其下大体上分为左中右三栏，左边一般放置内容导航、二级栏目或热点内容等；右边一般放置站点图片链接、动画广告、搜索引擎、友情链接和注册登录信息等；中间为主要内容板块。 “中国人民大学”首页 这种结构布局是互联网上最常见的布局，其优点是：页面结构清晰、直观、平衡均衡和主次分明。缺点是版次过于呆板、僵化，往往给人一种“单调乏味”的感觉。因此，采用这种布局结构时，必须在设计过程中更加注重色彩的搭配和细节的处理，调节页面的整体韵律，弥补它的不足。 (2)“匡”字型布局 “匡”字型布局（又叫“拐角型”布局）是把“同”字型布局右边的内容移到底部而成，它们的结构特点和优缺点也大体相同。如北京交通大学首页就属于这种布局。 (3)“吕”字型布局 “吕”字型布局的特点是把页面分为上下两大块，其中每一块都具有同字型结构的特点。这种结构在设计技术上采用上下两个表格进行页面元素的定位，两个表格之间往往插入条幅广告。这种布局能够容纳大量信息，目前各大型门户网站的二级模块通常都是采用“吕”字型的布局。如“新浪体育”、“网易新闻”和“搜狐财经”等网页。 (4)自由式布局 自由式布局打破上述结构的“规规矩矩”，尽情挥洒。页面布局就像一张宣传海报，极具创意。这种页面常常以一幅精美的图片作为设计中心，导航栏则作为次要的设计元素，自由摆布，起到点缀、修饰和均衡的作用。一些时尚网站常常采用这种布局，如艺术设计、时装服饰和化妆品等站点。这种布局的优点是漂亮、现代、轻松和明快，极具美感，给人以美的享受。 1.4网页的色彩搭配及应用 在网页设计中，色彩搭配是体现网页风格的重要元素之一。一个网站设计的成功与否，很大程度上取决于网页色彩的搭配。色彩搭配是一项艺术性很强的工作，因此在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，这样才能设计出色彩鲜明、性格独特的网站。 1.4.1网页色彩搭配的原理 网页的色彩是树立网站形象的关键之—，网页的背景、文字、图标、边框和链接等应该采用什么样的色彩，应该搭配什么色彩才能最好地表达网站的内涵和主题呢?下面将介绍网页色彩搭配的一些原理。 1．色彩的鲜明性 2．色彩的独特性 3．色彩的艺术性 4．色彩搭配的合理性 1.4.2网页色彩搭配的技巧 网页配色很重要，网页颜色搭配得好坏与否会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不好的色彩搭配则会让访问者产生抵触情绪。下面就来讲述网页色彩搭配的一些技巧。 1．使用单色 2．使用邻近色 3．使用对比色 4．黑色的使用 5．背景色的使用 6．色彩的数量 1.4.3网页色彩选择标准 选择网页色彩，在遵从艺术规律的同时，还应考虑人的生理特点。色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用容易造成视觉疲劳的纯度很高的单一色彩。在选择网站颜色时，应遵循以下标准。 1．了解网站所要传达的信息和品牌 2．了解网站的访问群体 3．不要使用过多的颜色 4．在文字的部分使用对比色 5．选择颜色要注意时效性 6．选择色盘时应考虑功能性的颜色 7．注意网站色差问题 1.5网页的设计原则 尽管网页设计和网站的开发有多种多样的方式和技巧，但要完成一个完美的、既让浏览者爱好又便于日后维护的网站，在设计时必须要牢记以下网页设计原则。 1．内容第一、形式第二 2．重点信息要醒目突出 3．网页文件的命名原则 4．设置合理的网站目录 5．确保链接的有效性 6．流畅的访问速度 7．清晰的导航结构 8．良好的兼容性 9．慎用多媒体元素 10．真实有效的客服信息 1.6小结 本章主要讲述了制作网页时需要注意的一些事项、网页设计的艺术原则、网页的实用布局结构、网页的色彩搭配等网页设计知识，最后介绍了网页制作的流程。使读者有个整体认识，为后面制作复杂的网页奠定基础。 第1讲 网页设计概述 学习目标： 通过本章学习，掌握网页设计相关的基础知识和基本概念，熟悉网页的组成元素，了解网页设计可能用到的开发软件和常用技术，对网站的设计流程和网页制作原则有初步的了解和认识。 1.1网页中的基本概念 1．万维网(WWW) 万维网(World Wide Web，WWW)是Internet的多媒体信息查询工具，由三部分组成：客户机、服务器和HTTP，它是促使Internet迅速发展和普及的重要技术。用户只要在WWW浏览器中的Web页面上轻松点击链接，就可以转到相应的信息服务资源中去。多媒体的Web界面带来生动活泼的效果，简单和直观的操作手段给用户提供了很大的便利。 2．网页和网站 网页是构成网站的基本元素，是