Dreamweaver CS4网站设计实例教程

出版时间：2010-10  出版社：机械工业出版社  作者：汤文飞 等 著  页数：285  

前言

　　这是一个信息高速发展的时代，网络带给人们无穷的便利，也快速连接了彼此。现在，无论身在何处，人们只要连接上网络，然后打开网站，就能通过单击链接进入到各个网络页面，迅速查找到所需要的各种信息。但如果要设计网站，就需要深入了解网站的特点，熟悉网页的构成元素，掌握网站设计的概念和一般方法。　　Dreamweaver CS4是由Adobe公司出品的网站设计工具，它与Photoshop、Flash一起配合使用，目前已成为使用最广泛的网站设计工具之一。　　本书以Dreamweaver CS4在网站设计中的具体范例应用为根本，精选网站设计中最典型、最实用的应用案例，以图示的方法来讲解，全面透彻地讲述了Dreamweaver CS4的主要功能和在网站设计方面的具体应用方法和技巧。　　全书共分为5章。第1章介绍了Dreamweaver基础知识，包括网页设计基础、Dreamweaver基本操作、Dreamweaver面板、Dreamweaver中的站点管理、Dreamweaver的一些特色功能等内容。第2～5章分别介绍了设计服务型公司网站、设计博客站点、设计社交网站、设计新闻网站等内容，每章都围绕实例进行讲解，步骤细致、可移植性强，并且每章都采用“网站设计一排忧解惑一上机实训一习题”四维立体教学法，通过“完整的网站设计实例一启发式的疑难点解释一精心安排的实训项目一巩固知识的习题练习”，使读者能够真正将所学的知识融会贯通，轻松实现一学即会。　　本书既可作为高职高专院校和培训学校教学的教材使用，也适合想快速入门并提高网站制作技能的初、中级用户，同时也适用于广大网站设计的爱好者。　　本书由汤文飞、赵晓秋、刘菁主笔，同时参加本书编写的还有（按拼音顺序）卜凡燕、操剑杰、陈杰英、冯婉燕、季业强、李高芳、刘玉华、田明君、魏友杰、杨敏、严哲、杨章静。　　由于作者水平有限，加之时间仓促，书中难免有错误和疏漏之处，敬请广大读者批评指正。

内容概要

　　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中的标签、类与ID1.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 排忧解惑5.3.1 关于Dreamweaver导航栏5.3.2 关于格式化源代码5.4 上机实训5.4.1 使用CSS防止图片盗用5.4.2 实现无等待的背景图片切换5.4.3 创建可缩放圆角5.5 习题参考文献

章节摘录

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