信息发布与网页的设计Dreamweaver.ppt

期中复习提要 * 概要 期中考核的范围 HTML语言 HTML语法 常用标记 用记事本编写HTML文件的方法 DW的操作 网页中各种元素的属性设置方法 页面、表格、段落、文字、图片等属性 表单属性 框架、层属性。。。 第一部分 HTML语言 HTML文件的基本结构由两部分组成： 首部 由Head标记界定 Head标记中有1个重要的title标记， title标记主要有两个功能 作为标题，显示在浏览器的左上角； 作为浏览器的收藏夹中隐含的网页标题。 主体 由Body标记界定 所有在浏览器窗口中显示的内容，均在Body标记中设定。 首部、主体均在Html标记中 HTML文件的扩展名为： htm 或 html 第一部分 HTML语言续1 HTML语法（重点） 标记分: 开始标记、结束标记 单字节的左、右尖括号为标记的左右分界符 属性放在开始标记中，如有多个属性、空格分隔 结束标记为：/标记名 标记有单边/双边标记 标记不区分大小写 标记可嵌套、不可交叉 第一部分 HTML语言续1 标记的嵌套 html head…/head body…/body /html 标记可嵌套、不可交叉 bI北京欢迎你/I/b 第一部分 HTML语言续1 HTML文件特点 HTML文件是文本文件 任何字编辑软件都可用来编制HTML文件 用记事本保存HTML文件的方法 保存为： 给定1个文件名，扩展名用隐含的（TXT），然后将扩展名改为 HTM 或 HTML； 另存为： 用双引号将文件名.扩展名括起来，如： “index.htm”或 “index.html” 第一部分 HTML语言续3 与整个页面相关的显示特性在body属性中设定，如背景颜色/图片，链接颜色，文字大小/颜色等。 body bgcolor=# 设置背景颜色 text=# 设置文本颜色 link=# 设置未访问连接的颜色 alink=# 设置当前活动连接的颜色 vlink=# 设置已访问连接的颜色 background=# 设背景图象 第一部分 HTML语言续4 颜色属性值的表示方法（重点） ： 英文名称定义颜色，如“red”、“blue”等； 了解三元色（RGB）设定原理 用#与6位十六进制数（从00到FF）表示， 前两位设置红色的深浅； 中间两位设置绿色的深浅， 后两位设置蓝色的深浅。 例：红色表示为“#FF0000”； 蓝色表示为“#0000FF”等。 第一部分 HTML语言续5 文字修饰（重点） 网页标题大小设置 hN N=1~6 大→小 其位置属性 align，设置Lift，Right，Center 网页正文文字大小设置 font size=n N=1~7 小→大 B、I、U、SUP 、 SUB 第一部分 HTML语言续6 p 在不会引起误解时，结束标记可省略。 p align=center2008北京奥运圣火传递/p br 标记用来强制换行。 hr 插入一条水平线，其属性可定义线的宽度、高度、类型等。 第一部分 HTML语言续7 列表设置 无序列表 ul无序列表，li表示各列表项。 无序列表用 “●”或是“■”标注列表项。 有序列表 ol有序列表， li列表项 有序列表用 “1、2、3”或“A、B、C、”等标注列表项。 第一部分 HTML语言续7 超级链接（重点） 什么是内部链接？如何建立？ 外部链接 什么是相对地址？相对于当前文件的地址 什么是绝对地址？ 掌握正确书写文件路径的方法（重点） 返回上一级/进入下一级目录的方法 .. /目录名称 第一部分 HTML语言续8 第一部分 HTML语言续9 内部链接 用于同一文档中不同内容之间的链接 外部链接 用于不同文档中相关内容之间的链接 第一部分 HTML语言续10 链接音频文件 例： a href=″yy.mid″欣赏音乐/a 链接视频文件 例： a href=″TEST.MPEG″欣赏视频/a 第一部分 HTML语言续10 插入图像（重点） img src=图像的URL地址 img的其它属性有： align（显示位置） alt（替换文字） border（边框） height（高度） wdith（宽度） 网页中插入图片时，请选择带有压缩格式的图片，如JPG、TIF格式。 第一部分 HTML语言续11 表格 1. 表格标记 table.../table 2. 表格标题标记 caption align＝＃表格标题/caption align可选择top，bottom，默认时居中。 第一部分 HTML语言续12 3. 表格行标记 tr.../tr 表格一行的开始和结束。 4.表格