《网页设计与制作》课程标准体例框架.docx

《《网页设计与制作》课程标准体例框架.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程标准体例框架.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作课程标准（体例框架）一、课程性质与定位L课程性质本课程是计算机应用专业的一门重要的专业核心课程，开设在中 职二年级。目的是培养学生掌握静态网站开发的工作流程与制作技巧, 熟练掌握创建站点、插入页面元素、CSS+DIV布局、表格布局、框架、 表单、超级链接、热区、行为等基本技能及基础知识，熟悉HTML代 码，逐步养成爱岗敬业、乐于学习，团队协作、互相帮助，循序渐进、 步步为营，爱护公物、清洁卫生等良好的职业素养。2 .课程定位本课程从网页制作行业的实际出发，采用任务驱动的方式，将基础 知识与基本技能相结合，知识点穿插在实际网站制作的操作过程中，在 实际制作中学习网站开发的工作流程与

2、制作技巧，体现“做中学，学中 做”的教育理念。本课程将知识点、技能点和注意事项穿插在网页制作 的过程中，注重启发学习兴趣，力求在知识结构傻瓜体现循序渐进、突 出重点、分散难点、利于学习者学习掌握。3 .课程设计思路课程内容共10个单元，前9个单元围绕一个个人网站建设实例展 开，详细描述了网站开发过程，介绍了网页制作的各种知识、技能和注 意事项。第10单元采用Div+CSS布局，综合应用相关知识技能制作企 业网站，系统全面地介绍了网站建设实际开发流程及常用手法和技巧。 课程结构体系是根据网站开发过程和学生的认知规律来确定学习任务 顺序，按学习任务的难易程度确定课程总学时和学时分配。课程建议总 学

3、时数为64学时。二、课程目标1 .总体目标通过本课程的学习，让学生能使用Dreamweaver CS6软件制作网 页，全面的了解网站建设实际开发流程，掌握制作网页的基础知识及综 合应用网页设计的各种技能，培养学生自主学习和动手能力，真正能使 用所学知识进行网站建设。2 .分项目标序号素质目标Q1有牢固的法律意识、良好的职业道德、正确的从业心态。Q2有敏锐的洞察能力及良好的沟通能力。Q3有健康的体魄、健全的人格。Q4有敢于吃苦、严谨务实的工作作风Q5有良好的团队合作精神。序号知识目标K1熟练掌握WEB站点的基本概念。K2熟练掌握HTML文档结构和各种标记的使用。K3掌握Dreamweaver页面

4、设计方法和常用的表单对象。序号能力目标A1能掌握利用HTML标记进行页面设计的方法和技巧。A2会掌握利用Dreamweaver进行页面设计与布局的方法和技巧。三、课程内容与要求习务 学任学习内容与学习要求参考 学时能力与学习要求知识与学习要求素质与学习要求T1创建个人网 站1A1-1.掌握Dreamweaver CS4 的基本操作1K1-1会创建站点1K1-2会规划目录结构1Q1-1培养学生对网 页制作的兴趣1Q2-1提高学生对网 页处理软件Dreamweaver 的认识6T2制作网站首 页2ALi.设置页面布 局会设置页面布局2Q1-1有动手能力2Q2-1有分析问题和 解决问题的能力62A2

5、-1.添加及美化 文本会添加首页文本，并使 用CSS规则美化文本， 会修改文本样式，会添 加列表和水平线2A2-1.添加图像及 美化网页会添加图像并设置图像 格式，会创建CSS规 贝h应用css规则来美 化网页T3创建与应用 网站模板3A1-1.规划网站模 板布局3K1-1会根据需求分析 各页面内容，规划页面 结构3Q1-1具有学习拓展 能力,创新思维能力63A21.掌握使用DIV+CSS制作模 板的方法3K2-1会新建模板文 件，会添加Div标签、 在Div内添加内容、插 入可编辑区域添加背景 图像。3A3-1.掌握将首 页套用到模板中的 方法3K3-1会把首页套用到 模板，会设计层结构T4

6、制作“专业 教程”网页4A1-1.掌握网页 规划4K1 -1.会分析页面布局 结构，为页面各部分命 名，Div+CSS常用命名4Q1-1.有系统思维能 力64A2-1.掌握使用Div进行页面布局4K2-1.会利用网站模板 新建网页文件 4K2-2会添加Div标签 “header标准w3c盒子模4Q2-1.有动手能力型4K2-3会添加Div标签 main”使用Div将页面 布局分为多列4K2-4会在main内添加 各Div标签 4K2-5会添加Div标签 “footed4A3-1.在 Div 内 添加内容4K3-1 会在headed 的 Div中插入图片 4K3-2添加主题内容的 标题 4K3-

7、3添加各类教程列 表4K3-4 在 “footer的 Div 中添加友情链接4Q3-1.有解决问题的 能力及创新能力T5制作“作品 展示”网页5A1-1.掌握创建 表格的方法5K1-1.会规划页面布局 结构作品展示、友情链 接部分：“iablel 网页、flash作品、3D作品部分： “table2 5Kl2.会插入表格 “插入”菜单创建表格 “ table 1 “插入”面板菜单创建表格atable2w 在表格“table2中插 入嵌套表格5Q1-1.有系统与局部 思维能力65A2-1.掌握编辑 表格的基本方法5K21 .会通过CSS规则 设置表格高度及背景颜 色5K2-2.通过“属性”面 板

8、设置单元格间距及列 田 见5A3-1.掌握添加 表格内容的方法5K2-1.会向表格添加图 像、文本，会应用CSS 规则美化表格中的文本 与图像。5A4-1.掌握建立超 链接的方法5K3-1.会为图像、导航 文本及“友情链接”设 置超链接5Q2-1.有举一反三 的能力T6制作“家乡 山水”网页6A1-1掌握添加热 点与锚记链接的方 法6K1-1.会为景区图像添 加热点6K1-2会为景区图像热 点添加锚记链接6Q11.具有一定的分 析问题和解决问题 的能力66A2-1掌握在表格 中添加和使用Div6K2-1.会设置Div的属 性实现在同一个位置插 入多个Divo6K2-2.会在Div中添加 图片及

9、文字6Q2J培养学生精益 求精、务实高效、 团结协作的职业精 神6A3-1掌握制作页 面动态效果6K3-1.掌握行为,事件的 概念、种类。6K3-2.会为热点添加行 为添加“显示-陞藏元 素”行为添加“设置容器的 文本”行为T7制作“访客 信息”网页7A1-1掌握插入表 单的应用7K1-1.会创建表单，在 表单内插入表格，插入 表单元素并设置表单属 性。7Q1-1.具有一定的分 析问题和解决问题 的能力67A2-1掌握检查表 单的方法7K21.验证文本内容为 “必需的”且符合“数 字格式”7K2-2.会为网页嵌套模 板7Q2J.有系统思维能 力T8制作“心情 日记”网页8A1-1掌握创建并 使

10、用内联框架页的 方法8K1-1.会创建目录结构 8K1-2.会创建“心情日 记”网页文件根据页面结构添加 Div标签并建立CSS 规则在Div内添加动 画、导航菜单等内 容8K1-3.会使用链接控制 内联框架内容8K1-4.会制作媒体日记 网页8Q1-1具有学习拓展 能力,创新思维能力6T9站点完善、 测试与发布9A1-1完善网站链 接9K1-1.添加导航链接和 电子邮件超链接，完善 网站链接9Q1-1.有团队协作 能力49A2-1测试站点内 容9K2-1.会测试站点内 容，会链接测试、修改 链接等9Q2-1.具有一定的分 析问题和解决问题 的能力T10制作企业 网站10A1-1掌握创建 企业

11、网站的的基本 方法并应用于创新 实践10KLL会综合应用Div+CSS布局制作网站10Q1-1培养学生爱 岗敬业、精益求 精、务实高效、团 结协作的职业精神10机动学时4总学时64四、课程考核与评价L考核评价模式本课程采用过程性考核和终结性考核相结合多元化考核模式，突 出“学生主体，教师主导”，同时注重过程性考核。过程性考核（占比 60%）包括：考勤签到（15%）、课堂评价（15%）、书面作业（15%）、 实训练习（15%）等，该部分成绩由平时统计而来。终结性考核包含期 中成绩（20%）以及期末成绩（20%）,最终形成考核评价模式。2 .成绩权重构成学习任务考核内容考核方式绩值 成分绩重 成权

12、课程考核 成绩创建个人网站创建一个个人网站，规划网 站，创建与编辑站点，划分 栏目，建立目录结构。实训练习100添加首页内容制作网站首页，在网页中添 加文本和图像，使用CSS设 置文本、图像和页面的样 式。实训作业100制作“专业教 程”网页通过“页面规划”、“页面布 局”和“在Div内添加内容” 3个任务，完成“悠悠我心的 个人网站”中“专业教程”栏 目网页的制作，由此掌握使用 Div + CSS进行网页布局的知实训练习100识与技巧。30%100分制作“作品展 示”网页完成“作品展示”网页的制作， 考查创建表格，编辑表格，添 加表格内容及建立超级链接 的知识与技能实训练习100制作“家乡山

13、 水”网页通过“添加热点与锚记链接”、 “添加和使用AP元素”以及 “制作页面动态效果”三个任 务来完成“家乡山水”页面的 制作实训练习100制作“访客信 息”网页完成访客信息页面中表单及 表单元素的插入、布局、属 性设置、表单验证等操作。实训练习100制作“心情日 记”网页使用框架集创建网页，框架 集和框架的创建与属性设 置，利用链接控制框架内 容，在页面中插入多媒体文 件创建一个“心情日记”网 页实例实训100站点完善、测 试与发布给站点添加超级链接，利用 Dreamweaver CS6 内置的功 能，测试、发布网站，对网 站进行维护和宣传。实训练习100综合实例综合应用所学知识制作企业

14、网站实例实训100学习态度考勤签到教师点名10015%学习态度课堂评价师生互评10015%15章内容期中考试10020%6-10章内容期末考试10020%五、课程教学实施1 .教材及其他资源教材建议：Dreamweaver网页制作（第四版）高等教育出版社。 除教材外，还可利用多媒体课件、QQ、微信、微博的网络资源、电子 图书仿真软件、数字化教学案例库、音视频素材、专业网站等。2 .课程教学团队本课程教学需要教师2-4名，其中应包括来自一线企业的兼职教师，双师比例应达90%以上；针对本课程特点，授课教师应具备以下技能与素质要求： 具有良好的师德，热爱职业教育，熟悉教学规律；具备“双师”素质，具有

15、相关专业中级以上专业技术职务，既要有 丰富的理论知识和宽广的视野，也要具备较强的实践能力； 教学过程中，授课教师应能熟练使用多媒体技术，制作课件和组织 教学；授课教师应深刻理解“任务驱动”模式在本课程教学中的意义，熟 练运用项目教学法。3 .实践教学条件本课程应配有相对固定的校内实习环境，主要有：多媒体教室：安装Dreamweaver软件，能进行课堂教学；综合实训室：可进行课程的多媒体教学和现场教学指导。校外实训基地：有较稳固的校外实习基地，可以满足学生进行项 目训练、实地考察、顶岗实习的需要。六、其他说明1 .中职生学情分析所谓中职生指由于各种原因导致中考成绩部理想，无法升入普通 高中而进入

16、中等职业学校的学生。这些学生大部分自制力差，纪律松散、 敏感、冲动，厌学情绪较重，但他们易于接受新事物、新观念且大部分 人勇于挑战、有一定的动手实操能力。针对中职学生的学情、教师要因 势利导、因材施教，帮助学生树立学习目标、重建学习自信。另外，针 对部分知识储备不够、技能基础差的学生，可以采用分层教学的形式适 当调整教学重难点。2 .教法建议在教学中，应充分体现以学生为主体，把学习的主动权交给学生，使学 生养成良好的学习习惯，应充分发挥教师在教学设计、教学组织中的主导作 用，提倡结合现有教学条件，灵活选择运用教学方法。应注重学生能力的培 养，强调学做结合，理论与实践融为一体，培养学生实际动手能力和解决问 题的能力。