网站建设流程

网站建设的流程五步曲五步曲注册域名租用空间网站建设网站推广网站维护确定网站主题搜集材料规划网站制作网页网站的构成-域名和空间、源程序域名形象的比喻成就相当于一个家的门牌号码！网站的空间即存放网站内容的地方，就相当于一个家，可以存放许多的东西！域名即网站的网址，一个家的门牌号。域名是独一无二的，只要你在域名服务商处注册成功。域名所有权和解析权就归你。你可以自由解析自由使用。域名是按一年计算的当然你也可以一次性购买多年，付款一次就可以使用一年，第二年域名到期之前续费就行了，就可以接着使用。域名是独一无二的，所以域名一旦注册就是不能修改了的。因此注之前一定要想好看好再注册。域名是互联网上人们熟悉、易记的计算机名字。例如baidu.com就是一个域名。域名域名的构成一个完整的域名一般由两个或两个以上部分构成，中间由点号“.”分隔开，如、。域名的分类-按级别可分为国际顶级域名、国家顶级域名和中文域名三类。–国际顶级域名国际顶级域名是以“国际通用域”为后缀的域名，不同的后缀代表不同的含义，常见的“国际通用域”有：.com表示商业机构，.net表示网络服务机构，.org表示非赢利机构.gov表示政府机构，.edu表示教育机构，.biz表示商业机构，.info表示信息服务机构，.tv表示视听电影服务机构，.name表示用于个人的顶级域名等等，随着网络的发展还将有更多的国际顶级域名产生。域名–国家顶级域名国家顶级域名通常是以“国际通用域”和“国家域”两部分或直接以“国家域”为后缀的域名。“国家域”是根据ISO31660规范的各个国家都拥有的固定国家代码，如cn代表中国、jp代表日本、uk代表英国等，我们常见的CN顶级域名有.cn、.com.cn、.net.cn、.org.cn和.gov.cn等。–中文域名中文域名是能用汉字命名的新一代域名，它是中国人自己的域名，使用、记忆非常方便。目前可提供注册的有类似于以下几种中文域名：电脑报.com、电脑报.net、电脑报.cn、电脑报.中国、电脑报.公司和电脑报.网络。域名域名的分类-按结构可分为：一级域名、二级域名、三级域名等–以电脑报网站为例，是个一级域名，在一级域名的下一级就是一个二级域名，如果要在bbs.qicaispace.com下面设立则是三级域名了。我们见到的免费域名通常是二级域名。第一单元Web标准的本质-禅意花园网站展示为什么要建立网站标准什么是WEB标准-定义采用WEB标准的优点1.1为什么要建立网站标准我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的浏览器大战，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。1.2WEB标准的定义WEB标准网站制作的标准，它不是某一个标准，它是根据网站的主要组成分别制定的系列标准的集合网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的WEB标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（EuropeanComputerManufacturersAssociation）的ECMAScript标准。WEB标准的构成Web标准CSS结构表现行为XHTMLXMLDOMECMAScriptWEB标准的核心XHTML+CSS的定义简单地说XHTML+CSS(DIVCSS)被称为“WEB标准”中常用术语之一。首先认识DIV是用于搭建html网页结构（框架）标签，如b、h1、span等html标签一样，再认识CSS是用于创建网页表现（样式/美化）样式表统称，通过css来设置div标签样式，这一切常常我们称之为XHTML+CSS。一定程度上可以认为XHTML+CSS等于XHTML（xhtml包括了html和CSS标准化两部分），实质即使用XHTML对网站进行标准化重构，使用CSS样式文件与html内容分离，便于网站维护、简化html页面代码、提高团队开发效率和有利于搜索引擎蜘蛛抓取的标准化XHTML+CSS网页。div是html(超文本语言)中的一个元素,XHTML+CSS是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.div是标签css（cascadingstylesheet)是层叠样式表XHTML+CSS的优势符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。搜索引擎更加友好。相对与传统的table,采用XHTML+CSS技术的网页，对于搜索引擎的收录更加友好。样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用XHTML+CSS的框架模式，更加印证了XHTML+CSS是大势所趋。CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。1.3采用Web标准的好处对于访问者：–文件下载与页面显示速度更快。–内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）。–内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）。–用户能够通过样式选择定制自己的表现界面。–所有页面都能提供适于打印的版本。1.3采用Web标准的好处对于访问者：–文件下载与页面显示速度更快。–内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）。–内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）。–用户能够通过样式选择定制自己的表现界面。–所有页面都能提供适于打印的版本。1.3采用Web标准的好处对于网站所有者：–更少的代码和组件，容易维护。–带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽。–更容易被搜寻引擎搜索到。–改版方便，不需要变动页面内容。–提供打印版本而不需要复制内容。–提高网站易用性。在美国，有严格的法律条款（Section508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。第二单元XHTML标签—百度首页结构的建立常用的XHTML标签CSS的作用CSS的应用方式2.1.2为什么要使用XHTML使用XHTML的主要原因是：1.HTML语言没有足够的可扩展性。2.HTML不能很好地支持不断更新的显示媒体，如手机等。3.XHTML有良好的格式，极大地简化新元素的开发和集成4.使用XHTML，使文档具有更大的扩展性和兼容性。2.1.3XHTML-用来描述网页的一种语言。XHTML指的是可扩展超文本标记语言(TheExtensibleHyperTextMarkupLanguage)XHTML不是一种编程语言，而是一种可扩展标记语言(markuplanguage)标记语言是一套标记标签(markuptag)XHTML使用标记标签来描述网页2.1.4XHTML标签XHTML标签是由尖括号包围的关键词，比如htmlXHTML标签通常是成对出现的，比如b和/b标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签2.1web标准有关XHTML代码规范1.标记都必须放到中2.所有标记必须有一个相应的结束标记;3.元素和属性的名字都必须使用小写;4.所有的XHTML标记都必须合理嵌套;5.把所有和&特殊符号用编码表示–任何小于号（），不是标签的一部分，都必须被编码为<–任何大于号（），不是标签的一部分，都必须被编码为>–任何与号（&），不是实体的一部分的，都必须被编码为&6.给所有属性赋一个值，没有值的属性就用自身来赋值7、所有的属性值必须放到“”中8.不要在注释内容中使用--符号9.在文档的开始应定义文档类型10.在根元素中应声明命名空间，即设置xmlns属性。2.1.5XHTML书写格式2.元素的书写格式标签名[属性=“值”]内容/标签名元素：指的是从开始标签到结束标签的所有代码2.1.6XHTML基本结构XHTML语法基础主要包括:1.完整的XHTML页面结构!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhtmlxmlns=headmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title无标题文档/title/headbody这里是页面内容部分，注意内容与浏览器边缘的距离/body/html2.1.7DOCTYPE的选择什么是DOCTYPE–DOCTYPE是DocumentType（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。DTD表示文档类型定义，里面包含了文档的规则，网页浏览器会根据预定义的DTD来解析页面元素，并把这些元素所组织的页面显示出。XHTML1.0提供了三种DTD文档类型。1.过渡的transitional.dtd（常用）2.严格的strict.dtd3.框架的frameset.dtd2.1.8声明命名空间-xmlns属性什么是命名空间？–是收集元素类型和属性名字的一个详细DTD，它允许通过一个URL地址指向来识别命名空间。命名空间的作用–由于XML可以自定义标签，可能会出现你定义的标签与别人定义的同名标签相冲突，命名空间就是解决这个问题的。由于XHTML1.0还不允许用户自定义元素，因此它的命名空间都相同。2.1.9编码问题编码语言声明的代码如下：metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/声明一种合适的编码语言，页面