《Web标准网页设计》实训任务书.docx

《《Web标准网页设计》实训任务书.docx》由会员分享，可在线阅读，更多相关《《Web标准网页设计》实训任务书.docx（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、学号:姓名：专业班级:组别：日期:课程名称Web 标准设计(XHTML、CSS ,JavaScript、XML)请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境简单班级网站的开发（XHTML）教学单元1.1 Web标准介绍工作任务任务1.介绍Web标准及其组成。任务2.介绍课程总的任务：班级网站。任务结果1 .问题回答WORD文本。2 .源程序代码。3 .程序测试结果。4 .全部结果保存为 taskl_lstudentname.doc。5 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1 .了解Web标准。2 .能够根据网页源代码看出哪些网页是基于Web标准设计的。3 .

2、能够理解Web标准每局部的作用。4 .能够阅读有关的英文术语。任务计划1.2.3.4.学号： 姓名：专业班级：组别： 日期:Web标准设计(XHTML、CSS、XML)XML)课程名称张自己的大学习情境班级网站美化和网页风格统一的开发(CSS)头照片放在2.2 CSS类和ID选择器单独设计XHTML元 这里让老师教学单元素的样式认识一下!任务1.使用CSS类选择器指定文档中某一类元素的样式 任务2.使用CSS的ID选择器指定文档中某一个元素的样式 任务3.在班级网站的网页上使用CSS的ID选择器和类选择器1.源程序代码。任务2.程序测试结果。结果3.全部结果保存为task2_2studentn

3、ame.doco.总体要求：过程记录完整、格式整齐、按时交付。任务1.能够熟练使用CSS类和ID选择器目标2.能够区分CSS类选择器和ID选择器4 .月日前完成任务报告书的编写并发至老师的QQ邮箱。任务知识导航:准备 1.学生自学:（1）编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS 编著：（美）Jon Duckett出版社：清华大学出版社；.任务指导书2_2o2 .参考 w3school 在线教程： :Web 标准一百度百科： :3 .任务书2_2 （报告书）。4 .教学课件2_2o方案制定与优选方案制定与优选请在此描述一下完成任务

4、所选用的方法。过程记录收获体会考核评价组长：教师：日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称Web标准设计（XHTML、CSS、JavaScriptx XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站美化和网页风格统一的开发(CSS)教学单元CSS盒模型处理XHTML元素工作任务任务1.在网页中使用DIV和SPAN；任务2.设置网页中块模型的边距；任务3.设置网页中块模型的边框；任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task2_3studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。

5、任务目标1.能够熟练设置文档元素的内容大小、内边距、边距以及与其他元素之间的间距任务计划1.2.3.4.5. _月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅什么是盒模型(box)o(2)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS 编著：(美)Jon Duckett出版社：清华大学出版社；.任务指导书2_3o2 .参考 w3school 在线教程： :Web 标准一百度百科： :3 .任务书2_3 (报告书)。4 .教学课件2_3。方案制定与优选请在此描述一下完成任务所选用的方法。过

6、程记录收获体会考核评价组长：教师：日期：2011年 月日学号： 姓名：专业班级：组别： 日期:课程名称Web标准设计(XHTML、CSS、JavaScriptx XML)请找一张自 己的大头照 片放在这里 让老师认识一下！学习情境班级网站美化和网页风格统一的开发(CSS)教学单元CSS样式对文档元素进行定位、浮动、布局网页工作任务任务1 .使用CSS样式对文档兀素进行定位任务2.使用CSS样式对页面进行两列和三列布局任务3.对班级网站新闻页面进行布局任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task2_4studentname.doc。4 .总体要求：过程记录完整、格

7、式整齐、按时交付。任务目标1 .能够熟练的对文档兀素进行定位和浮动2 .能够进行简单的网页布局3 .能够使用同一 CSS样式设计网站中不同网页的样式任务计划1.2.3.4.5. 月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅CSS+DIV网页布局和定位。(1)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTML、XHTML和CSS编 著：(美)Jon Duckett出版社:清华大学出版社；方案 制定 与优选.任务指导书2_4O2 .参考 w3school 在线教程： :Web 标准_百度百科： :3 .任务书2_4

8、 （报告书）。4 .教学课件2_4O请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长:教师：日期：2011年 月 日学号： 姓名：专业班级：组别： 日期:课程名称Web标准设计（XHTML、CSS、JavaScriptx XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站网页特效的开发(JavaScript)教学单元动态制作网页内容、添加消息框工作任务任务1.在网页三个位置上加入脚本任务2.使用javascript脚本,实现加、减、乘、除等一些基本运算任务3.在网页中加入消息框任务4.根据输入，给出不同的提示任务5.运用for循环，输出九九乘法表1

9、.源程序代码。任务2.程序测试结果。结果3.全部结果保存为task3_lstudentname.doco4.总体要求：过程记录完整、格式整齐、按时交付。1.掌握将JavaScript脚本嵌入网页中、制作交互式网页的方法任务2.熟练使用JavaScript消息框目标3.熟练应用流程控制语句3.能够阅读有关的英文术语。1.任务计划2. 月日前完成任务报告书的编写并发至老师的QQ邮箱。知识导航：1.学生自学：(1)网上查阅JavaScript脚本语言的作用以及与Java的区别。(1)编写教材上的例题并运行，记录结果。任务教学资源：准备.主教材：Web编程入门经典HTMLx XHTML和CSS编著：(

10、美)Jon Duckett出版社：清华大学出版社；.主教材：JavaScript基础与实例教程编著：陈会安 出版社:中国电力出版社;5.月日前完成任务报告书的编写并发至老师的QQ邮箱。知识导航：1.学生自学：(1)欣赏基于Web标准的网站。(2)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS任务编著：(美)Jon Duckett出版社：清华大学出版社；准备2 .任务指导书1_10.参考 w3school 在线教程： :Web 标准_百度百科： :1 .htm3 .任务书1(报告书)。4 .教学课件1。方案制定与优选请在此描述一下完成任

11、务所选用的方法。3 .任务3_2指导书；4 .参考 w3school 在线教程； DIV 和 CSS 教程网； :www上lueidea 蓝色理想网站建设； : 建站学网站。5 .任务书3_2 （报告书）；6 .教学课件3_2；方案 制定 与优 选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称Web标准设计（XHTML、CSS、JavaScriptx XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站网页特效的开发(JavaScript)教学单元JavaScript函数和对象

12、工作任务任务1.函数的调用任务2.内置函数的使用任务3.String对象的使用任务4.使用Data对象取得和设置时间任务5 .使用Math对象任务1 .源程序代码。结果结果2 .程序测试结果。3 .全部结果保存为 task3_2studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。1 .了解JS函数任务2.掌握内置函数目标3.了解JS对象概念.掌握常用的内置对象的使用1.任务计划2. 月日前完成任务报告书的编写并发至老师的QQ邮箱。知识导航：1.学生自学：（1）网上查阅优秀网站日期时间的制作和广告的制作（例：当 当网、新浪等）。任务 （1）编写教材上的例题并运行，记

13、录结果。准备 教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS编 著：（美）Jon Duckett出版社：清华大学出版社；.主教材：JavaScript基础与实例教程编著：陈会安 出版社:中国电力出版社;3 .任务3_2指导书；4 .参考 w3school 在线教程； DIV 和 CSS 教程网； :www上lueidea 蓝色理想网站建设； : 建站学网站。5 .任务书3_2 （报告书）；6 .教学课件3_2；方案 制定 与优 选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称W

14、eb标准设计（XHTML、CSS、JavaScriptx XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站网页特效的开发(JavaScript)教学单元动态查找、更改网页中的元素工作任务1 .使用document对象头现对网页中的兀素进行添加删除2 .使用document对象的常用熟悉来头现浮动广告条任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task3_3studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。.任务书3_3 （报告书）；任务目标1.掌握document对象的常用属性和方法任务计划1.2.3.4.

15、5. 月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅什么是文档对象模型(DOM)。(1)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS编 著：(美)Jon Duckett出版社：清华大学出版社；2 .主教材：JavaScript基础与实例教程编著：陈会安 出版社： 中国电力出版社；3 .任务3_3指导书；4 .参考 w3school 在线教程； DIV 和 CSS 教程网； 蓝色理想网站建设； :/ 建站学网站。5 .教学课件3_3 ；方案请在此描述一下完成任务所选用的方法。制定与优选过

16、程记录收获体会考核评价组长：教师: 日期：2011年 月 日学号:姓名：专业班级:组别：日期:课程名称Web标准设计（XHTML、CSS、JavaScriptx XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站网页特效的开发(JavaScript)教学单元窗口广告的制作工作任务1.制作窗口广告(网页翻开与关闭时弹出广告)任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task3_4studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1.掌握window对象的常用属性和方法任务计划1.2.3.4. 月日前完成

17、任务报告书的编写并发至老师的QQ邮箱。 知识导航：1.学生自学：(1)网上查阅网页翻开与关闭时弹出广告的形式。(1)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTMLx XHTML和CSS编 著：(美)Jon Duckett出版社：清华大学出版社；2 .主教材：JavaScript基础与实例教程编著：陈会安 出版社: 任务中国电力出版社；准备.任务3_4指导书；3 .参考 w3school 在线教程； DIV 和 CSS 教程网； 蓝色理想网站建设； 建站学网站。4 .任务书3_4 (报告书)；5 .教学课件3_4；方案 制定 与优选请在此描述一下完成任务所选

18、用的方法。过程记录收获体会考核评价组长:教师：日期：2011年 月 日过程记录收获体会考核评价组长：教师：日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称Web 标准设计（XHTML、CSS、JavaScript、XML）请找一张自 己的大头照 片放在这里 让老师认识 一下!学习情境班级网站网页特效的开发(JavaScript)教学单元表单验证、动感导航栏制作工作任务1 .客户端表单验证的制作2 .动感导航栏的制作任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task3_5 studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付

19、。任务目标1 .了解事件的概念2 .掌握常用的鼠标和键盘事件3 .学会编写简单的事件处理程序任务计划1.2.3.4. 月日前完成任务报告书的编写并发至老师的QQ邮箱。 知识导航：1.学生自学：(1)网上查阅网页翻开与关闭时弹出广告的形式。(1)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTML、XHTML和CSS编 著：(美)Jon Duckett出版社：清华大学出版社；2 .主教材：JavaScript基础与实例教程编著：陈会安出版社: 任务中国电力出版社；准备.任务3_5指导书；3 .参考 w3school 在线教程； DIV 和 CSS 教程网； 蓝色理

20、想网站建设； 建站学网站。4 .任务书3_5 (报告书)；5 .教学课件3_5 ；方案 制定 与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长:教师：日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称Web标准设计请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境数据的简单存储和验证（XML、DTD）教学单元XML基础工作任务1 .利用XML来存储本班的值日生表数据。2 .利用CSS来格式化任务一中使用XML所存储的值日生表。任务结果1 .相应数据的XML文档。2 .对XML文档进行格式化的CSSo3 .对XML进行格式化后的显示结果。4 .全

21、部结果保存为task4_l XML.doco5 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1 .掌握利用XMLSpy来编辑XML文档的方法2 .能够对XML文档中的元素、属性与实体进行正确的定义3 .能够将CSS与XML相结合，来实现对XML文档的格式化4 .能够阅读有关的英文术语。任务计划1.2.3.4.5. 月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅XML的相关实例。(2)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：XML实用教程丁跃潮 叶文来 陈杰编著 机 械工业出版社。2 .参考 机械工业出版社网站 : w3

22、school 在线教程； DIV 和 CSS 教程网； 3.教学课件4。4 .案例：利用XML实现对图书信息数据的存储，并使用CSS来 格式化它。5 .任务指导书4。方案 制定 与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：初永玲日期：2011年 月 日学号：姓名：专业班级：组别：日期:课程名称Web标准设计请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境数据的简单存储和验证（XML、DTD）教学单元XML的DTD验证工作任务1 .对利用XML存储的本班值日生表数据进行DTD验证。任务结果1 .DTD验证文档的源代码。2 .DTD验证文档的显示结果

23、。3 .全部结果保存为task4_2XMLDTD.doco4 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1 .了解DTD数据验证的引用原因及其作用2 .能够正确声明DTD中的元素3 .能够正确声明DTD中的属性4 .掌握DTD中实体的定义方法5 .能够正确使用DTD来对XML文档数据进行验证任务计划1.2.3.4.5. 月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅XML的相关实例。(2)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：XML实用教程丁跃潮 叶文来 陈杰编著 机 械工业出版社。2 .参考 机械工业出版社网站

24、:www pbook / w3school 在线教程； DIV 和 CSS 教程网； 3.教学课件4_2。4 .案例：DTD验证使用XML存储的图书信息数据文档。5 .任务指导书4_20方案 制定 与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：初永玲日期：2011年 月 日学号:姓名:专业班级:组别:日期：课程名称Web 标准设计（XHTML、CSS、JavaScript、XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境简单班级网站的开发（XHTML）教学单元1.2网站结构的制作（XHTML）工作任务任务1.完成班级网站注册页面的名吉构的开

25、发；任务2.完成班级网站新闻页面结构的开发；任务3.完成班级网站中班级日志结构的开发；任务4.使用XHTML标签开发班级网站首页的结构。任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 taskl_2studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1 .掌握XHTML语法规那么2 .熟练书写规范的XHTML代码、能够使用规范的XHTML代码 制作网页结构3 .能够看懂互联网上网页的源代码，能够参考互联网上的网站设 计自己的网站。4 .能够阅读有关的英文术语。任务计划1.2.3.4.5.月日前完成任务报告书的编写并发至老师的QQ邮箱。任

26、务准备知识导航：1.学生自学：（1）上网查阅类似网页的结构与源代码（例：QQ空间）、参考 网上优秀的网站设计自己的网页。（2）编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTML、XHTML和CSS编 著：（美）Jon Duckett出版社：清华大学出版社；2 .任务指导书l_2o3 .参考 w3school 在线教程： :Web 标准一百度百科： :1 .htm4 .任务书1_2 （报告书）。5 .教学课件l_2o方案 制定 与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：日期：20n年 月 日学号:姓名:专业班级:组别:日期:课

27、程名称Web 标准设计（XHTML、CSS、JavaScript、XML）请找一 张自己的大 头照片放在 这里让老师 认识一下！学习情境班级网站美化和网页风格统一的开发(CSS)教学单元2.1CSS样式制作导航栏工作任务任务1.在网页中引用CSS任务2.字体和段落样式设计任务3.控制页面背景和美化链接任务4.CSS美化表格表单任务5.班级网站导航栏的制作任务结果1 .源程序代码。2 .程序测试结果。3 .全部结果保存为 task2_l studentname.doc。4 .总体要求：过程记录完整、格式整齐、按时交付。任务目标1 .能够熟练在XHTML网页中引用C S S样式2 .能够熟练设置网

28、页中文本和段落的样式3 .能够给网页添加背景颜色、图片4 .能使用CSS样式设置链接5 .能够熟练的应用CSS样式美化表格、表单的样式任务计划1.2.3.4.5. 月日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.学生自学：(1)网上查阅使用CSS使表现与别离的好处。(2)编写教材上的例题并运行，记录结果。教学资源：1 .主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett出版社：清华大学出版社；2 .任务指导书2_1 o3 .参考 w3school 在线教程： :Web 标准一百度百科：4 .任务书2(报告书)。5 .教学课件2。方案 制定 与优 选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师：日期：2011年 月 日