Dreamweaver CS4网站设计实例教程

内容简介

Dreamweaver是目前使用泛的网页设计和网站管理平台，《Dreamweaver CS4网站设计实例教程》通过基础知识与实例相结合的方式，由浅入深、全面透彻地介绍了使用Dreamweaver CS4来制作网站的方法和技巧。《Dreamweaver CS4网站设计实例教程》共分为5章，分别讲述了Dreamweaver基础知识、设计服务型公司网站、设计博客站点、设计社交网站、设计新闻网站等内容，知识全面、实例丰富。
　　《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 DTeamweaver中的站点管理
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

摘要与插图

1.1.2页面组成与布局
　　不同的网站所担负的目的不尽相同，相应地，它所包含的网页也会有不同的表现形式。人们不可能指望商业公司与公益机构的网页相同，也无法想象门户网站与个人博客表现得一致。虽然如此，我们仍然可以从网页上找到一些类似的组成部分。
　　1.Logo与横幅网站的Logo也就是它的标志，它通常位于网页顶部的醒目位置，有时浏览器地址栏中也会出现它的“缩略版”小图标。横幅是网页上的广告形式之一，它常常表现为条状的图片，多位于网页的顶部或侧边栏。搭配良好的横幅，有时能够让网页看起来更加丰富多彩。
　　2.导航栏
　　网站中包含了许多不同类别的网页时，往往需要导航栏来指明当前的位置和在网页之间快速切换，以使浏览者不至于迷失在网站中，如图1-18所示。导航栏具有各种样式，复杂者可由图片与Flash构成，简单者则可以仅由文字来实现。一些导航栏还可能具有子菜单，方便浏览者进行更为细致的定位。
　　除了位于页面顶端的水平导航，许多导航栏还以侧边栏的形式存在。另外，网页中也允许同时存在多种形式的导航栏。
　　3.文字与图片文字与图片构成了网页的主要内容，合理安排文字与图片的表现是设计网页时经常需要考虑的问题。HTML提供了许多标签用来组织文本内容，包括定义标题与段落、列表与定义列表、引用与强调等。
　　……