网站开发前台技术(1).pdf

《网站开发前台技术(1).pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站开发前台技术（1）主要内容Web标准HTML与XHTMLDIV+CSS布局常用调试工具作业Web标准Web标准不是某一个标准，而是一系列标准网页主要由3部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)，对应的标准也分为3方面结构化标准语言主要包括XHTML和XML表现标准语言主要包括CSS行为标准主要包括对象模型和脚本语言Web标准使用Web标准的好处更少的代码和组件，容易维护带宽要求降低（代码更简洁），成本降低信息跨平台

2、的可用性改版方便，不需要变动页面内容更良好的用户体验Web标准基于Web标准的网站设计的核心是：使网页的表现与内容分离真正的表现与内容完全分离，代码可读性强，样式可重复利用。主要内容Web标准HTML与XHTMLDIV+CSS布局常用调试工具作业HTML与XHTMLHTML各种网页本质都是由HTML语言组成HTML不是一种编程语言，它是一种控制网页中资料显示的标记语言HTML编写工具：UltraEditFrontPageDreamweaverEditPlus…HTML与XHTM

3、LHTML常用标签HTML与XHTMLXHTMLXHTML是在HTML4.0基础上，用XML规则扩展得到的，建立XHTML的目的就是为了实现HTML向XML的过渡HTML更多的被用于网页设计与表现XHTML的初衷不为了表现，而是对网页内容进行结构设计，严格的说它是面向文档结构的语言HTML与XHTML一个标准的XTHML文档，必须以DOCTYPE标签作为开始，用来定义文档类型对于XTHML而言，可以选择三种不同的XTHML文档类型Transitional类型Strict类型Fram

4、eset类型HTML与XHTMLTransitional类型过渡类型，允许继续使用HTML4.0的标识，浏览器对XHTML的解析非常宽松完整代码HTML与XHTMLStrict类型严格类型，需要干净的标记，文档中不允许使用任何表现样式的标识和属性，避免表现上的混乱

5、完整代码HTML与XHTMLFrameset类型框架页类型，专门针对框架页面设计使用的DTD，如果页面中包含有框架，声明此类型完整代码

6、1/DTD/xhtml1-frameset.dtd">HTML与XHTML设定一个名字空间定义语言编码HTML与XHTMLXHTML语法规范XHTML元素一定要被正确的嵌套使用XHTML文件一定要有正确的组织结构标签和属性必须要小写必须使用结束标签属性值必须使用双引号

7、不允许使用标签简写用id属性代替name属性HTML与XHTMLXHTML校验校验网址：http://validator.w3.org校验方式：网址校验、文件上传校验等校验成功，会显示”ThisPageIsValidXHTML1.0Transitional!”校验失败，会显示更多校验选项和错误信息主要内容Web标准HTML与XHTMLDIV+CSS布局常用调试工具作业DIV+CSS布局HTML页面布局方法一般有两种表格（Table）布局层（DIV）布局DIV+CSS布局表

8、格（Table）布局传统Table布局方式只是利用了HTML的table元素所具有的零边框特性Table布局的核心是：设计一个能满足版式要求结构，将内容装入每个单元格中，间距及空格使用透明gif图片实现，最终的结构是一个复杂的表格（有时候会出现多次嵌套），这样是不利于设计与修改的DIV+CSS布局传统Table布局示意图DIV+CSS布局Table布局的缺点设计复杂，改版时工作量巨大表现代码与内容混合，可读性差不利于数据调用分析网页文件量