第1章 网站基础 网页设计案例教程ppt.pptVIP

网页制作案例教程北京大学出版社PEKING UNIVERSITY PRESS 第1章 网站基础 本章内容在网站设计中的地位 面对形形色色的网站，要使人们记住某些网站并不是容易的事，这就需要网页设计者制作的网页要有特色，在没有介绍网站具体制作方法前，对设计网站应具备一些基本知识还是必要的。本章主要介绍制作网站的基本知识，并通过本教材所附教学网站网页的展示介绍网站制作涉及的一些知识。 本章要点 组成网页的元素； 网页的布局风格； 本教材附带的网站介绍。 教学目标 了解组成网页的元素； 了解网页的布局风格； 了解制作网页涉及的基本知识。 1.1 网站基本知识 1.1.1 组成网页的常用元素 在一个网页中，通常由文本、图像、超链接、表单等元素组成。 1．文本 文本一直是最重要的信息载体与交流工具，网页中的信息一般以文本为主。在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。用户还可以在网页中设计各种各样的文字列表，来清晰表达一系列项目。 2．图像 今天看到的丰富多彩的网页，都是因为有了图像，可见图像在网页中的重要性。在网页中既可以通过图像的形式表达主题，也可以通过图像对网页起一个装饰作用。用于网页中的图片一般为JPG格式和GIF格式，即以.jpg(或.jpeg)和.gif为后缀的文件。 3．超链接 超链接是网站的灵魂，从一个网页指向另一个目的端的链接。例如，指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。 4．表单 表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项。在填写好表单之后，站点访问者便送出所输入的数据，该数据就会根据所设置的表单处理程序，以各种不同的方式进行处理。 5．表格 表格是网页排版的灵魂。使用表格排版是现在网页的主要制作形式。通过表格可以精确地控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格，范围要更广一些。表格是HTML语言中的一种元素，主要用于网页内容的排列，组织整个网页的外观。 6．动画 动画是网页上最活跃的元素，通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。网页中的Banner一般都是动画的形式。 网页中除了这些最基本的元素，还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频、视频等。 1.1.2 制作网页时应注意的因素 1．色彩 色彩在人们的生活中都是有丰富的感情和含义的。比如，红色让人联想到玫瑰，联想到喜庆，联想到兴奋；白色让人联想到纯洁，干净，简洁；紫色象征着女性化，高雅， 浪漫；蓝色象征着高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等。当然在特定的场合下，同种色彩也可以代表不同的含义。 2．背景与文字 如果一个网站用了背景颜色，就必须考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色，让人一目了然。 当然，有些网站为了让浏览者对网站留有深刻的印象，在背景上做文章，比如，一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时为了吸引浏览者的视线，突出背景，为此文字就要显得暗一些，以便文字与背景分离开来，便于浏览者阅读文字。 3．图像与动画 图像与动画是网站中不可或缺的网页元素，合理地运用图像与动画，可以很好地吸引浏览者的注意。图像与动画分两种。一种是宣传网站的Logo和Banner，在一般的企业网站中都会出现Logo和Banner。其中Logo多数是静态图像，而Banner多数是动画。 4．布局风格 合理的网站布局可以让访问者对网站一目了然。常见的布局方案有以下几种。 (1)“同”字型(也称为“国”字型)。这种布局能充分利用空间，信息量大 。 (2) 弯角型。弯角型结构和“同”字型很相近，在主体部分左侧是一窄列链接等，右侧是很宽的正文，上下分别是标题和网站的辅助信息，一般用于网站的内页 (3) 上中下型。上中下型的布局：上面是标题或广告条；中间是正文；下面是网站信息。比如，一些文章页面或注册页面等就是这种类型 (4) 框架型。框架型是一种将页面分两页或多页的框架结构，有左右型框架、上下型框架和综合型框架。比如左右型框架一般左面是导航链接，右面是正文。比如大部分的大型论坛或者企业网都是这种结构 本 章 小 结 通过本章内容的学习，我们了解了制作网页需要的基本知识，如网页色彩的搭配、网页的布局形式、网页的超级链接等，了解了目前制作网页的3种工具软件Dreamweaver、Fireworks、Flash，并通过本教材配备的网站