网页设计与制作教程

前言

第1章 HTML基础

1.1 HTML简介

1.2 HTML文档结构及语法规则

1.2.1 标签及其属性

1.2.2 HTML语法规则

1.2.3 HTML文档结构

1.3 创建HTML文件

1.4 网页的摘要信息

1.4.1 标签

1.4.2 标签

1.4.3 案例—制作网络鞋城页面摘要信息

1.5 HTML页面中的块和行

1.6 注释和特殊符号

1.6.1 注释

1.6.2 特殊符号

1.7 实训—制作什锦果园网的版权信息

习题1

第2章 块级标签

2.1 基本块级标签

2.1.1 标题标签…

2.1.2 段落标签

…

2.1.3 水平线标签

2.1.4 案例—制作网络鞋城常见问题解答页面

2.2 用于布局的块级标签

2.2.1 无序列表

2.2.2 有序列表

2.2.3 表格

2.2.4 表单

2.2.5 分区标签

2.3 实训—制作什锦果园关于页面

习题2

第3章 行级标签

3.1 超链接

3.1.1 超链接的基本概念

3.1.2 超链接的应用

3.1.3 案例—制作网络鞋城购物向导

3.2 图像

3.2.1 Web上常用的图像格式

3.2.2 图像标签

3.2.3 用图像作为超链接热点

3.2.4 案例—制作网络鞋城图文简介

3.3 表单元素

3.3.1 元素

3.3.2 选择栏3.3.3 多行文本域…

3.3.4 表单的高级用法

3.3.5 案例—制作网络鞋城会员注册表单

3.3.6 表单布局

3.4 范围标签

3.4.1 基本语法

3.4.2 span与div的区别

3.5 换行标签

3.6 实训—制作什锦果园联系信息表单

习题3

第4章 CSS基础

4.1 CSS概述

4.1.1 CSS的基本概念

4.1.2 CSS的发展历史

4.1.3 CSS的代码规范

4.1.4 CSS的工作环境

4.1.5 体验CSS

4.2 样式表语法

4.2.1 CSS规则

4.2.2 选择符

4.3 CSS的属性单位

4.3.1 长度、百分比单位

4.3.2 色彩单位

4.4 CSS与HTML文档的结合方法

4.4.1 定义内部样式表

4.4.2 定义行内样式表

4.4.3 链入外部样式表

4.4.4 导入外部样式表

4.4.5 案例—制作网络鞋城商品明细页面

4.5 样式表的层叠、特殊性与重要性

4.5.1 样式表的层叠

4.5.2 特殊性

4.5.3 重要性

4.6 元素分类

4.7 实训—制作什锦果园业界资讯页面

习题4

第5章 Div+CSS布局技术

5.1 Div布局理念

5.1.1 Div布局页面的优点

5.1.2 使用嵌套的Div实现页面排版

5.2 CSS盒模型

5.2.1 盒模型的概念

5.2.2 盒模型的属性

5.2.3 盒模型的宽度与高度

5.2.4 外边距的叠加

5.2.5 案例—制作网络鞋城关于页的局部信息

5.3 盒子的定位

5.3.1 静态定位

5.3.2 相对定位

5.3.3 绝对定位

5.3.4 相对定位与绝对定位的混合使用

5.3.5 固定定位

5.4 盒子的浮动

5.4.1 浮动

5.4.2 清除浮动

5.5 CSS常用布局样式

5.5.1 两列布局样式

5.5.2 三列布局样式

5.6 实训—什锦果园水果沙拉页面的布局

5.6.1 页面布局规划

5.6.2 页面的制作过程

习题5

第6章 使用CSS修饰常见的网页元素

6.1 设置文字的样式

6.1.1 设置文字的字体

6.1.2 设置字体的大小

6.1.3 设置字体的粗细

6.1.4 设置字体的倾斜

6.1.5 设置字体的修饰

6.1.6 设置文本的颜色

6.2 设置段落的样式

6.2.1 设置文字的对齐方式

6.2.2 设置首行缩进

6.2.3 设置首字下沉

6.2.4 设置行高

6.2.5 设置字间距

6.2.6 设置字符间距

6.2.7 设置文本的大小写

6.3 设置图片样式

6.3.1 图片的边框

6.3.2 图片的缩放

6.4 设置背景

6.4.1 设置背景颜色

6.4.2 设置背景图像

6.4.3 设置背景重复

6.4.4 设置背景定位

6.4.5 设置背景大小

6.4.6 案例—制作购物车统计信息

6.5 图文混排

6.6 综合案例—制作网络鞋城驴友天地页面

6.6.1 页面布局规划

6.6.2 页面的制作过程

6.7 实训—制作什锦果园博客页面

习题6

第7章 使用CSS设置链接与导航菜单

7.1 使用CSS设置链接

7.1.1 改变文字链接的外观

7.1.2 创建按钮式超链接

7.1.3 图文链接

7.2 使用CSS设置列表

7.2.1 表格布局与列表布局的对比

7.2.2 设置列表类型

7.2.3 设置列表项图像

7.2.4 设置列表项位置

7.2.5 图文信息列表

7.3 创建导航菜单

7.3.1 普通的超链接导航菜单

7.3.2 纵向列表模式的导航菜单

7.3.3 横向列表模式的导航菜单

7.4 使用CSS设置链接与导航菜单综合案例

7.4.1 页面布局规划

7.4.2 页面的制作过程

7.5 实训—制作什锦果园关于页面

习题7

第8章 网页特效—JavaScript

8.1 JavaScript简介

8.2 在网页中插入JavaScript的方法及定义

8.2.1 在HTML文档中嵌入脚本程序

8.2.2 链接脚本文件

8.2.3 在标记内添加脚本

8.3 常见的网页特效

8.3.1 循环滚动的图文字幕

8.3.2 幻灯片切换的广告

8.4 实训—制作二级纵向列表模式的导航菜单

习题8

第9章 网络鞋城前台页面

9.1 网站的开发流程

9.1.1 规划站点

9.1.2 网站制作

9.1.3 测试网站

9.1.4 发布站点

9.2 设计首页布局

9.2.1 使用Dreamweaver创建站点

9.2.2 页面布局规划

9.3 首页的制作

9.4 制作商品展示页

9.5 制作商品详细信息页

9.6 制作查看购物车页

习题9

第10章 网络鞋城后台管理页面

10.1 制作后台管理登录页面

10.2 查询商品页面的制作

10.3 添加商品页面的制作

10.4 页面的整合

习题10

本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。本书把介绍知识与实例制作融于一体，以鞋城网站作为案例讲解，配以什锦果园网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。本书共分10章，主要内容包括：HTML基础、块级标签、行级标签、CSS基础、Div+CSS布局技术、使用CSS修饰常见的网页元素、使用CSS设置链接与导航菜单、网页特效—JavaScript、网络鞋城前台页面和网络鞋城后台管理页面。
本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。

获奖情况：


“十二五”职业教育国家规划教材