第2章Web页面制作基础.ppt

1、第2章 Web页面制作基础,2.1 HTML语言概述 2.2 文本的格式与风格 2.3 加入多媒体与超级链接 2.4 制作表格 2.5 制作表单 2.6 框架结构 2.7 CSS基础,2.1 HTML语言概述,2.1.1 HTML概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML最早源于SGML语言 . HTML语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。,2.1 HTML语言概述,2.1.2 HTML文档的结构 包括HEAD、

2、TITLE、BODY三部分，下面是基本结构： 标题部分 正文部分 ,2.1 HTML语言概述,2.1.3 HTML标记 1HTML文档标记 格式：标志文件开始和结尾的标记。 2HTML文件头标记 格式：用于包含文件的基本信息。 3HTML文件主体标记 格式：文件主体标记。 注意：与为独立的两个部分，不能互相嵌套。,2.1 HTML语言概述,2.1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。 为了减少网页设计师的工作设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。 所见

3、即所得的概念。 本书例题均在FrontPage 2000编辑环境中调试并通过。,2.2 文本的格式与风格,2.2.1 设置的属性 1属性概述 background属性 bgcolor 属性 bgproperties属性 link ，vlink， alink属性 Leftmargin，topmargin属性 Margingwidth，marginheight属性 2FrontPage 2000中的实现,2.2 文本的格式与风格,2.2.2 段落格式化 1标题标记 格式：，设置各种大小不同标题的标记。 2段落标记 格式：设置段落标记。 3预定格式标记 格式：在浏览器中浏览时，按照文档中预先排好的形

4、式显示内容。,2.2 文本的格式与风格,4分区显示标记 格式：分区显示标记。 5词标记 这种标记有两种：和 格式：强制进行换行标记。 格式：插入水平线标记。 6注释标记 格式：注释标记。,2.2 文本的格式与风格,2.2.4 建立列表 1有序列表 格式： 功能：建立有序列表。,2.2 文本的格式与风格,2无序列表 格式： 功能：建立无序列表。,2.2 文本的格式与风格,3自定义列表 格式： 注意：根据文档的具体要求，列表可以嵌套使用。 在FrontPage 2000中实现。,2.2 文本的格式与风格,2.2.5 字符的格式化 1字体设置标记 格式： 功能：设置字体格式标记。 标记提供了几种属性

5、 ： size：设置文字的大小。 face：设置字体。 color：设置文字的颜色。,2.2 文本的格式与风格,2.3 加入多媒体与超级链接,2.3.1 加入图像、视频、动画 图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。 格式： 功能：在网页中加入图像、视频、动画等。,2.3 加入多媒体与超级链接,1插入图像,2.3 加入多媒体与超级链接,2插入视频,使用FrontPage 2000在网页中插入多媒体,2.3 加入多媒体与超级链接,2.3.2 加入超级链接格式：,2.4 制作表格,2.4.1 建立表格 创建表格是规划页面最常用的方法。 格式： 功能：创建表格进行页面设计

6、。 在浏览器中显示时，表格的整体外观由标记的属性决定 。,2.4 制作表格,2.4 制作表格,2.4.2 定制表格 使用只是定义空表格，还需要定义行和单元格。 格式： 功能：定义表格的一行。 对于每一行，可以定义行属性,2.4 制作表格,行属性：,2.4 制作表格,单元格属性：,格式：定义表格说明，通过属性align设置标题的对齐方式。,2.5 制作表单,2.5.1 表单的结构 格式：定义表单。,2.5 制作表单,2.5.2 FORM中常用的标记 1输入域 （1）单行输入域 1）text类型 2）password类型 3）radio类型 4）checkbox类型 5）submit类型 6）re

7、set类型 7）hidden类型,2.5 制作表单,（2）多行输入域标记,2.5 制作表单,2按钮 ,2.5 制作表单,3选择域 格式： 选项一 选项二 功能：定义选择栏。,2.5 制作表单,2.5.3 表单的处理 处理信息时，经常配合表格标记，使用循环输出的方法。,2.6 框架结构,2.6.1 框架结构的文件格式 注意：在老版本的浏览器 可能不支持框架结构。 ,2.6 框架结构,2.6.2 框架结构标记的使用 格式：,2.6 框架结构,2.6.3 FRAME标记,2.6 框架结构,2.6.4 TARGET属性的使用 三种常见的用法： 1用于A标记 2用于BASE标记 3用于FORM标记,2.7 CSS基础,2.7.1 CSS样式简介 CSS（Cascading Style Sheets，层叠样式表），又称格式页。 2.7.2