[互联网]第9章网页制作.pptVIP

第9章 网页制作 9.1 HTML简介 9.2 FrontPage概述 9.3 网页制作 9.4 网页布局 9.5 创建表单页面 9.6 网页的发布 9.1 HTML简介 9.1.1 HTML的概念 9.1.2 HTML文件的基本构成 9.1.3 HTML语言的基本语法 9.1.1 HTML的概念 WWW（World Wide Web）技术被认为是Internet发展史上的一个重要里程碑，它功能强大，有很强的交互性，支持文字、图像、声音、动画、视频等各种媒体信息。网页已经成为Internet世界中信息的主要形式。 HTML是Hyper Text Markup Language(超文本标记语言)的缩写，是WWW技术的基础。它使用—些约定的标记(Tag)对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 9.1.2 HTML文件的基本构成 1. HTML标记的格式 Internet中的每一个HTML文件都包括网页内容和HTML标记两部分。其中，网页内容是我们从网页上能够直观地看到的信息；HTML标记负责控制网页内容显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。 ·标记名 网页内容 /标记名 标记名写在英文“”号内。多数HTML标记同时具有起始和结束标记，并且成对出现。 9.1.2 HTML文件的基本构成 标记代表了回车换行符。 HTML标记不区分大小写，某些HTML标记还具有一些属性。这些属性指定对象的特性，如背景颜色、文本字体大小、对齐方式等。属性一般放在“开始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 ... 网页内容/标记名 其中标记名和属性之间用空格分隔。如果标记有多种属性，属性之间也要用空格分开。 9.1.2 HTML文件的基本构成 2. HTML网页的结构 将上述代码用文本编辑器编辑并保存为一个扩展名为.htm的文件。 （1）网页头部(head) HTML文件的头部由head和/head标记定义。通常情况下，文件的标题、语言字符集信息、网页搜索的关键字、作者信息、版本信息等都放在头部信息中，我们也经常会把网页中的一些高级语言脚本程序（JavaScript或者VBScript）放在网页头部。 (2)网页主体 网页主体是HTML文件的核心内容，由body和/body标记定义，body标记的格式如下： body.../body body具有—些常用的属性，我们可以将各种属性组合起来放在body的开始标签中用以控制整个网页的显示效果。 ① 颜色控制 颜色控制包括网页背景颜色、文本颜色、超链接文本 ② 背景图像 如果网页使用背景图像，格式为： body background=路径/图片文件名 ... /bodya HTML对格式的要求并不严格，当HTML文件被浏览器扫描时，所有包含在文件中的空格、回车等均被忽略。 颜色三种。一般我们通过bgcolor属性来控制背景颜色，使用color属性来控制文本颜色。 9.1.3 HTML语言的基本语法 1. 文本布局 （1）段落标记p p.../p标记指定文档中一个独立的段落。通过设置该标记的align属性，可以控制段落的对齐方式。 （2）换行标记br 一般情况下，在网页里面是无法限定文本显示区域的宽度的，也就是说文本在什么地方换行是由浏览器的窗口大小来决定的。 （3）水平线标记hr 水平线标记hr用于在网页中插入一条水平线。 9.1.3 HTML语言的基本语法 2. 文字格式 HTML语言中用于文字格式化的标记有： （1）标题标记hn （2）字体标记font 字体标记用来对文字格式进行设置，主要具有以下属性： ① size属性用来控制文字的大小。 ② color属性用来控制文字的颜色。 ③ face属性用来指明文字使用的字体，其中，字体名的选择由Windows操作系统安装的字体决定。 3 字形标记 9.1.3 HTML语言的基本语法 3. 插入图片 img标记将图片插入网页中。具有以下属性： （1）src属性：指明图片文件所在的位置。 （2）alt属性：图片的文字说明，当鼠标指针指向该图片时，该说明性文字弹出。 （3）height和width属性：设置图片显示区域的高度和宽度。 其中height和width属性的取值n1和n2为像素数，像素数越大，图片显示越大。 （4）border属性：设置图片文件的边框。 （5）align属性：设置图片相对于文本的位置关系。 9.1.3 HTML语言的基本语法 4. 超级链接 在HTML语言中，a和/a标记用于设置网页中的超链接，href属性指明被超链接的文件地址。 用于表示超链接的文本一般显示为蓝色并且加下