任务名称

子任务

学时

教学重点

教学目标

课程导入

课程介绍、网站赏析

2

1.介绍该课程的基本情况

2.介绍本课程的教学和学习方法

3.介绍学习本学程的学习目的，相应工作岗位，目前市场的需求情况，薪金待遇，职业能力考证情况等

4.介绍该课程的考核方式与方法

5、欣赏各类优秀网站以及往届学生优秀作品

1、让学生对该课程有个全方位的整体了解

如:为什么要学习该课程，知道该怎么学习该课程，学了以后有什么用途等

2.告诉学生本课程的学习方式，让学生对网络工程项目有初步了解

3、欣赏优秀作品，提高学习兴趣

任务1根据项目编写网站策划书

1-1通过与客户的沟通，了解客户的需求

1-2在需求的基础上进行项目规划

1-3编写网站策划书

4

知识:

1.了解网站开发的各类技术

2.能将客户的需求转化为项目规则

3.了解网页布局中的基本要素

4.能设计网站框架草图

技能:

1.会申请网站空间与注册域名

2.会上传网站

知识目标:

1.了解网站的种类与特点

2.了解网站开发的各类技术

3.了解网站空间申请的方法

技能目标:

1.与客户沟通的时候能抓住客户的需求

2.会编写规划的网站策划书

素质目标:

1. 具备良好的沟通能力，遵守职业道德

2. 具有较强的学习能力、创新能力

任务2根据项目需求对网页中的元素进行CSS的基本美化处理

2-1 CSS的基本语法

2-2 用CSS设置丰富的文字效果

2-3 用CSS设置图片效果

2-4 用CSS设置网页中的背景

12

知识:

1.CSS基本语法

2.CSS文字效果

3.CSS图片效果

4.CSS背景

技能:

1.CSS的应用场合

2.CSS对文字的设置

3.图片的边框与对齐

4.网页的背景色与背景图片,以及多个背景图片的应用

知识目标:

1.了解CSS的作用与基本语法

2.了解CSS的文字效果

3.了解CSS的图片效果

4.理解CSS对背脊的处理

技能目标:

1.能在网页中应用CSS

2.会利用CSS对网页中的文字进行效果的设置

3.会用图片样式实现图文混排

4.会实现网页颜色与背景图片的协调

素质目标:

1.扎实的专业英语功底

2.不怕困难，敢于尝试，胆大心细

任务3 根据项目需求对网页中的元素进行CSS的高级美化处理

3-1设置表格与表单的样式

3-2用CSS设置页面和浏览器的元素

3-3用CSS制作实用的菜单

3-4 CSS滤镜的应用

12

知识:

1.CSS表格与表单的样式

2.CSS的项目列表

3.超链接与鼠标特效

4.滤镜样式

技能:

1.CSS对表格与表单的改变

2.CSS对项目列表的修饰与应用

3. 动态超链接、按扭式超链接与浮雕式超链接

4.鼠标的特效

知识目标:

1.了解CSS的表格与表单的样式

2.理解CSS的项目列表的变化与应用

3.了解CSS的表格与表单的样式

4.理解CSS的项目列表的变化与应用

技能目标:

1.了解超链接与鼠标的效果

2.了解滤镜的设置方法

3.能做各种超链接效果

5.能实现鼠标特效

素质目标:

1.考虑全面

2.仔细认真

任务4 根据项目续期对网页进行CSS+DIV美化和布局

4-1 CSS+DIV布局解析

4-2 CSS+DIV布局方法

12

知识:

1、DIV与span标记的理解

2、盒子模型的概念和理解

3、元素的定位

4、CSS+DIV常用布局方法

技能:

1、会利用float、position实现元素的定位

2、会固定宽度且居中版式的布局方法

3、会左中右版式的布局

知识目标:

1、理解DIV与span标记

2、理解盒子模型的border、padding、magin

3、掌握元素定位的多种方法

4、熟练固定宽度且居中版式、左中右版式的布局方法

技能目标:

1、能用float、position进行元素的定位

2、能做固定宽度且居中、左中右版式的布局设计

素质目标:

1、考虑全面，敢于尝试，胆大心细

2、仔细认真

任务5用DIV+CSS设计综合信息类网站

5-1 蓝色经典

5-2 清明上河图

5-3 交河故城

12

知识:

1、网站框架搭建

2、使用CSS+DIV设置网站页面

3、一个HTML文档随机调用CSS文件

技能:

1、会搭建网站的框架

2、会使用DIV+CSS进行页面的布局和制作

3、会使用随机调用CSS文件的方法

知识目标:

1、掌握绘制网站框架图的方法

2、掌握DIV+CSS页面布局的方法

技能目标:

1、会绘制网站框架图

2、能使用DIV+CSS进行页面的布局与制作

目素质标:

1、有一定的综合能力，考虑全面

2、良好的工作态度和责任心，耐心，且细心

任务6应用JavaScript与行为为各类网站添加网页特效

6-1制作随页面上下滚动的广告图像

6-2弹出浏览器窗口的制作

6-3幻灯片广告图像的制作

6-4可翻转图像的制作

6-5日期与时间的制作

6-6制作网页中可放大的图像

6-7制作可随意拖动的广告图像

12

知识:

1.JavaScript的基本语法

2.JavaScript调用的方式

3.JavaScript中对象的改变与引用

4.行为的添加与应用

5.代码的重写

技能:

1.JavaScript的调用方式

2.JavaScript的基本语法

3.JavaScript的修改

4.行为的添加与应用

知识目标:

1.了解JavaScript的基本语法与基本结构

2.熟悉JavaScript的调用方式

3.熟悉JavaScript中对象的改变与应用

4.理解行为的添加与应用

技能目标:

1.会调用JavaScript脚本

2.会改写JavaScript脚本的调用

3.会调用行为实现特效

素质目标:

1.考虑问题周到全面

2.具备良好的工作态度、责任心和安全意识，遵守职业道德

任务7项目考核

过程考核总结

6

见文后考核要求

见文后考核要求

总学时

72

序号

评价点

参考要求

评价方式

评价标准

评价分值

优

良

及格

１

策划能力

网站策划方案充争满足客户的建站目的和内容要求。网站栏目规划合理。方案表达清晰、直观、详实。方案具有可操作性

总结性评价

15%

2

美工设计能力

美工风格设计符合网站策划的主题定位、美术效果佳、整体感强、细节丰富、具有专业感。效果图绘制技术运用得当，表现力强，具有质感

总结性评价

25%

3

制作技术能力

网站站点管理得当，文件命名和存放路径规范；排版技术运用得当，能完好的再现网页美术设计效果；CSS应用技术运用得当，排版布局合理；网页脚本交互功能运用得当；网站链接结构正确、合理、有效；

总结性评价

20%

5

网站优化处理

网站的运行速度要适中；网站中DIV+CSS的应用

总结性评价

25%

6

是否按计划完成

具有计划组织能力和团队协作能力，有一定的抗压能力；具有较强的学习能力、吃苦耐劳精神、创新能力；具有较强的语言文字表达和沟通能力

形成性评价

15%