Dreamweaver.CS4.完全自学教程（共27章）.pdf

2011-11-5 第1章 网页设计基础知识 • 网站作为新媒体，具有很多与传统媒体不同的特征与特性，在开始制作网页 之前，需要对网站的设计有全面的了解和认识。这一章首先介绍网页的基本 概念及构成要素概念及构成要素，，帮助大家理解网页的特点与结构帮助大家理解网页的特点与结构；；接下来学习网站建设的接下来学习网站建设的 基本流程，了解网站是如何从无到有的；此外，网页版式与风格设计是建设 一个成功网站的关键，学习基本的规律有助于设计出更美观、实用的网站。 1.1 网页与网站 • 由于互联网具备同时传送文字、动画、图形、声音等多媒体的能力， 使之成为当今最流行的媒体。而形式各异、内容繁杂的网页是这些 信息的载体信息的载体。那么什么是网页那么什么是网页？？什么是网站什么是网站？？网页与网站究竟有哪网页与网站究竟有哪 些异同？网页包含哪些基本构成要素？ 1 2011-11-5 1.1.1 认识网页与网站 • 网页（Web Page）实际上是一个文件，网页经由网址（URL）来识别与存取。当浏览 者输入一个网址或单击某个链接，在浏览器中显示出来的就是一个网页。 • 网站（Web Site）是各种各样网页的集合，有的网站内容众多，如新浪、搜狐等门户 网站网站；有个网站只有几个页面有个网站只有几个页面，如个人网站如个人网站。在构成网站的众多网页中在构成网站的众多网页中，有有一个页面个页面 比较特殊，称为首页（Home Page）。例如，当浏览者输入搜狐网站地址 “”后出现在第一个页面，即sohu网站的首页，如图1.1所示。浏览者 可以根据首页的导航进入其他页面，了解更多内容。 1.1.2 网页的基本构成要素 • 虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大 体相同，包括标题（Logo）、导航、文本、图片、动画、超链接、 表单表单、音视频等音视频等，如图如图11.22所示所示。网页设计就是要将上述构成要素有网页设计就是要将上述构成要素有 机整合，表达出美与和谐。 2 2011-11-5 1.2 网站建设的基本流程 • 规范的网站建设应遵循一定的流程，主要由规划设计阶段、实施发 布阶段、评价阶段组成，各个阶段的具体环节如图1.3所示。 1.3 网页版式设计 • 网页的版式设计是网页设计的核心，主要内容包括网页整体布局设 计和导航样式的设计。本节将介绍常见的几种网页布局，以及网页 导航设计应遵循的原则导航设计应遵循的原则。 3 2011-11-5 1.3.1 网页布局 • 网页布局是网页设计的基础，目前网页的布局主要可归为三大类型： 分栏式结构、区块分布式结构、无框架局限式结构。 •• 11．分栏式结构分栏式结构 • 2．区域分布式结构 • 3．无框架局限式结构 1.3.2 导航设计 • 导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时“迷路”。 导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。 • 导航设计的好坏，决定着用户是否能很方便地使用网站。导航设计应直观明确，最大限度地为用户使用考虑，尽 可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求，不同的网站会采用不同的导航方式。一般来 说说，在网页的上端或左侧设置导航栏是比较普遍的方