网页制作案例与实训教程

出版时间:2012-11  出版社:清华大学出版社  作者:史科蕾 等主编  页数:353  字数:531000  

内容概要

  《网页制作案例与实训教程》详细介绍了现在最流行的网页设计工具组合——dreamweaver cs4、fireworks
cs4和flash cs4的使用方法、操作技巧和实用案例,并配备了上机实训。
  本书的第1章主要介绍了网站建设的基础知识,包括构成网页的基本元素、如何设计网页、常用网页设计软件、网站建设的基本流程等;第2~9章主要介绍了dreamweaver
cs4的使用,它可以对网页进行整体的布局、设计与管理,包括站点的创建与管理、文本与图像、网页布局、添加网页特效、框架和css样式表、编辑表单、模板和库的使用等;第10~12章主要介绍了fireworks
cs4的使用方法与技巧,它可以绘制和优化网页中用到的图像,制作特效按钮与简单的动画等;第13~15章主要介绍了flash
cs4的使用方法与技巧,用以制作网页中需要的矢量动画以及设置交互动作等效果。
  本书注重理论与实践相结合,全书重点突出、结构清晰、内容详实、实例丰富。案例驱动是本书的一大特色,全书注重案例的讲解,通过对案例功能的介绍引出知识点并进行知识点的详细介绍,又针对案例给出了具体的操作步骤,有助于读者轻松上手练习,达到知识点与实际操作综合运用的目的;上机实训也是本书的特色之一,可进一步提高读者的知识应用能力与实践能力。
  本书可作为高职、大中专院校和计算机培训班的教材,也可作为网页设计人员的专业参考书,还可作为业余爱好者的自学用书。

书籍目录

目录回到顶部↑《网页制作案例与实训教程》
第1篇 基础知识
第1章 网站建设基础知识
1.1 构成网页的基本元素
1.1.1 网站logo
1.1.2 网站banner
1.1.3 导航栏
1.1.4 flash动画
1.2 如何设计网页
1.3 常用网页设计软件
1.3.1 网页图像设计软件photoshop cs4
1.3.2 网页动画制作软件flash cs4
1.3.3 网页编辑排版软件dreamweaver cs4
1.4 网站建设的基本流程
1.4.1 网站的需求分析
1.4.2 网站整体规划
1.4.3 确定网站整体风格
1.4.4 收集资源
1.4.5 设计网页图像
1.4.6 编辑制作网页
.1.4.7 开发动态网站模块
1.4.8 申请域名和服务器空间
1.4.9 测试与发布上传
1.4.10 网站维护
1.4.11 网站推广
第2篇 dreamweaver cs
第2章 初识dreamweaver cs4
2.1 dreamweaver cs4
2.1.1 工作环境
2.1.2 css样式
2.1.3 动态网站
2.2 案例:dreamweaver cs4安装过程
2.2.1 系统需求
2.2.2 安装过程
2.3 案例:dreamweaver cs4工作环境
2.3.1 文档窗口
2.3.2 “插入”面板
2.3.3 “属性”面板
2.3.4 浮动面板
2.4 小结
第3章 站点的创建与管理
3.1 案例:规划我的站点
3.1.1 规划站点结构
3.1.2 规划站点风格
3.2 案例:创建我的站点
3.2.1 创建新站点
3.2.2 管理资源站点
3.2.3 管理站点地图
3.3 案例:编辑站点文件
3.3.1 设置本地文件夹
3.3.2 设置远程文件夹
3.3.3 上传和下载文件
3.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 上机实训
实训一 制作“相见欢”页面
实训二 制作“周庄”页面
实训三 为公司简介页面添加导航条
第5章 网页布局
5.1 案例:音乐网
5.1.1 创建并设置表格
5.1.2 编辑表格
5.1.3 表格数据的导入和导出
5.1.4 案例实现
5.2 案例:布局排版“美食天下”网页
5.2.1 创建布局表格与单元格
5.2.2 布局表格与单元格属性
5.2.3 案例实现
5.3 spry构件
5.3.1 spry构件的概念
5.3.2 spry菜单栏构件
5.3.3 spry选项卡式面板构件
5.3.4 spry折叠构件
5.4 上机实训
实训一 制作旅游网主页
实训二 制作“我的博客”页面
第6章 添加网页特效
6.1 案例:环形布局网页设计
6.1.1 ap元素的创建与基本操作
6.1.2 ap元素的应用
6.1.3 案例实现
6.2 案例:制作视听在线网页
6.2.1 插入多媒体元素
6.2.2 插入日期与计数器
6.2.3 案例实现
6.3 案例:使用行为制作北京奥运场馆展示
6.3.1 行为概述
6.3.2 各种行为的应用
6.3.3 案例实现
6.4 上机实训
实训一 制作网页下拉菜单
实训二 制作动态公司主页
第7章 框架和css样式表
7.1 案例:对网页应用框架技术
7.1.1 创建各种框架与保存
7.1.2 设置框架属性
7.1.3 框架的链接
7.1.4 案例实现
7.2 案例:在网页中设置css样式
7.2.1 css样式的创建与应用
7.2.2 css滤镜效果
7.2.3 案例实现
7.3 spry构件中的css设置
7.3.1 spry面板样式的设置
7.3.2 spry菜单栏样式的设置
7.4 上机实训
实训 制作“按钮”页面
第8章 编辑表单
8.1 案例:填写酒店预订
8.1.1 表单的基本操作
8.1.2 案例实现
8.2 spry表单元素
8.2.1 spry验证文本域
8.2.2 spry验证文本区域
8.2.3 spry验证复选框
8.2.4 spry验证选择
8.3 上机实训
实训 制作“信息卡”页面
第9章 模板和库
9.1 案例:模板和库的使用
9.1.1 模板的概念与使用
9.1.2 库的概念与使用
9.1.3 案例实现
9.2 上机实训
实训 制作“手机世界”页面
第3篇 fireworks cs
第10章 fireworks cs4基础
10.1 案例:打开一幅图像
10.1.1 认识fireworks cs4
10.1.2 fireworks cs4的界面
10.1.3 案例实现
10.2 上机实训
实训 绘制一个带有光晕的太阳
第11章 矢量图和位图
11.1 案例:矢量图的绘制
11.1.1 绘制矢量图形
11.1.2 绘制路径
11.1.3 设计文本
11.1.4 设置填充与描边效果
11.1.5 案例实现
11.2 位图
11.2.1 位图操作
11.2.2 案例实现
11.3 图层
11.3.1 图层的基本操作
11.3.2 案例实现
11.4 蒙版
11.4.1 蒙版的基本操作
11.4.2 案例实现
11.5 上机实训
实训一 制作卡通电视
实训二 制作网页主页
第12章 fireworks cs4案例
12.1 案例:制作弹出菜单
12.1.1 图像的优化与导出
12.1.2 切片的基本操作
12.1.3 热点的基本操作
12.1.4 案例实现
12.2 上机实训
实训一 制作巧克力状按钮
实训二 制作动画logo
第4篇 flash cs
第13章 flash cs4基础
13.1 案例:对象的编辑
13.1.1 编辑文本和对象
13.1.2 案例实现
13.2 案例:简单图形——卡通鱼绘制
13.2.1 绘图工具
13.2.2 修改工具
13.2.3 颜色工具
13.2.4 案例实现
13.3 案例:动态彩虹文字制作
13.3.1 图层的基本操作
13.3.2 案例实现
13.4 上机实训
实训 利用遮罩层制作结尾动画
第14章 编辑实例和元件
14.1 案例:灯光照射效果
14.1.1 元件的概念与应用
14.1.2 案例实现
14.2 案例:文随鼠标效果
14.2.1 actionscript的基本概念与应用
14.2.2 案例实现
14.3 上机实训
实训一 制作flash按钮
实训二 时空隧道效果
实训三 制作“拖曳”动画
实训四 制作“比较数字”演示板
第15章 创建动画
15.1 案例:文字旋转效果
15.1.1 帧的基本操作
15.1.2 时间轴
15.1.3 补间动画
15.1.4 案例实现
15.2 案例:迎接2008奥运
15.2.1 “动作-帧”面板
15.2.2 补间和逐帧动画
15.2.3 案例实现
15.3 上机实训
实训一 中秋贺卡实例
实训二 骇客帝国实例
参考文献

章节摘录

版权页:   插图:   从以上的“框架”面板中可以看到,每个框架集都由一个较粗的立方体边框所包围,而每一个框架都有一个细边框。用户可以从“框架”面板中看到整个页面的框架结构,包括每个框架的名称。在“框架”面板中单击某框架内容或单击框架集的边框,就可以在页面中选中对应的框架或者框架集。 2)保存框架和框架集 在浏览器中预览页面之前,必须先保存框架页文件及其相关的框架文件。DreamweaVerCS4的“文件”菜单中提供了3个与框架有关的保存命令,分别是“保存框架页”、“框架集另存为”和“保存全部”。当使用Dreamweaver CS4创建框架文档时,就已经存在框架集和框架文件。框架集文件的默认名称是UntitledFrameset—2等,框架文件的默认名称是UntitledFrame—2等。这样的命名对用户来说可能很难判断保存的究竟是哪个框架文件,所以在保存框架集或框架文件时要对它们所对应的文件重新命名。 (1)保存全部。选择“文件”→“保存全部”命令,保存所有文件(包括框架集文件和框架文件),如图7—9所示。 该命令将保存在框架集中打开的所有文档,包括框架集文件和所有带框架的文档。如果该框架集文件未保存过,则在“设计”视图中框架集的周围将出现粗边框,并且弹出一个对话框,用户可以从中选择文件名;对于尚未保存的框架,在框架的周围也将显示粗边框。 Dreamweaver CS4首先保存框架集文件,在保存文件对话框的文件名中修改用户需要的文件名,单击“保存”按钮即可。然后保存框架文件,文件名变为UntitledFrame—3(依照框架的个数不同而不同),“设计”视图中的选择线也将会自动移动到相应的被保存的框架中,由此可以知道正在保存的是哪个框架文件。单击“保存”按钮,直到所有文件保存完为止。 (2)保存框架集文件。在“设计”视图中选中要保存的框架集,执行下列操作之一。 ①选择“文件”→“保存框架页”命令,保存框架集文件。 ②选择“文件”→“框架集另存为”命令,将框架集另存为新文件。 (3)保存框架文件。在“设计”视图中选中要保存的框架,选择“文件”→“保存框架”或“文件”→“框架另存为”命令即可。 7.1.2设置框架属性 1.设定框架内容和样式 框架集属性确定框架集内各个框架的名称、源文件、边框、滚动、边框能否调整大小等。框架属性控制框架的大小和框架之间边框的颜色和宽度。每个框架和框架集都有自己的“属性”面板,使用“属性”面板可以设置框架和框架集的属性。 1)调整框架集属性 框架集的“属性”面板如图7—10所示。

编辑推荐

《高等职业教育"十二五"规划教材:网页制作案例与实训教程》可作为高职、大中专院校和计算机培训班的教材,也可作为网页设计人员的专业参考书,还可作为业余爱好者的自学用书。

图书封面

评论、评分、阅读与下载


    网页制作案例与实训教程 PDF格式下载


用户评论 (总计0条)

 
 

 

250万本中文图书简介、评论、评分,PDF格式免费下载。 第一图书网 手机版

京ICP备13047387号-7