第三章补充讲HTML.pptVIP

第 5 章 网 页 设 计 本章概要 网页制作的语言和工具 网页制作步骤 网页中的文本格式与超链接 网页中的图像和多媒体 表单中的图像与多媒体 表单网页页面设计 网页页面布局 网页的特效制作 网页的发布与管理 学习目标 了解HTML语言，了解网页制作工具和制作过程； 了解Web站点规划的基本方法，设计的基本步骤和站点管理的基本内容； 掌握网页制作的文字处理、图像处理、表格和站点管理的基本内容； 比较熟练地在网页中添加媒体文件，制作框架网页和运用层； 学会Web站点的创建和发布。 5.1 网页制作的语言和工具 5.1.1 网页设计语言 HTML（超文本标记语言）是一种描述文档结构的语言，它利用标签来描述文档结构、指定文档内容在浏览器中的显示格式、位置等。 客户机上的浏览器（browser）对这些描述进行解释将相应页面内容正确显示在显示器上。一个Web页面就是一个HTML文档。 HTML语言的结构及语法规范 1. HTML语言的结构 HTML文本是一个纯文本文档 例1： 如下图所示的网页，以bj.gif为网页背景，且背景不随网页滚动而滚动。 html head title个人网站/title /head body bgproperties=fixed background=bj1.jpg h1 align=center font face=方正舒体size=7站长欢迎你/font/h1 h2 align=right font face=“华文隶书nbsp;欢迎nbsp;nbsp;欢迎/font/h2 /body /html 例2 在网页中通过文字超级链接到另一个HTML文件df1.htm中，通过图像链接到一个网站 网页所使用的HTML代码如下所示： html head title个人站点/title /head body p align=center进入a href=df1.htm古典文学/a/p p align=centera href=img src=file:///D|/bj1.jpg width=260 height=190 border=0/a/p /body /html 例3： 在网页建立如下图所示的表格。 网页所使用的HTML代码如下所示： table width=308 height=212 border=1 caption茶叶/caption tr td width=61 height=50品种/td td width=62 height=50价格/td td width=62 height=50净重/td td width=89 height=50生产厂家/td /tr tr td width=61 height=50茉莉花/td td width=62 height=5030.00/td td width=62 height=50500g/td td width=89 height=50清风茶业/td /tr tr td width=61 height=50菊花/td td width=62 height=5035.00/td td width=62 height=50450g/td td width=89 height=50精细公司/td /tr /table * 第5章 网页设计 5.1 网页制作的语言和工具 2．HTML标签属性 标签名字 属性1 属性2 属性3 …… 控制语句 显示内容 （用来说明文字、图形、动画、声音、表格、超链接） 以标记形式出现：标记指定内容/标记 表示Html文档开始 表示页头开始 页头 标题显示在窗口的标题栏上 表示页头结束 主体开始，背景为图片bj1.jpg，背景不随网页滚动而滚动 用方正舒体、1级标题，居中显示页面文字 用华文隶书、2级标题，右对齐显示页面文字 主体结束 表示Html文档结束 网页所使用的HTML代码如下所示： 单元格 行 列 表头