项目1 网页制作基础知识

【任务1-1】了解Web基本概念

需求分析

知识储备

1．认识网页

2．网页相关名词

3．Web标准

【任务1-2】网页制作入门

需求分析

知识储备

1．HTML简介

2．CSS简介

3．JavaScript简介

4．常见浏览器介绍

【任务1-3】Dreamweaver工具的使用

需求分析

知识储备

1．Dreamweaver界面介绍

2．Dreamweaver初始化设置

3．创建第一个网页

【项目总结】

【课后练习】

项目2 “说旅游”专题页制作

【项目描述】

【任务2-1】认识HTML

需求分析

知识储备

1．HTML文档基本格式

2．HTML标记

3．标记的属性

4．HTML文档头部相关标记

【任务2-2】HTML文本控制标记

需求分析

知识储备

1．标题和段落标记

2．文本样式标记（font）

3．文本格式化标记

4．特殊字符标记

知识拓展

【任务2-3】HTML图像标记

需求分析

知识储备

1．常用图像格式

2．图像标记

3．相对路径与绝对路径

知识拓展

【任务2-4】准备工作与页面布局

准备工作

页面结构分析

页面布局

【任务2-5】制作“头部”模块

效果分析

模块制作

【任务2-6】制作“伊露岛介绍”模块

效果分析

模块制作

【任务2-7】制作“伊露岛推荐”模块

效果分析

模块制作

【任务2-8】制作“驴友评论”模块

效果分析

模块制作

【任务2-9】制作“页脚”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目3 “网上花店”专题页制作

【项目描述】

【任务3-1】CSS核心基础

需求分析

知识储备

1．CSS样式规则

2．引入CSS样式表

3．CSS基础选择器

【任务3-2】CSS控制文本样式

需求分析

知识储备

1．CSS字体样式属性

2．CSS文本外观属性

知识拓展

【任务3-3】CSS高级特性

需求分析

知识储备

1．CSS复合选择器

2．CSS层叠性与继承性

3．CSS优先级

【任务3-4】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务3-5】制作“标题”模块

效果分析

模块制作

【任务3-6】制作“分类”模块

效果分析

模块制作

【任务3-7】制作“热卖”模块

效果分析

模块制作

【任务3-8】制作“页脚”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目4 “青春树儿童摄影网”首页制作

【项目描述】

【任务4-1】认识盒子模型

需求分析

知识储备

认识盒子模型

【任务4-2】盒子模型相关属性

需求分析

知识储备

1．边框属性

2．内边距属性

3．外边距属性

4．背景属性

5．盒子的宽与高

【任务4-3】元素的类型与转换

需求分析

知识储备

1．元素的类型

2．＜span＞标记

3．元素的转换

知识拓展

【任务4-4】元素的浮动

需求分析

知识储备

1．元素的浮动属性

2．清除浮动

3．overflow属性

【任务4-5】元素的定位

需求分析

知识储备

1．元素的定位属性

2．静态定位

3．相对定位

4．绝对定位

5．固定定位

6．z-index层叠等级属性

【任务4-6】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务4-7】制作“导航”及“banner”模块

效果分析

模块制作

【任务4-8】制作“最新动态”模块

效果分析

模块制作

【任务4-9】制作“样片欣赏”模块

效果分析

模块制作

【任务4-10】制作“页脚”及“悬浮框”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目5 “穿搭速递”首页制作

【项目描述】

【任务5-1】列表标记

需求分析

知识储备

1．无序列表ul

2．有序列表ol

3．定义列表dl

4．列表的嵌套应用

【任务5-2】CSS控制列表样式

需求分析

知识储备

1．list-style复合属性

2．背景图像定义列表项目符号

【任务5-3】超链接标记

需求分析

知识储备

1．创建超链接

2．锚点链接

3．链接伪类控制超链接

【任务5-4】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务5-5】制作“头部”导航模块

效果分析

模块制作

【任务5-6】制作“banner”和“精品展示”模块

效果分析

模块制作

【任务5-7】制作“潮流前沿”模块

效果分析

模块制作

【任务5-8】制作“版权信息”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目6 “千年之恋”注册页面制作

【项目描述】

【任务6-1】认识表格相关标记

需求分析

知识储备

1．表格的创建

2．＜table＞标记的属性

3．＜tr＞标记的属性

4．＜td＞标记的属性

5．＜th＞标记及其属性

【任务6-2】CSS控制表格样式

需求分析

知识储备

1．CSS控制表格边框

2．CSS控制单元格边距

3．CSS控制单元格的宽高

【任务6-3】认识表单

需求分析

知识储备

1．初识表单

2．创建表单

【任务6-4】表单控件

需求分析

知识储备

1．input控件

2．textarea控件

3．select控件

【任务6-5】CSS控制表单样式

需求分析

知识储备

CSS控制表单样式

【任务6-6】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务6-7】制作头部及导航模块

效果分析

模块制作

【任务6-8】制作“banner”及“内容”模块

效果分析

模块制作

【任务6-9】制作“页脚”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目7 “赶快回家网”首页制作

【项目描述】

【任务7-1】JavaScript概述

需求分析

知识储备

1．JavaScript简介

2．JavaScript引入方式

3．JavaScript基本语法

4．一个简单的JavaScript程序

【任务7-2】JavaScript语言基础

需求分析

知识储备

1．关键字和标识符

2．变量和数据类型

3．运算符和表达式

【任务7-3】流程控制语句

需求分析

知识储备

1．条件语句

2．循环语句

3．跳转语句

【任务7-4】函数

需求分析

知识储备

1．初识函数

2．函数的调用

3．函数中变量的作用域

【任务7-5】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务7-6】制作“头部”模块

效果分析

模块制作

【任务7-7】制作“导航”模块

效果分析

模块制作

【任务7-8】制作“banner”和“时间”模块

效果分析

模块制作

【任务7-9】制作“客运信息”模块

效果分析

模块制作

【任务7-10】制作“底部”模块

效果分析

模块制作

【项目总结】

【课后练习】

项目8 “学好英语网”首页制作

【项目描述】

【任务8-1】认识对象

需求分析

知识储备

1．什么是对象

2．对象的属性和方法

3．创建和删除对象

4．内置对象

【任务8-2】Array数组对象

需求分析

知识储备

1．初识数组

2．数组的常见操作

3．数组的常用属性和方法

4．二维数组

【任务8-3】BOM与DOM对象

需求分析

知识储备

1．BOM对象

2．DOM对象

【任务8-4】事件处理

需求分析

知识储备

1．什么是事件

2．事件处理程序的调用

3．鼠标事件

4．键盘事件

5．表单事件

6．页面事件

【任务8-5】布局及定义基础样式

准备工作

效果分析

定义基础样式

【任务8-6】制作“头部”及“导航”模块

效果分析

模块制作

【任务8-7】制作“banner”模块

效果分析

模块制作

【任务8-8】制作“简介”模块

效果分析

模块制作

【任务8-9】制作“课程特色”模块

效果分析

模块制作

【任务8-10】制作“页脚”模块

效果分析

模块制作

【项目总结】

【课后练习】