《Web标准网页设计》实训任务书.docx
- 文档编号:15974012
- 上传时间:2023-07-09
- 格式:DOCX
- 页数:25
- 大小:20.25KB
《Web标准网页设计》实训任务书.docx
《《Web标准网页设计》实训任务书.docx》由会员分享,可在线阅读,更多相关《《Web标准网页设计》实训任务书.docx(25页珍藏版)》请在冰点文库上搜索。
《Web标准网页设计》实训任务书
学号:
姓名:
专业班级:
组别:
日期:
_____
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
简单班级网站的开发(XHTML)
教学单元
1.1Web标准介绍
工作任务
任务1.介绍Web标准及其组成。
任务2.介绍课程总的任务:
班级网站。
任务结果
1.问题回答WORD文本。
2.源程序代码。
3.程序测试结果。
4.全部结果保存为task1_1studentname.doc。
5.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.了解Web标准。
2.能够根据网页源代码看出哪些网页是基于Web标准设计的。
3.能够理解Web标准每部分的作用。
4.能够阅读有关的英文术语。
任务计划
1.
2.
3.
4.
5.__月__日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)欣赏基于Web标准的网站。
(2)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书1_1。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书1_1(报告书)。
5.教学课件1_1。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
______
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
简单班级网站的开发(XHTML)
教学单元
1.2网站结构的制作(XHTML)
工作任务
任务1.完成班级网站注册页面的结构的开发;
任务2.完成班级网站新闻页面结构的开发;
任务3.完成班级网站中班级日志结构的开发;
任务4.使用XHTML标签开发班级网站首页的结构。
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task1_2studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.掌握XHTML语法规则
2.熟练书写规范的XHTML代码、能够使用规范的XHTML代码制作网页结构
3.能够看懂互联网上网页的源代码,能够参考互联网上的网站设计自己的网站。
4.能够阅读有关的英文术语。
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)上网查阅类似网页的结构与源代码(例:
QQ空间)、参考网上优秀的网站设计自己的网页。
(2)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书1_2。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书1_2(报告书)。
5.教学课件1_2。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
_____
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站美化和网页风格统一的开发(CSS)
教学单元
2.1CSS样式制作导航栏
工作任务
任务1.在网页中引用CSS
任务2.字体和段落样式设计
任务3.控制页面背景和美化链接
任务4.CSS美化表格表单
任务5.班级网站导航栏的制作
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task2_1studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.能够熟练在XHTML网页中引用CSS样式
2.能够熟练设置网页中文本和段落的样式
3.能够给网页添加背景颜色、图片
4.能使用CSS样式设置链接
5.能够熟练的应用CSS样式美化表格、表单的样式
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅使用CSS使表现与分离的好处。
(2)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书2_1。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书2_1(报告书)。
5.教学课件2_1。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站美化和网页风格统一的开发(CSS)
教学单元
2.2CSS类和ID选择器单独设计XHTML元素的样式
工作任务
任务1.使用CSS类选择器指定文档中某一类元素的样式
任务2.使用CSS的ID选择器指定文档中某一个元素的样式
任务3.在班级网站的网页上使用CSS的ID选择器和类选择器
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task2_2studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.能够熟练使用CSS类和ID选择器
2.能够区分CSS类选择器和ID选择器
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书2_2。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书2_2(报告书)。
5.教学课件2_2。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
__
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站美化和网页风格统一的开发(CSS)
教学单元
CSS盒模型处理XHTML元素
工作任务
任务1.在网页中使用DIV和SPAN;
任务2.设置网页中块模型的边距;
任务3.设置网页中块模型的边框;
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task2_3studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.能够熟练设置文档元素的内容大小、内边距、边距以及与其他元素之间的间距
任务计划
1.
2.
3.
4.
5.__月__日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅什么是盒模型(box)。
(2)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书2_3。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书2_3(报告书)。
5.教学课件2_3。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站美化和网页风格统一的开发(CSS)
教学单元
CSS样式对文档元素进行定位、浮动、布局网页
工作任务
任务1.使用CSS样式对文档元素进行定位
任务2.使用CSS样式对页面进行两列和三列布局
任务3.对班级网站新闻页面进行布局
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task2_4studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.能够熟练的对文档元素进行定位和浮动
2.能够进行简单的网页布局
3.能够使用同一CSS样式设计网站中不同网页的样式
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅CSS+DIV网页布局和定位。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.任务指导书2_4。
3.参考网址:
w3school在线教程:
Web标准_XX百科:
4.任务书2_4(报告书)。
5.教学课件2_4。
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站网页特效的开发(JavaScript)
教学单元
动态制作网页内容、添加消息框
工作任务
任务1.在网页三个位置上加入脚本
任务2.使用javascript脚本,实现加、减、乘、除等一些基本运算
任务3.在网页中加入消息框
任务4.根据输入,给出不同的提示
任务5.运用for循环,输出九九乘法表
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task3_1studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.掌握将JavaScript脚本嵌入网页中、制作交互式网页的方法
2.熟练使用JavaScript消息框
3.熟练应用流程控制语句
3.能够阅读有关的英文术语。
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅JavaScript脚本语言的作用以及与Java的区别。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.主教材:
《JavaScript基础与实例教程》编著:
陈会安 出版社:
中国电力出版社;
3.任务3_2指导书;
4.参考网址:
w3school在线教程;
DIV和CSS教程网;
蓝色理想网站建设;
建站学网站。
5.任务书3_2(报告书);
6.教学课件3_2;
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
_日期:
__
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站网页特效的开发(JavaScript)
教学单元
JavaScript函数和对象
工作任务
任务1.函数的调用
任务2.内置函数的使用
任务3.String对象的使用
任务4.使用Data对象取得和设置时间
任务5.使用Math对象
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task3_2studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.了解JS函数
2.掌握内置函数
3.了解JS对象概念
4.掌握常用的内置对象的使用
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅优秀网站日期时间的制作和广告的制作(例:
当当网、新浪等)。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.主教材:
《JavaScript基础与实例教程》编著:
陈会安 出版社:
中国电力出版社;
3.任务3_2指导书;
4.参考网址:
w3school在线教程;
DIV和CSS教程网;
蓝色理想网站建设;
建站学网站。
5.任务书3_2(报告书);
6.教学课件3_2;
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
__
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站网页特效的开发(JavaScript)
教学单元
动态查找、更改网页中的元素
工作任务
1.使用document对象实现对网页中的元素进行添加删除
2.使用document对象的常用熟悉来实现浮动广告条
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task3_3studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.掌握document对象的常用属性和方法
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅什么是文档对象模型(DOM)。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.主教材:
《JavaScript基础与实例教程》编著:
陈会安 出版社:
中国电力出版社;
3.任务3_3指导书;
4.参考网址:
w3school在线教程;
DIV和CSS教程网;
蓝色理想网站建设;
建站学网站。
5.任务书3_3(报告书);
6.教学课件3_3;
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
__
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站网页特效的开发(JavaScript)
教学单元
窗口广告的制作
工作任务
1.制作窗口广告(网页打开与关闭时弹出广告)
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task3_4studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.掌握window对象的常用属性和方法
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅网页打开与关闭时弹出广告的形式。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.主教材:
《JavaScript基础与实例教程》编著:
陈会安 出版社:
中国电力出版社;
3.任务3_4指导书;
4.参考网址:
w3school在线教程;
DIV和CSS教程网;
蓝色理想网站建设;
建站学网站。
5.任务书3_4(报告书);
6.教学课件3_4;
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
__
课程名称
Web标准设计(XHTML、CSS、JavaScript、XML)
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
班级网站网页特效的开发(JavaScript)
教学单元
表单验证、动感导航栏制作
工作任务
1.客户端表单验证的制作
2.动感导航栏的制作
任务结果
1.源程序代码。
2.程序测试结果。
3.全部结果保存为task3_5studentname.doc。
4.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.了解事件的概念
2.掌握常用的鼠标和键盘事件
3.学会编写简单的事件处理程序
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅网页打开与关闭时弹出广告的形式。
(1)编写教材上的例题并运行,记录结果。
教学资源:
1.主教材:
《Web编程入门经典——HTML、XHTML和CSS》编著:
(美)JonDuckett出版社:
清华大学出版社;
2.主教材:
《JavaScript基础与实例教程》编著:
陈会安 出版社:
中国电力出版社;
3.任务3_5指导书;
4.参考网址:
w3school在线教程;
DIV和CSS教程网;
蓝色理想网站建设;
建站学网站。
5.任务书3_5(报告书);
6.教学课件3_5;
方案制定与优选
请在此描述一下完成任务所选用的方法。
过程记录
收获体会
考核评价
组长:
教师:
日期:
2011年月日
学号:
姓名:
专业班级:
组别:
日期:
___
课程名称
Web标准设计
请找一张自己的大头照片放在这里让老师认识一下!
学习情境
数据的简单存储和验证(XML、DTD)
教学单元
XML基础
工作任务
1.利用XML来存储本班的值日生表数据。
2.利用CSS来格式化任务一中使用XML所存储的值日生表。
任务结果
1.相应数据的XML文档。
2.对XML文档进行格式化的CSS。
3.对XML进行格式化后的显示结果。
4.全部结果保存为task4_1XML.doc。
5.总体要求:
过程记录完整、格式整齐、按时交付。
任务目标
1.掌握利用XMLSpy来编辑XML文档的方法
2.能够对XML文档中的元素、属性与实体进行正确的定义
3.能够将CSS与XML相结合,来实现对XML文档的格式化
4.能够阅读有关的英文术语。
任务计划
1.
2.
3.
4.
5.___月___日前完成任务报告书的编写并发至老师的QQ邮箱。
任务准备
知识导航:
1.学生自学:
(1)网上查阅XML的相关实例。
(2)编写教材上的例题并运行,记录结果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web标准网页设计 Web 标准 网页 设计 任务书