div css网页布局规划-k8凯发旗舰

任务名称

子任务

学时

教学重点

教学目标

课程导入

课程介绍、网站赏析

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%