第1章 网页制作入门.pptVIP

第1章 网页制作入门 在互联网行业里，网页制作包括网页设计、页面制作和后台程序设计等工序。本书所陈述的主要是页面制作这一部分的知识。网页制作人员把网页设计师设计出来的网页效果图制作成为可以在主流浏览器上运行的网页文档，这就是网页制作。网页制作人员需要掌握HTML和XHTML的知识，使用DIV+CSS技术实现页面布局和页面效果。本章内容包括： 了解浏览器和网页文档以及它们之间的关系； HTML、XHTML和CSS的概念； 介绍制作网页文档常用的软件TopStyle和Dreamweaver。 1.1 了解浏览器和网页文档的关系 网页浏览器是一种软件，用于显示网页文档。过去，网页文档一般都是HTML的格式，是以HTM或者HTML作为扩展名的文件。有些网页需要使用特定的浏览器才能正确显示。常见的网页浏览器包括微软的Internet Explorer（简称IE）、Opera、Mozilla的Firefox、Maxthon（基于IE内核）等。 1．本机系统安装了IE6的用户 2．本机系统安装了IE7的用户 1.2 初识HTML和XHTML 网页文档是以HTM或者HTML作为扩展名的文件。这类型文件可以使用系统自带的记事本打开，也可以使用网页编辑软件Dreamweaver打开。在这些文件中包含的代码就是HTML语言或者XHTML语言。这两种语言能被浏览器解释并渲染成网页，它们是构建网页的基础。本节将简单介绍HTML语言和XHTML语言。 1.2.1 初识HTML HTML（HyperText Mark-up Language）是超文本标签语言的简称，是目前网络上应用最广泛的语言，也是构成网页文档的主要语言。在浏览器中打开一个页面，选择“查看”|“源文件”命令，就会弹出该页面的源文件，通常为一个txt文本文档。 1.2.2 初识XHTML XHTML（Extensible HyperText Markup Language）是可扩展超文本标识语言的简称。XHTML是一个基于XML的标签语言，形式与HTML相似。从本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。XHTML语言是从HTML语言到XML语言的过渡。 1.2.3 初识XHTML语法 虽然XHTML与HTML的语法结构非常类似，但是XHTML遵循更加严格的规则，以下是XHTML的语法。若不遵循以下规定编写XHTML文档，可能导致浏览器错误地渲染网页的标签，还可能导致网页排版出错。 1．所有的标签都必须要有一个相应的结束标签 2．所有标签的元素和属性的名字都必须使用小写 3．所有的属性必须用引号括起来 4．把所有和特殊符号用编码表示 5．不要在注释内容中使用双横线 6．img标签必须使用alt属性 7．给XHTML文档添加适当的声明 1.3 初识CSS的作用 CSS（Cascading Style Sheet）的中文译名是层叠样式表。CSS用于控制网页元素的外观，其主要用于分离页面的样式和结构。CSS提供了丰富的样式表现功能，如字体、段落、颜色、背景、布局等。使用DIV+CSS的布局方式改变了传统html+table的布局方式。下面通过实例1-1来初步体现CSS的功能。 1.4 选择一个合适的开发工具 制作页面包括制作XHTML页面和CSS样式表。通常可以使用记事本来编制这些文档，当文档非常大、代码量很多的情况下，使用记事本就不够方便。目前常用于制作页面的工具有两个，一个是Adobe公司开发的Dreamweaver，一个是TopStyle编辑器。 1.4.1 CSS专业开发编辑器TopStyle TopStyle是一款CSS的专业编辑软件，可以帮助页面制作人员编写符合包括CSS2标准在内的样式表。 1．TopStyle的代码区域 2．TopStyle的代码提示功能 1.4.2 网页开发编辑器Dreamweaver Dreamweaver是集网页制作和管理网站于一身的所见即所得的网页编辑器。利用Dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览器限制充满动感的网页。Dreamweaver是最常用的网页制作软件，其编辑CSS样式的能力只是Dreamweaver其中的一个功能。Dreamweaver和TopStyle一样，具有代码着色功能，方便用户区分代码的类型 1．Dreamweave的代码提示 1.5 常见面试题 问题1：经常用来作为网页浏览标准的浏览器有哪几个？ 问题2：日常制作网页的软件有哪两个？ 问题3：XHTML1.0提供了哪3种DOCTYPE？ 1.6 小结 本章讲解了网页制作的基础知识，让读者对网页文档、XHTML以及CSS有一个总体的认识。本章的重点是网页制作的相关基础知识，包括对浏览器、网页文