Dreamweaver CS4网站设计实例教程

出版说明
前言
第1章 Dreamweaver基础知识
1.1 网页设计基础
1.1.1 网页基础概念
1.1.2 页面组成与布局
1.1.3 CSS介绍
1.1.4 常用工具
1.2 Dreamweaver基本操作
1.2.1 启动与退出
1.2.2 了解Dreamweaver界面
1.2.3 创建与保存网页
1.2.4 向网页中添加内容
1.2.5 查看网页
1.3 Dreamweaver面板
1.3.1 “CSS样式”面板
1.3.2 “标签检查器”面板组
1.3.3 其他面板
1.3.4 进一步美化页面
1.3.5 检查与验证网页
1.4 Dreamweaver中的站点管理
1.4.1 创建与管理站点
1.4.2 “文件”面板组
1.4.3 站点报告
1.4.4 发布网页
1.5 Dreamweaver的一些特色功能
1.5.1 Spry构件
1.5.2 Spry效果
1.5.3 CSS预设布局
1.5.4 CSS管理
1.5.5 其他功能
1.6 排忧解惑
1.6.1 关于CSS中的标签、 类与ID
1.6.2 关于字体大小
1.7 上机实训
1.7.1 插入特殊符号
1.7.2 添加文件下载链接
1.8 习题
第2章 设计服务型公司网站
2.1 制作首页
2.1.1 准备工作
2.1.2 使用Div组织导航栏
2.1.3 使用CSS样式修饰导航栏
2.1.4 使用CSS制作弹出菜单
2.1.5 使用Div组织信息面板
2.1.6 由Div组织页面主体框架
2.1.7 使用嵌套Div进行产品介绍
2.1.8 使用Div制作列表框架
2.1.9 使用Div添加服务列表项
2.1.10 完成页面
2.2 制作服务介绍页面
2.2.1 准备工作
2.2.2 使用编号列表组织段落
2.2.3 使用行为制作关键字列表
2.2.4 添加信息面板并使用脚本切换
2.3 排忧解惑
2.3.1 关于文本颜色
2.3.2 关于字体的变化效果
2.4 上机实训
2.4.1 实现图片与文字的滚动
2.4.2 为单幅图片添加多个链接
2.5 习题
第3章 设计博客站点
3.1 制作首页
3.1.1 准备工作
3.1.2 使用Div组织页眉
3.1.3 使用项目列表制作导航栏
3.1.4 使用Div进行主体布局
3.1.5 结合Div与项目列表制作左侧边栏
3.1.6 使用Div组织主体内容并进行修饰
3.1.7 添加右侧边栏并使用CSS修饰
3.1.8 完成页面
3.2 制作日志页面
3.2.1 使用嵌套Div添加评论列表
3.2.2 使用表格制作评论表单
3.3 排忧解惑
3.3.1 关于文本的垂直对齐
3.3.2 关于文本的居中对齐
3.4 上机实训
3.4.1 让网页自动转向
3.4.2 减少段落之间的空白
3.4.3 实现浏览器地址栏的小图标效果
3.5 习题
第4章 设计社交网站
4.1 制作首页
4.1.1 准备工作与整体布局
4.1.2 结合项目列表与脚本制作导航栏
4.1.3 使用Div与项目列表组织侧边栏
4.1.4 使用Div与列表制作头像区域
4.1.5 使用Div安排可切换的标签式信息面板
4.1.6 使用Div与项目列表组织好友信息
4.1.7 制作浮动的右侧边栏
4.2 制作相册页面
4.2.1 使用行为制作折叠式相册列表
4.2.2 使用Div组织相片列表
4.3 排忧解惑
4.3.1 关于查找与替换文本
4.3.2 关于调整AP元素默认属性
4.4 上机实训
4.4.1 定制图片的边框
4.4.2 使用图片修饰标题
4.4.3 使用图片修饰段首字符
4.5 习题
第5章 设计新闻网站
5.1 制作首页
5.1.1 准备工作与整体布局
5.1.2 使用CSS修饰页眉
5.1.3 结合Div与项目列表制作导航栏
5.1.4 使用浮动Div构建主体框架
5.1.5 使用CSS修饰即时新闻
5.1.6 使用Div与项目列表组织头条内容
5.1.7 使用Spry选项卡式面板添加图片新闻
5.1.8 使用项目列表组织新闻列表
5.1.9 使用Div组织图片列表
5.1.10 由Div与项目列表组织侧边栏
5.2 制作新闻页面
5.2.1 添加正文内容并修饰段落
5.2.2 使用已有样式添加评论列表
5.3 排忧解惑/273
5.3.1 关于Dreamweaver导航栏
5.3.2 关于格式化源代码
5.4 上机实训
5.4.1 使用CSS防止图片盗用
5.4.2 实现无等待的背景图片切换
5.4.3 创建可缩放圆角
5.5 习题
参考文献