WebDesignStep

（网页设计HTML5·JavaScript·css·XHTML·ajax 2016年1月第一版清华大学出版社）

网页设计的基础讲解

1、网页设计的流程大致分为以下的四个阶段：

收集资料与规划网页架构—–>网页制作与测试——->网页上传与推广—–>网页更新和维护

1）手机资料与规划网站架构

这一步除了理清网站所要传递的内容，最重要的是确立网站的主题与目标族群，然后将网站的内容规划成阶层式架构，也就是规划出组成网站的网页（里面可能包含文字、图片、视频与音频），并根据主题与目标族群决定网页的呈现方式。【定位清楚和内容专业是网站生出的关键】

2）网页制作与测试

常见的网页编辑软件分为两种类型，其一，是纯文本编辑软件，例如记事本、Notepad++；其二，是us噢件即所得网页编辑软件，例如Dreamweaver，而且必要时可能还要搭配PhotoShop、Illustrator、CoreLOraw等图像处理软件来设计网页的背景、标题图片、按钮、动画等。待网页完成后，还要测试各个组件能否正常工作。

3）网站上传和推广

此时需要先替网站在Internet找个家，也就是申请网页空间，常见的方式如下：

1、租用专线（或ADSL、光纤宽带）：若预算充足，可以向电信公司，通信公司等ISP租用专线，将计算机架设成WEB服务器，维持24小时运行。
2、租用网页空间或虚拟机：ISP通常会提供网页空间或虚拟主机出租义务，这种业务的价格较低，适合预算少的人，详细的出租价格，申请程序、上传方式，网页空间大小，传输速率等事项，可以到ISP的网站查询。
3、申请免费网页空间：事实上，就算您没有预算，还是可以申请免费网页空难攻坚，目前提供免费网页额空间的网站不少，例如Google Sites、TACONET（章鱼网）等，虽然免费的网页空间相当吸引人，但它可能会有一些缺点。【有时可能因为使用的人太多，导致传输速率迟缓；网页空间的大小受到限制；网页可能会被要求放上广告；服务或功能较少，例如不支持PHP、ASP、CGI等动态网页技术；网页空间童话村那个只是一个文件夹，不能设置个人网站。】
4、网站更新与维护

2、搜索引擎优化（SEO）

搜索引擎优化（SEO，Search Engine Optimization）的构想起源于多数网站的新浏览者大都来自搜索引擎，而且搜索引擎的而用户往往只会留意搜索结果中排名靠前的几个网站。

优化有5个以下方法：

1、令网页的关键词称为网址的一部分；
2、令网页的关键词显示在标题栏或索引标签；
3、令网页的关键词出现在标题或超链接中；
4、令网页的关键词出现在网页的内容中；
5、适当的为图片或视频制定替代显示文字，以利于图片的搜索。

3、网页设计相关的程序设计语言

1）HTML（HyperText Markup Language）:HTML是由W3C所提出，主要的用途是制作网页（包括内容和外观）。HTML文件是由“标签”和“属性”所组成，统称为“元素”，浏览器只要看到HTML源代码，就能解析成网页。

2）CSS（Cascading Style Sheets）CSS是由W3C所提出，主要的用途是控制网页的外观，也就是定义网页的编排、显示、格式化及特殊效果，有部分功能与HTML重叠。【W3C鼓励网页设计人员使用HTML定义网页的内容，CSS定义网页的外观。】

3）VRML（Virtual Reality Modeling Language）：VRML是由Web3D Consortium所提出，主要的用途是描述物体的三维空间信息，让用户可以看到3D的物体。

4）XML（eXtensible Markup Language）由W3C提出，主要的用途是传送、接收与处理数据，提供跨平台、跨程序的数据交换格式。XML可以扩大HTML的应用及适用性。如HTML不允许用户自定义标签，而XML允许。

5）XHTML（eXtensible HTML）语法比HTML严格。

6）DHTML（Dynamic HTML）能够在网页下载完毕后插入、删除或取代网页的某些HTML源代码，而浏览器会自动根据更新过的HTML源代码显示新的内容，无需从服务器重新下载整个网页，如此减少浏览器访问服务器的次数。此外它还允许网页设计人员加入更多动态效果。

7）Java Applets：这是Java编写的小程序，无法单独执行，必须嵌入网页，然后通过Java的浏览器协助其执行，可以用来制造水中涟漪、水中倒影、计数器······

8）ActiveX Controls 目的是让网页营造出更丰富的效果，和7）竞争。

9）浏览器Script HTML用来定义网页的内容，CSS用来定义网页的外观，而JavaScript用来定义网页的行为。

10）服务器Script 常见的服务器Script有一下几种：

CGI、JSP、ASP、PHP

---