网页设计与制作基础与上机指导

第1章 网页设计入门

1.1 网页设计基础知识

1.1.1 网站和网页

1.1.2 网页基本元素

1.2 网页制作相关技术

1.2.1 初识HTML

1.2.2 HTML编辑工具

1.2.3 CSS和JavaScript

1.3 HTML入门

1.3.1 HTML文档的结构

1.3.2 标记

1.4 HTML 基本语法

1.4.1 标记语法

1.4.2 属性语法

1.4.3 注释标记

1.5 上机练习与指导

1.5.1 编写一个简单HTML网页

1.5.2 标记的应用

1.6 本章习题

第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.2.6 添加水平分割线

2.3 添加列表

2.3.1 添加无序列表

2.3.2 添加有序列表

2.4 添加图片

2.4.1 标记

2.4.2 指定图像的尺寸

2.4.3 指定图像的对齐方式

2.4.4 指定图像的间距

2.4.5 指定图像的替换文本

2.4.6 设置图像的边框

2.5 设置移动的文字

2.5.1 标记

2.5.2 文字移动属性

2.6 插入其他多媒体文件

2.6.1 标记

2.6.2 嵌入背景音乐

2.7 上机练习与指导

2.7.1 制作文字网页

2.7.2 制作图文混排网页

2.8 本章习题

第3章 超级链接

3.1 认识超级链接

3.1.1 什么是超级链接

3.1.2 超链接的类型

3.2 创建超级链接

3.2.1 标记

3.2.2 绝对路径与相对路径

3.2.3 target属性

3.2.4 超级链接的显示效果

3.3 常见的超级链接应用

3.3.1 图像链接

3.3.2 下载链接

3.3.3 邮件链接

3.3.4 锚点链接

3.4 图像映射

3.4.1 标记

3.4.2 标记

3.4.3 标记的usemap属性

3.5 上机练习与指导

3.5.1 锚点链接的应用

3.5.2 图像映射的应用

3.6 本章习题

第4章 用表格和框架布局网页

4.1 创建表格

4.1.1 表格标记

4.1.2 表格标题

4.1.3 划分表格结构

4.2 表格属性设置

4.2.1 标记属性

4.2.2 标记属性

4.2.3 标记属性

4.3 使用表格布局网页

4.3.1 网页布局类型

4.3.2 使用表格布局网页实例

4.4 创建框架

4.4.1 定义框架

4.4.2 利用框架分割窗口

4.4.3 框架的嵌套

4.4.4 框架的初始化

4.4.5 创建浮动框架

4.5 框架控制

4.5.1 控制框架边框

4.5.2 控制框架子窗口

4.6 使用框架布局网页实例

4.7 上机练习与指导

4.7.1 用表格布局网页的应用

4.7.2 用框架布局网页的应用

4.8 本章习题

第5章 表单的应用

5.1 表单应用基础

5.1.1 什么是表单

5.1.2 表单控件的类型

5.1.3 标记

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 多行文本框

5.4 下拉列表框

5.5 上机练习与指导

5.5.1 用表单实现用户注册的应用

5.5.2 用表单实现文件上传的应用

5.6 本章习题

第6章 CSS样式表基础

6.1 Web标准介绍

6.1.1 Web标准的基本组成

6.1.2 建立Web标准的目的与好处

6.1.3 Web标准与浏览器的兼容性

6.2 XHTML与CSS介绍

6.2.1 XHTML的基本知识

6.2.2 XHTML中的元素

6.2.3 什么是CSS

6.2.4 XHTML与CSS实现样式与结构分离

6.2.5 CSS布局与表格布局的分析

6.3 CSS编写基本模式

6.3.1 CSS的插入形式

6.3.2 CSS的媒介控制

6.4 CSS的基本语法

6.4.1 CSS的基本格式

6.4.2 CSS的注释语句

6.4.3 CSS的选择符

6.5 上机练习与指导

6.5.1 编写头部CSS

6.5.2 编写主体CSS

6.5.3 编写外部CSS

6.6 本章习题

第7章 CSS布局

7.1 DIV+CSS的概念及布局

7.1.1 初识DIV

7.1.2 DIV元素的样式设置

7.1.3 DIV的页面布局

7.1.4 DIV元素的布局技巧

7.2 CSS盒模型

7.2.1 什么是CSS盒模型

7.2.2 边距的控制

7.3 CSS元素的定位

7.3.1 CSS绝对定位

7.3.2 CSS固定定位

7.3.3 CSS相对定位

7.4 上机练习与指导

7.4.1 编写典型的网页布局

7.4.2 利用CSS定位制作导航条

7.5 本章习题

第8章 CSS网页元素设计

8.1 文本的设置

8.1.1 字体的设置

8.1.2 文本的排版

8.2 颜色与背景

8.2.1 设置字体颜色

8.2.2 设置背景颜色

8.2.3 设置背景图片

8.2.4 设置背景图片位置

8.2.5 设置背景附件

8.2.6 背景属性整体设置

8.3 图片样式控制

8.3.1 图片的定位

8.3.2 图文混排

8.3.3 图片的裁切

8.4 上机练习与指导

8.4.1 网页文档排版

8.4.2 背景样式综合应用

8.4.3 图文混排应用

8.5 本章习题

第9章 JavaScript基础

9.1 JavaScript语言概述

9.1.1 JavaScript的概念

9.1.2 JavaScript的功能

9.2 HTML文档与JavaScript的使用

9.2.1 在HTML文档中插入JavaScript

9.2.2 JavaScript的解析顺序

9.2.3 script元素属性

9.3 JavaScript程序设计基础

9.3.1 标识符的命名规定

9.3.2 JavaScript的数据类型

9.3.3 变量

9.4 常用运算符

9.4.1 算术运算符

9.4.2 赋值运算符

9.4.3 关系运算符

9.4.4 逻辑运算符

9.4.5 条件运算符

9.4.6 其他运算符

9.5 JavaScript程序控制结构

9.5.1 语句和语句块

9.5.2 注释语句

9.5.3 选择语句

9.5.4 循环语句

9.6 JavaScript函数的使用

9.6.1 函数的定义和使用

9.6.2 函数的参数传递

9.6.3 函数的作用域和返回值

9.7 上机练习与指导

9.7.1 猜数游戏

9.7.2 数组的应用

9.8 本章习题

第10章 JavaScript核心对象

10.1 JavaScript对象简介

10.1.1 JavaScript对象的概念

10.1.2 JavaScript对象的分类

10.2 JavaScript内置对象

10.2.1 字符串对象

10.2.2 数组对象

10.2.3 日期对象

10.2.4 Math 对象

10.3 宿主对象

10.3.1 浏览器对象模型

10.3.2 文档对象模型

10.4 上机练习与指导

10.4.1 制作一个小型计算器

10.4.2 制作简单的网页动画

10.4.3 制作具有数据检测功能的注册页面

10.5 本章习题

第11章 事件响应

11.1 事件响应编程简介

11.1.1 事件和事件处理程序

11.1.2 HTML文档事件

11.1.3 JavaScript如何处理事件

11.2 常用事件分析

11.2.1 鼠标事件

11.2.2 键盘事件

11.2.3 表单事件

11.3 event对象的应用

11.3.1 event对象的属性

11.3.2 检测鼠标信息

11.3.3 检测用户的键盘按键信息

11.4 上机练习与指导

11.4.1 改变网页背景颜色

11.4.2 表单中相关组件的算术运算

11.4.3 鼠标随意拖动网页元素

11.5 本章习题

第12章 综合实例

12.1 网站开发流程

12.1.1 网站规划

12.1.2 网站设计

12.1.3 页面设计效果图

12.1.4 站点目录规划

12.2 网站开发

12.2.1 构建XHTML结构

12.2.2 设置页面背景

12.2.3 插入Flash动画

12.2.4 利用JavaScript与Flash制作轮换图片

12.2.5 其他栏目的实现

12.3 网站发布

12.3.1 注册域名

12.3.2 上传网站

附录 习题参考答案

本书系统地介绍了HTML、CSS、JavaScript的基本语法，循序渐进地讲述了网页前台技术，从基本概念到具体实践、从页面结构建设到页面布局都进行了详细的阐述，并进行了细致的实例讲解。全书共12章，分别介绍了网页设计入门知识、用HTML制作网页内容、超级链接、用HTML布局网页、表单、CSS样式表基础、CSS布局、CSS网页元素设计、JavaScript基础、JavaScript核心对象、事件响应以及一个网站设计的综合实例。每章还精心设计了“本章习题”和“上机练习与指导”教学单元，既可以让教师合理安排教学实践内容，又可以让学习者举一反三，快速掌握本章知识。本书以“讲清语法、学以致用”为指导思想，其特点是语言平实，贴近初级读者，不仅仅将笔墨局限于语法的讲解上，还通过介绍典型的小实例来达到学以致用的目的，加强了本书的可自学性，其内容精练，表述清晰，实例丰富。本书可作为高等院校、高职院校计算机专业及相关专业的教材，也可作为从事网页设计与制作、网站开发、网页编程等行业人员的参考教材。

教学目标明确，注重理论与实践的结合，教学方法灵活，培养学生自主学习的能力，教学内容先进，强调计算机在各专业中的应用，教学模式完善，提供配套的教学资源解决方案。