网页设计与制作案例教程(HTML+CSS+DIV+JavaScript)电子书

内容提要

前言

第1章 网页设计概述

1.1 初识网页

1.2 网页相关概念

1.3 常用的浏览器介绍

1.4 Dreamweaver工具的使用

1.4.1 Dreamweaver的发展

1.4.2 Dreamweaver CS6的操作界面

1.4.3 案例：创建第一个网页

本章小结

习题1

实训1

第2章 HTML语言

2.1 案例：简单学校网站

2.2 知识准备

2.2.1 HTML文档的基本结构

2.2.2 HTML标记及其属性

2.2.3 HTML文本标记

2.2.4 HTML列表标记

2.2.5 HTML超链接标记

2.2.6 HTML图像标记

2.3 案例实现

2.3.1 创建站点

2.3.2 创建首页

2.3.3 创建学院简介页面

2.3.4 创建学院新闻页面

2.3.5 创建专业介绍页面

本章小结

习题2

实训2

第3章 CSS基础

3.1 案例：学院新闻详情页面

3.2 知识准备

3.2.1 初识CSS

3.2.2 引入CSS样式

3.2.3 常用的CSS选择器

3.2.4 CSS常用文本属性

3.2.5 CSS的高级特性

3.3 案例实现

3.3.1 创建站点

3.3.2 创建新闻详情页面

本章小结

习题3

实训3

第4章 盒子模型

4.1 案例：学院简介页面

4.2 知识准备

4.2.1 盒子模型的概念

4.2.2 盒子模型的相关属性

4.2.3 CSS设置背景

4.2.4 元素的类型与转换

4.2.5 块元素间的外边距

4.3 案例实现

4.3.1 制作页面结构

4.3.2 添加CSS样式

本章小结

习题4

实训4

第5章 列表与超链接

5.1 案例：学院新闻块与学院网站导航

5.2 知识准备

5.2.1 列表样式设置

5.2.2 超链接样式设置

5.3 案例实现

5.3.1 制作学院新闻块

5.3.2 制作学院网站导航条

本章小结

习题5

实训5

第6章 表格与表单

6.1 表格案例：学生信息表

6.2 表格相关知识

6.2.1 表格标记

6.2.2 <table>标记的属性

6.2.3 <tr>标记的属性

6.2.4 <th>和<td>标记的属性

6.2.5 使用CSS设置表格样式

6.3 表格案例实现

6.3.1 学生信息表的页面结构

6.3.2 添加CSS样式

6.4 表单案例：用户注册表

6.5 表单相关知识

6.5.1 认识表单

6.5.2 表单标记

6.5.3 表单控件

6.5.4 使用CSS设置表单样式

6.6 表单案例实现

6.6.1 用户信息注册表单的页面结构

6.6.2 添加CSS样式

本章小结

习题6

实训6

第7章 DIV+CSS布局网页

7.1 案例：学院网站主页布局

7.2 知识准备

7.2.1 元素的浮动

7.2.2 元素的定位

7.2.3 DIV+CSS布局

7.3 案例实现

7.3.1 制作页面结构

7.3.2 添加CSS样式

本章小结

习题7

实训7

第8章 使用JavaScript制作网页特效

8.1 什么是JavaScript语言

8.2 在网页中调用JavaScript

8.2.1 直接嵌入HTML文档中

8.2.2 引入外部脚本文件

8.2.3 在事件代码中添加脚本

8.3 案例：制作Flash幻灯片特效

8.4 案例：制作下拉菜单特效

8.5 案例：制作选项卡特效

本章小结

习题8

实训8

第9章 完整案例：信息学院网站制作

9.1 信息学院网站描述

9.2 网站规划

9.3 效果图设计

9.3.1 效果图设计原则

9.3.2 效果图设计步骤

9.3.3 效果图切片导出网页

9.4 网站主页设计

9.4.1 主页布局设计

9.4.2 主页设计步骤

9.5 网站模板页设计

9.6 网站其他页面设计

9.6.1 制作学院简介页面

9.6.2 制作学院荣誉列表页面

9.6.3 制作学院荣誉详细情况页面

9.6.4 制作高技能人才培训基地页面

9.6.5 制作办公电话页面

9.6.6 制作视频宣传页面

9.7 添加首页中的JavaScript脚本

本章小结

习题9

实训9

第10章 完整案例：发电设备公司动态网站制作

10.1 发电设备公司动态网站描述

10.2 网站规划

10.3 效果图设计

10.3.1 效果图设计原则

10.3.2 效果图设计步骤

10.3.3 效果图切片导出网页

10.4 网站静态页面设计

10.4.1 网站首页设计

10.4.2 栏目页设计

10.4.3 内容页设计

10.5 KesionCMS后台管理系统的使用

10.5.1 KesionCMS介绍

10.5.2 KesionCMS完成动态网站的步骤

10.5.3 静态页面与KesionCMS的整合

10.6 IIS的安装与配置

10.7 后台登录与设置

10.7.1 后台登录

10.7.2 基本信息设置

10.7.3 设置网站栏目

10.8 创建系统函数标签

10.9 创建网站模板

10.10 模板绑定

10.11 添加文章内容

10.12 创建留言页面

10.13 发布首页

10.14 创建模板中的超链接

本章小结

实训10

参考文献