全书共分为5章。第1章介绍了Dreamweaver基础知识,包括网页设计基础、Dreamweaver基本操作、Dreamweaver面板、Dreamweaver中的站点管理、Dreamweaver的一些特色功能等内容。第2~5章分别介绍了设计服务型公司网站、设计博客站点、设计社交网站、设计新闻网站等内容,每章都围绕实例进行讲解,步骤细致、可移植性强,并且每章都采用“网站设计→排忧解惑→上机实训→习题”四维立体教学法,通过“完整的网站设计实例→启发式的疑难点解释→精心安排的实训项目→巩固知识的习题练习”,使读者能够真正将所学的知识融会贯通,轻松实现一学即会。
Dreamweaver是目前使用最广泛的网页设计和网站管理平台,本书通过基础知识与实例相结合的方式,由浅入深、全面透彻地介绍了使用Dreamweaver CS4来制作网站的方法和技巧。
本书共分为5章,分别讲述了Dreamweaver基础知识、设计服务型公司网站、设计博客站点、设计社交网站、设计新闻网站等内容,知识全面、实例丰富。
本书既可作为高职高专院校和培训学校教学的教材使用,也适合想快速入门并提高网站制作技能的初、中级用户,同时也适用于广大网站设计的爱好者。
出版说明
前言
第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