[高等教育]chapter1网页制作HTML基础.pptVIP

网页设计与制作 ——网页设计基础 学习目标 理解网页的基本原理，区分静态网页和动态网页。 掌握HTML语言的语法规则，掌握基本的网页标记符和属性。 了解网页制作的常用工具。 Part 1 网页的基本概念 Internet 与 WWW 通俗地讲，Internet 就是许多功能不同的计算机通过线路连接起来组成的一个世界范围的网络。 Internet 与 WWW Internet 提供的服务： WWW服务（网页浏览\网上冲浪） 电子邮件服务（E-mail） 文件传输（FTP） 网络游戏 即时信息传递（QQ、MSN等） 网站与主页 在逻辑上可视为一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 作为一个组织或个人在 WWW（或其他Web）上开始点的页面称为主页（Homepage）。 WWW 与浏览器 WWW是由遍布在 Internet 上的称为 Web 服务器的计算机组成，它将不同的信息资源有机地组织到一起，通过浏览器进行浏览。 WWW并不就是Internet，它只是Internet提供的服务之一。 WWW 与浏览器 HTML 的基本工作原理 HTML(Hypertext Markup Language，超文本标记语言)是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分。 HTML的基本工作原理 通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。 HTML的基本工作原理 静态网页与动态网页 一般网页的每一行 HTML 代码都是在将页放置到服务器之前由设计人员编写的。因为 HTML 在放置到服务器后不发生更改，所以这种页称为静态页。 例如，大多数的个人网站。 当 Web 服务器接收到对静态页的请求时，服务器将读取该请求，查找该页，然后将其发送到请求浏览器，如图所示 。 静态网页与动态网页 所谓动态网页，是指根据用户的请求，由服务器动态生成的网页。例如，ASP网页，PHP网页，JSP网页。 当 Web 服务器接收到对动态页的请求时，它将该页传递给应用程序服务器，它读取页上的代码，根据代码中的指令完成页，然后将代码从页上删除。所得的结果将是一个静态页，应用程序服务器将该页传递回 Web 服务器，然后 Web 服务器将该页发送到请求浏览器。该过程如图所示。 静态网页与动态网页 应用程序服务器使用户能够使用服务器端的资源（如数据库）。 动态页可以指示应用程序服务器从数据库中提取数据并将其插入页的 HTML 中。 例如，搜索页面，电子商务网站等。 Part 2 HTML基础 标记符基础 在 HTML 中，所有的标记符都用尖括号括起来。例如，html、a。 HTML 标记符是不区分大小写的。html、Html和HTML没有区别。 标记符基础 绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。某些标记符，例如BR，只要求单一标记符号。 开始标记符与结束标记符的区别在于：结束标记符多一个斜杠“/”（不是反斜杠“\”！） 标记符基础 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。 标记符基础 例如，可以用字体标记符和字号属性指定文字的大小。FONT SIZE=1本行字将以较小字体显示。/FONT Web页的基本结构 一个 Web 页实际上对应于一个 HTML 文件，HTML 文件以 .htm 或 .html 为扩展名。 最基本的HTML文档包括：HTML标记HTML/HTML、首部标记HEAD和/HEAD、以及正文BODY/BODY。 HTML标记符 HTML和/HTML 是Web页的第一个和最后一个标记符，Web 页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件为一个Web页。 HEAD标记符 首部标记HEAD和/HEAD位于 Web 页的开头，其中不包括 Web 页的任何实际内容，而是提供一些与 Web 页有关的特定信息。 HEAD标记符 首部标记中的内容也用相应的标记符括起来。例如，样式表（CSS）定义位于STYLE和/STYLE之间；脚本定义位于SCRIPT/SCRIPT之间。 TITLE 标记符 在首部标记符中，最基本、最常用的标记符是标题标记TITLE和/TITLE，用于定义网页的标题。 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。 BODY标记符 正文标记符BODY和/BODY包含Web 页的内容。文字、图形、链接以及其他HTML元素都位于该标记符内。