《Web编程基础》课程标准-教学大纲.docx

《《Web编程基础》课程标准-教学大纲.docx》由会员分享，可在线阅读，更多相关《《Web编程基础》课程标准-教学大纲.docx（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web编程基础课程标准课程代码: 适用专业：软件技术、计算机应用、计算机网络技术、信息平安技术应用编 者: 课程负责人： 审核人: 编制单位： 合作单位: 编制日期：年7月15日2.教学手段本课程采用教学做一体化教学，全部配备教学做一体化教室，教室内局域网畅通，安装有“极域电子教室”系统。U!)教学资源应用建议教材及相关参考资料选用先进、适用教材，与行业企业合作编写工作过程系统化特色教 材，课件、案例、习题、实训工程、学习指南等教学相关资料齐全，符合课程设计要求，满 足网络教学需要。1 .校级精品资源共享课. chaoxing. com/course/200407476. html2 .学习参

2、考资料清华HTML语言教程:b清华穴学图书馆包上 JC :修行 /G:/教学文件/昆程/Web毙程基到清歧20html辨HTML语言教程：目录新的特色* HTML标记(Ta.)的素引(Index)页面(Page) 字体(Font)文字布局(Text Stvle) 图象(Imaae) 表单(F orm)表格 (Table)表格进阶(Advanced)冬窗口页面 (Frames)会木冬动的文字(Marquee)多媒体平面(Alternative Inline Elements)详细目录页面文件结构语言字符集信息图清华HTML教程W3School教程:图 WSSchool 萩程-Made by UN

3、REGISTERED version of Easy CHM - Made by UNREGISTERED version of. 6 回f a s i t 噩思目录 j索弓Ig I搜索 I收藏夹4） I田 司 w3school 在线教程田口 HIM吸程S 口浏览器脚本s LJ服务器脚本S U 耻啜程S D XML系列教程ffi D多媒体系列教程0 口网站构建手册田 _J Example （Intenet）S 国 关于W3School图最后一页说明此CHM文件是偶为了学习方便制作的，去除了原网页中的广告。 可以方便的使用索弓I和搜索。使用索引时要在索弓I项前加上所属的语 言，比方要查找Css的

4、Padding,就在索引框中输入“Css Padding， 就可以找到了。网站上的搜索挺麻烦。此CHM的版权完全归 W3schM所以，本人纯属学习方便才整土 制作。如果您得到此CHM文档，请勿随意传播及用于商业用途。由此产 生的法律问题本人概不负责。图W3School教程（五）教学条件配备建议1 .教学软件：EditPlus记事本HbuilderX2 .教学环境:多媒体计算机“极域电子教室”系统超星教学平台（学习通）（六）教师任职条件建议本课程校内任课教师应通过本科以上相关专业的学习，并具备相关教师资格证书，同 时还应有三年相关岗位企业实践经历，具有“双师型”教师资格。企业兼职教师应具备工程师

5、等级以上职称证书，语言表达能力到达要求。（七）教学质量保障建议1 .完善教学管理机制，加强日常教学组织运行与管理。建立健全巡课、听课、评教、评学等制度，建立与行业企业联动的实践教学环节督导制度，严明教学纪律，强化教学组织功能。2 .定期开展公开课、示范课等教研活动。骨干老师们的课教学目标明确，重点突出，设计新颖，充分表达了课程标准的理念， 起到了很好的示范引领作用。3,完善专业教学工作诊断与改进制度。健全专业教学质量监控和评价机制，及时开展专业调研、人才培养方案更新和教学资 源建设工作，加强课堂教学、实习实训、毕业设计等方面质量标准建设，提升教学质量。 完善学业水平测试、综合素质评价和毕业生质

6、量跟踪反应机制及社会评价机制，对生源情 况、在校生学业水平、毕业生就业情况等进行分析，定期评价人才培养质量和培养目标达 成情况。六、教学进度与安排（一）学期授课计划编制说明本课程总时数64已授学时数0尚需学时数64周学时4本学期课时分配教学做一体学时实习设计周数复习考试总学时6400064使用教材Web编程基础（HTML+CSS）工程实战教程高丽霞 电子工业出版社主要内容及基木要求Web编程基础是软件技术专业的必修课程之一，其目的是使学生掌握浏 览器端的开发技术，也就是HTML网页制作技术，包括HTML超文本标记语言、CSS 层叠样式表、DIV+CSS贝面布局等技术。本学期的主要内容包括：熟练

7、应用HTML义本标签、头部标记、页面创立超链接、创立表格表单功能。 掌握CSS的选择器、单位、字体样式、文本样式、颜色、背景的使用方法。 掌握CSS的区块、网页布局属性的使用方法。呈握HTML5新增全局属性、结构化与页面增强、iframe框架结构、多媒体兀素 的使用方法。掌握CSS选择器、边框特性、颜色、字体、背景样式、盒阴影、盒模型、渐变功能的使用方法。(-)学期授课计划表周 次星期节 次授课章节课题及内 容摘要重点难点课外作业 题号备注11-2网页与网站；网页开 发技术；理解网页与网站的相关概念； HTML、CSS JavaScript 技术 在网页设计中的作用；章节实验四7-8设计筹划网

8、站；开发 工具使用HBuilderX编辑工具,能够灵活创立完整工程；常用的浏览工具及浏览HTML 文档的方法。章节实验2*1-2创立网页结构；HTML 基本标记；HTML文档的基本结构；文本标 记的使用章节实验四7-8特殊字符；图像标记特殊标记的使用；div标记和 span标记的理解应用；图像标 记的使用章节实验31-2CSS概述;引入CSS 的方法；CSS选择器引入CSS样式的方法；掌握CSS基本选择器的使用；章节实验四7-8CSS特性；字体修饰熟练CSS对文字的字体修饰章节实验41-2文本修饰熟练CSS对文本修饰章节实验四7-8盒子模型理解并应用盒子模型；设置边 框、边距等相关属性章节实验

9、51-2浮动了解文档流；掌握块级元素与 行内元素的转换；浮动的设置章节实验四7-8浮动的应用浮动的应用；清除浮动章节实验61-2定位的应用相对定义、绝对定位的理解及 定位的应用章节实验四7-8背景设置；背景运用页面背景属性的设置方法章节实验71-2有序列表；无序列 表；修饰列表无序列表和有序列表的使用章节实验四7-8嵌套列表列表嵌套的使用章节实验8*1-2定义列表；列表应用定义列表的定义及灵活应用章节实验四7-8超链接网页中添加超级链接的方法； 使用css修饰超链接的方法章节实验91-2表格的创立；表格的 属性设置；创立表格的步骤和方法； 设置表格边框、高度、宽度、 背景等属性的方法；章节实验

10、四7-8嵌套表格；修饰表格嵌套表格；表格的修饰章节实验101-2表格布局页面结构使用表格布局页面结构的方法章节实验四7-8音频视频等多媒体 的应用音频、视频等多媒体素材在网 页中的应用章节实验11:1-2表单基本输入类型创立表单的方法；理解get和 post两种提交方式的区别； 掌握常用输入组件的使用方法章节实验四7-8表单中单项选择复选文 件域常用单项选择、复选等输入组件的 使用方法章节实验121-2多行文本域；下拉列 表框多行文本域、下拉列表框等表 单元素的使用方法；章节实验四7-8浮动框架标记浮动框架标记的使用章节实验13*1-2HTML5新增表单标 记；新增表单输入类 型和属性HTML

11、5新增表单标记；新增表 单输入类型和属性章节实验四7-8DIV+CSS页面布局；使用DIV+CSS实现页面布局章节实验141-2整体设计开发过程Web工程开发的流程；网页设 计规划和模块的拆分章节实验四7-8制作企业产品展示 页面使用DIV+CSS实现页面布局； 使用HTML和CSS进行页面设计章节实验151-2制作新闻详情页面使用DIV+CSS实现页面布局； 使用HTML和CSS进行页面设计章节实验四7-8制作用户登录页面使用DIV+CSS实现页面布局； 使用HTML和CSS进行页面设计章节实验16*1-2CSS中精灵技术页面中使用CSS精灵技术处理 小图标章节实验四7-8CSS技术的特殊应

12、用页面中各种小三角形图标的制 作及定位一、课程性质与任务2（一）课程性质2（二）课程任务2二、课程目标与要求3（-）学科核心素养3（二）课程目标3三、课程结构与内容4（一）课程结构与学时安排4（二）课程内容与要求5四、学生考核与评价6（一）评价内容6（二）评价方法6五、教学实施与保障7（一）教材选用建议7（二）教学方法实施建议8（三）教学资源应用建议9（四）教学条件配备建议10六、教学进度与安排11（一）学期授课计划编制说明11（二）学期授课计划表12一、课程性质与任务（-）课程性质课程编码：04002110课程名称：Web编程基础课程类型：B类（理论+实践）课程地位：专业基础课课程学分：4参

13、考课时：64课程性质：专业必修课开课部门：计算机与软件工程系适用专业（层次）：软件技术专业、计算机应用技术专业、计算机网络技术、信息平安技术应用、 移动开发专业等（普专）先修课程：无后续课程：Web前端开发、Java Web应用开发、HTML5应用开发等职业资格：“1+X” Web前端开发职业技能等级证书（-）课程任务本课程是软件技术专业、计算机应用专业、移动开发专业及相关专业的必修课程之一， 其目的是使学生具备HTML、CSS基础、工程模块化开发等知识和能力。学生将在已经具备的计算机基本应用的基础上，学习Web编程基础，具备网页设计与开 发的基本能力，为后期JavaScript、JQuery

14、和Web应用开发技术的学习打下坚实基础，同 时基本满足以下岗位的需求，主要包括网页设计、网页制作、移动网页制作与设计、网站搭 建（门户、行业网站、交易类网站、企事业网站、娱乐性质网站）、网站规划与设计等。Web编程基础课程，按照“以能力为本位，以职业实践为主线，以工程课程为主体的 模块化专业课程体系”的总体设计要求，该课程以培养学生的“学懂”和“会用”为基本目 标，紧紧围绕工作任务完成的需要来选择和组织课程内容，突出任务与知识的联系，采用“教 学做一体化”教学模式，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业岗 位能力要求的相关性，提高学生的独立思考和实践动手能力。二、课程目标与要

15、求（-）学科核心素养本课程在培养学生Web编程基础的同时，注重通过教师引导、示范等方式，不断激发并 强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，使他们树立自信心， 锻炼克服困难的意志，乐于与他人合作的团队意识，养成和谐、健康向上的品格。同时培养 学生严谨、细致的工作作风、认真负责的工作态度，踏实勤奋、老实守信的职业素养，以及 自觉学习、获取知识的能力。（二）课程目标.知识目标：了解HTML文档的基本结构，了解标记属性的使用方法和规那么。 掌握常用文本控制标记、图像标记等，设计图文并茂的网页。（3）掌握列表元素，重点掌握列表的嵌套以及定义列表的使用。（4）掌握超链接标记，能够为

16、网页添加书签链接、电子邮件链接等。 掌握表格的各种标记，可以使用表格展示数据，使用表格布局网页。（6）掌握表单和表单控件，能对其进行属性设置，实现网页人机交互。 灵活使用CSS渲染网页，使用DIV+CSS实现网页布局。（8）掌握利用CSS对文字、段落、列表、超链接、表格、表单等网页元素的修饰。3 .能力目标： 能够使用常用文本控制标记、图像标记等，设计图文并茂的网页。能够使用列表元素创立普通列表、嵌套列表。 能够为网页添加各种类型超链接。（4）能够运用表格技术展现数据，使用表格进行页面布局。 能够运用表单元素，实现简单的网页人机交互功能。（6）能够熟练使用DIV+CSS进行页面布局。 能够熟练

17、使用CSS对文本、段落进行修饰，渲染网页。（8）能够运用CSS修饰列表，表格，表单等网页元素。4 .素质目标：沟通能力、团队合作及协调能力。（2）良好的编程习惯。查阅相关手册及资料能力。（4）掌握系统设计方法，培养严谨工作态度。自我展示与语言表达能力。（6）分析和解决问题的能力。科学的创造能力和创新精神。（8）培养能够适应未来网站开发技术开展需要的高素质应用型人才。三、课程结构与内容（-）课程结构与学时安排本课程通过模块化结构组织教学，每个教学单元的最后有个阶段案例，在模块最后设置一个综合案例，将所学内容贯穿起来。具体教学内容组织结构安排如下:序号工程案例任务分解建议学时教学方法教学场所师资配

18、备1网站的设 计与筹划1 .认识网页与网站2 .认识网页开发技术3 .设计筹划网站4 .选择网页开发工具4教学做一 体、案例 教学一体化教室双师素质 教师2制作图文 并茂的新 闻页面1 .创立网页结构2 .添加网页文本内容3 .设置网页图文并茂4教学做一 体、案例 教学一体化教室双师素质 教师3美化修饰 网站的新 闻页面L修饰文字排版2 .控制元素属性（盒子）3 .设置页面背景16教学做一 体、案例 教学一体化教室双师素质 教师4制作网站 的取新动 态页面1 .制作最新动态列表2 .创立最新动态链接8教学做一 体、案例 教学一体化教室双师素质 教师5制作网站 的多媒体 相册页面1 .创立相册表

19、格2 .调整表格行列结构3 .设置相册布局4 .设置多媒体效果8教学做一 体、案例 教学一体化教室双师素质 教师6制作网站 的会员注 册页面L制作基本信息区2 .制作信息收集区3 .制作法律条款区10教学做一 体、案例 教学一体化教室双师素质 教师7网站首页 的设计制 作1 .页面布局2 .网页开发的过程4教学做, 体、案例 教学一体化教室双师素质 教师8企业级项 目综合应 用1 ,制作企业产品展示页面2 .制作新闻详细页面3 .制作用户登录页面10教学做一 体、案例 教学一体化教室双师素质 教师合计：64(-)课程内容与要求序 号课 时单元标题案例知识点提炼的课程 思政儿系教学要求14网站的

20、概述网页与网站； 网页开发技 术；设计筹划 网站；开发工 具人生规划、职 业规划、创新 创业理解网页与网站的相关概念；掌握 HTML、CSS、JavaScript 技术 在网页设计中的作用；掌握使用HBuilderX编辑工具，能 够灵活创立完整工程；掌握常用的浏览工具及浏览HTML 文档的方法。24HTML基本使用创立网页结 构；HTML基本 标记；特殊字 符；图像标记稳扎稳打,练 好基本功掌握HTML文档的基本结构；掌握HTML文本标记和属性的使用 方法；掌握添加普通文本、标题和特殊符 号的方法；掌握水平线和换行标记的使用； 掌握div和span标记的使用; 掌握图像标记img的基本使用。3

21、16CSS样式CSS修饰义本 字体背景；盒 子模型爱岗敬业 担当了解CSS的开展史及语法规范； 理解引入CSS样式的方法； 掌握CSS基本选择器的使用； 掌握文字的字体修饰和文本修饰； 掌握盒子模型的相关属性； 掌握页面布局浮动与定位的应用； 掌握页面背景属性的设置方法。48列表和超链接有序列表，无 序列表，嵌套 列表，定义列 表；列表的修 饰；超链接； 链接类型；链 接修饰精益求精的 工匠精神掌握无序列表和有序列表的使用； 掌握列表嵌套的使用；掌握定义列表的定义及灵活应用； 掌握使用CSS设置列表样式的方 法；掌握网页中添加超级链接的方法； 掌握使用css修饰超链接的方法。58表格表格；嵌套

22、，布局；日频，视频等 多媒体节约资源，保 护环境掌握创立表格的步骤和方法； 掌握设置表格边框、高度、宽度、 背景等属性的方法；掌握使用表格布局页面结构的方 法；掌握在网页中添加音频、视频等多 媒体元素的方法。610表单表单input； textarea； select； 浮动框架感恩掌握创立表单的方法；理解get和post两种提交方式的 区别；掌握常用输入组件的使用方法； 掌握表单元素的使用方法； 掌握表单元素的常用属性。74页面布局/整 体开发DIV+CSS 页面 布局；整体设计开发 过程布局规划，不 忘初心掌握Web工程开发的流程； 掌握网页设计规划和模块的拆分； 掌握使用DIV+CSS实

23、现页面布局的 方法；掌握使用HTML和CSS进行页面设 计的方法。810综合应用DIV+CSS 页面 布局；整体设计开发 过程实践出真知熟练掌握浮动和定位的使用方法； 掌握复杂HTML页面分析的方法； 掌握复杂页面的实现技巧。U!、学生考核与评价(-)评价内容评价建议应表达多元评价方法，重视教学过程评价，突出阶段评价、目标评价、理论与 实践一体化评价等，注重学生动手能力和在实践中分析问题、解决问题能力的考核，关注学 生个别差异，鼓励学生创新实践。(-)评价方法本课程的考核评价采用过程性考核+终结性考核相结合的考核评价方式。注重过程评价，过程评价涉及学生学习过程中的各个环节，从出勤、日常表现、作

24、品、测试、工程完成情况及质量、能力目标的实现情况，进行全方位、全过程化的考核，过程评价占总成绩的60%；期末终结性评价采用上机考试的方式，理论实践比例3:7,终结性评价占总成绩的40虬本课程的考核明细如下表所示:考核模块考核内容考核形式成绩 比例实施策略职业素养(20%)日常考勤课堂考勤10%突出学生的课堂表现和职业 习惯，学生的每一次课堂突 出表现都是其作为考核加分 的机会，这有助于活跃课堂 气氛，激发学生的学习热情 和主动性。课堂表现学习的积极主动性、认真程度5%团队协作和解决问题的能力教师观察协作和配合过程, 并根据小组工程总结进行 考核5%专业能力(40%)阶段性实验任务的完成情况平时

25、上机实验表现和实验报告的完成情况10%突出学生学习的过程性和阶 段性的评价，注重学生实际 动手实践能力和解决问题能 力的评价，有效防止评价片 面性。专业学习研究能力日常课程中分析问题解决问题的情况15%知识综合应用情况综合应用本课程专业知识能力15%期末考试(40%)本课程专业理论知识百分制考卷40%本课程知识的纸质综合T生考核评价五、教学实施与保障(-)教材选用建议.教材选用建议：教材的编写和使用要表达出本课程的性质、定位、基本理念、课程目标以及内容标准。教材选用Web编程基础(HTML+CSS)工程实战教程高丽霞主编2022年 电子工业出 版社出版。1 .教学参考建议：由骨干教师、企业技术

26、骨干组成教材开发团队，共同编写的工程化教学的特色教材。HTML5+CSS3网页设计与制作.黑马程序员,北京：人民邮电出版社，2020.网页设计与开发一一HTML, CSS, JavaScript实例教程(第3版).郑娅峰.北京：清华大学出版社，2017.Web前端开发基础入门微课视频版.张颖,北京：清华大学出版社，2021.HTML5网页前端设计（第2版）.周文洁.北京：清华大学出版社，2021.（-）教学实施建议.全面推行任务驱动、教学做一体的教学模式教学过程采用工程导向、任务驱动、学做教一体的教学模式。根据教学内容将网站开发过程中的典型工作任务提炼、分解为具体的教学任务。创设真 实工作情境

27、，工程综合应用环节安排多个小组完成同一个工程，小组成员体验不同的工作角 色，最后小组间进行评比。1 .模拟企业工程开发环节，采用沉浸式教学手段建议在创设的工作情境中引入企业管理制度，营造企业文化气氛，实现课程管理企业化。进行工程化的教学改革，以工程为主导，通过工程实施带动教学过程，将课程内容融于 工程中，让学生用掌握的已有的知识去解决未知的问题，真正使学生就业学习的主体，提高 学生的创新能力。2 .推行线上、线下混合式教学模式改革课程进行信息化教学改革，建立数字化资源，实施线上、线下混合式教学方法。（三）教学方法实施建议1.教学方法主要教学方法有：线上线下混合式教学法、工程导向教学法、任务驱动法、情境创设法、 讨论法、角色扮演法、翻转课堂教学法等。在课堂实施时，首先以简单易懂的工程讲解基础知识点，而后学生模仿练习，对知识拓 展独立应用练习等教学环节。对于存在的集中性问题，进行集中讨论、答疑。而后对基础知 识掌握好的、学习能力强的学生，进行实战性工程化教学，学生分组进行研讨展示、工程实 战、任务实操等团队学习环节，教师充分与学生进行互动交流和指导，为学生提供主动学习 机会，促进学生深入思考；对于基础知识掌握薄弱的，学习能力差的学生，针对其练习中所 反应的问题，一对一的进行个性化指导，再进行强化练习，从而真正实现以学生为本的分层 次教学、个性化教学。