网设计课程标准

1、“网页设计（DW/HTML/CSS） ”课程标准招生对象：高中毕业生及同等学力者教学时数：96H学历层次：高职课程代码：9091307修业年限：全日制三年学分数：适用专业：计算机网络技术、信息安全技术专业制订人：罗胜荣一、课程概述1. 课程定位本课程是计算机网络技术、信息安全技术专业核心课，也是计算机网络技术 及相关专业的专业必修课程，本课程授课学时可控制在86H-96H之间。通过本 课程学习，培养学生懂专业一一熟悉和掌握网页设计与制作及网站建设的基本 知识；精技能一一具备信息收集、处理、准备、加工的能力，掌握综合运用网 页设计软件设计和制作网页的方法，进而完成网页设计、网站建设任务，为今后

2、从事网页设计、网站开发、网站维护和管理工作奠定基础；髙素质一一在课程 学习中培养学习和工作的方法能力，培养共处和做人的社会能力。本课程于第二 学期开设，前导课程有“计算机应用技术、程序设计基础”等，后续课程包括 windows网络技术、交换技术”等。2. 设计思路本课程是依据计算机网络专业人才培养方案中，对网页设计相关知识及其基 本操作的职业能力要求而设置的。其总体设计思路是，打破以知识传授为主要特 征的传统学科课程模式，转变为以课题、任务形式组织课程教学内容，让学生在 完成具体任务过程中，学习相关理论知识，掌握网页设计制作过程中所需的各种 技术技能。（1）内容设计依据课程目标，本课程的学习内

3、容应包括网站开发的工作流程、开发环境, 网站建立、网站主页的布局设计与制作，子页面的设计，网站设计任务书的撰写, 网站的整体设计，网站的维护等。内容以若干实际案例分析进行组织，在案例的 分析掌握相关知识技能，达到知识、技能、素质的综合培养目标。（2）教学设计以网页设计、制作与管理，网站规划建设和管理维护等应具备的能力为导向, 通过实际的案例，模拟真实的职业环境，灵活采用现场教学、小组讨论、角色扮 演等教学方法和多媒体教学等教学手段。改革考核模式，采用过程考核和综合考 核相结合，有效利用理论知识与实际相结合、学生自评、学生互评等多种考核方 式，不仅考核课程理论知识与技能，同时注重对学生职业素养的

4、考核评价。二、课程目标(1) 能掌握网页设计与制作的基本知识；(2) 能掌握HTML语言；(3) 能掌握静态网页设计与制作的知识；学会网页中动态效果的设计与实现方法；(6) 能掌握网页中图片设计和处理、动画设计的知识；(7) 能掌握网站检查与发布的知识；三、内容标准及实施建议1. 课题安排及学时分配课程依据岗位要求的能力递进关系，确定了 7个学习情境。见表1。表1情境安排表课题序号课題名滁学时H1天猫华伊格旗舰店首页制作16H2MSN “奔驰C级”介绍网页的制作12HY3“街头生活”摄彩网站的制作12H4彩色导航条的制作10H5CMCC EDU登录页面的制作10fH6远程教育学院网站子页面的制

5、作10H7蜜糖栈”甜品网上商店的制作26H1合计96H2.课题内容及实施依据能力目标，在总体设计思路基础上，依据学习情境安排表的安排，设计 每个课题的教学目标、教学內容、重点难点及解决方案，给出具体的教学实施建 议，并按照理论与实践1:2的比例进行教学內容实施，说明教学资源，明确每个 课题的详细考评标准。具体教学设计见表2表6。表2情境1教学设计表课题1天猫华伊格旗舰店首页制作业16H学时H教学目标1. 了解网页、网站的区别及分类2. 了解HTML与CSS的使用及网页文件数据类型3. 掌握HTML相关标记与属性的应用4. 熟悉Dreamweaver cs6的界面布局和工作环境教学内容1. /2

6、. 浏览不同类型的网站3. 网站和网页的基础知识4. 网页的基本构成元素5. 制作网页的工具概述及初识Dreamweaver cs6中文版6. 网页文件的应用重点难点重点：1. 网站风格的分析与制作特色&2. 万维网、网页、网站、主页和HTML的基本概念。 通过边讲、边练、讲练 结合的方法来解决。难点：学以致用，如何根据HTML网页文件不同的标记制作出网页不同效果。教学实施建议1.网页与网站、网站的分类、浏览器与服务器。（1H）与CSS简介、两者的关系。（1H）3.网页文件数捋类型、长度值和颜色值、URI地址、相对定位和绝对定位o（ 1H）V结构标记、头标记、文档标题标记、主体标记、注释标记。

7、（2H）5. 文字显示标记、段落与标题标记、列表项标记。（2H）6. 超链接标记、锚点超链接标记、电子邮件超钱接标记。（1H）7. 网页中图片格式介绍、HTML图片标签与实行。（1H）8. 表格相关标记及属性、表格应用。（1H）9. 相关网页欣赏（1）当当购物网站：，（2）南开大学网站：，（3）且听风 吟文学网：，（4）叱进军个人网站：，（5）携程旅游网：，（6）中国体育 资讯网：（7）太平洋电脑网：，（8）班级网站：学生独立完成实践内容，再 完成习題中的相关习题，在任务及习题完成的过程中熟练掌握各项操作。（1H）10.网页制作基础实践：(1)启动 Dreamweaver cs6,认识 Dre

8、amweaver cs6 的工作环境。(2) 在Dreamweaver cs6主窗口中观察其各个菜单、工具栏、面板的组成。(3) 利用Dreamweaver cs6的帮助,查找有关JavaScript的内容，请分 别利用“目录、索引”、搜索”三种途径完成。学生独立完成实践内容，再完成习题中的相关习題，在任务及习题完成的过程 中熟练掌握各项操作。(1H)11.天猫华伊格旗舰店网页的制作。(4H)教学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源语法、标记选择符、类选择符、ID选择符（2H）2. 交集选择符、并集选择

9、符、包含选择符。（2H）3. 内联引用、内部引用CSS、外部引用CSS。（2H）4. 设置页面样式、设置标题样式、设置后段落样式、设置文字样式、CSS注释 使用。（2H）5. 制作MSN 奔驰C级”介绍网页。（4H）教学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件B资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1课堂提问及布置的习题：回答问题与习题完成的情况2.评价方式：学生自评、教师对学生各考核项目按照考核标准进行评价表4情境3教学设计表课题3“街头生活”摄影网站的制作学时H12H教学目标1. 熟练便用CSS设置网页中的文字2. 理解并使用CSS

10、中行内元素与块元素3. 学会使用CSS设置网页图片样式教学内容1. 网页中字依、字号、效果、间距、段落的设置2. 网页元素、图片、表格的设置晝点难点重点：字体与字号设置、文字特殊效果设置、文字间距设置、首行缩进设置。 难点：学以致用，如何把学到的知识点用到实践中来。1.字依与字号的设置、文字特殊效果的设置、文字间距的设置、首行缩进的设 置、行高的设置、文本对齐方式的设置、设置段落间距（2H）教学实施建议中块元素的设置、CSS行内元素的设置（2H）3. 图片边框的设置、图片大小的设置、图文混排的设置图片对齐方式、图片背 景的设置、背景图片位置的设置（4H）4. “街头生活”摄影网站的制作。（4H

11、）教学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件 资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1课堂提问及布置的习题：回答问题与习题完成的情况2评价方式：学生自评、教师对学生各考核项目按照考核标准进行评价表5情境4教学设计表课題4彩色导航条的制作学时H10H教学目标1. 熟练便用CSS设置网页中超链接样式2. 学会使用CSS设置网页中列表样式3. 理解块元素漂的属性并学会利用列表项漂动设置横向列表4. 列表与超链接综合应用的CSS样式设置教学内容超链接样式2. 列表样式及块元素的使用3. 网页中的超级链接重点难点重点：CSS设置网页超钱接样式；

12、通过边讲、边练、讲练结合的方法来解决。难点：学以致用，如何把学到的知识点用到实践中来。1.文字超链接交互样式设置、文字背景颜色超链接设置、文字背景图片超准接 设置(2H)教学实施建议2. 项目符号的设置、图片符号的设置。(2H)3. 竖直排列的导航菜单的设置、横排导航菜单的设置(2H)4. 块元素的漂动float M性设置(2H)5. 彩色导航条的制作。(2H)教学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1. 课堂提问及布置的习题：回答问题与习题完成的情况2. 评价方式：学生自评、教师对学生各考核项

13、目按照考核标准进行评价表6情境5教学设计表课题5CMCC EDU登录页面的制作学时H10H%教学目标1. 熟练使用HTML表单标记2. 学会使用CSS设置表单样式3. 学会使用CSS设置表格样式教学内容1. 表单标记设置2. 设置表单样式3. 设置表格样式(重点难点重点：表单、表格样式的设置通过边讲、边练、讲练结合的方法来解决。难点：学以致用，如何把学到的知识点用到实践中来教学实施建议1.表单标记、信息输入标记、下拉列表与文本域设置(2H)设置表单样式(2H)3. 设置边框粗细、设置表格宽度(2H)4. CMCC_EDU登录页面的制作(4H)教学资源场地：多媒体投影教室设备、工具等：多媒体教学

14、设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1课堂提问及布置的习题：回答问题与习题完成的情况2.评价方式：学生自评、教师对学生各考核项目按照考核标准进行评价表7情境6教学设计表课题6远程教育学院网站子页面的制作学时H10H敬学目标1. 学会使用HTML框架技术设计网页2. 熟悉CSS对块元素的定位设置3. 学会使用块元素DIV进行灵活的网页布局教学内容1. 网站的测试2. 框架技术设计网页定位和布局网页重点难点重点：DIV框架技术设计网页通过边讲、边练、讲练结合的方法来解决。难点：学以致用，如何把学到的知识点用到实践中来教学实施建议1. 框架基本用法

15、、纵向和横向框架的设置、导航框架的使用、浮动框架的使用 (211)2. 块元素DIV的定位、块元素的靜态位置、块元素的相对位置、块元素的绝对 位置、块元素的固定位置、块元素的z-index空间位置(2H)3. 房地产开发公司网站发布：釆用多媒体的电子课件及软件的演示来进行讲解以下知识点：申请域名与申请空间、网站的发布(2H)4. 远程教育学院网站子页面的制作(4H)敬学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1. 课堂提问及布置的习题：回答问题与习题完成的情况2. 评价方式：学生自评、教师对学生各考

16、核项目按照考核标准进行评价远程教育学院网站子页面的制作表8情境7教学设计表课題7“蜜糖栈”甜品网上商店的制作学时H26H教学目标1. 能够独立地进行标准化网页设计与制作2. 学会HTML+CSS的网页设计与实现的流程3. 了解网站测试方法教学内容1. 网站的测试2. 标准化网页设计与制作3. 网站的发布4.网站的维护与更新晝点难点重点：HTML+CSS进行网站设计与实现，网站的维护与更新。通过边讲、边练、讲练 结合的方法来解决。难点：学以致用，如何把学到的知识点用到实践中来教学实施建议1网页设计开发工作流程(1H)2. 项目概述(1H)3. 内容分析(1H)结构设计(2H)5. 原型设计(2H

17、)6. 页面效果设计(2H)7. 布局设计(2H)8. 细节设计(2H)9. 交互效果设计(2H)10. 蜜糖栈”甜品网上商店的制作(11H)教学资源场地：多媒体投影教室设备、工具等：多媒体教学设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源考核评价1课堂提问及布置的习题：回答问题与习题完成的情况2.评价方式：学生自评、教师对学生各考核项目按照考核标准进行评价远程教育学院网站子页面的制作四、考核评价1. 课程考核评价成绩构成教学效果评价采取过程性评价与结果性评价两种方式进行，突出过程考核 与结果考核相结合，教师评价与学生自评相结合的原则。过程考核贯穿于整个 教学

18、过程，对每个课题的学习过程进行考核，体现考核的公平和公正性，促进学 生在课程学习全过程中保持持续性动力。结果性考核采用学期末的综合性试题进行测试。本课程的过程性评价和结果性评价的重点均为网站制作过程中所涉及的 相关技能，其中过程性评价的比重为40%,结果性评价的比重为60%。具体见下 表：考核要求见表9表9课程考核分值表课題/项目名称过程考核评价结果考核评价得分占总成绩实得分得分占总成绩实得分天猫华伊格旗舰店首页制作55X40%60100X60%MSN 奔驰C级介绍网页的制作55X40%“街头生活”摄影网站的制作55X40%彩色导航条的制作55X40%CMCC_EDU登录页面的制作55X40%

19、远程教育学院网站子页面的制作55X40%“蜜糖栈”甜品网上商店的制作1010X40%课程总成绩=2过程考核实得分+工结果考核实得分2. 过程考核评价过程考核重点在于考核学生在学习过程中的学习效果，并以此促进学生在整 个课程学习过程中的阶段性成效和持续性动力。为了体现考核的公平和公正性， 教师必须客观、真实地记录学生的任务完成情况，且注重学生自评和学习小组的 评分。过程考核评价的具体项目、内容、标准及方式详见表2表6各情境教学 设计表的考核评价项。3. 结果考核评价结果性考核采用学期末的综合性案例分析进行测试。以案例分析所涉及的各 知识点掌握的情况作为结果性评价的依据，占总成绩的60%。表10结

20、果考核评分表考核形式考核内容分值网页、网站的设计与 建设1. 网站的站点建立与管理2. 网站的布局方法3. 网页的页面元素的输入与编辑4. CSS样式的使用5. 网页中flash动画6. 网站的测试与维护100(100X60%)总分60五、教学实施条件1. 师资基本条件教师应具有先进的高职教学理念、具备计算机专业领域的知识储备，掌握网 页设计与制作的基本原理和网页制作过程中所涉及的各项知识；教师应具备很强 的计算机应用能力及当前主流网页设计软件的应用能力、对网页设计所涉及的新 知识的自觉自学能力及较强的教学能力；教师应有良好的师德师风、IT素养， 还应具备双师”素质，即要有理论知识又要有实践经验，有企业相关工作或实 习经历，能承担实践教学。2. 实践教学条件本课程所讲授的是网页设计的基本知