网页制作与网站设计文本稿

网页制作-

企业开展电子商务的基础设施和信息平台

《网页制作》教材

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。

目录

1基本信息

2网页设计

3网页制作流程

4网页制作基础

5基本简史

6外观影响

7设计模式

8发展趋势

9常用工具

10相关信息

1基本信息

2网页设计

3网页制作流程

3.1引策划

3.2前台

3.3后台

4网页制作基础

5基本简史

5.1HTML

5.2XHTML

6外观影响

7设计模式

8发展趋势

9常用工具

10相关信息

10.1网页制作具体流程：10.2网页制作的基础

10.3网站制作的基础入门10.4网站测试对比

10.5网页制作用到的语言10.6网页制作颜色模式10.7两种网页制作设计模式

1基本信息

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页制作是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。

网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。

2网页设计

网页设计[1]是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。

简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs，JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。

随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

3网页制作流程

网页设计[1]是一个综合性极强的工作，涉及到商业策划、平面设计、人机界面、程序语言和数据库等。

网页设计总体上分为策划、前台和后台三部分。一般都是由三种不同专业的人合作完成的，一个人独立完成的网站一般很难做到各方面都很专业。因此，网站设计一般由团队完成。

3.1引策划

网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。

3.2前台

网站页面的设计制作，包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。(从这里可以看出，前台美工的任务很重，而且还涉及到公司形象，潜在形象广告宣传的劳动能力。为公司的整体付出了潜在的市场价值。唉，但现在各行业不重视美工，造成程序为重。这也是很多网站，软件的功能，效果容易出错的原因)

3.3后台

程序设计、数据操作、功能实现、管理界面和管理功能设计等。

关于需要学习的知识则因你所面对的任务不同而不同。侧重界面设计的，应在图形设计和视觉创意上多下功夫，做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。

4网页制作基础

随着互联网日臻发达，网站制作的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网站制作和网页内容成功接合时，这种网页或者说站点才是受人喜欢的。取任何一面你都无法留住太过“挑剔”的访问者。

5基本简史

5.1HTML

超文本标记语言（Hypertext Markup Language）网络的资讯越来越多，网站须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造，使用者可以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人

的外观之外，亦有一个重要的考虑点：网络无障碍，即使用者能否容易读取资讯。[2]

5.2XHTML

由于XML的可构造性，XHTML 1.0在2000年1月26日成为W3C的推荐标准，即HTML 将会随着时间而淘汰。

6外观影响

流动性对固定排版

大部分网站设计师原本是每处地方都有绝对限界的平面设计师。可是在网页浏览器，却不能控制某些因素，特别是浏览器的阔度。

有些设计师将其网页定义在固定大小的表格中，每部分的宽度都有精确的数据，一般使用确定的值，这就是固定排版了。然而有人认为这不好，因为这种设计罔顾使用者的设定，他们使用流动性排版，网页的宽度使用百分比定义宽度，因此网页会依浏览器的屏幕分辨率而改变。但是流动性的排版对于日益增大的屏幕就不一定合适，因为人的眼睛进行横向阅读时，过长的文字会增加阅读的困难度，反之大约在十几个字即换行的文章，浏览者会更好吸收其内容。

Adobe Flash这套软件能够很轻易做到一些华丽的图像效果，亦可以进行编程，因此近年来出现在不少网站上。有些网站更以Flash完全代替HTML。

可是Flash带来的问题不少：

搜索引擎不能记录Flash的内容

盲人不能透过文本朗读软件来取得其内容

所以大部分人都不会以Flash为主要设计，Flash通常成了首页的开场画面或网站内的小游戏。

7设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style