网页设计与制作项目化教程

项目一 HTML基础 1.1 HTML网页简介 1.1.1 HTML的由来与历程 1.1.2 Internet技术 1.2 HTML网页技术简介 1.2.1 什么是HTML 1.2.2 HTML发展史 1.2.3 W3C标准 1.2.4 HTML网页的基本组成结构 1.2.5 HTML标记语法 1.3 HTML常用软件 1.3.1 网页开发软件介绍 1.3.2 Sublime Text安装流程 1.4 优化搜索引擎 1.4.1 HTTP标记信息 1.4.2 页面描述信息 1.5 HTML基础标记 1.5.1 标题标记 1.5.2 段落标记 1.5.3 强制换行标记 1.5.4 空格符号 1.5.5 水平分隔线标记 1.5.6 文本斜体标记 1.5.7 文本加粗标记 1.5.8 代码文本注释标记 1.6 HTML标记属性设置 1.7 标记规范 1.8 行内元素和块元素 1.9 上机练习 小结 项目二 图片、超链接与列表 2.1 文件链接的绝对和相对路径 2.1.1 绝对路径 2.1.2 相对路径 2.2 网页中的图片格式 2.2.1 常用的图片格式 2.2.2 选择合适的图片格式 2.3 图片对象设置 2.3.1 将图片插入网页 2.3.2 图片高度和宽度的设置 2.3.3 图片边框的设置 2.3.4 图片添加文本提示信息 2.3.5 图片添加代替文字 2.4 超链接对象设置 2.4.1 为文字添加超链接 2.4.2 为图片添加超链接 2.4.3 更改链接的窗口打开方式 2.4.4 书签链接 2.5 图片热点区域的超链接 2.6 有序与无序列表 2.6.1 列表的组成结构 2.6.2 有序列表 2.6.3 无序列表 2.6.4 列表嵌套 2.7 描述列表 2.8 上机练习 小结 项目三 表格与框架 3.1 创建强大的表格 3.1.1 表格组成结构 3.1.2 制作简单表格 3.1.3 制作完整表格 3.2 表格的整体设置 3.2.1 设置表格的高宽 3.2.2 设置表格的边框 3.2.3 设置表格中单元格的内外边距 3.3 表格行的设置 3.3.1 行高的设置 3.3.2 行内的对齐方式 3.4 表格单元格的设置 3.4.1 设置单元格的高宽 3.4.2 设置单元格内数据的对齐方式 3.4.3 单元格的合并功能 3.5 框架 3.5.1 ＜iframe＞标记 3.5.2 name属性实现页面跳转 3.6 上机练习 小结 项目四 交互控件表单 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.2.5 下拉列表控件 4.2.6 普通按钮控件 4.2.7 提交和重置按钮控件 4.2.8 文件域控件 4.2.9 隐藏域控件 4.3 表单制作注册页面 4.4 上机练习 小结 项目五 层叠样式表CSS 5.1 区分标记div 5.2 无结构组合标记span 5.3 **次接触CSS 5.3.1 CSS语法 5.3.2 规则选择器 5.3.3 CSS编码规范 5.4 CSS颜色、长度单位及百分比值 5.4.1 使用名称定义颜色 5.4.2 使用十六进制定义颜色 5.4.3 绝对与相对长度 5.4.4 百分比值 5.5 CSS的调用方式 5.6 上机练习 小结 项目六 CSS盒模型 6.1 盒模型简介 6.2 内容 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.5 定义内边距属性 6.5.1 内边距属性 6.5.2 单侧内边距属性 6.6 元素使用负外边界 6.7 计算盒模型大小 6.7.1 水平方向的宽度计算 6.7.2 垂直方向的高度计算 6.8 上机练习 小结 项目七 设计内容元素的CSS 7.1 文本样式 7.1.1 段首缩进 7.1.2 文本水平对齐 7.1.3 文本垂直对齐 7.1.4 文本行高 7.1.5 字符间距 7.1.6 文本装饰效果 7.2 字体效果 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.3.4 访问过的链接 7.4 鼠标样式 7.5 列表设置 7.5.1 列表图像符号 7.5.2 列表符号类型 7.5.3 列表符号位置 7.6 页面背景设置 7.6.1 背景颜色 7.6.2 背景图片 7.6.3 整体设置元素背景 7.7 透明度 7.8 上机练习 小结 项目八 设计网页布局的CSS 8.1 标准文档流中元素的排列 8.1.1 块元素的排列 8.1.2 内联元素排列 8.1.3 混合排列 8.2 元素类型与状态 8.2.1 display属性 8.2.2 元素的显示状态 8.3 浮动属性 8.3.1 浮动属性简介 8.3.2 元素浮动的原理 8.3.3 图文并茂效果 8.3.4 清除浮动属性 8.3.5 解决父级边框塌陷的方法 8.4 定位属性 8.4.1 positon属性 8.4.2 边偏移 8.4.3 层叠方式 8.5 上机练习 小结 项目九 网页布局与设计技巧 9.1 网页布局 9.1.1 网页大小 9.1.2 网页栏目划分 9.2 设计技巧 9.2.1 一栏布局 9.2.2 二栏布局 9.2.3 多栏布局 9.3 万圣节首页布局与设计 9.3.1 *终效果展示 9.3.2 项目文件组成结构 9.3.3 引用外部文件及素材 9.3.4 页头布局与设计 9.3.5 具体内容布局与设计 9.3.6 页脚布局与设计 9.4 上机练习 小结 项目十 HTML 5介绍 10.1 HTML 5 10.1.1 HTML的历史 10.1.2 HTML 5的特点 10.2 HTML 5基本格式 10.2.1 HTML 5文档结构 10.2.2 文档结构解析 10.3 HTML 5的结构元素 10.4 案例分析