网页三剑客--第二章.ppt

第2章 网站制作基础 本章实训 ● 使用 Dreamweaver 创建站点页 ● 使用表格制作文章列表 ● 制作简易电子相册 ● 使用文字与图片链接制作实例索引页 ● 使用热区制作一图多链的图片 第2章 网站制作基础 ● 使用锚点制作网页书签 ● 使用框架制作改良版的相册 ● 使用表单元创建用户注册页 ● 使用表格制作网页布局框架 ● 制作网站模板并使用模板创建网页 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第1章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第1章 网站制作入门 第1章 网站制作入门 第1章 网站制作入门 第1章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第1章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 第2章 网站制作入门 HTML语言 一、HTML入门 HTML语言使用标记对的方法编写文件，既简单又方便，它通常使用标记名/标记名来表示标记的开始和结束，在HTML中大部分标记都是成对使用的。 1、HTML标记 html…/html html标记用于HTML文档的最前边，用来标识HTML文档的开始。而/html标记放在HTML文档的最后边，用来标识HTML文档的结束。 HTML语言 一、HTML入门 2、“文件头”标记 head…/head head/head构成HTML文档的开头部分，在此标记对之间可以使用title/title、meta、 script/script等标记对。 HTML语言 一、HTML入门 3、“文本体”标记 body…/body 这对标记是HTML文档的主题部分。 body标记中包含有以下属性： ● body bgcolor = “#rrggbb” 设置背景颜色。 ● body text = “#rrggbb” 设置文本颜色。 ● body link = “#rrggbb” 设置链接颜色。 ● body vlink = “#rrggbb” 设置已访问过的链接的颜色。 HTML语言 一、HTML入门 ● body alink = “#rrggbb” 设置单击时的链接的颜色。 HTML语言 二、表格标记 表格标记对于制作网页是很重要的，现在很多网 页都使用多重表格，利用表格可以实现各种不同的布 局方式，而且可以保证当浏览器改变页面字体大小的 时候保持页面布局不变，还可以任意进行背景和前景 颜色的设置。 1、table/table table/table标记对用来创建表格。它具有的 属性有: ● table bgcolor = “ ” 设置表格的背景颜色 HTML语言 二、表格标记 ● table border = “ ” 设置边框的宽度，默认值 为0 ● table bordercolor = “ ” 设置边框的颜色 ● table cellpadding = “ ” 设置单元格边距 ● table cellspacing = “ ” 设置单元格间距 ● table width = “ ” 设置表格的宽度，单位为像素或百分比。 HTML语言 二、表格标记 2、tr/tr、td/td tr/tr标记对用来创建表格中的行。 注： tr/tr标记对只能放在table/table标记对之间使用，而在此标记对之间加入文本时无用的