网页设计与制作

出版时间：2010-1  出版社：电子工业出版社  作者：杨尚森 编  页数：323  

前言

　　本书是《网页设计与制作Dreamweaver MX2004（第2版）》的升级版。　　2005年，Adobe耗巨资收购Macromedia：2007年，Adobe推出Creative Suite 3套装软件将原来的网页三剑客Dreamweaver、Fireworks、Flash和PhotoShop等软件融合为一体；2008年10月，Adobe又推出新一代软件Creative Suite 4（CS4）。Creative Suite 4继承了传统的各个软件的优点，又增加了许多适合现代网页开发和设计要求的新功能，在用户界面方面也进行了较大的更新。　　为适应Creative Suite 4给学习网页制作带来的新的需要，本书选择了网页制作中最重要的开发工具Dreamweaver CS4作为主要讲解内容，同时兼顾学习网页制作的需要，还介绍了两个最重要的辅助工具Fireworks CS4、Flash CS4。这三个软件具有网页制作、站点管理、网页图像创作和加工、动画制作等功能，几乎不用借助其他工具，就可以完成网页制作的全过程。　　本书是编者在多年教学实践的基础上编写的，从网页制作的实际情况出发，不过分强调知识的完整性，以能够使读者学会网页制作的基本技术为目的，书中包含大量网页制作的实例，完成这些实例的练习，就可以掌握最基本的网页制作技术。　　全书共9章，第1章是网页制作基础，介绍浏览器、HTML语言等网页制作的基础知识；第2章是Dreamweaver CS4基础，介绍Dreamweaver CS4的安装、界面设置、站点管理和网页制作的基本步骤；第3章是网页的基本操作，介绍向网页中插入常用网页元素的方法：第4章是网页布局与排版，介绍使用表格及AP Div进行网页布局、使用CSS进行网页排版设计的方法：第5章是高级网页制作，介绍模板的使用、表单的制作和Spry验证；第6章是网页特效设计，介绍使用行为、JavaScript、Spry控件制作各种网页特效的方法；第7章介绍使用FireworksCS4制作图像，包括图像的创作、加工、网页图像处理等内容：第8章介绍使用Flash CS4制作动画；第9章介绍网站上传和维护；附录收集了HTML常用标签和Dreamweaver CS4、Fireworks CS4、Flash CS4中常用的快捷键。　　网页制作也是一门发展较快的技术，本书作者在编写时考虑到教材和资料的双重作用，收集了大量实例和技术资料，既可作为高校教材，也可作为各种专业技术培训的教材，还可作为网页制作者的技术参考资料。　　本书由杨尚森任主编，第1、第2章由郭晓萍编写，第4、第9章由高翔编写，第5、第6章由郭玉珂编写，第3、第7、第8章和附录由杨尚森编写，配套的教学课件由白琳制作，全书由杨尚森进行最后的校对、统稿。　　本书在编写过程中得到了电子工业出版社的大力支持，为作者提供了大量参考资料；杨柳、赵丽萍、李寒、邵刚等为本书进行了文字录入、实例制作等工作；本书还参考了大量相关书籍和网络资源，不能一一列出，在此一并表示感谢。

内容概要

本书编者在多年教学实践的基础上，选择目前最流行的Adobe Creative
Suite 4(CS4)中的Dreamweaver CS4为主要讲解内容，并简单介绍了 Fireworks CS4、Flash
CS4的使用。全书从网页制作的实际情况出发，不过分强调知识的完整性，以能够使读者学会网页制作的基本技术为目的，书中包含大量网页制作的实例，完成这些实例的练习，就可以掌握最基本的网页制作技术。
本书在编写时考虑到教材和资料的双重作用，收集了大量实例和技术资料，既可作为高校教材，也可作为各种技术培训的教材，还可作为网页制作者的技术参考资料。

书籍目录

第1章  网页制作基础
  1.1  Web和浏览器
    1.1.1  浏览器
    1.1.2  IE8.0的使用
    1.1.3  网页中的元素
  1.2  网页制作的相关知识
    1.2.1  HTML语言
    1.2.2  XML语言
    1.2.3  静态网页和动态网页
    1.2.4  Web服务器端程序
  1.3  网页制作自基本方法
    1.3.1  网页制作的基本步骤
    1.3.2  Adobe的CS4
  思考题
  上机练习题
第2章  Dreamweaver CS4基础
  2.1  Dreamweaver CS4简介
    2.1.1  Dreamwvaver CS4的新增功能
    2.1.2  Drea|nweaver CS4的运行环境
    2.1.3  安装Dreamweaver CS4
  2.2  创建站点
    2.2.1  启动Dreamweavcr CS4
    2.2.2  使用向导创建站点
    2.2.3  打开站点和编辑站点信息
    2.2.4  使用高级设置创建站点
  2.3  Dreamweaver CS4的操作界面
    2.3.1  Dreamweaver CS4的工作区
    2.3.2  页面属性的设置
    2.3.3  文件头设置
  2.4  制作网页的过程
    2.4.1  准备素材
    2.4.2  制作网页
    2.4.3  预览网页
    2.4.4  文件操作
    2.4.5  设置工作界面
  思考题
  上机练习题
第3章  网页的基本操作
  3.1  添加文本
    3.1.1  插入文本
    3.1.2  设置文本属性
    3.1.3  插入滚动字幕
    3.1.4  插入水平线
  3.2  插入图像
    3.2.1  网页中常用的图像格式
    3.2.2  插入图像
    3.2.3  图像占位符和变换图像
  3.3  制作链接与导航
    3.3.1  设置文本超级链接
    3.3.2  使用锚记标签
    3.3.3  图像超级链接和图像地图
    3.3.4  创建导航条
  3.4  多媒体的应用
    3.4.1  流媒体文件的类型
    3.4.2  插入Flash
    3.4.3  影音播放页面的制作
  3.5  插入表格
    3.5.1  表格的知识
    3.5.2  添加表格
    3.5.3  编辑表格
    3.5.4  导入表格数据
  思考题
  上机练习题
第4章  网页布局与排版
  4.1  页面布局
    4.1.1  网页的版面布局
    4.1.2  设置可视化助理
    4.1.3  设置标尺、辅助线和网格
  4.2  使用表格布局
    4.2.1  创建表格
    4.2.2  使用扩展表格模式
    4.2.3  使用表格
  4.3  使用AP Div进行网页布局
    4.3.1  插入AP Div
    4.3.2  使用AP Div进行网页布局
    4.3.3  使用AP Div布局的优点
    4.3.4  使用内置的CSS模板
    4.3.5  将AP Div转换成表格
  4.4  使用框架结构
    4.4.1  框架网页
    4.4.2  框架集网页
    4.4.3  设置框架网页的属性
    4.4.4  框架链接的目标
    4.4.5  关于框架的建议
  4.5  CSS基础
    4.5.1  CSS基础
    4.5.2  新建CSS样式
    4.5.3  设置CSS属性
    4.5.4  CSS文件模板
  4.6  CSS属性
    4.6.1  类型
    4.6.2  背景
    4.6.3  区块
    4.6.4  方框
    4.6.5  边框
    4.6.6  列表
    4.6.7  定位
    4.6.8  扩展
    4.6.9  CSS滤镜
  思考题
  上机练习题
第5章  高级网页制作
  5.1  模板
    5.1.1  创建模板
    5.1.2  设置模板的可编辑域
    5.1.3  使用模板创建网页
    5.1.4  套用模板
    5.1.5  利用模板批量更新网页
    5.1.6  脱离网页与模板的关联
  5.2  库
    5.2.1  库的基本概念
    5.2.2  创建库项目
    5.2.3  应用库项目
    5.2.4  编辑库项目
    5.2.5  脱离库项目链接
  5.3  表单
    5.3.1  了解表单
    5.3.2  表单元素
    5.3.3  创建表单
    5.3.4  表单元素
  5.4  插入表单验证Spry构件
    5.4.1  插入验证文本域
    5.4.2  插入验证文本区域
    5.4.3  插入验证复选框
    5.4.4  插入验证选择
    5.4.5  插入Spry验证密码
    5.4.6  插入Spry验证确认
  思考题
  上机练习题
第6章  网页特效设计
  6.1  行为
    6.1.1  基本概念
    6.1.2  使用行为
    6.1.3  事件
    6.1.4  附加动作
    6.1.5  下载并安装第三方行为
  6.2  使用Java Script代码
    6.2.1  使用代码片断
    6.2.2  一些常用效果的脚本代码
  6.3  插入Spry菜单、面板和效果
    6.3.1  Spry简介
    6.3.2  插入Spry菜单栏
    6.3.3  插入Spry选项卡式面板
    6.3.4  插入Spry折叠构件
    6.3.5  添加Spry效果
  思考题
  上机练习题
第7章  使用Fireworks CS4制作图像
  7.1  Fireworks CS4简介
    7.1.1  网页图像的格式
    7.1.2  Fireworks CS4工作界面
    7.1.3  创建Fireworks文档
  7.2  使用矢量工具
    7.2.1  绘制矢量对象
    7.2.2  对象的基本操作
    7.2.3  路径的编辑
    7.2.4  文本编辑
  7.3  颜色、笔触和填充
    7.3.1  颜色
    7.3.2  使用笔触
    7.3.3  填充
    7.3.4  使用样式和形状
  7.4  编辑位图
    7.4.1  创建和编辑位图
    7.4.2  编辑选区
    7.4.3  修饰位图
  7.5  图像的后期处理
    7.5.1  使用滤镜
    7.5.2  使用层
    7.5.3  使用蒙版
    7.5.4  混合和透明度
    7.5.5  处理照片
  7.6  制作GIF动画
    7.6.1  创建动画
    7.6.2  使用“状态”面板
    7.6.3  将多个文件用做一个动画
    7.6.4  导出动画
  7.7  切片和热点
    7.7.1  使用切片
    7.7.2  导出切片
    7.7.3  创建热点
  思考题
  上机练习题
第8章  使用Flash CS4制作动画
  8.1  Flash CS4基础
    8.1.1  Flash概述
    8.1.2  Flash CS4的界面
    8.1.3  使用Flash CS4制作动画的过程一
  8.2  使用绘图工具
    8.2.1  绘制基本图形
    8.2.2  编辑图形对象
    8.2.3  输入文字
  8.3  制作动画
    8.3.1  逐帧动画
    8.3.2  形状补间动画
    8.3.3  创建补间动画
    8.3.4  引导路径动画
    8.3.5  遮罩动画
  8.4  元件和库
    8.4.1  元件的使用
    8.4.2  创建库元件
    8.4.3  制作按钮
  8.5  电影的优化、发布与导出
    8.5.1  电影的优化
    8.5.2  发布影片
    8.5.3  导出电影
  思考题
  上机练习题
第9章  网站上传和维护
  9.1  管理站点
    9.1.1  编辑本地站点
    9.1.2  复制与删除本地站点
  9.2  站点测试
    9.2.1  检查链接
    9.2.2  生成站点报告
    9.2.3  检查浏览器兼容性
    9.2.4  验证站点
  9.3  站点上传与更新
    9.3.1  申请网站域名
    9.3.2  申请网站空问
    9.3.3  设置远程主机信息
    9.3.4  上传文件
    9.3.5  查看远程站点文件
    9.3.6  站点更新
  思考题
  上机练习题
附录A  HTML 4.0标签索引
附录B  Dreamweaver CS4、Fireworks CS4、Flash CS4常用快捷键
参考文献

章节摘录

　　1.1.3 网页中的元素　　大量的网页元素组成了多姿多彩的网页，用户可以看见的网页元素有如下几种。　　1.文字　　文字是网页中最主要的元素。文字的大小、颜色、字体可以改变，有些文字还可以运动。　　2.图像　　图像给网页增加了无穷的活力，图像分为说明内容的普通图像和作为宣传、点缀、背景等使用的装饰图像。　　3.表单　　网页中的表单允许浏览者进行交互操作，如输入文字内容（用户名、密码、文字评论等）、进行是否单选或多选一的选择、菜单操作、使用按钮提交内容等。　　4.Flash动画　　Flash动画是近年来十分流行的网页元素，可以制作十分精美的动画效果，甚至出现了大量的Flash MTV、Flash游戏等。本书将简单介绍制作Flash动画的方法。　　5.表格　　表格在网页中扮演十分重要的角色，除了有序的显示数据外，还用于网页版面设计。　　6.超级链接　　超级链接是网页中最重要的元素，也是互联网最吸引人的原因之一。文字、图像、Flash动画等都可以定义为超级链接，在网页中单击超级链接可以打开另外一个感兴趣的网页。　　7.视频、音频　　在网页中可以嵌入视频、音频，实现在线看电影、听音乐。网页还可以加入背景声音。　　8.弹出窗口　　弹出窗口是在网页调入时同时打开的小的浏览器窗口，用来显示重要公告、广告等。弹出窗口一般只有标题栏和浏览窗口，没有工具栏、地址栏、状态栏等。　　9.标题栏和状态栏文字　　标题栏和状态栏的文字是网页的组成部分，可以根据网页内容进行设置。标题栏显示网站名称、正文的标题等，状态栏则显示信息提示、当前时间、版权说明等。