网页设计与制作教程

第1章 网页制作基础知识 1.1 网络基础知识 1.1.1 Internet简介 1.1.2 WWW简介 1.1.3 浏览器 1.1.4 IP地址 1.1.5 域名 1.1.6 HTTP协议 1.1.7 URL 1.2 网页与网站的基础知识 1.2.1 网页、网页文件和网站 1.2.2 静态网页和动态网页 1.2.3 网页界面的构成 1.3 网站制作常用软件 1.3.1 网页制作工具 1.3.2 美化网页的基本工具 1.4 网页编程语言 1.5 网站建设的基本流程第2章 了解HTML、CSS、JavaScript 2.1 认识HTML、CSS、JavaScript代码 2.1.1 HTML代码片段 2.1.2 CSS代码片段 2.1.3 JavaScript代码片段 2.2 HTML、CSS、JavaScript的作用 2.2.1 HTML在网页中的作用 2.2.2 CSS在网页中的作用 2.2.3 JavaScript在网页中的作用 2.3 如何学习HTML、CSS、JavaScript代码 2.3.1 先了解HTML、CSS、JavaScript的语法结构 2.3.2 借助Dreamweaver学习 2.4 HTML、CSS、JavaScript的综合应用第3章 HTML基础知识 3.1 HTML基本语法概念 3.1.1 HTML标签语法 3.1.2 HTML标签属性 3.1.3 HTML文件的命名 3.1.4 编写HTML文件的注意事项 3.2 HTML文件头部内容 3.2.1 设置页面标题 3.2.2 设置基底网址 3.2.3 设置页面元信息 3.3 HTML文件主体内容 3.3.1 设置页面背景 3.3.2 设置页面边距 3.3.3 设置文本颜色 3.4 文字与段落 3.4.1 换行 3.4.2 添加注释 3.4.3 段落 3.4.4 添加特殊字符 3.4.5 预格式化 3.4.6 设置段落缩进 3.4.7 插入并设置水平线 3.5 建立和使用列表 3.5.1 列表类型 3.5.2 插入有序列表 3.5.3 插入无序列表 3.5.4 列表的嵌套 3.6 超链接的建立 3.6.1 插入内部链接 3.6.2 插入外部链接 3.7 插入图片 3.7.1 插入图像标签 3.7.2 图像提示文字 3.7.3 设置图片的宽度和高度 3.7.4 设置图像对齐方式 3.7.5 设置图像与文本之间的距离 3.8 综合应用实例第4章 HTML表格的应用 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 设置边框的样式 4.3 设置表格行与单元格 4.3.1 调整行内容水平对齐 4.3.2 调整行内容垂直对齐 4.3.3 设置跨行 4.3.4 设置跨列 4.3.5 设置单元格间距 4.3.6 设置单元格边距 4.4 表格嵌套 4.5 综合应用实例第5章 框架的应用 5.1 框架的概述 5.2 框架的基本结构 5.3 设置框架 5.3.1 设置框架源文件属性 5.3.2 添加框架名称 5.3.3 设置框架边框 5.3.4 显示框架滚动条 5.3.5 设置框架尺寸为不可调整 5.3.6 设置框架边缘宽度与高度 5.4 设置框架集 5.4.1 左右分隔窗口 5.4.2 上下分隔窗口 5.4.3 横纵分隔窗口 5.4.4 纵横分隔窗口 5.5 浮动框架 5.5.1 设置浮动框架源文件属性 5.5.2 设置浮动框架名称 5.5.3 设置浮动框架宽度和高度 5.6 在框架上建立链接 5.6.1 普通框架添加链接 5.6.2 浮动框架添加链接 5.7 框架的实际应用第6章 表单的应用 6.1 表单概述 6.2 表单标签 6.3 信息输入 6.3.1 插入文本框 6.3.2 插入密码框 6.3.3 插入复选框 6.3.4 插入单选按钮 6.3.5 插入文件域 6.3.6 插入图像域 6.3.7 插入提交按钮 6.3.8 插入重置按钮 6.3.9 插入标准按钮 6.3.1 0插入隐藏域 6.4 插入文本区域 6.5 插入下拉菜单和列表项 6.6 综合应用实例第7章 CSS基础知识 7.1 CSS概述 7.1.1 CSS的基本概念 7.1.2 CSS的特点 7.1.3 CSS规范 7.2 CSS与HTML文档的结合方法 7.2.1 定义内部样式表 7.2.2 定义行内样式 7.2.3 链入外部样式表 7.2.4 导入外部样式表 7.3 CSS常用选择符 7.3.1 类型选择符 7.3.2 class类选择符 7.3.3 id选择符 7.3.4 通用选择符 7.3.5 包含选择符 7.3.6 分组选择符 7.3.7 伪类选择符 7.4 CSS设置文字的样式 7.4.1 设置文字的字体 7.4.2 设置字体的大小 7.4.3 设置字体的粗细 7.4.4 设置字体的倾斜 7.4.5 设置字体的修饰 7.4.6 设置字体的阴影 7.5 CSS设置段落格式 7.5.1 设置文字的对齐方式 7.5.2 设置首行缩进 7.5.3 设置行高 7.6 CSS设置网页背景 7.6.1 设置背景颜色 7.6.2 设置背景图像 7.7 div+CSS布局方法 7.7.1 div标签 7.7.2 CSS盒模型 7.7.3 盒模型的宽度与高度 7.8 CSS的定位 7.8.1 静态定位 7.8.2 相对定位 7.8.3 绝对定位 7.8.4 固定定位 7.9 浮动与清除浮动 7.9.1 浮动 7.9.2 清除浮动 7.10 综合应用实例 7.10.1 前期准备 7.10.2 制作页面第8章 JavaScript基础知识 8.1 JavaScript语言概述 8.1.1 JavaScript语言的特点 8.1.2 在网页中加入JavaScript 8.1.3 JavaScript常用元素 8.1.4 简单的脚本程序 8.2 JavaScript基本数据结构 8.2.1 JavaScript基本数据类型 8.2.2 JavaScript表达式和运算符 8.3 JavaScript控制语句 8.3.1 if语句 8.3.2 for语句 8.3.3 switch语句 8.3.4 while与do…while语句 8.4 函数 8.4.1 有参函数调用 8.4.2 无参函数调用 8.5 对象的基本知识 8.5.1 用于操作对象的语句、关键词及运算符 8.5.2 对象属性的引用 8.5.3 对象方法的引用 8.5.4 浏览器内部对象 8.5.5 内置对象和方法 8.6 事件概念 8.6.1 鼠标单击事件onClick 8.6.2 文本框或列表框内容改变事件onChange 8.6.3 内容选中事件onSelect 8.6.4 聚焦事件onFocus 8.6.5 加载事件onLoad 8.6.6 卸载事件onUnload 8.6.7 失焦事件onBlur 8.6.8 鼠标移入事件onMouseOver 8.6.9 鼠标移开事件onMouseOut 8.6.10 其他常用事件 8.7 综合应用实例