网页设计实例教程

第1章 网页开发环境设置

1.1 IIS的安装配置

1.1.1 IIS的安装

1.1.2 设置站点根目录

1.1.3 在IIS中新建虚拟目录

1.1.4 快速设置虚拟目录

1.2 Dreamweaver CS4介绍

1.2.1 Dreamweaver站点设置

1.2.2 创建基本页面

1.3 本章小结

1.4 自我检测

第2章 HTML页面可视化开发

2.1 网页的基本构成元素

2.2 文本的输入和设置

2.2.1 输入文本

2.2.2 文本的调整和属性设置

2.3 图像的插入和设置

2.3.1 插入图像对象

2.3.2 图像属性的调整和设置

2.3.3 图像作为页面背景

2.4 超级链接的建立和设置

2.4.1 链接到其他页面

2.4.2 建立锚点链接

2.4.3 建立邮件链接

2.4.4 建立下载文件链接

2.5 表格的使用和设置

2.5.1 创建和编辑表格

2.5.2 单元格的合并与拆分

2.5.3 细线边框的实现

2.6 页面中表单的运用

2.6.1 插入表单对象

2.6.2 实现一个用户登录界面

2.7 本章小结

2.8 自我检测

第3章 HTML语法

3.1 HTML基本格式

3.1.1 HTML文件结构

3.1.2 HTML语句格式

3.2 HTML头部标记

3.2.1 标题标记

3.2.2 元信息标记

3.2.3 标记

3.2.4 标记

3.3 HTML主体标记

3.4 文字相关标记

3.4.1 HTML注释语句

3.4.2 标题文字

3.4.3 设定文字格式

3.4.4 段落修饰标记

3.5 图像标记

3.5.1 图像提示文字属性alt

3.5.2 图像的宽度和高度

3.5.3 图像的边框border

3.5.4 图像的垂直间距vspace

3.5.5 图像的水平间距hspace

3.5.6 图像的排列属性align

3.6 超级链接标记

3.7 列表标记

3.7.1 有序列表

3.7.2 无序列表

3.7.3 定义列表

3.8 表格标记

3.9 层标记

3.10 表单控件

3.10.1 表单标记

3.10.2 表单输入标记

3.10.3 下拉列表标记

3.10.4 选项标记

3.10.5 多行文本控件标记

3.10.6 实现用户注册界面

3.10.7 实现留言板界面

3.11 Dreamweaver标签选择器

3.12 本章小结

3.13 自我检测

第4章 CSS基础知识

4.1 CSS的基本类型

4.2 CSS的基本写法

4.3 CSS和表格结合

4.3.1 普通用法

4.3.2 实现彩色边框

4.3.3 一个不错的表格样式

4.4 CSS和层结合

4.4.1 CSS对层的基本控制

4.4.2 实现一个图文并茂的页面

4.5 CSS和列表标签结合

4.5.1 CSS+UL实现导航菜单

4.5.2 实现标签样式

4.6 本章小结

4.7 自我检测

第5章 网页布局设计

5.1 大学生服务网首页分析

5.2 使用表格设计布局

5.3 使用层设计布局

5.4 使用框架集

5.4.1 创建框架集

5.4.2 在框架中使用链接

5.4.3 使用内联框架

5.5 本章小结

5.6 自我检测

第6章 Fireworks CS4基础

6.1 熟悉工作环境

6.2 绘制和编辑对象

6.2.1 矢量图和位图概念

6.2.2 矢量工具入门

6.2.3 钢笔工具

6.2.4 矩形及相关工具

6.2.5 文本工具

6.3 GIF动画

6.4 图像优化和导出

6.5 本章小结

6.6 自我检测

第7章 使用Fireworks制作网页图像

7.1 导航栏设计

7.2 标志图像制作

7.3 切片工具的使用

7.4 图像热区链接

7.5 使用JavaScript

7.6 本章小结

7.7 自我检测

第8章 网站建设与开发实战

8.1 网站建设基本流程

8.2 制作网站首页

8.2.1 用Fireworks设计页面

8.2.2 用层布局实现页面

8.3 实现可关闭菜单栏

8.3.1 用框架集实现

8.3.2 用DIV+Iframe实现

8.4 本章小结

8.5 自我检测

第9章 JavaScript基本知识

9.1 基本概念

9.1.1 什么是JavaScript

9.1.2 JavaScript基本特点

9.1.3 Ajax和JQuery的概念

9.1.4 在页面中使用JavaScript

9.2 JavaScript基本语法

9.2.1 弱类型的概念

9.2.2 变量和常量

9.2.3 运算符和表达式

9.2.4 基本程序语句

9.3 JavaScript事件的使用

9.3.1 JavaScript常用页面事件

9.3.2 页面加载时弹出信息

9.3.3 单击按钮时弹出消息

9.4 使用JavaScript操作HTML对象

9.4.1 JavaScript访问HTML元素的基本原理

9.4.2 document.getElementById的用法

9.4.3 document.getElementsBy-Name的用法

9.4.4 document.getElementsBy-TagName的用法

9.4.5 document.all的用法

9.5 JavaScript应用实例

9.5.1 验证密码输入是否一致

9.5.2 E-mail格式验证

9.5.3 显示系统日期

9.5.4 无刷新联动菜单

9.5.5 设为首页和加入收藏

9.5.6 实现网页对话框

9.6 本章小结

9.7 自我检测

第10章 JQuery基础知识

10.1 JQuery介绍

10.1.1 什么是JQuery

10.1.2 为什么选用JQuery

10.1.3 如何使用JQuery

10.2 JQuery访问页面对象

10.2.1 按ID属性值访问HTML元素

10.2.2 按name属性值访问HTML元素

10.2.3 按HTML标记名访问

10.3 JQuery中事件的使用

10.3.1 页面加载时弹出对话框

10.3.2 使用JQuery初始化页面

10.3.3 为页面事件绑定方法

10.3.4 页面事件综合使用

10.4 JQuery应用实例

10.4.1 自动补全表单字段

10.4.2 创建可折叠菜单

10.4.3 创建更漂亮的对话框

10.4.4 实现条纹表格

10.5 本章小结

10.6 自我检测

第11章 网站技术展望

11.1 HTML概述

11.1.1 HTML简史

11.1.2 HTML的优势

11.1.3 HTML的缺点

11.2 XHTML

11.2.1 XHTML的优势

11.2.2 XHTML的语法规范

11.3 XML基础

11.3.1 XML的概念

11.3.2 使用CSS显示XML文档

11.3.3 可扩展样式单语言XSL

11.4 DHTML

11.5 CHTML和WAP

11.5.1 移动无线网络

11.5.2 CHTML

11.5.3 WAP

11.6 动态网站开发技术

11.7 本章小结

11.8 自我检测

附录1 常用CSS的属性和属性值

附录2 各章自我检测题答案

参考文献

《工业和信息化人才培养规划教材·高职高专计算机系列：网页设计实例教程》基于Dreamweaver、Fireworks网页设计工具软件讲述了网页设计和网站建设的知识与方法。主要内容包括网页开发环境设置、HTML页面可视化开发、HTML语法、CSS基础知识、网页布局设计、Fireworks CS4 基础、使用Fireworks制作网页图像、网站建设与开发实战、JavaScript基本知识、JQuery基础知识、网站技术展望等。《工业和信息化人才培养规划教材·高职高专计算机系列：网页设计实例教程》将网页设计的基础知识和实例制作融为一体，从网页开发环境设计、可视化页面设计逐步讲解到网页代码开发，再从页面总体布局设计、网络图片设计扩展到完整页面的开发，然后讲解了JavaScript及JQuery类库，最后阐述了网页设计的相关技术方向，为读者指出以后的学习方向。
《工业和信息化人才培养规划教材·高职高专计算机系列：网页设计实例教程》可作为高职高专计算机类专业网页设计与制作课程的教材，也可作为网站开发技术爱好者的学习参考书。