静态网页设计与制作

出版时间：2012-1  出版社：机械工业出版社  作者：胡汉辉，孔岚　主编  页数：172  

内容概要

　　静态网页设计与制作是计算机网络技术、多媒体技术、动漫设计与制作、视觉效果设计等专业的必修课程，也是许多计算机爱好者所希望掌握的技能。本书基于Dreamweaver
CS3、Photoshop CS3等工具，详细介绍了

书籍目录

出版说明
前言
模块一 认识Dreamweaver CS3
1.1 任务一 创建“我的第一个页面”
1.1.1 Dreamweaver CS3的工作界面
1.1.2 设计LOGO
1.2 任务二 创建与管理站点
1.2.1 创建本地站点
1.2.2 管理站点
1.2.3 管理站点文件和文件夹
1.3 拓展训练 创建“我的班级”站点
模块二 创建基本网页
2.1 任务一 文本的输入—— 创建“养生保健”页面
2.1.1 文本的输入与编辑
2.1.2 项目列表和编号列表
2.1.3 水平线和日期的插入
2.2 任务二 图像的添加—— 创建“ASA餐厅”页面
2.2.1 表格的有序存储
2.2.2 图像的插入
2.2.3 图像属性的设置
2.2.4 图像与文本混合编排
2.2.5 鼠标经过图像的制作
2.3 拓展训练 创建“我的个人网站”的首页
模块三 创建多媒体网页
3.1 任务一 Flash元素的添加—— 创建“江河双水湾”页面
3.1.1 Flash的文件类型
3.1.2 Flash动画的插入和属性的设置
3.1.3 Flash按钮的插入和属性的设置
3.1.4 Flash文本的插入和属性的设置
3.1.5 FlashPaper的插入
3.2 任务二 音乐和视频的添加—— 创建“音乐中心”页面
3.2.1 音乐文件的添加
3.2.2 视频文件的添加
3.2.3 扩展程序的使用
3.3 拓展训练 创建“我的个人活动展示”页面和“个人相册”页面
模块四 实现网页间互动
4.1 任务一 创建“绿之韵”页面间链接
4.1.1 创建文字链接
4.1.2 创建图片链接
4.1.3 创建下载链接
4.1.4 添加邮件链接
4.2 任务二 导航栏的制作—— 创建“绿之韵”页面导航栏
4.2.1 图像热点链接
4.2.2 锚记链接
4.2.3 创建空链接
4.2.4 创建跳转菜单
4.2.5 设置超级链接目标窗口
4.2.6 导航栏的制作
4.3 拓展训练 创建“瑶瑶之旅”的导航栏与网页间链接
模块五 布局美化页面
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.2.6 设置超级链接
5.2.7 使用框架布局网页案例
5.3 任务三 CSS的应用—— 重新布局“在线求诊”页面
5.3.1 标签样式与类样式的定义
5.3.2 实现图文混排效果样式的定义
5.3.3 实现特殊表格边框效果样式的定义
5.3.4 高级样式的定义
5.3.5 应用CSS滤镜制作文字特效
5.3.6 样式的编辑
5.3.7 使用CSS样式表美化页面案例
5.4 拓展训练 创建“雷锋精神宣传”网页
模块六 创建表单页面
6.1 任务一 制作搜索和用户登录表单—— 创建“探索旅行网”首页
6.1.1 旅游网站首页规划
6.1.2 首页页面设计
6.1.3 会员登录表单和搜索表单制作
6.1.4 常用信息板块
6.1.5 景点介绍板块
6.2 任务二 创建列表/菜单表单—— 创建“机票查询”页面
6.2.1 将已有网页生成模板
6.2.2 利用列表/菜单表单制作“机票查询”页面
6.3 任务三 使用单选按钮和复选框—— 创建“网站活动”页面
6.3.1 使用单选按钮和复选框制作“服务调查”板块
6.3.2 利用CSS样式美化页面
6.4 任务四 校验表单内容—— 创建“驴友留言”页面
6.4.1 制作“驴友留言”板块
6.4.2 利用表单制作“我的分享”板块
6.5 拓展训练 为“我的个人网站”增加会员登录、会员注册和会员留言页面
模块七 设计完整网站
7.1 任务一 网站的配色方案与版式设计—— 创建“羽翱科技”页面
7.1.1 网站风格的确定
7.1.2 网站版式设计
7.1.3 页面的立体感及细节处理
7.1.4 Flash动画及图片的运用
7.2 任务二 使用模板和库—— 创建“羽翱科技”页面的模板
7.2.1 将已有网页生成模板
7.2.2 将模板生成新网页和编辑模板
7.2.3 用库项目制作网页
7.3 任务三 使用网页特效—— 为“羽翱科技”各网页增加特效
7.3.1 利用CSS制作特效
7.3.2 使用行为制作特效
7.3.3 使用时间轴制作特效
7.4 拓展训练 为“我的个人网站”各网页增加特效并进行整体风格调整

章节摘录

版权页：插图：（2）网站版式设计网站的布局设计在模块五中已经介绍过，在这里再强调一下网页版式设计的基本原则和一些注意事项。网站版式设计通过文字和图形空间组合，表达出和谐与美。文字和图形的合理搭配，才能使整个网站赏心悦目。一般的版面设计原则有平衡、对比、连贯和留白。如果页面是平衡的，当用户浏览这个页面的时候就会感觉它们是一个整体，目光的跳转也会很自然。如果说平衡搭起了一个稳定的页面框架，那么对比就是这个框架中的动态点缀。这里所说的动态并不是说要真的让元素动起来，而是要有“变化”。可以变化的因素包括大小、颜色、字体、重心、形状、纹理等.前面谈到了对比，对比离不开变化，然而如果对比太多，变化也会太多，页面就会显得零乱，所以网页也需要连贯。在一个成功的页面设计中，有很多要素是必须保持一致的，这些要素通常包括：页面的上下、左右，页面与页面中间要保持布局一致；字体的大小、颜色应当基本保持一致：导航栏应当保持完全一样。国画中“画鱼不画水”的妙处就是留白。留白可以让访问者有更大的想象空间，就好像一个没有过多摆设的房间一样。上上下下、里里外外都塞得满满当当是很糟糕的设计，所以在设计页面时，在每个栏目框架的边缘都需要留有一定的空间，避免显得过于拥挤。

编辑推荐

《静态网页设计与制作》为高等职业教育模块式教学改革规划教材之一。

用户评论 (总计2条)

•   送货很及时，书很好！
•   特别棒的书，案例介绍详细，分步骤介绍网页构建，非常适合初学者，