网页设计基础.doc

网页设计基础98050网页设计学前基础
Dreamweaver系列是专业的网页制作软件,Dreamweaver CS4是目前的最新版本,它强大的网页制作功能和简单易用的特性,受到广大用户的青睐。要制作精美的网页,除了要熟练使用Dreamweaver外,还必须了解一些有关网页制作的基础知识。本章主要介绍网页和网站的基础知识、网页的设计流程和Dreamweaver CS4学前的一些基本操作。
网站和网页的基础知识
网页的设计构思
认识Dreamweaver CS4
随着互联网的迅猛发展,可以获取、交换和连接到网络上的各计算机上的信息。网络上存放信息和提供服务的地方就是网站。一个成功的网站离不开精美绚丽的网页,要制作出美观的网页,首先要学习网页制作的相关知识,例如制作网页的知识、制作网页元素的知识以及设计网页效果。
网站(Website)是指在互联网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页集合,它建立在网络基础之上,以计算机、网络和通信技术为依托,通过一台或多台计算机向访问者提供服务。平时所说的访问某个站点,实际上访问的是提供这种服务的一台或多台计算机。
根据不同的分类标准,有不同的网站类型。一般来说,常见的网站类型有以下几种。
1. 展示型
主要以展示形象为主,艺术设计成分比较高,内容不多,多见于从事美术设计方面的工作室,如图1-1所示的美术作品展示网站。
2. 内容型
站点以内容为重点,用内容吸引人。例如,普通的公司网站,用于发布公司产品、公司动态、招聘信息等;一些从事信息服务性的站点,如文学站,下载站,新闻站等,设计以简洁大方为主,不需要太多太花哨的东西转移读者的视线,如图1-2所示的91文学网。

图1-1 美术作品展示网站图1-2 91文学网
3. 电子商务型
以从事电子商务为主的站点,要求安全性高,稳定性高。比较考验网站中运行的程序。一般该类站点设计要简洁大方,又不失热闹有人气的感觉,颜色多用蓝等色表现信任感,如图1-3所示的淘宝网。
4. 门户型
该类站点类似内容型,但又不同于内容型,因其站上的内容特别丰富,且比较综合,一般内容型网站的内容比较集中于某一专业,或自己的领域,或自己的公司,工作室等小范围的内容,而门户型一般来说除了表现更为丰富的内容外,通常更加注重网站与用户之间的交流。例如一般门户型网站也会提供信息的发布平台,与用户的交流平台等,如图1-4所示的新浪网。

图1-3 淘宝网图1-4 新浪网
网页(web)是网站上的某一个页面,它是一个纯文本文件,是向访问者传递信息的载体,以超文本和超媒体为技术,采用HTML、CSS、XML等语言来描述组成页面的各种元素,包括文字、图像、音乐等,并通过客户端浏览器进行解析,从而向浏览者呈现网页的各种内容。
网页经由网址(URL)来识别与存放,在浏览器地址栏中输入网址后,经过一段复杂快速的程序,网页文件被传送到计算机,然后再通过浏览器解释网页内容,再展示在计算机用户面前。例如,。
前面已经介绍了网页是一个纯文本文件,通过HTML、CSS等脚本语言对页面元素进行标识,然后由浏览器自动生成的页面。一个网页的基本元素主要包括文本、图像和超链接,其他元素包括声音、动画、视频、表格、导航栏、表单等,如图1-5所示。
图1-5 网页元素
1. 文本
文本是网页上最重要的信息载体与交流工具,网页中的主要信息一般都以文本形式为主。与图像网页元素相比,文字虽然并不如图像那样容易被浏览者注意,但却能包含更多的信息并更准确地表达信息的内容和含义。
2. 图像
图像元素在网页中具有提供信息并展示直观形象的作用。用户可以在网页中使用GIF、JPEG和PNG等多种文件格式的图像。目前应用最广泛的图像文件格式是GIF和JPEG两种。
3. Flash动画
动画在网页中的作用是有效地吸引访问者更多的注意。用户在设计制作网页时可以通过在页面中加入动画使页面更加活泼。
4. 声音
声音是多媒体和视频网页重要的组成部分。用户在为网页添加声音效果时应充分考虑其格式、文件大小、品质和用途等因素。另外,不同的浏览器对声音文件的处理方法也有所不同,彼此之间有可能并不兼容。
5. 视频
视频文件的采用使网页效果更加精彩且富有动感。常见的视频文件格式包括RM、MPEG、AVI和DivX等。
6. 超链接
超链接是从一个网页指向另一个目的端的链接,超链接的目的端可以是网页,也可以是图片、电子邮件地址、文件和程序等。当网页访问者单击页面中某个超链接时,将根据自身的类型以不同的方式打开该目的端。例如,当超链接的目的端是一个网页时,将会自动弹出窗口以显示网页内容。
7. 表格
表格在网页中用来控制页面信息的布局