网页设计
摘 要
在网络越来越接近我们生活的当今社会，Internet的应用已普及到了人们生活与工作的各个层面。网页作为一个宣传企业和展示自我的平台，其重要性也越来越受到人们的关注。因此网页制作业逐渐发展成为一种职业。目前用于网页制作的的软件非常多，但根据多位网页制作者多年的经验，Dreamweaver+Photoshop+Flash无疑是制作网页的最强组合，它们在制作网页效果图、制作网页动画，以及制作Web格式的页面中担任着重要的角。随着Adobe公司发布的CS3系列设计软件的出现，Dreamweaver与Photoshop、Flash的结合更加紧密，使用更加方便。熟练地使用这三种设计软件，可以大大提高网页设计和制作的效率，以便制作出精美的网页。
商业网页是企业向用户和网名提供产品和服务的一种方式，是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些元素的不同展现影响到读者的视觉习惯和心理变化。本文将对一个小型企业设计一个网页，以展现企业形象、介绍产品和服务、体
现企业的发展战略。
关键词：网站设计；网页制作；Dreamweaver；Photoshop；Flash
第1章 前言
随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一. 近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术.采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴. 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP。
网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。
  简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。
  随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
  通常，网页可以分为静态网页和动态网页。
  静态网页页面上的内容和格式一般不会改变，只有网管可根据的需要更新页面。
动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而
改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。
第2章 网页设计的基础知识
2.1 万维网和浏览器
WWW是环球信息网（World Wide Web ）的缩写，也可以简称为Web，中文名字为“万维网”。另外，www也是世界气象监视网的英文简称。
Internet Explorer，简称IE或MSIE，是微软公司推出的一款网页浏览器。Internet Explorer是使用最广泛的网页浏览器，虽然自2004年以来它丢失了一部分市场占有率。在2005年4月，它的市场占有率约为85%。Internet Explorer是微软的新版本Windows操作系统的一个组成部分。在旧版的操作系统上，它是独立、免费的。从Windows 95 OSR2开始，它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。微软公司于美国当地
时间2009年3月19日上午，北京时间2009年3月20日凌晨正式发布Internet Explorer 8浏览器，并同时开放下载。
2.2 IP地址和域名
html网页设计超链接
域名
表示的组织或机构的类型
域名
表示的组织或机构的类型
com
商业机构
firm
商业或公司
edu
教育机构或设施
store
商场
gov
非军事性的政府机构
web
和WWW有关的实体
int
国际性机构
arts
文化娱乐
mil
军事机构或设施
arc
消遣性娱乐
net
网络组织或机构
info
信息服务
org
非赢利性组织机构
nom
个人
机构域名表
2.3 HTML概述与基本结构
2.3.1 HTML的概述
HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（是World Wide Web的缩写，也可简写WEB、中文叫做万维网） 的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。
2.3.2 HTML的基本结构：
一个HTML文档是由一系列的元素和标签组成，元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置。
HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
2.4 文本
文本指的是网页的文字内容部分，其中包括文本的内容、格式、字体样式、连接等。
2.4.1 文本的显示                 
在网页直接输入没有定义任何样式      图2-1 文本在IE中默认效果
与属性的文本内容，其显示效果和浏
览器的设置有关。其默认的文本显示
效果如图2-1所示。
    如果更改浏览器的设置，则文本显示效果会相应的改变。单击“查看”菜单，在打开的下拉菜单中选择“文字大小”选项，如图2-2所示，单击其中的
“最大”选项，此时网页中的文本效果
如图2-3所示。
    在浏览器中进行其他的设置也可以改变网页中文本的显示效果。单击“查看”
菜单中选择“编码”选项，选择其中的“其他”选项。
图2-2 IE中显示字体大小的菜单 1
图2-3 更改IE设置后文本的显示效果
2.4.2 文本的格式
    在网页中可以为文本设置各种格式，其中包括文本中字体的选择、字体的大小、文本的颜、行高等。在浏览器中，文本内容的字体要依赖浏览者操作系统中的字体，所以最好不要定义特殊字体，通常使用“宋体”。
2.5图像
网页中使用的图像可以分为两个部分：一部分是起修饰作用的图像，一般在页面中起美化作用：另一部分是作为内容的图像，其中有些内容部分的文本内容，因为涉及到特殊的字体，所以也要用图像的方式来显示。
2.5.1矢量图和位图
    计算机中显示的图形一般可以分为两大类——矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜以及外框所封闭的颜决定花显示出的颜。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。位图：又称光栅图，一般用于照片品质的图像处理，是由许
多像小方块一样的"像素"组成的图形。由其位置与颜值表示，能表现出颜阴影的变化。在PHOTOSHOP主要用于处理位图。
2.5.2 网页设计中常用的图片格式
1，BMP格式:Windows系统下的标准位图格式,未经过压缩，一般图像文件会比较大。在很多软件中被广泛应用.
2，JPEG格式：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜删除，从而达到较大的压缩比(可达到2:1甚至40:1)，因为JPEG格式的文件尺寸较小，下载速度快,所以是互联网上最广泛使用的格式!
3，GIF格式：最大的特点是不仅可以是一张静止的图片,也可以是动画，并且支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。但是其域不太广,只支持256种颜.
2.6多媒体
    网页中使用的多媒体包括音频文件、视频文件、Flash动画等内容，其中使用最多的是Flash动画。
2.6.1 音频多媒体内容
在网页中音频文件可以直接作背景使用。如果要再其他浏览器中使用音频文件，则需要使用播放器。
2.6.2 Flash动画
在网页中使用的Flash动画非常多。Flash动画可以用来制作站点的片头、Logo、Banner、页面中的广告等内容。
2.6.3 视频多媒体内容
    在网页中无法直接播放视频内容。如果要播放内容，必须使用相应的播放器。
2.7 超链接
    HTML文件中最重要的应用之一就是超链接，超链接是一个网站的灵魂，web上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。
2.8 脚本
    脚本一般在网页中用来实现某种特殊的效果或功能。通常使用的是JavaScript和VBScript，使用Dreamweaver等网页制作软件，可以直接在页面中添加脚本。脚本一般用来完成一个或多个相应的动作。
第3章 网页设计的一般步骤
3.1需求分析

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。