网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

原来是以表格来定位，现在是 DIV（区）+CSS（0.0）。

元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。

文字资料图像档案Applet（在页面内执行的副程式）超链结网页的合成体为网站，一个网站的开始点为首页。

当你每次上网时，都会在历史记录里留下记录，并且被保存在浏览器的缓存文件夹里，删除时只要右键删除就可以了

从08年开始，国内网页游戏开始不断兴起，网页游戏（Webgame）又称Web游戏，无端网游，简称页游。网页游戏也是需要重视水平的，如音效的筛选、恰到好处的乐曲与音效搭配、以及良好的结构平台等等，有了这些元素，才能做出一个好的网页游戏，同时也会引来更多的浏览人数。网页游戏的出现让中国进入了一个新的网络游戏平台，也进入了一个页游发展的竞争时代。

文本：文本是网页上最重要的信息载体和交流工具，网页中的主要信息一般都以文本形式为主。

静态图像：在页面中可能是光栅图形或矢量图形。通常为GIF，JPEG或PNG；或矢量格式，如SVG或Flash。

三、Flash动画：动画在网页中的作用是有效地吸引访问者更多的注意。

七、导航栏：导航栏在网页中是一组超链接，其连接的目的端是网页中重要的页面。

八、交互式表单：表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据。利用服务器的数据库为客户端与服务器端提供更多的互动

超链接：超链接是从一个网页指向另一个目的端的链接，超链界的目的端可以是网页，也可以是图片、电子邮件地址、文件和程序等。（标准的“换页”反应。分为URL、URI、URN）。

三、元数据与语义的元信息，字符集信息，文件类型描述（DTD），等等。

四、样式信息：提供的项目的信息（如图像大小属性）和视觉规范，层叠样式表（CSS）、文档样式的语义和规范语言（外语全称：Document Style Semantics and Specification Language、外语缩写：DSSSL）。

五、脚本，通常是爪哇脚本（JavaScript），提供交互性以及相关功能的补充（比如倒计时关闭窗口等）。

网页还包含动态适应的信息元素，取决于某某渲染浏览器或最终用户的位置。（通过使用IP地址跟踪和/或“cookie”的信息）。从更一般/宽的角度来看，一些信息（分组）的元素，像一个导航栏，所有的网页是统一的，像一个标准，比如“网页模板系统”。

静态网页，其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。

动态网页，是取决于由用户提供的参数，并根据存储在数据库中的网站上的数据中创建的页面。

通俗地讲，静态页是照片，每个人看都是一样的，而动态页则是镜子，不同的人（不同的参数）看都不相同。

网站的整体风格及其创意设计是最难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的。IBM是专业严肃的，这些都是网站给人们留下的不同感受。

相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容

一、Amaya（单位：万维网联盟）用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具

二、Dreamweaver（单位：奥多比）用于编辑HTML、ASP、JSP、PHP的辅助工具

三、Frontpage（单位：微软）跟Dreamweaver一样。

四、FLASH（单位：奥多比）网页需要画面流动（动画）时的首选择。

五、PhotoShop（单位：奥多比）图象处理软件，一般网页都需要有图片的相搭配，PhotoShop是款很强大的工具。

六、FireWorks（单位：奥多比）跟PhotoShop一样都是图象处理软件，但FireWorks偏向与对网页的处理。Fireworks主要用于制做动态图片格式。

七、StylePix（单位：Hornil）跟PhotoShop一样都是图象处理软件，可以处理光栅及矢量图形

权威研究结果表明：人们在线的阅读习惯和平时的阅读习惯是完全不一样的。访问者通常是在非常随意的状态下快速浏览你的网页的，他们急于获取真实的、实用的，并且是有价值的信息。如果他们不能及时地获取所需信息，那么，他们将离开你的网页。

下面的3点方法将会给你带来帮助，它会让你为你的访问者提供所需信息，指出提升网页可用性的方法。

你所写的文章必须围绕一个主题，这可以方便访问者快速获取主旨信息和中心思想。好好想想如何把文章改得精简得体以便于访问者阅读。这里告诉你一个可行的办法，尽量把一段文章在3-4行之内叙述完整，然后再另起一行写下面一段。

网络用户一般不会在线精读文本内容，他们通常是快速浏览。因此，应该尽量使用简短、醒目的文本。举个例子来说，可以通过超链接的形式将重要的信息从页面中分离出来，这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。还有一点，学会在页面中使用副标题 ，当你浏览网页时，将重点挑选出来，并将它们写在标题标签内，“标题2”和“标题3”的效果最好，但是“标题1”标签的效果也会相当不错，这样做会可以给整个页面的信息分出层次，以帮助阅读者在简单地浏览页面之后快速地获取所需信息。

这里要提到的“客观公正”指的是：在你的网页上放上与你网页内容相关的链接，让访问者做出自由的选择：是继续留在你的网页上，还是去别的网页上寻找信息。这对于你——网页的所有者来说，并不是一件坏事。因为你可以为访问者指明确切的方向。好好按照上面说的把你的网页改进一下。我相信，网页的可用性一定会大大提升；同时，你的访问者也会非常感激你，并且会很愿意与你进行往来。

先学一学HTML，找本自己能看懂的教材。浏览为主，然后学CSS，进而再了解一下JavaScript。

然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如Amaya、FrontPage、Dreamweaver（那些以后再学）。

有一个提高自己“写网页”的捷径，就是上各大网站，模仿他们的写法，不断规范自己的代码。

接下来学一下Fireworks。学Fireworks主要是学图片处理，还有切图。

一、文本：文本是网页上最重要的信息载体与交流工具，网页中的主要信息一般都以文本形式为主。

二、图像：图像元素在网页中具有提供信息并展示直观形象的作用。

静态图像。在页面中可能是光栅图形或矢量图形。通常为GIF，JPEG或PNG；或矢量格式，如SVG或Flash。

ASP全名Active Server Pages（活性服务器页面），是一个WEB服务器端的开发环境。利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Java script）作为自己的开发语言。

PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法，并耦合PHP自己的特性，使WEB开发者能够快速地写出动态产生页面。

JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和Java Applet（爪哇小程序）之外，又有新的硕果，就是JSP（爪哇服务器页面）。JSP可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。

WebDNA是一个服务器端的脚本，解释型的语言且带一个嵌入式数据库系统，专门设计用于万维网发布的一个免费的（FastCGI的版本）。基于标签与上下文。

.NET 是 Microsoft XML Web services 平台。XML Web services 允许应用程序通过 Internet 进行通讯和共享数据，而不管所采用的是哪种操作系统、设备或编程语言。Microsoft .NET 平台提供创建 XML Web services 并将这些服务集成在一起之所需。对个人用户的好处是无缝的、吸引人的体验。

所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。

在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序。网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前

充分利用已有信息，如客户手册、公共关系文档、技术手册和数据库等。

设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。

——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？

网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。

无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”

所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：

我们都知道，页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。