网站建设及其网页制作.ppt

《网站建设及其网页制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第11章网站建设与网页制作11.1网站的创建复制与发布11.2HTML和XHTML11.3页面定位与布局方法11.4母版页11.5CSS样式设计11.6使用JavaScript创建网页特效本章教学目的介绍HTML标记和XHTML标记的用法及网页制作方法。本章教学要求（1）掌握基本HTML标记和XHTML标记的用法；（2）掌握页面布局及CSS的用法；（3）掌握母版页与内容页的设计方法；（4）了解其他内容。网站开发主要分两方面:Web页面设计设计在客户端呈现的能被浏览器解析的界面，即平时所说的网页制作，一般使用HTML(超文本标记语言)实现。Web逻辑功能设计指实现内部

2、逻辑功能，早期使用脚本语言实现，如JavaScript、VBScript等，但是脚本语言功能较弱，实现复杂。11.1网站的创建VS2005提供了三种创建站点的位置类型:文件系统FTPHTTP三种类型中，一般使用文件系统。它可在本机任何一个位置创建网站，也可直接将创建的网站从一个文件夹移动或复制到另一个文件夹，或者直接复制到另一台机器中。11.2HTML和XHTML在VS2005中网页默认使用的目标架构为：XHTML1.0TransitionalXHTML是在HTML（超文本标记语言）基础上为适应目前流行的XML（可扩展标记语言）而发展的新一代Web标记语言。W3C在200

3、0年1月首次提出XHTML时，目标是将Web翻译为XML。XHTML1.0是作为一种帮助Web开发人员和创作工具制造商放弃传统HTML标记语言，迁移到一个基于XML的新的HTML-XML的混合体而开发的，因此叫做XHTML1.0Transitional。11.2HTML和XHTML(续)从使用角度说明HTML与XHTML的不同：大小写HTML不区分大小写，元素和属性名称可以是大写、小写或大小写混合；而XHTML要求所有元素和属性名称必须是小写的，而属性值则大小写均可。标记嵌套在HTML中使用不正确的嵌套，一样可以在很多浏览器中使用；而XHTML则要求嵌套必须完全正确。有否

4、结束标记在HTML中有些标记是可以没有结束标记；而XHTML要求所有标记都必须有结束标记。引号HTML中的属性值可以用引号引起来，也可以不使用引号；但XHTML中要求所有属性值都必须加引号。样式如果不使用样式表，HTML中的每一个样式都可以直接使用属性名=属性值的方法设置样式；但是在XHTML中，如果不样式表，则必须通过Style属性来设置。11.2.1HTML和XHTML的格式与标记基本格式：HTML文档=首部（head）+主体（body）首部：由标记和之间的内容构成。用于设置HTML文件的标题、作者等信息（浏览器中不显示）。首部中可包含标题标

5、记符title、样式标记符style、脚本语言标记符script等。主体：由标记和之间的内容构成。网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。11.2.1HTML和XHTML的格式与标记(续)HTML文档的一般形式为:这是xhtml文档的主体部分在HTML文档中，〈标记〉和〈/标记〉都是配对使用的。11.2.1HTML和XHTML的格式与标记(续)<标记>中可以包含属性，一般格式为：〈标记属性1="值1

6、"属性2="值2"…〉例如：标记之间必须使用空格隔开，属性名和属性值之间用等号隔开，等号左边是属性名称，右边是属性值。例11-4:HTML标记示例，主要代码如下:11.2.1HTML和XHTML的格式与标记(续)一个很有意义的计算题！