本课程为网站前台设计的一门专业基础课程，通过本课程的学习，可以掌握网页设计与制作相关的HTML、CSS技术，了解JavaScript的基本用法，完成静态网页的页面布局、内容嵌入及效果控制，会使用网页为载体进行信息的网络发布与传播。 我们课程组根据青岛地区的软件外包现状和行业岗位的定位，以及相关的行业企业标准，按照“以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，以开放式教学为主要模式”的原则对课程进行了设计。 （1）以校企合作为切入点进行课程的开发 根据职业岗位选择课程内容，通过邀请行业企业专家来校指导，从企业一线网站开发人员了解工作任务与工作流程、毕业生反馈交流等形式，进行岗位职业分析，根据职业岗位细化工作任务，根据典型工作任务确定职业能力，根据职业能力确定人才培养方案，构建新的课程体系。从而确定本课程应具备的职业能力，选择课程内容。 （2）以职业能力培养为核心进行课程设计 在重视学生专业能力培养的同时，重视方法能力与社会能力的培养。学生通过课程学习掌握网页设计与制作、网站建设、网络推广等全方面网站开发和市场开拓能力。由课堂学习发展到网络学习，使课程学习具有开放性，通过合作学习以及对企业实际问题的讨论提升学生的团队合作能力与创新能力。 （3）以项目教学为主要手段重构教学内容 本课程主要围绕Web标准的关键技术（HTML、CSS）来介绍网页编程的必备知识及相关应用。HTML+CSS将网页的内容、外观样式分离，减少了页面代码、便于分工设计、代码重用。其中HTML负责网页结构、CSS负责网页样式及表现。 以网络书城网站作为主导项目，贯穿课程始终。采用案例驱动的教学方法，首先展示案例的运行结果，然后讲述案例的设计步骤，循序渐进地引导学生学习和掌握相关知识。 （4）以线上线下混合式教学为主要模式来组织教学 改变原有的“以教师为主，单一课堂教学”的传统教学模式，构建“学教并重”、“以教师为主导，以学生为主体（即主导—主体相结合）”的现代教育教学模式。将传统学习方式与数字化、网络化学习相结合；将课堂教学与学生个别化线上自主学习相结合；将系统科学知识的传授、掌握与创新能力的培养相结合。为学生创造多样化、多渠道、数字化的学习环境，构建符合当今信息时代特点的、适合培养创新型人才需要的现代化的教学模式。 （5）采取多种形式考核，强化过程考核方式 对学生学习效果的评价采用多元化的评价目标，引入软件企业对员工的考核和业务能力评定办法，学生以团队的形式通过自己开发的项目、作品展现自己的技术能力和职业素养，同时，评价方式采取“过程考核+项目作品+专业交流”。通过“过程考核”，依据完成的项目及子任务，重点考核学生对知识的综合运用、网页设计的实际能力。通过“项目作品”，重点考核自我学习的能力和拓展能力、协作学习的能力和创造能力，客观地对学生的技能水平进行评定。通过“专业交流”，重点考核学生对本课程的一个整体认识，对相关行业企业的现状的了解等。