网页设计与制作——基于计算思维电子书

版权

作者

前言

第1章 网页设计与制作基础

1.1 网站与网页

1.1.1 网站

1.1.2 网页

1.1.3 网页的基本构成元素

1.2 网页相关的概念

1.2.1 Internet、IP和域名

1.2.2 WWW和FTP

1.2.3 HTTP和HTML

1.2.4 浏览器和Web服务器

1.2.5 静态网页和动态网页

1.3 网站制作基本流程

1.4 网页设计制作工具

1.4.1 原型设计工具

1.4.2 图形图像制作工具

1.4.3 网页编辑工具

本章小结

课后习题

第2章 HTML基础

2.1 标记语言的作用

2.2 HTML基础

2.2.1 HTML和XHTML

2.2.2 HTML5

2.2.3 HTML的基本语法

2.2.4 XHTML的语法

2.3 HTML的结构

2.3.1 基本结构

2.3.2 文档类型定义

2.3.3 头部内容

2.3.4 主体内容

2.4 标题与段落

2.4.1 标题

2.4.2 段落

2.5 文字格式

2.6 建立和使用列表

2.6.1 无序列表

2.6.2 有序列表

2.6.3 定义列表

2.7 特殊字符和注释

2.8 HTML5中的新增结构元素

2.9 使用Dreamweaver编写网页

2.9.1 新建网页

2.9.2 设置网页标题

2.9.3 设置文章中的标题

2.9.4 设置无序列表和有序列表

2.9.5 设置文字格式

2.9.6 特殊字符的输入

本章小结

课后习题

第3章 CSS基础

3.1 CSS基本概念

3.1.1 CSS的概述

3.1.2 CSS的基本语法

3.2 CSS选择器

3.2.1 基本选择器

3.2.2 其他选择器

3.3 在HTML中应用CSS

3.3.1 行内样式

3.3.2 内部样式

3.3.3 外部样式

3.4 使用CSS控制文字样式

3.4.1 文字字体

3.4.2 Web字体

3.4.3 文字大小

3.4.4 文字粗细

3.4.5 斜体

3.4.6 文字修饰

3.4.7 字间距

3.4.8 英文字母的大小写

3.4.9 阴影效果

3.5 使用CSS控制段落样式

3.5.1 首行缩进

3.5.2 段落水平对齐

3.5.3 行高

3.5.4 分栏

3.6 继承性和层叠性

3.6.1 CSS的继承性

3.6.2 CSS的层叠性

3.7 使用Dreamweaver编辑CSS

3.7.1 CSS样式面板

3.7.2 创建与应用CSS规则

3.7.3 编辑和移动CSS规则

3.7.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.2.4 Dreamweaver中颜色的操作

4.3 网页中的图像

4.3.1 图像在网页中的应用

4.3.2 网页中的图像类型

4.3.3 网页中的图像标签

4.4 使用Dreamweaver操作图像

4.4.1 网页图像的添加

4.4.2 网页图像属性的设置

4.4.3 网页图像占位符

4.4.4 网页中的背景图像设置

4.5 在网页中添加多媒体对象

4.5.1 在网页中插入声音对象

4.5.2 在网页中插入视频对象

4.5.3 在网页中插入Flash对象

4.5.4 在网页中插入其他媒体对象

本章小结

课后习题

第5章 网页中表格的使用

5.1 表格概述

5.1.1 表格的基本功能

5.1.2 表格的基本标签

5.1.3 表格的基本属性

5.2 Dreamweaver中有关表格的操作

5.2.1 表格的创建

5.2.2 在表格中添加内容

5.2.3 选择表格元素

5.2.4 复制、粘贴表格

5.2.5 调整表格

5.2.6 插入和删除表格行或列

5.2.7 删除表格和清除表格内容

5.2.8 合并和拆分单元格

5.2.9 表格属性的设置

5.2.10 导入和导出表格的数据

5.2.11 排序表格

5.3 使用表格布局网页

5.3.1 表格布局技术的产生

5.3.2 用表格布局网页的基本原理

5.3.3 表格布局的优缺点

5.3.4 使用表格布局网页的基本步骤

5.3.5 表格布局应用实例

本章小结

课后习题

第6章 超链接

6.1 超链接概述

6.1.1 超链接的概念

6.1.2 超链接的种类

6.1.3 链接路径

6.2 超链接的标签及常用属性

6.3 超链接的CSS样式

6.3.1 超链接属性控制

6.3.2 超链接特效

6.4 Dreamweaver中有关超链接的操作

6.4.1 创建文本超链接

6.4.2 创建图像超链接

6.4.3 创建热点超链接

6.4.4 鼠标经过图像超链接

6.4.5 电子邮件超链接

6.4.6 创建锚点超链接

6.4.7 创建下载文件超链接

6.4.8 创建空链接

6.4.9 创建脚本超链接

6.4.10 超链接的编辑和更新

本章小结

课后习题

第7章 CSS布局基础

7.1 基础知识

7.1.1 网页中的块级元素和行内元素

7.1.2 盒模型

7.1.3 外边距的叠加

7.1.4 元素的内容溢出

7.2 浮动定位

7.2.1 设置浮动

7.2.2 浮动的清除

7.3 位置定位

7.3.1 静态定位

7.3.2 相对定位

7.3.3 绝对定位

7.3.4 固定定位

7.3.5 z-index

本章小结

课后习题

第8章 CSS布局及应用

8.1 网页整体布局

8.1.1 固定宽度布局

8.1.2 流动布局

8.2 网站中的导航

8.2.1 垂直导航

8.2.2 水平导航

8.2.3 下拉菜单

8.3 首字下沉效果

8.4 自定义符号列表

8.5 图文混排

8.6 全图排版

8.7 Dreamweaver中的页面组件

8.7.1 Spry菜单栏

8.7.2 Spry选项卡式面板

8.7.3 Spry折叠式面板

本章小结

课后习题

第9章 模板和库项目

9.1 模板的概念

9.2 模板的创建和使用

9.2.1 创建模板

9.2.2 创建模板的区域

9.2.3 应用模板

9.2.4 管理模板

9.2.5 创建嵌套模板

9.3 库项目的创建和使用

9.3.1 关于库项目

9.3.2 创建库项目

9.3.3 应用库项目

9.3.4 管理库项目

本章小结

课后习题

第10章 表单

10.1 表单

10.1.1 表单基本概念

10.1.2 创建表单

10.2 表单元素

10.3 使用Dreamweaver编辑表单网页

10.3.1 在Dreamweaver中创建表单

10.3.2 在Dreamweaver中插入表单元素

10.4 表单网页的页面布局

10.4.1 案例1：利用Div+CSS布局实现论坛登录页面

10.4.2 案例2：用表格布局实现论坛注册页面

10.5 Spry表单元素

10.5.1 Spry验证文本域

10.5.2 Spry验证文本区域

10.5.3 Spry验证复选框

10.5.4 Spry验证选择

10.5.5 Spry验证密码

10.5.6 Spry验证确认

10.5.7 Spry验证单选按钮组

本章小结

课后习题

第11章 行为和CSS过渡效果

11.1 行为

11.1.1 行为的概念

11.1.2 添加行为

11.1.3 修改或删除行为

11.2 使用Dreamweaver内置行为

11.2.1 交换图像

11.2.2 弹出信息

11.2.3 打开浏览器窗口

11.2.4 拖动AP元素

11.2.5 改变属性

11.2.6 效果

11.2.7 显示-隐藏元素

11.2.8 检查插件

11.2.9 检查表单

11.2.10 设置文本

11.3 使用第三方提供的行为

11.4 CSS过渡效果

11.4.1 创建CSS过渡效果

11.4.2 编辑CSS过渡效果

本章小结

课后习题

第12章 JavaScript

12.1 JavaScript

12.1.1 JavaScript简介

12.1.2 在网页中使用JavaScript

12.2 JavaScript中的对象

12.2.1 对象的基础知识

12.2.2 常用JavaScript的内置对象

12.2.3 自定义对象

12.2.4 BOM和DOM

12.3 JavaScript语言基础

12.3.1 基本数据类型

12.3.2 常量和变量

12.3.3 运算符和表达式

12.3.4 基本语句

12.3.5 程序控制语句

12.3.6 函数

12.4 案例

12.4.1 案例1：表单校验

12.4.2 案例2：联动菜单

本章小结

课后习题

第13章 jQuery框架

13.1 jQuery框架基础

13.1.1 JavaScript框架

13.1.2 jQuery框架的功能

13.1.3 搭建jQuery运行环境

13.1.4 jQuery的选择器

13.1.5 jQuery中的事件

13.2 使用jQuery操作网页元素

13.2.1 获取和设置网页元素属性

13.2.2 获取和设置网页元素的CSS样式属性

13.3 jQuery动画

13.3.1 基础动画函数

13.3.2 淡入/淡出动画函数

13.3.3 滑动函数

13.4 jQuery插件

13.4.1 jQuery UI插件

13.4.2 图像幻灯片插件

13.4.3 图像灯箱插件

13.4.4 内容切换插件

13.4.5 数据表格插件

本章小结

课后习题

第14章 网站的发布和维护

14.1 网站的测试与优化

14.1.1 网站测试

14.1.2 网站优化

14.2 网站的发布与维护

14.2.1 网站的发布

14.2.2 网站的维护

14.3 网站的宣传推广

本章小结

课后习题

第15章 综合案例

15.1 案例描述

15.2 布局规划及原型设计

15.3 使用Photoshop设计页面效果图

15.3.1 主页效果图设计

15.3.2 内容页效果图设计

15.3.3 切片

15.4 站点制作

15.4.1 站点目录结构

15.4.2 主页头部设计

15.4.3 主页主体内容设计

15.4.4 主页底部设计

15.4.5 内容页主体内容设计

本章小结

课后习题

第16章 CMS内容管理系统

16.1 CMS概述

16.1.1 CMS的概念

16.1.2 常用CMS系统

16.2 搭建网站运行环境

16.2.1 搭建Web服务平台

16.2.2 Joomla的安装

16.3 使用Joomla建立网站

16.3.1 全局设置

16.3.2 分类管理

16.3.3 媒体管理

16.3.4 文章管理

16.3.5 菜单管理

16.3.6 头版文章管理

16.3.7 模板管理

16.3.8 模块管理

本章小结

课后习题

附录A HTML常用标签

附录B CSS常用属性

B.1 CSS书写规范

B.2 CSS常用属性

附录C Dreamweaver CS6的基本使用

C.1 Dreamweaver CS6的工作界面

C.2 创建和管理站点

附录D Firebug和Web Developer的使用

D.1 Firebug的使用

D.2 Web Developer的使用

参考文献