网页设计与制作教程

出版时间：2012-8  出版社：机械工业出版社  作者：刘瑞新，吴丰　主编  页数：253  字数：406000  

内容概要

　　《普通高等教育计算机规划教材：网页设计与制作教程（Dreamweaver+Photoshop+Flash版）》结合工作实践，按照DIV+CSS的主流模式，在介绍HTML、XHTML和CSS的基础上，将网页设计中经常使用的软件进行组合，以案例的形式详细讲解Dreamweaver、Photoshop和Flash在网页设计与制作中的应用和设计流程。本书除了介绍软件的使用外，更多地体现了基于Web标准的网页设计理念。在内容安排方面，前后练习所用素材交叉互用，将三款软件间的协同工作的情景清晰体现；在结构编排方面，每章均包含知识重点、预期目标、课堂练习、课堂实训和习题等环节，方便读者把握学习进度，方便教师掌控教学安排。
　　《普通高等教育计算机规划教材：网页设计与制作教程（Dreamweaver+Photoshop+Flash版）》按照教学规律精心编排设计，可作为各类院校的网页设计与制作教材，各层次职业培训教材，同时也可作为广大网站开发爱好者的自学指导用书。

书籍目录

出版说明
前言
教学建议
第1章 网页设计基础
1.1 网页界面元素
1.1.1 基本概念
1.1.2 网站的主题与风格定位
1.2 如何进行网页设计
1.2.1 网页设计的基本流程
1.2.2 网页设计的常用工具
1.2.3 页面布局的介绍与欣赏
1.3 习题
第2章 网站设计基础语言HTML与XHTML
2.1 HTML与XHTML
2.1.1 HTML概述及其语法
2.1.2 使用记事本创建HTML文档
2.1.3 XHTML概述
2.1.4 HTML与XHTML有何区别
2.2 页面标签
2.2.1 排版标签
2.2.2 超链接标签与图像标签
2.2.3 列表标签
2.2.4 表格标签
2.2.5 表单标签
2.3 课堂综合练习——使用“记事本”制作精美网页
2.3.1 编写HTML文档
2.3.2 预览并美化文档
2.4 课堂综合实训——使用“记事本”制作简单网页
2.5 习题
第3章 Dreamweaver CS5的基本操作
3.1 Dreamweaver CS5界面介绍
3.1.1 工作环境
3.1.2 常用的工具栏与面板
3.2 Dreamweaver CS5的基本操作
3.2.1 新建站点
3.2.2 新建空白网页文档
3.2.3 站点内的基本操作
3.3 网页制作离不开CSS
3.3.1 CSS用来做什么
3.3.2 如何创建CSS文档
3.3.3 CSS的基本语法
3.3.4 常见的CSS样式类型
3.3.5 CSS的盒模型
3.4 必须掌握的CSS选择符
3.4.1 通配符与类型选择符
3.4.2 类选择符与ID选择符
3.4.3 包含选择符与群组选择符
3.5 课堂综合练习——使用CSS制作简单网页
3.5.1 布局分析
3.5.2 制作过程
3.6 课堂综合实训——使用CSS制作精美网页
3.7 习题
第4章 网页中文本与图像的控制
4.1 文本控制
4.1.1 插入文本与特殊字符
4.1.2 创建超链接
4.1.3 CSS控制文本的常见属性及其应用
4.2 图像控制
4.2.1 插入图像
4.2.2 设置图像属性
4.2.3 绘制热点区域
4.2.4 插入鼠标经过图像
4.2.5 CSS控制图像的常见属性及其应用
4.3 图文混排
4.4 课堂综合练习——“健康养生网”首页的制作
4.4.1 布局分析
4.4.2 制作过程
4.5 课堂综合实训——“餐饮项目网”的制作
4.6 习题
第5章 列表元素、CSS浮动和定位
5.1 列表元素
5.1.1 列表修饰符的类型
5.1.2 列表项图像
5.1.3 纵向列表导航
5.2 CSS浮动
5.2.1 浮动的基本概念
5.2.2 浮动的实际应用
5.3 CSS定位
5.3.1 相对定位
5.3.2 绝对定位
5.3.3 相对定位与绝对定位的混合使用
5.4 课堂综合练习——“牛仔裤专题网”的设计与制作
5.4.1 布局分析
5.4.2 制作过程
5.5 课堂综合实训——“宇泽通讯手机专卖网”的制作
5.6 习题
第6章 表格与表单
6.1 表格控制
6.1.1 表格的创建
6.1.2 表格的属性设置
6.1.3 表格的基本操作
6.1.4 表格中常用的CSS属性
6.1.5 隔行换色CSS表格
6.2 表单控制
6.2.1 创建表单域
6.2.2 插入多种表单对象
6.2.3 表单的美化——CSS登录框的制作
6.3 课堂综合练习——“宇泽品牌设计网”主页的制作
6.3.1 布局分析
6.3.2 制作过程
6.4 课堂综合实训——“宇泽环保网”主页的制作
6.5 习题
第7章 框架与模板
7.1 框架
7.1.1 框架的基本概念
7.1.2 框架的基本操作
7.1.3 框架的具体应用
7.2 模板
7.2.1 基本概念与基础操作
7.2.2 利用模板快速创建页面
7.2.3 模板的管理与分离
7.3 课堂综合练习——“YUZE公司”网站的设计与制作
7.3.1 布局分析
7.3.2 制作过程
7.4 课堂综合实训——网站后台的设计与制作
7.5 习题
第8章 Photoshop CS5的基本操作
8.1 认识Photoshop
8.1.1 Photoshop概述与常见术语
8.1.2 Photoshop CS5工作界面
8.1.3 Photoshop CS5工具箱介绍
8.1.4 Photoshop CS5常用面板介绍
8.2 Photoshop CS5的常用工具与基本操作
8.2.1 新建与打开
8.2.2 选框工具组
8.2.3 套索工具组
8.2.4 魔棒工具
8.2.5 油漆桶工具
8.2.6 渐变工具
8.2.7 钢笔与文字工具
8.3 图层
8.3.1 创建与设置图层
8.3.2 图层样式
8.4 蒙版
8.4.1 图层蒙版
8.4.2 矢量蒙版
8.4.3 剪贴蒙版
8.5 课堂综合练习——专题类网站的效果图制作
8.6 课堂综合实训——“小鸟钻石网”情人节活动页面效果图制作
8.7 习题
第9章 Photoshop CS5页面设计
9.1 色彩的应用
9.1.1 相近色与对比色
9.1.2 色彩的选择与搭配
9.2 网站Logo的设计与制作
9.2.1 Logo的设计要点
9.2.2 Logo的制作过程
9.3 导航栏的设计与制作
9.3.1 导航栏的设计风格
9.3.2 导航栏的制作过程
9.4 广告位的设计与制作——GIF动画
9.4.1 Photoshop中的动画面板
9.4.2 GIF动画的实现步骤
9.5 应用切片工具生成所需图像
9.5.1 切片的工具
9.5.2 切片的方法
9.6 课堂综合练习——“宇泽”首饰电子商务网站的效果图制作
9.7 课堂综合实训——“上海天众汽车用品”公司主页效果图制作
9.8 习题
第10章 Flash CS5的基本操作
10.1 认识Flash CS5
10.1.1 常见术语
10.1.2 Flash CS5工作界面
10.1.3 Flash CS5工具箱
10.1.4 Flash CS5常用面板介绍
10.2 Flash CS5的常用工具与基本操作
10.2.1 新建与打开
10.2.2 时间轴
10.2.3 场景和舞台
10.2.4 笔触和填充
10.2.5 多角星形工具
10.2.6 元件
10.3 测试与发布
10.4 课堂综合练习——制作横向导航条
10.4.1 导航条简介
10.4.2 制作过程
10.5 课堂综合实训——制作导航条
10.6 习题
第11章 Flash CS5动画设计
11.1 逐帧动画
11.2 补间动画、传统补间动画与补间形状动画
11.2.1 补间动画
11.2.2 什么是传统补间动画
11.2.3 什么是补间形状动画
11.3 引导层动画与遮罩动画
11.3.1 引导层动画
11.3.2 遮罩动画
11.4 ActionScript在Flash中的应用
11.4.1 ActionScript概述
11.4.2 使用AS制作网页中图片切换效果案例
11.5 课堂综合练习——使用Flash制作广告
11.5.1 任务分析
11.5.2 制作过程
11.6 课堂综合实训——制作“Come on”网购商城特价广告
11.7 习题
第12章 综合练习——“宇泽首饰电子购物网站”的制作
12.1 需求分析与布局分析
12.1.1 网站需求分析简述
12.1.2 根据效果图分析布局
12.2 实现过程
12.2.1 主页的实现
12.2.2 检索页的实现
12.2.3 产品信息页的实现
12.3 习题
……

章节摘录

版权页：   插图：   在本例的源代码中，＜form＞标签说明了表单的开始，同时表明将采用post方法向表单处理服务器传送数据。随后是表单的用户输入控件，其中每个控件都是用＜input＞标签和type属性定义的。 在这个示例中共有四个控件，第一个控件是文本域，允许用户最多键入40个字符，但一次最多只能显示20个字符；第二个控件是一组单选按钮，用户只能从两个单选按钮中选择其中一个；第三个控件是一个下拉菜单，可以从四个选项中选择一个；第四个控件是简单的提交按钮，用户单击此按钮后，输入信息会发送到服务器上名为“form action.asp”的页面。 1.＜form＞标签 ＜form＞标签用于为用户输入创建HTML表单。在文档主体中，表单可以被放置于任何位置，只要将表单的元素都放在＜form＞标签与＜/form＞结束标签中就可以，此外form元素是块级元素，其前后会产生换行。 （1）action属性 ＜form＞标签中必须包含action（动作）属性，此属性说明了接收和处理表单数据的应用程序的URL。通常Web管理员将表单处理应用程序放在Web服务器上名为“cgi—bin”的目录下。一个带有action属性的典型＜form＞标签代码片段如下所示： ＜form action＝“http：//www.yyy.com/cgi—bin/update”＞ … ＜/form＞ cgi—bin目录中的文档实际上是一个应用程序，每次调用它时该程序都会动态地创建一个所需要的页面。 （2）method属性 method属性用于规定使用何种方法发送表单数据，共有POST方法和GET方法两种方法。 （3）id属性和name属性 id属性允许用户使用一个唯一的字符串来标记控件，这样程序或者超链接就可以直接引用它们。name属性就是控件的名称，可以重复。

用户评论 (总计1条)

•   挺详细的 这作为我们大学网页设计课的教材