网页设计基础知识.ppt

网页与网站
是一个信息的海洋,但这些信息存放在什么地方呢?实际上,这些信息是存放在世界各地称为“站点”的计算机上,各个站点由拥有该站点的单位维护,上面的信息即是由维护该站点的单位发布,这些信息也称为“网页”。网页是上的基本信息单位,由文字、表格、图像、音频、动画等页面元素组成。发布网页意味着将用户的网页传输到能够提供服务的Web服务器上,以便世界各地的人们能够看到它。
网页的本质就是用HTML语言编写的文件。在浏览器中,选择“查看”菜单的“源文件”命令,系统就会自动启动记事本,显示出当前网页的HTML代码。
进入网站时,首先显示的网页称为主页(homepage)。
网页是构成网站的基本元素,是承载各种网站应用的平台。
网站是指存放在网络服务器上的完整信息的集合体,它包含一个或多个网页,这些网页按照一定的组织结构,以超链接的方式连接在一起,形成一个整体。
通俗的说,网站就是由网页组成的,它由域名(也就是网站地址)和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。
常用网页制作工具

FrontPage2003是一个所见即所得的网站编辑器。作为Microsoft Office 2003的组成部分,它有着与其他Office软件类似的操作界面和使用方法,其易学易用、所见即所得及功能强大博得广大网页制作初学者的喜爱。即使用户没有多少编程经验,只要有上网的计算机就可以方便地创建并发布自己的主页。FrontPage2003是一种功能强大的、易于掌握的WEB页开发最好的入门级网页编辑工具,但是FrontPage2003比较适合初学者,真正的网页设计师很少使用。

Dreamweaver Macromedia 公司产品中的最新的一款“所见即所得”的网页编辑工具。
Dreamweaver ,它与Flash、Fireworks合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。05年底,Macromedia公司被Adobe公司收购,但是这三个软件依然继续在开发,可见这三个软件的重要性。

随着网际网络的愈发盛行,网站设计者的终极目的就是希望浏览者能够在网站上停留多一些时间,所以网页的设计方式,渐渐地由传统的以文字为导向的方式转变为以多媒体为导向的方式,这样才能留住大多数的上网者,其次,网站也希望能够进一步了解消费者的需求。基于这样的原因,一套以网络为基础的动画软件便应运而生了,这套由Macromedia公司出品的软件Flash,目前已经发展至Flash 。有了Flash,设计者便可以轻易的在网站上放置具备多媒体效果的动画了。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。

Fireworks ,相当于结合了 Photoshop(点阵图处理)以及CorelDraw(绘制向量图)的功能,通过最少的步骤创建最小、最高质量的JPEG和GIF图像,是创建和生成网页图形的完全解决方案。
它既可以编辑Web图像,又可以编辑Web动画,制作按钮的导航条、菜单等,甚至能直接制作网页。同时具有多种传统图形制作软件的功能,而且它能把位图处理和矢量处理完美的结合在一起,使得网页图形设计人员再也不必在多种图形设计软件之间频繁切换。
网站设计的基本流程和原则
一策划阶段。
主要目的就是确定网站主题。
网站主题就是建立的网站所要包含的主要内容。一个网站必须要有一个明确的主题。主要内容的选定有一定的针对性。一般采用前期调查,并进行可行性分析之后才确定的方式。
前期调查的目的 1 分析了解目前各类网站的发展情况,研究哪几类网站最符合潮流,受欢迎的原因是什么,他们的发展趋势与前景,从而为网站的定位指明一个正确的方向。 2根据调查结果,结合本身特点,通过可行性分析,初步确定网站的内容。3 根据网站的内容,初步考虑采用的实现技术。
根据前期调查,初步确定主题。确定主题有以下原则 1 主题小而精。定位不宜太大,内容要精。 2 题材应根据本身的特点和优势。自己最擅长什么方面,就做相应的网站。3 题材勿滥。4 目标不要太高。
二设计阶段
策划好主题后,接着就是设计阶段了。设计阶段的主要工作是根据主题设计网站的名称、logo(标志)、网站的风格、导航系统、网站的基本版面布局、网站的目录结构等。
在确定好主题后,网站的名称就显得尤为重要了。网站