网页设计课程标准

《网站建设方案策划》课程标准课程编码：040128 课程类别：专业课程适用专业：电子商务专业授课单位：商务管理系学时： 52 学时编写执笔人及编写（修订）日期：杨振伟 2012-7-7审定负责人及审定日期：胡莹瑾、郭海霞2012年7月1.课程定位与课程设计1.1课程性质与作用1.1.1课程性质《网站建设方案策划》课程是电子商务专业的专业必修课程之一，是基于网站策划实际工作过程，融“教、学、做”为一体的“工学结合”课程。

1.1.2课程作用在与实际工作过程高度仿真的教学做一体化教学过程中，学生学习掌握市场策划分析、网站功能设计、网站结构设计、网站风格设计、撰写网站建设方案策划书等知识与技能，为后续课程打下坚实的基础，同时为以后毕业设计及企业顶岗实习做好充分的准备，最大限度地增强学生对就业岗位的适应度。

学生通过课程仿真工作过程的实践，积累解决实际问题的工作经验并学习深入的专业理论知识，获得网站策划岗位的专业能力、方法能力和社会能力，使学生从初学者成长为有能力的网站策划岗位人才。

本课程的前导课程为《计算机基础》、《电子商务概论》、《市场营销》、《市场调查与分析》、《网页美工基础》，后续课程为《网页设计与制作》、《商务网站构建技术与应用》、《SEO与网站推广》。

本课程在专业课程体系中承上启下，具有不可替代的作用。

1.2 课程设计理念遵循就业导向的现代职业教育指导思想，根据网站策划岗位的任职要求开发本课程。

以职业岗位实际工作任务为中心安排和序化教学内容，实施以“项目导向、任务驱动”为主的教学模式，改革教学方法和手段，融“教、学、做”为一体，强化对学生动手能力的培养，教育学生树立终身学习理念，提高学习能力，学会交流沟通和团队协作，提高实践能力、创造能力、就业能力和创业能力。

（1）过程导向的课程观课程设计体现过程导向的课程理念，从不同类型的网站建设方案策划的实际工作任务出发选择课程内容和安排教学顺序，建设以实际工作过程为中心的行动体系课程，按照“项目教学法”设计和实际工作过程一致的学习任务，学生通过完成工作任务的过程来学习相关知识，掌握基本职业技能，同时增强了学生的岗位责任感，培养了学生自主解决实际问题的能力。

电子商务专业《网页美工》课程标准一、课程定位随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。

网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。

为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，提高学生的就业竞争力，为社会培养必需的人才，我们开设了《网页美工》这门课程。

该门课程实践性很强，学生必须通过大量的上机练习，才能够灵活地用它来解决实际的问题。

由于电子商务专业学生在网络运营中，不可避免的要涉及美工设计实践内容，因此每一位专业学生都应该熟练地掌握和运用Photoshop软件的各种功能。

二、课程设计思路《网页美工》是一门集美学、Photoshop图片设计，Flash动画制作，Dreamwaver网页设计等设计软件应用为主的实践性课程，培养学生具备良好的创意和一定程度的审美观。

通过学习本课程，学生应了解网页基本设计思想，掌握和提高色彩搭配能力、网页的色彩设计、平面构成，熟练掌握Photoshop、CorelDRAW、Dreamweaver等工具的使用，掌握网页设计的基本方法，具备网页美工的项目实践经验，对网页美工有深刻的认识和独特的见解，能够熟练运用各种网页设计技术实现网页的效果。

本课程采用理论与实践相结合的案例教学法和项目教学模式，将平面设计理论知识与网页设计充分结合，本课程注重实践应用能力的培养，提供相应的练习内容，加强实践操作技能的培养，增强学生择业、就业和适应职业变化的能力。

本课程实施过程中，建议课堂教学相对集中课时对网页设计中的“页面构成”、“色彩搭配”、“字体设计”、“排版与布局”、“动画制作”、“图像制作”、“网店平面设计”、“实例解析”等单元进行严格的训练（结合案例进行实战教学），力求在一个较短的时间内将学生网页设计能力提到一个较高水准。

在实践教学手段方面，建议采用投影教学的方式进行理论和实例的讲解，加大临摹练习，以获得最佳的教学效果。

《Dreamweaver网页设计》课程标准一、基本信息《Dreamweaver网页设计》课程是计算机应用专业、计算动漫专业和计算机网络专业的必修基础课之一。

与其他骨干课程一起共同构成学生在计算机应用和相近的行业岗位就业所应具备的知识和技能。

本课程的主要内容包括：利用Dreamweaver开发工具进行网页设计，包括新建置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编发布与维护等基本知识与应用，使学生掌握网站的开发技能。

本课程的前导课程包括：《图形图像处理技术》、《flash动画制作》、《计算机应用基础》等。

二、编写说明（一）课程的性质本课程贯穿了“以职业岗位作业流程为导向”、“以学生为中心”、“以职业能力为课程核心”等先进的教学理念，不断更新教学理念、创新教学方法。

在教学过程中，教师应注重培养学生的学习能力，充分提高学生的学习兴趣、学习主动性，使学生变被动学习为自主学习，为自己将来能较好地胜任工作而努力学习理论知识、训练操作技能、提高学习能力。

本课程以职业能力培养为主线、以工作过程为导向、以岗位需求为目标构建合理的教学体系。

基于工作过程，对知识点重新排序，按完成工作任务的顺序进行教学。

为学生毕业后从事网站美工、网页设计、网站编辑管理、维护以及WEB应用开发方面的工作奠定坚实的基础。

（二）课程教学目标和基本要求1.总目标通过本课程的学习，学生能够掌握Dreamweaver的使用方法，学会使用Dreamweaver 制作Web网页的技术，能自行设计各种网页、开发一定规模的网站。

同时，也要注重培养学生可持续发展能力，培养学生网页设计基本知识的同时，培养学生诚实、守信、善于沟通和合作的团队意识。

并通过理论、实践相结合的教学方式，把学生培养成为具有良好职业道德的、具有网页设计理论和实践能力的高素质高技能型人才，以适应市场对网页设计方面人才的需求。

《Web前端开发》课程标准一、课程基本信息表 1课程信息表表 2课程标准开发团队名单1注1：指参与课程标准制定的主要成员，包括校外专家二、课程定位和课程设计（一）课程性质与作用本课程是计算机应用技术专业的职业核心技术模块课程之一，是基于工作过程系统化的课程，是一门实践性和应用性都很强的课程。

为计算机应用技术专业学生将来从事职场的web前端开发岗位的发展打下良好基础，并为该专业后续网站开发与管理的学习打下网页前端设计基础。

（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目引导，以就业为导向”，打破了传统的按照知识体系教授课程的模式，以学生日后在从事Web前端开发行业中所需的实际技能为目标，进行基于工作项目和工作任务的课程开发与设计，既保证满足从事网站前端开发所必须的专业知识、专业技能，又保持原有知识体系的完整性，既培养了学生的职业能力，同时也为学生的可持续发展奠定了基础。

（三）课程设计思路本课程是以“基于工作过程”为指导，通过对Web前端开发所涉及到的岗位群进行工作任务和职业能力分析，以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。

在宏观教学设计上突破以知识点的层次递进为体系的传统模式，而是将职业工作过程系统化，以工作过程为参照系，按照工作过程来序化知识，培养学生规范、高效率、高质量地应用能力，使学生既学习岗位知识又培养学生职业素质，锻炼学生的方法能力与社会能力。

每个项目的学习以“做”为中心，教和学都围绕着做，在做中学，在学中做，做到“教、学、做”一体化，达到理论与实践的统一，同时注重培养学生的自主学习能力和职业素养的提升。

本课程思政内容及单元的知识、技能按照相应的专项能力在实际职业工作中出现的频度、内容的难度和要求掌握的程度进行排序，如下所示：课程思政内容：1.信息社会责任；2. 树立正确的技能观；3. 软件工匠精神培养。

网页设计与制作课程标准课程代码：建议课时数：96 学分：6适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言1.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。

其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。

通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。

2.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。

具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。

了解网站平面设计的概念和过程。

了解HTML的基本概念、基本格式、能编写一个网页；了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。

学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。

《Web前端技术基础》课程标准一、课程基本信息二、课程性质与任务（一）课程性质《Web前端技术基础》课程是为大数据技术专业开设的一门专业基础课。

贯彻国家“立德树人”的教育方针，创新实践学校“理实一体虚实结合工匠工坊”的人才培养模式，依托学校双高专业群建设和职业教育提质培优行动计划任务，本课程基于OBE理念设计，聚焦HTML网页技术、CSS样式应用、JavaScript动态行为典型工作任务，培养具有爱岗、敬业优秀品质和工匠精神的“会设计、善管理、懂技术、知新规，通实施”的高素质技术技能型人才。

本课程是依据专业人才培养目标和相关职业岗位（群）的能力要求而设置的。

本课程的后续课程有《数据采集技术》、《数据可视化技术与应用》等。

（二）课程任务本课程主要讲授HTML网页技术、CSS样式应用、JavaScript动态行为等内容，培养面向软件与信息服务领域从事Web前端开发的高素质技术技能人才，对本专业岗位所需要的知识、技能和素质目标的达成起支撑作用。

课程将思政元素有机融入课程教学，培养学生的综合素质。

（三）课程设计思路本课程是以大数据技术专业所涵盖的岗位群进行任务与职业能力分析，对接“1+X”职业技能等级证书以及全国职业院校技能大赛，以任务驱动、就业为导向，根据本专业学生的认知特点，以学生职业能力、素质培养为目标，选取课程教学内容，并为学生可持续发展奠定良好的基础。

三、课程目标与要求（一）课程目标1.素质目标（1）培养诚实、守信、坚韧不拔的性格；（2）培养善于沟通表达、善于自我学习、具备团队协作的能力；（3）养成规范的编码、按时交付软件等良好的工作态度；（4）培养学生分析问题、解决问题及创造思维能力。

2.知识目标（1）掌握站点和网页的管理；（2）掌握HTML基础知识和常用文本元素、图像元素、多媒体元素、超链接元素、列表元素、表格元素和表单元素；（3）掌握CSS基础知识，包括基础选择器、字体文本样式属性、高级特性等；（4）掌握CSS盒子模型及相关属性；（5）掌握CSS布局，重点是相对定位和绝对定位；（6）掌握JavaScript 基础知识、程序控制结构、常用对象、事件编程3.能力目标（1）能使用HTML制作包含基本内容的网页；（2）能使用HTML及CSS等技术来设计网页布局；（3）学会使用JavaScript技术来提高网页交互性、体验性；（4）学会综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页；（5）能根据具体应用需求，创新性地设计网页（二）课程要求四、课程结构与内容（一）课程结构与学时分配（二）课程内容与要求（可自定义表格）（三）课程思政实施要求本课程立足于Web前端开发角度，从网页设计与制作方面规范和指导网站开发的全过程。

《前端Web开发基础》课程标准表1 课程基本信息（一）课程性质与任务课程性质：《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业Web开发领域的关键技术基础知识（HTML，CSS及JavaScript等）。

该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。

课程任务：通过本课程的学习，使学生理解HTML、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。

（二）课程教学目标通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。

1. 知识目标（1）了解本课程内容在Web开发领域的定位与作用；（2）了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景；（3）掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识；（4）掌握CSS中元素的语法、属性和参数等基础知识；（5）了解网页布局的几种方法，掌握使用CSS进行网页布局、样式设计的基础知识；（6）掌握JavaScript中的基本语法知识；（7）掌握JavaScript进行提交内容校验、生成网页特效等方法。

2. 能力目标（1）具备使用HTML制作包含基本内容的网页的能力；（2）具备使用HTML及CSS等技术来设计网页布局的能力；（3）具备使用JavaScript技术来提高网页交互性、体验性的能力；（4）具备综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页的能力；（5）具备根据具体应用需求，创新性地设计网页的能力。

3. 素质目标（1）培养学生具备克服困难解决问题的意志；（2）培养学生养成严谨认真的科学态度，耐心细致的工作作风；（3）培养学生具备良好的交流沟通素养和创新精神。

《静态网页设计》课程标准课程信息1.课程定位《静态网页设计》课程是学生在《局域网交换技术》和《网络操作系统》课程实现组建局域网及网络管理的基础上，培养学生制作静态网页和发布静态网站的能力，为以后学习动态网站的设计，Web应用程序开发等后续专业课程打下必备的基础。

后续课程主要有《JavaScript编程技术》和《Servlet&JSP技术》，课程体系的培养目标是培养学生具有分析设计企业级平台软件项目的能力，达到Web应用程序设计与开发工程师岗位要求。

如下图所示。

Servlet&JSP技术JavaScript编程技术静态网页设计网络操作系统局域网交换技术图4-1-1 Web应用程序设计与开发工程师岗位对应核心课程2.课程设计理念对接师创等合作企业和相关软件企业，采取基于工作过程系统化的设计理念，融入企业典型工作任务，融入网页设计师、web应用程序设计与开发工程师职业资格标准。

项目设计上实现“三个结合”，即课上和课后项目相结合，单项练习和综合实训相结合，封闭式项目和开放式项目相结合。

课上完成一个与学生自身生活相关的个人网站项目，综合实训阶段从四个实际的企业项目中任选一个完成，课下项目为四选一，如滨州职业学院内网网站设计。

课程从“个人网站”的需求分析、整体布局开始，确定网站的基本版块，以设计实现各个版块的功能为载体，达成《静态网页技术》课程的知识、技能、素质目标；将各个版块的实现分解成不同的工作任务，学生按照任务要求完成项目的同时，完成整个课程需要的理论知识、操作技能、心智技能的训练，养成软件素养。

同时在协同工作的过程中培养就业、协作、分析问题、解决问题的能力，增强社会责任感，提高综合职业能力。

3.课程目标3.1知识目标（1）熟悉网站的分类特点、站点的含义；（2）熟悉网页设计应注意的事项；（3）熟悉HTML文档结构；（4）熟悉Html基本标记、HTML表单和框架；（5）熟悉表格的使用方法；（6）熟悉网站文件命名的规则；（7）熟悉网站建立的原则；（8）了解静态网页和动态网页的关系；3.2能力目标（1）能正确使用常用的HTML标记；（2）能够给网站做需求分析；（3）能够给网站做整体规划；（4）能够规划和管理站点；（5）能够使用HTML技术设计网站的静态网页；（6）能够测试静态网页；（7）能够使用HTML中的框架多窗口展示网页；（8）能给网页插入多媒体；（9）能在静态网页中混合使用样式表；（10）能够查阅《HTML使用手册》使用标签制作网页。

【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。

⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。

这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。

接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。

能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。

情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。

接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。