网页设计教程

1 (p1): 第1章HTML语言基础
1 (p1-1): 1.1什么是HTML
1 (p1-1-1): 1.1.1网页的基本概念
4 (p1-1-2): 1.1.2 HTML的工作原理
4 (p1-1-3): 1.1.3 HTML的作用
4 (p1-1-4): 1.1.4 HTML文档的结构
5 (p1-1-5): 1.1.4.1 HTMLL的头部（head）结构
9 (p1-1-6): 1.1.4.2 HTML的主体（body）结构
9 (p1-2): 1.2网页制作的工具
9 (p1-2-1): 1.2.1 Dreamweaver 8的界面
11 (p1-2-2): 1.2.2菜单栏
11 (p1-2-3): 1.2.3 Dreamweaver 8的工具栏
13 (p1-2-4): 1.2.4文档窗口
14 (p1-2-5): 1.2.5属性面板
15 (p1-2-6): 1.2.6面板组
16 (p1-3): 1.3页面属性的设置
16 (p1-3-1): 1.3.1定义网页背景色
17 (p1-3-2): 1.3.2设置背景图片
17 (p1-3-3): 1.3.3设置网页文字
18 (p1-3-4): 1.3.4设置背景音乐
18 (p1-4): 1.4智能代码输入方法
20 (p1-5): 习题1
21 (p1-6): 实训1
25 (p2): 第2章 文本及版面控制标记
25 (p2-1): 2.1文本字体控制标记
25 (p2-1-1): 2.1.1字体标记
30 (p2-1-2): 2.1.2标题标记
30 (p2-1-3): 2.1.3文字缩小、加大标记
32 (p2-1-4): 2.1.4粗体、斜体标记
33 (p2-1-5): 2.1 5上标与下标标记
34 (p2-1-6): 2.1.6删除线与下划线标记
35 (p2-2): 2.2文本版面风格控制标记
35 (p2-2-1): 2.2.1文本分段标记
36 (p2-2-2): 2.2.2水平线标记
36 (p2-2-3): 2.2.3居中标记
37 (p2-2-4): 2.2.4预排版标记
38 (p2-3): 2.3列表标记
38 (p2-3-1): 2.3.1无序列表标记
40 (p2-3-2): 2.3.2有序列表标记
43 (p2-4): 2.4容器标记
43 (p2-4-1): 2.4.1 ﹤div＞标记
45 (p2-4-2): 2.4.2 ﹤span＞标记
46 (p2-5): 习题2
47 (p2-6): 实训2
48 (p3): 第3章 图像
48 (p3-1): 3.1.图像标记
49 (p3-1-1): 3.1.1设置图像的宽度和高度
50 (p3-1-2): 3.1.2设置图像水平间距和垂直间距
51 (p3-1-3): 3.1.3设置图像的提示信息
51 (p3-1-4): 3.1.4设置图像的对齐方式
53 (p3-2): 3.2网页图像格式
55 (p3-3): 3.3网页图像处理
55 (p3-3-1): 3.3.1 Photoshop界面简介
57 (p3-3-2): 3.3.2.Photoshop的工具箱
65 (p3-3-3): 3.3.3在网页设计中常用的集中图像处理方法
78 (p3-4): 习题3
78 (p3-5): 实训3
80 (p4): 第4章超级链接
80 (p4-1): 4.1超级链接的原理
82 (p4-2): 4.2超级链接标记
84 (p4-3): 4.3超级链接的种类
84 (p4-3-1): 4.3.1普通链接
85 (p4-3-2): 4.3.2锚记链接
88 (p4-3-3): 4.3.3电子邮件链接
89 (p4-3-4): 4.3.4图像链接
89 (p4-3-4-1): 4.3.4.1单图单链接
90 (p4-3-4-2): 4.3.4.2单图多链接
92 (p4-3-4-3): 4.3.5下载文件链接
94 (p4-3-5): 4.3.6脚本链接
95 (p4-3-6): 4.3.7空链接
96 (p4-4): 习题4
96 (p4-5): 实训4
98 (p5): 第5章 表格与框架
98 (p5-1): 5.1创建表格
98 (p5-1-1): 5.1.1表格的基本构成
99 (p5-1-2): 5.1.2设置表格的标题
100 (p5-1-3): 5.1.3表格的表头标记
101 (p5-1-4): 5.1.4表格的结构
102 (p5-2): 5.2设置表格的基本属性
103 (p5-2-1): 5.2.1设置表格的宽度与高度
104 (p5-2-2): 5.2.2设置背景
105 (p5-2-3): 5.2.3设置边框
105 (p5-2-4):…