第9章 Web网站建设作网页制初步 网络基础与运用课件.pptVIP

第9章 Web网站建设网页制作初步 WWW已成为目前最主要的电子信息发布媒介，这些信息通过Internet快速而广泛地传播，Internet也由于它们的存在而更加精彩，这种精彩吸引着人们不断地浏览Internet。 发布到Internet上的WWW信息都是以网页的形式出现的，人们可以用纯文本编辑器来创建网页，也可以采用专门的网页编辑器来制作网页。本章将分别介绍其制作方法。 本章主要内容 9.1 HTML基础 9.2 JavaScript编程技术 9.3 网页的基本制作方法 9.4 主页的制作原则与设计技巧 9.5 个人主页的发布 9.1 HTML基础 静态网页文档都是用超文本标记语言HTML（hypertext markup language）编写而成的。HTML是一种符号标记语言，于八十年代初由万维网联盟W3C（world wide web consortium）制订。 网页由元素构成，每个元素用HTML代码和标记定义。标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中，大多数标记都成对出现，表示开始和结束。网页文件的扩展名通常为.htm或.html。 整个HTML文档内容均在HTML…/HTML标记之中。整个HTML文档分头部和主体部分。 头部使用HEAD…/HEAD标识，凡是在此标记内的内容均属于头部信息，使用TITLE…/TITLE标记标题。头部信息不显示在Web页中。 主体是Web页的主要部分，用BODY…/BODY标识，其中包含了文件中实际显示的文本。对于任何一个HTML文档，上述4个标记是最基本的标记，被称之为文档结构标记，它们指明了一个HTML文档的基本结构。网络上形形色色的网页都是基于HTML语言编写而成的，只要单击FrontPage Editor窗口中的HTML标签进入网页的HTML视图，就可以查看到该网页的HTML源代码，网页本身都是普通的文本文件，也称之为HTML文件，因此可以用任何一种文本编辑程序制作。但经过Web浏览器的解释和处理，网页显示在用户面前的就是一个多媒体的超文本文件。 HTML概述 一个简单的HTML文档示例 下面是，文件名为Test1.html。 HTML HEAD TITLE哈哈！我的第一个网页！/TITLE /HEAD BODY BGCOLOR=#FFFF00 TEXT=#FF0000 H1莫道天凉好个秋/H1 /BODY /HTML HEAD头元素 HTML的常用标记 HTML的常用标记有一些共同特点：都放在BODY标记里面。 常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等 字体标记 图片标记 超级链接 列表 基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 表格的灵活应用 Cellpading和Cellspacing属性 Cellpading的意思是单元格的边距，指的是字与单元格边框的距离。Cellspacing的意思是单元格间距，指的是单元格之间的距离。 案例：表格的样式 表单 表单的功能是收集用户信息实现系统与用户交互。比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程如下：当单击表单中的提交按钮时，表单中的信息就会上传到服务器中，然后由服务器端的应用程序（例如CGI，ASP，PHP，JSP等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 表单头及其属性 表单中常用控件 在常用的表单制作过程中，经常遇到的是按钮制作、输入元素的制作等。常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框，等等。 HTML BODY FORM ACTION=do_submit.asp METHOD=POST 姓名：INPUT TYPE=TEXT NAME=USERNAMEBR 密码：INPUT TYPE=PASSWORD NAME=USERPWDBR 性别：INPUT TYPE=RADIO NAME=SEX CHECKED男 INPUT TYPE=RADIO NAME=SEX女 BR 血型：INPUT TYPE=RADIO NAME=BLOOD CHECKEDO INPUT TYPE=RADIO NAME=BLOODA INPUT TYPE=RADIO NAME=BLOODB INPUT TYPE=RADIO NAME=BLOODAB BR 性格：INPUT TYPE=CHECKBOX CHECKED热情大方 INPUT TYPE=CHECKBOX温柔体贴 INPUT T