网页设计与制作教程

出版说明

前言

教学建议

第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 习题

……

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