网站建设的流程五步曲

《网站建设的流程五步曲》由会员分享，可在线阅读，更多相关《网站建设的流程五步曲（96页珍藏版）》请在金锄头文库上搜索。

1、网站建设的流程五步曲,网站的构成-域名和空间、源程序,域名形象的比喻成就相当于一个家的门牌号码！网站的空间即存放网站内容的地方，就相当于一个家，可以存放许多的东西！ 域名即网站的网址，一个家的门牌号。域名是独一无二的，只要你在域名服务商处注册成功。域名所有权和解析权就归你。你可以自由解析自由使用。域名是按一年计算的当然你也可以一次性购买多年，付款一次就可以使用一年，第二年域名到期之前续费就行了，就可以接着使用。域名是独一无二的，所以域名一旦注册就是不能修改了的。因此注之前一定要想好看好再注册。 域名是互联网上人们熟悉、易记的计算机名字。例如就是一个域名。,域名,域名的构成 一个完整的域名一般由

2、两个或两个以上部分构成，中间由点号“.”分隔开，如、。 域名的分类-按级别可分为国际顶级域名、国家顶级域名和中文域名三类。 国际顶级域名 国际顶级域名是以“国际通用域”为后缀的域名，不同的后缀代表不同的含义，常见的“国际通用域”有：.com表示商业机构，.net表示网络服务机构，.org表示非赢利机构.gov表示政府机构，.edu表示教育机构，.biz表示商业机构，.info表示信息服务机构，.tv表示视听电影服务机构，.name表示用于个人的顶级域名等等，随着网络的发展还将有更多的国际顶级域名产生。,域名,国家顶级域名 国家顶级域名通常是以“国际通用域”和“国家域”两部分或直接以“国家域”为

3、后缀的域名。“国家域”是根据ISO31660规范的各个国家都拥有的固定国家代码，如cn代表中国、jp代表日本、uk代表英国等，我们常见的CN顶级域名有.cn、、、和等。 中文域名 中文域名是能用汉字命名的新一代域名，它是中国人自己的域名，使用、记忆非常方便。目前可提供注册的有类似于以下几种中文域名：电脑报.com、电脑报.net、电脑报.cn、电脑报.中国、电脑报.公司和电脑报.网络。,域名,域名的分类-按结构可分为：一级域名、二级域名、三级域名等 以电脑报网站为例，是个一级域名，在一级域名的下一级就是一个二级域名，如果要在下面设立则是三级域名了。我们见到的免费域名通常是二级域名。,第一单元

4、Web标准的本质-禅意花园网站展示,为什么要建立网站标准 什么是WEB标准-定义 采用WEB标准的优点,1.1 为什么要建立网站标准,我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战“，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的

5、客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。 如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。,1.2 WEB标准的定义,WEB标准网站制作的标准，它不是某一个标准，它是根据网站的主要组成分别制定的系列标准的集合 网页主要由三部分组成：结构（Structure）、表

6、现（Presentation）和行为（Behavior）。 对应的WEB标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。,WEB标准的构成,WEB标准的核心XHTML+CSS的定义,简单地说XHTML+CSS(DIV CSS)被称为“WEB标准”中常用术语之一。首先认识DIV是用于搭建html

7、网页结构（框架）标签，如、等html标签一样，再认识CSS是用于创建网页表现（样式/美化）样式表统称，通过css来设置div标签样式，这一切常常我们称之为XHTML+CSS。一定程度上可以认为XHTML+CSS等于XHTML（xhtml包括了html和CSS标准化两部分），实质即使用XHTML对网站进行标准化重构，使用CSS样式文件与html内容分离，便于网站维护、简化html页面代码、提高团队开发效率和有利于搜索引擎蜘蛛抓取的标准化XHTML+CSS网页。 div是html(超文本语言)中的一个元素,XHTML+CSS 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正

8、地达到了w3c内容与表现相分离. div 是标签 css（cascading style sheet)是层叠样式表,XHTML+CSS的优势,符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。 搜索引擎更加友好。相对与传统的table, 采用XHTML+CSS技术的网页，对于搜索引擎的收录更加友好。 样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户

9、网站，和主流的WEB2.0网站，均采用XHTML+CSS的框架模式，更加印证了XHTML+CSS是大势所趋。 CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。 表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。,1.3 采用Web标准的好处,对于访问者： 文件下载与页面显示速度更快。 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）。 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）。 用户能够通过样式选择定制自己的表现界面。 所有页面都能提供适于打印的版本。,1.3 采用

10、Web标准的好处,对于访问者： 文件下载与页面显示速度更快。 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）。 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）。 用户能够通过样式选择定制自己的表现界面。 所有页面都能提供适于打印的版本。,1.3 采用Web标准的好处,对于网站所有者： 更少的代码和组件，容易维护。 带宽要求降低（代码更简洁），成本降低。举个例子：当 ESPN.com 使用 CSS改版后，每天节约超过两兆字节（terabytes）的带宽。 更容易被搜寻引擎搜索到。 改版方便，不需要变动页面内容。 提供打印版本而不需要复制内容。

11、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。,第二单元 XHTML标签百度首页结构的建立,常用的XHTML标签 CSS的作用 CSS的应用方式,2.1.2 为什么要使用XHTML,使用XHTML的主要原因是： 1. HTML语言没有足够的可扩展性。 2. HTML不能很好地支持不断更新的显示媒体，如手机等。 3. XHTML有良好的格式，极大地简化新元素的开发和集成 4. 使用XHTML，使文档具有更大的扩展性和兼容性。,2.1.3 XHTML-用来描述网页的一种语言。,XHTML 指的是可扩展超文本标记语言 (

12、The Extensible Hyper Text Markup Language) XHTML 不是一种编程语言，而是一种可扩展标记语言 (markup language) 标记语言是一套标记标签 (markup tag) XHTML 使用标记标签来描述网页,2.1.4 XHTML 标签,XHTML 标签是由尖括号包围的关键词，比如 XHTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签,2.1 web标准有关XHTML代码规范,1.标记都必须放到中 2.所有标记必须有一个相应的结束标记; 3.元素和属性的名

13、字都必须使用小写 ; 4.所有的XHTML标记都必须合理嵌套 ; 5.把所有），不是标签的一部分，都必须被编码为 6.给所有属性赋一个值，没有值的属性就用自身来赋值 7、所有的属性值必须放到“”中 8.不要在注释内容中使用-符号 9.在文档的开始应定义文档类型 10.在根元素中应声明命名空间，即设置xmlns属性。,2.1.5 XHTML书写格式,2. 元素的书写格式 内容 元素：指的是从开始标签到结束标签的所有代码,2.1.6 XHTML基本结构,XHTML语法基础主要包括: 1. 完整的XHTML页面结构 无标题文档 这里是页面内容部分，注意内容与浏览器边缘的距离 ,2.1.7 DOCTY

14、PE的选择,什么是DOCTYPE DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。 DTD表示文档类型定义，里面包含了文档的规则，网页浏览器会根据预定义的DTD来解析页面元素，并把这些元素所组织的页面显示出。 XHTML 1.0提供了三种DTD文档类型。 1. 过渡的 transitional.dtd（常用） 2. 严格的 strict.dtd 3. 框架的 frame

15、set.dtd,2.1.8声明命名空间-xmlns属性,什么是命名空间？ 是收集元素类型和属性名字的一个详细DTD，它允许通过一个URL地址指向来识别命名空间。 命名空间的作用 由于XML可以自定义标签，可能会出现你定义的标签与别人定义的同名标签相冲突，命名空间就是解决这个问题的。 由于XHTML 1.0还不允许用户自定义元素，因此它的命名空间都相同。,2.1.9 编码问题,编码语言声明的代码如下： 声明一种合适的编码语言，页面上的文本内容才能在浏览器中正常显示,2.1.9 常用XHTML标签,定义结构块标签 定义标题标签 定义段落标签 定义链接标签 插入图片标签 定义文档中的节标签 定义文档

16、类型。 定义简单的折行。,2.1.10 常用XHTML标签,定义关于文档的信息。 定义 HTML 文档。 定义文档与外部资源的关系。 定义关于 HTML 文档的元信息。 定义强调文本。 定义强调文本。 定义文档的标题。 无序列表标签 有序列表标签,2.2 什么是CSS,CSS是Cascading Style Sheets的缩写， 中文译作层叠样式表（简称为样式表），是W3C组织制定的，用于控制网页样式的一种标记性语言。,CSS样式表应用到XHTML的几种方式,内部样式表 用嵌入到HTML文件头部 说明： 内部样式表必须定义在 和之间； 页面所有样式都可以写在和之间。,CSS样式表应用到XHTML的几种方式,引用外部样式表（常用）前提需要创建一个CSS文件 链接方式：在