Dreamweaver CS4网站设计实例教程PDF电子书下载

第1章 Dreamweaver基础知识 1

1.1网页设计基础 1

1.1.1网页基础概念 1

1.1.2页面组成与布局 7

1.1.3 CSS介绍 9

1.1.4常用工具 10

1.2 Dreamweaver基本操作 11

1.2.1启动与退出 12

1.2.2了解Dreamweaver界面 13

1.2.3创建与保存网页 17

1.2.4向网页中添加内容 19

1.2.5查看网页 22

1.3 Dreamweaver面板 23

1.3.1 “CSS样式”面板 23

1.3.2“标签检查器”面板组 27

1.3.3其他面板 30

1.3.4进一步美化页面 31

1.3.5检查与验证网页 34

1.4 Dreamweaver中的站点管理 35

1.4.1创建与管理站点 35

1.4.2“文件”面板组 36

1.4.3站点报告 37

1.4.4发布网页 38

1.5 Dreamweaver的一些特色功能 39

1.5.1 Spry构件 39

1.5.2 Spry效果 39

1.5.3 CSS预设布局 40

1.5.4 CSS管理 40

1.5.5其他功能 42

1.6排忧解惑 42

1.6.1关于CSS中的标签、类与ID 42

1.6.2关于字体大小 43

1.7上机实训 44

1.7.1插入特殊符号 44

1.7.2添加文件下载链接 44

1.8习题 45

第2章 设计服务型公司网站 46

2.1制作首页 46

2.1.1准备工作 47

2.1.2使用Div组织导航栏 48

2.1.3使用CSS样式修饰导航栏 52

2.1.4使用CSS制作弹出菜单 55

2.1.5使用Div组织信息面板 59

2.1.6由Div组织页面主体框架 61

2.1.7使用嵌套Div进行产品介绍 64

2.1.8使用Div制作列表框架 70

2.1.9使用Div添加服务列表项 72

2.1.10完成页面 78

2.2制作服务介绍页面 79

2.2.1准备工作 80

2.2.2使用编号列表组织段落 81

2.2.3使用行为制作关键字列表 83

2.2.4添加信息面板并使用脚本切换 88

2.3排忧解惑 99

2.3.1关于文本颜色 99

2.3.2关于字体的变化效果 100

2.4上机实训 101

2.4.1实现图片与文字的滚动 101

2.4.2为单幅图片添加多个链接 102

2.5习题 102

第3章 设计博客站点 104

3.1制作首页 104

3.1.1准备工作 104

3.1.2使用Div组织页眉 107

3.1.3使用项目列表制作导航栏 110

3.1.4使用Div进行主体布局 112

3.1.5结合Div与项目列表制作左侧边栏 114

3.1.6使用Div组织主体内容并进行修饰 122

3.1.7添加右侧边栏并使用CSS修饰 130

3.1.8完成页面 138

3.2制作日志页面 140

3.2.1使用嵌套Div添加评论列表 141

3.2.2使用表格制作评论表单 145

3.3排忧解惑 147

3.3.1关于文本的垂直对齐 147

3.3.2关于文本的居中对齐 148

3.4上机实训 149

3.4.1让网页自动转向 149

3.4.2减少段落之间的空白 149

3.4.3实现浏览器地址栏的小图标效果 151

3.5习题 152

第4章 设计社交网站 153

4.1制作首页 153

4.1.1准备工作与整体布局 154

4.1.2结合项目列表与脚本制作导航栏 158

4.1.3使用Div与项目列表组织侧边栏 167

4.1.4使用Div与列表制作头像区域 170

4.1.5使用Div安排可切换的标签式信息面板 175

4.1.6使用Div与项目列表组织好友信息 191

4.1.7制作浮动的右侧边栏 196

4.2制作相册页面 202

4.2.1使用行为制作折叠式相册列表 203

4.2.2使用Div组织相片列表 208

4.3排忧解惑 211

4.3.1关于查找与替换文本 211

4.3.2关于调整AP元素默认属性 212

4.4上机实训 212

4.4.1定制图片的边框 212

4.4.2使用图片修饰标题 213

4.4.3使用图片修饰段首字符 215

4.5习题 216

第5章 设计新闻网站 218

5.1制作首页 218

5.1.1准备工作与整体布局 218

5.1.2使用CSS修饰页眉 221

5.1.3结合Div与项目列表制作导航栏 226

5.1.4使用浮动Div构建主体框架 231

5.1.5使用CSS修饰即时新闻 235

5.1.6使用Div与项目列表组织头条内容 239

5.1.7使用Spry选项卡式面板添加图片新闻 242

5.1.8使用项目列表组织新闻列表 247

5.1.9使用Div组织图片列表 256

5.1.10由Div与项目列表组织侧边栏 260

5.2制作新闻页面 264

5.2.1添加正文内容并修饰段落 264

5.2.2使用已有样式添加评论列表 270

5.3排忧解惑 273

5.3.1关于Dreamweaver导航栏 273

5.3.2关于格式化源代码 274

5.4上机实训 274

5.4.1使用CSS防止图片盗用 274

5.4.2实现无等待的背景图片切换 276

5.4.3创建可缩放圆角 279

5.5习题 281

参考文献 282