静态网页设计精品课程建设与研究
“静态网页制作”教学改革的探索
“静态网页制作”教学改革的探索导读：本文“静态网页制作”教学改革的探索，仅供参考，如果觉得很不错，欢迎点评和分享。
“静态网页制作”教学改革的探索尚晓峰（大连理工大学城市学院，辽宁大连116600）摘要：本文分析了“静态网页制作”课程的特点，指出了该课程在教学过程中存在的问题，并结合课程特点，从教学计划、教学内容、教学方法和实践教学等方面提出了该课程的改革思路与措施。
这些改革措施使学生能够扎实掌握静态网页制作技能，同时，为后续专业课程学习奠定了良好的基础。
关键词：静态网页制作；教学内容；教学方法；考核方式资助项目：大连理工大学城市学院2014年度教学改革研究项目作者简介：尚晓峰（1973-），男，辽宁大连人，大连理工大学城市学院，讲师，主要从事信息管理与信息系统方面研究。
一、“静态网页制作”课程介绍“静态网页制作”课程的内容包括通过介绍万维网的现状以及发展趋势，使学生了解当今万维网应用的发展情况；通过静态网页制作的讲解，使学生了解其制作流程，更好地掌握设计与制作静态网页的过程；通过对静态网页制作过程的学习，使学生适时地了解最优秀的静态网页设计思想，并能制作精美的静态网页，为学生今后从事企业信息化工作和信息系统的开发工作奠定基础。
“静态网页制作”课程是一门实践性和应用性很强的专业基础课程，集理论、方法、技术和实践为一体。
课程以学生为主体，以就业为导向，培养学生具备信息技术行业应用性人才所必需的网页制作理论知识和实践技能。
通过本门课程的学习，使学生具有从事网站策划、网页美工、网站设计与制作、网站推广、网站运营与管理等岗位的能力，适应行业发展与职业变化的要求，具有一定的创新能力，为后续专业课程的学习打下坚实的基础。
随着社会的发展，Web技术应用在社会生活中的地位越来越重要，Web应用的相关理论及社会要求不断发生变化，为适应新经济环境对Web应用人才的需求，“静态网页制作”课程的教学内容需要不断更新，教学方法需要适当改革。
基于CDIO教育理念的《静态网页设计》课程教学改革与探索_百
基于CDIO 教育理念的《静态网页设计》课程教学改革与探索摘要：新型cdio 教育理念应用在工科类课程教学中取得了较好的效果，将该教育理念引入到高职《静态网页设计》教学设计中，以提高学生对知识的掌握力度，使学生在“真实”的职场情境中，掌握综合职业技能。
关键词：cdio ；静态网页设计；任务驱动近几年，高职高专院校乃至本科院校的计算机类相关专业在招生、教学、就业各个方面都遇到了很大的挑战。
为了解决这些问题，同时使学生对计算机专业课程产生兴趣，国内许多高校在课程教学改革方面进行了全新的探索，但效果不甚理想，其主要问题集中表现在学生缺乏实践能力，难以适应企业工作的要求。
本文将cdio 教育理念应用于《静态网页设计》课程的教学过程中，改变传统的教学模式，在全面培养学生的专业技能的同时，为将来更好地适应工作岗位做好准备。
一、cdio 教学理念cdio 的教学理念是由麻省理工学院（mit ）和瑞典皇家工学院等四所著名大学，从2000年起，组成的跨国研究组合，经过四年的探索研究后，提出的一套国际工程教育模式。
cdio 代表构思（conceive ）、设计（design ）、实现（implement ）和运作（operate ），该模式注重扎实的工程基础理论和专业知识的培养，是近几年来国际工程教育改革的最新成果。
二、基于cdio 理念的《静态网页设计》课程教学改革1. 教学改革思路。
传统的人才培养模式重理论轻实践，尤其是专科层次学校的计算机专业，不明确专科特色，参照本科院校授课方式，强调个人能力培养而忽视团队协作精神。
重视知识培养而轻视创新能力的培养，这样不仅导致学生学习兴趣不高易产生“厌学”心理；同时没有重视学生职业素养和综合素质的培养，使得学生毕业后适应社会企业的能力差。
《静态网页设计》是一门实践性很强的课程，要达到良好的教学效果，必须对传统的教学模式进行改革。
①以cdio 和pbl 教学模式代替传统的教学模式。
高职院校《静态网页设计》教学改革研究
画制作知识 ； ⑤理解和 掌握数 据表单 的基 本知识 ； ⑥ 了 解
１ 课 程联 系
前 期 课 程 及 后续 课 程 之 间 联 系及 能 力 培 养 见表 １ 。
网站的测 试 、 发 布及维 护知 识 ； ⑦ 理 解 和 掌 握 ＤＩ Ｖ＋ Ｃ Ｓ Ｓ
技术知识 。
３ ． ２ 能 力 目标 口
③ 充 分 调 动 学 生 自学 的积 极 性 ， 给予 学 生较 宽松 的学 习 环
境， 培 养 学 生 的 团 队协 作 能 力 ； ④ 给 予 学 生 专 业 的 技 术 指
＿
ｔ ｏ Ｓ ｈ ｏ ｐ Ｃ Ｓ ５ ； ④ 动 画制 作 软 件 ： Ｆ ｌ ａ ｓ ｈ／Ｓ ｗ ｉ ｓ ｈ 。
７ 实施 说 明 １
① 与 企 业 紧密 合 作 ， 让企 业参 与课 程建设 ， 如 引 入 企
业 的实 际项 目、 工 作 规 范 与流 程 、 企 业 文化 等 ； ② 精 心设 计 教学环节 ， 在 教 学 任 务 中体 现 任 务 驱 动 和 “ 教学 做” 合一；
技能 。
① 具有一 定的需 求分析 能力 ； ② 具有一定的团 队协作
能力与团队沟 通 能力 ； ③ 具 有 一 定 的 资 料 收 集 与 整 理 能
力； ④具 有一定的艺术设计素质和创新意识 。
作者简 介 ： 张俊 晖 （ １ ９ ８ ３ 一） ， 男， 四 川 信 息 职 业 技 术 学 院讲 师 、 电子 信 息 工程 师 ， 研 究 方 向为 软 件 技 术 。
课 程 教 学 困难 。
为解决这些 问 题 ， 我 们 取 消 了 传 统 的 演 示 ＋ 练 习 模 式， 转 而 采 取 以真 实 企 业 案 例 贯 穿 始 终 的 教 学 方 式 ， 即 让
《静态网页设计》课程标准
《静态网页设计》课程标准1. 概述课程的性质《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。
本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。
使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程开发思路本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
静态网页设计课程标准
《静态网页设计》课程标准1. 概述1.1课程的性质本课程是计算机应用技术、软件服务外包、计算机网络与安全管理专业的必修课，培养学生运用Dreamweaver制作网页前台技术，通过本课程的学习，要求学生掌握网页设计与制作的基本概念，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，学生能够掌握HTML、CSS、简单的Javascript的专业知识和专业技能。
1.2课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
1.3课程开发思路按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以形成静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标本课程的培养目标是：使学生具备成为本专业的高素质技能型人才所必需的思维与动手能力；使学生能全面掌握HTML、CSS技术和技能，具备适应职业变化的能力以及继续学习新知识的能力；使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
2．1知识目标（1）掌握网站与网页的基本组成；（2）掌握HTML标签的语法与常用的HTML标签；（3）掌握CSS的书写与语法，以及常用的CSS属性；（4）认识Javascrip控制网页元素的基本方法（5）认识Javascript验证部分表单2．2素质目标（1）培养学生谦虚、好学的品质；（2）培养学生勤于思考、做事认真的良好作风；（3）培养学生良好的职业道德；（4）培养按时、守时的软件交付观念；（5）培养阅读设计文档、编写程序文档的能力。
《静态网页设计》思政示范课建设
《静态网页设计》思政示范课建设《静态网页设计》是高职计算机应用技术专业核心课程。
对接Web前端网站设计与开发岗位，具有媒体性、实践性、创新性、体验性与引领性，对于培养新一代高素质高技能的网站设计与开发人才具有示范引领作用。
本课程以习近平总书记“要把红色资源利用好、把红色传统发扬好、把红色基因传承好”的思想为引领，始终坚守为党育人、为国育才的初心和使命。
两条思政主线，形成课程思政浸润双轴线：一是融合“红色精神”的“坚定爱家、爱党、爱国的时代信仰”为第一条思政主线；二是基于“工作过程”的“培养精研创新、智慧劳作的职业精神”为第二条思政主线。
将“一颗红心，两手技能”课程思政要义融入课程项目实施全过程。
以职业教育理念“能力本位、就业导向”为指导，以真实企业项目的工作过程为主线，对接网站设计与开发岗位要求，融通世界技能大赛网站设计与开发赛项和“1+X”Web前端开发职业技能等级标准（初级），体现岗课赛证深度融合，构建学生为主体、教师为主导的双主体六学共振混合教学模式，并开展了卓有成效的教学实践与改革。
一、主要做法（一）重构四篇五项目课程模块围绕“一颗红心强信仰”课程思政与项目内容深度融合，基于工作过程重构教学内容，最终将锻造“精研创新、智慧劳作”两手技能的职业精神贯穿全过程。
图1课程内容重构图岗位能力递进分为厚基础→强标准→重创意→高体验，四阶段能力进阶。
根据能力递进重构内容为四个模块，每个模块分别对应爱党篇、爱国篇、爱家篇和强信仰篇。
项目的选择，由易到难，项目主题蕴含着价值观念、理想信念、道德观念的红色文化为内容，以网站为载体，开发弘扬正能量、坚定信念的精神文化产品。
项目任务的选取基于实际的工作过程，将企业工作流程转为学习过程，该项目不仅是网站开发的企业典型职业行动领域之一，还是网站开发与设计工程师一项独立、完整的重要工作，为从事Web前端开发工作奠定基础。
（二）构建六学共振八环节教学模式根据“体验→探究→内化→应用→迁移”的学生认知五层递进培养思路，基于工作过程，构建六学共振八环节教学模式，将任务驱动教学方法贯穿始终。
基于移动学习的静态网页设计课程教学资源的设计与研究
基于移动学习的静态网页设计课程教学资源的设计与研究[摘要]文章根据移动学习的定义和特点，从移动学习资源界面设计、学习内容组织、课程项目驱动三个方面介绍了移动学习资源的设计原则，并联系社会建构主义理论，结合“静态网页设计”这门课程，对其移动教学资源的设计开发流程进行说明，最后，对移动学习资源将来的建设方向进行了展望。
[关键词]移动学习建构主义资源设计伴随着网络与通信技术的迅速发展，以及WAP技术的产生并与Internet技术兼容，以往仅局限于PC机的Internet应用，扩展到可以向便携式电脑、智能手机、平板电脑等移动数字设备提供网络信息服务，在此背景下，移动学习应运而生。
《第31次中国互联网络发展状况调查统计报告》显示，截至2012年12月底，我国网民规模达到5.64亿，互联网普及率为42.1% ，网民中使用手机上网的比例也在持续提升，由69.3%上升至74.5%，其第一大上网终端的地位更加稳固。
为基于手机终端设备的移动学习的开展，提供了坚实的软硬件基础。
2009年，王伟、钟绍春等在《大学生移动学习实证研究》中得出大学生对移动学习方式非常认可，而且具有很强的移动学习需求等结论。
一、移动学习概述（一）移动学习的定义移动学习是利用无线通信网络技术以及移动通信设备获取教育信息、教育资源和教育服务的一种新型学习形式。
它提供了一个可以在任何地方、随时使用手边的科技工具来进行学习活动的4A（anyone，anytime，anywhere，anydevice）学习。
它突破了时间和地域的限制，让学习者可以根据需要随时随地的学习。
（二）移动学习的特点相对于传统学习方式，移动学习具有显著的特点。
首先，移动学习的时间和空间被解放，学习不再局限于固定时间、固定地点，学习活动的开展时空更灵活；学习内容的呈现方式更丰富，不再局限于静态的书本，有文字、图片、声音、视频、电子书、可交互的多媒体资源等多种形态；移动教学资源的选择具有个性化特色，相对于原先的整个班级一个进度、一个模式的教学方法，学习者可以根据自身的知识水平、认知程度，以及所处的时间、地点，自主选择学习资源，即支持个性化学习；移动学习具有情境性，在强大技术的支持下，移动学习可以把知识产生的情境“再现”，为真正的情境式学习提供支持。
静态网站课程设计案例
静态课程设计案例一、教学目标本课程旨在通过学习静态的基本概念、技术和方法，使学生掌握HTML、CSS 和JavaScript等基本技能，能够独立设计和制作简单的静态网页。
具体的教学目标如下：1.理解静态的基本概念和组成部分。
2.掌握HTML标签的使用和页面结构的设计。
3.熟悉CSS样式的设置和页面样式的设计。
4.了解JavaScript的基本语法和功能。
5.能够使用HTML编写简单的页面结构。
6.能够使用CSS设置页面样式和布局。
7.能够使用JavaScript实现简单的交互功能。
情感态度价值观目标：1.培养学生的创新意识和解决问题的能力。
2.培养学生的团队合作意识和沟通表达能力。
3.培养学生的自主学习和持续学习的习惯。
二、教学内容根据课程目标，本课程的教学内容主要包括HTML、CSS和JavaScript三个方面。
具体的教学大纲如下：1.HTML基础知识：HTML标签的使用、页面结构的设计。
2.CSS样式设计：CSS选择器、样式规则、布局和设计。
3.JavaScript基本语法：变量、条件语句、循环语句、函数。
4.静态网页制作实践：综合运用HTML、CSS和JavaScript制作简单的静态网页。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法相结合的方式进行教学。
具体的教学方法如下：1.讲授法：通过讲解和演示，使学生掌握静态的基本概念和技术。
2.案例分析法：通过分析典型案例，使学生理解和应用HTML、CSS和JavaScript。
3.实验法：通过动手实践，使学生巩固和提升静态网页制作技能。
4.小组讨论法：通过团队合作和讨论，培养学生的合作意识和解决问题的能力。
四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将选择和准备以下教学资源：1.教材：选用权威、实用的静态网页制作教材，为学生提供系统的学习资料。
2.参考书：提供相关的参考书籍，为学生提供更多的学习资源。
《静态网页设计》精品课程建设与研究
《静态网页设计》精品课程建设与研究今天，静态网页设计课程已成为计算机及相关专业学生课程之一，并受到众多学生朋友的关注和欢迎。
然而，由于这门课程涉及到众多学科和技术，许多教师在学习和教授这门课程时都比较头疼。
此外，由于这门课程的新颖性和难度，学生在学习这门课时也可能会遇到很多问题。
因此，为了建设一套静态网页设计精品课程，并为社会提供一系列有价值的服务，建立一个完善的课程体系，以营造一种良好的学习环境，有必要进行相应的研究。
首先，需要了解静态网页设计的原理和方法。
静态网页设计是一门涉及众多学科与技术的课程，它将数学、物理、化学、生物、计算机科学和信息技术等学科所取得的成果融入网页设计之中，并随着计算机技术的发展而不断优化，以满足用户的需求。
要想学习和教授静态网页设计课程，首先就要有一个全面的了解和熟悉这些基本知识。
其次，要进行有关产品设计的综合研究。
因为静态网页设计是一项复杂的工作，需要引入许多复杂的技术和理论知识，且其设计结果不仅受到硬件环境、软件环境和用户需求等因素的影响，而且还要满足多种复合要求，因此，精巧的设计不可能一蹴而就，必须经过系统的考虑和研究。
此外，还要引入多方面的实践教学手段。
实践教学既要建立理论与实际的交叉联系，也要提供足够的实验材料，为学生提供更多有利的环境，让他们参与到实践的研究中来。
以下是静态网页设计课程中可采取的实践教学方式：（1）让学生进行前期调研，让他们参与收集有关资料；（2）让学生进行后期实验，让他们参与设计网页界面、设计网页页面结构及其它功能；（3）让学生进行期末实践，让他们参与检查和修改；（4）让学生进行实践报告，以说明设计方案的优点和缺点；（5）让学生进行交互式答辩，以最大程度地激活学生的参与性。
最后，还要通过与相关组织和机构的合作，为静态网页设计课程注入新的活力。
在这一过程中，学校可以与企业和研究机构合作开展课程设计工作，把商业设计能力融入课程体系中，利用企业的专业技术人员和资源，为课程的建设和研究提供有力支持。
《静态网页设计》精品课程建设与研究
《静态网页设计》精品课程建设与研究
中国的网络已经发展了近几十年，由于网络技术的高速增长，以及网络安全的重要性被越来越多人关注，用户对网站设计和实现要求越来越高。
其中，静态网站设计已经成为各个行业网络设计的标准。
静态网站设计是关于利用HTML和CSS来构建网络系统的一种设计，
而且它不需要太多的技术知识，也不需要复杂的编程语言，因此静态网站设计也成为网站开发者的选择。
静态网页设计的核心要素是页面布局，这关乎着网站的内容展示，样式，用户体验等方面。
为了使网站在内容展示，样式，用户体验等方面丰富，达到最佳效果，需要适当的策略和技术支持。
针对这一需求，出现了一系列的精品课程，主要用于帮助网站开发者和设计师学习如何有效地构建一个静态网站，并不断完善其设计及实现。
《静态网页设计》精品课程的设计初衷是帮助用户了解静态网页设计的基本原理和开发技术，以实现最佳的用户体验。
除了在网页设计方面，针对网页实现方面也提供了详细的讲解，包括如何在浏览器环境中运行HTML页面，如何利用CSS样式表等。
此外，《静态网页设计》精品课程还涉及到其他重要的网页技术，如用户行为分析，SEO优化，以及搜索引擎优化等，为开发者们提供了更多的开发技术支持。
《静态网页设计》精品课程的设计和研究工作可以从两方面来进行：一是从理论层面进行研究，深入讨论网页设计原理，以及网页实现技术；二是从实践层面进行研究，对各种网页设计工具进行详细的
测试，分析各种静态网页开发工具的优劣，并提出改进意见。
在当今互联网环境下，网页设计技术的应用越来越广泛，《静态网页设计》精品课程的深入研究将有助于推动网页设计行业的发展，也是对网站开发者的指导，为用户提供更好的网页体验。
静态网站设计与实践课程设计报告
静态网站设计与实践课程设计报告一、课程目标知识目标：1. 让学生掌握静态网站的基本结构，包括HTML、CSS和JavaScript的基本语法。
2. 使学生了解网页设计的基本原则和流程，掌握网页布局、颜色搭配、字体选择等基本知识。
3. 帮助学生了解互联网信息架构，理解网站导航和链接的作用。
技能目标：1. 培养学生运用HTML、CSS和JavaScript进行静态网页设计与制作的能力。
2. 培养学生运用网页设计软件（如Dreamweaver）进行网站开发的基本技能。
3. 培养学生具备基本的网页调试和优化能力。
情感态度价值观目标：1. 激发学生对互联网技术的好奇心和兴趣，培养其主动学习和探索的精神。
2. 培养学生团队协作意识，学会与他人共同解决问题，提高沟通与表达能力。
3. 培养学生具备良好的审美观念，关注用户体验，提升对美的追求和创造力。
课程性质：本课程为实践性较强的课程，旨在让学生在实际操作中掌握静态网站设计与制作的基本技能。
学生特点：本课程针对的是高年级学生，他们在前期课程中已经学习了计算机基础知识，具备一定的编程基础和网页设计原理。
教学要求：结合课程性质、学生特点，将课程目标分解为具体的学习成果，以实际操作为主，注重理论与实践相结合，使学生在完成课程学习后能够独立完成一个静态网站的设计与制作。
同时，关注学生的情感态度价值观培养，提高其综合素质。
二、教学内容1. HTML基础：讲解HTML的基本语法、常用标签、表格、表单、框架等，使学生掌握静态网页的结构和基本元素。
- 教材章节：第一章 HTML基础- 内容列举：HTML标签、属性、表格、表单、框架等2. CSS样式：介绍CSS的基本语法、选择器、属性、盒模型、布局等，培养学生对网页美化和布局的能力。
- 教材章节：第二章 CSS样式- 内容列举：选择器、属性、盒模型、布局、浮动、定位等3. JavaScript基础：讲解JavaScript的基本语法、函数、事件处理、DOM操作等，使学生掌握网页交互功能。
《静态网站设计》课程标准
课程编码：01022022适用专业：网络系统管理学时：96学分:5.51、课程定位和课程设计1课程性质与作用课程类别：实践教学授课单位：网络技术教研室编写执笔人及编写日期：审定负责人及审定日期：《静态网站设计》课程标准该课程是网络系统管理专业学生第三学期专业课程，是学生学习《ASP动态网站设计》、《JSP动态网站设计》等后续课程的网站前台知识技能储备课程，为学生以后开发动态网站打好基础。
本课程的任务在应用专业知识解决工程实际问题或模拟工程问题的能力，为就业后从事专业技术和技能工作夯实基础。
1、2课程设计的理念和思路高职教育的集中实践教学环节也要明确必要的理论知识深化和拓展的要求，不能局限于单纯的技能训练作用。
单纯的技能训练不是高职教育的理想课程。
2、课程目标(1)知识目标本课程学习利用SQL Server和Visual Basic 6.0开发环境进行基于SQL数据库的项目开发。
本课程要求学生掌握对信息系统进行需求分析的方法；掌握信息系统的常用功能、设计和实现方法；了解和掌握信息系统的管理技术和安全保障措施。
(2)职业能力目标通过多名同学参与完成一个实用项目，积累项目开发经验，掌握现代IT企业软件开发的规范和标准，熟悉软件项目开发、分析、设计、编码、测试、部署、结项等完整规范流程。
学会在项目和工作中与其它人合作，养成良好的表达、沟通、协调能力，进一步体验团队合作精神，训练优秀的职业素质。
进一步培养良好的分析问题和解决问题的能力，培养良好的自学能力。
3、课程内容与教学要求本课程设计的主要任务是开发静态网站，按照开发过程中的任务单元，该课程设计的基本内容、学时分配及教学基本要求如下。
本课程设计的主要任务是开发管理信息系统，按照开发过程中的任务单元，该课程设计的基本内容、学时分配及教学基本要求如下。
1.系统需求分析：学生应该通过调查，列出所要开发的系统应具备的主要功能，此过程要求学生具备良好的沟通与理解能力，把需求准确的表述并对需求进行分类。
静态网站建设课程设计
静态网站建设课程设计一、课程目标知识目标：1. 了解静态网站的基本概念，掌握HTML、CSS和JavaScript的基础知识；2. 学会使用HTML构建网页结构，利用CSS进行网页布局和美化，运用JavaScript实现简单交互效果；3. 了解Web标准，理解网页兼容性和响应式设计的基本原则。
技能目标：1. 能够独立完成一个静态网站的设计和制作，包括网页布局、样式设计和基本交互功能；2. 掌握使用主流网页制作软件（如Dreamweaver、Sublime Text等）进行网页代码编写和调试；3. 学会使用版本控制工具（如Git）进行代码管理和团队协作。
情感态度价值观目标：1. 培养学生对互联网技术和网页设计的兴趣，激发创新意识和探索精神；2. 增强学生的团队合作意识，培养沟通和协作能力；3. 培养学生遵循Web标准，关注网页可访问性、兼容性和用户体验。
分析课程性质、学生特点和教学要求，本课程将目标分解为以下具体学习成果：1. 学生能够独立编写并优化一个静态网页，展示正确的网页结构、样式和交互效果；2. 学生能够运用所学知识分析和解决网页制作过程中遇到的问题；3. 学生能够在团队合作中发挥积极作用，共同完成一个具有较高审美价值和实用性的静态网站项目。
二、教学内容1. 网页基础知识- 网络基础概念- 网页与网站的关系- 静态网页与动态网页的区别2. HTML基础- HTML基本结构- 常用HTML标签及其属性- 表单和表格的制作3. CSS基础- CSS选择器- 布局模型（盒模型、浮动、定位）- CSS样式美化（字体、颜色、背景）4. JavaScript基础- JavaScript语法基础- 常用事件处理- DOM操作5. 网页布局与设计- 网页布局原则- 响应式设计- 网页兼容性处理6. 实践项目- 静态网站项目需求分析- 页面设计与布局- 代码编写与调试- 团队协作与版本控制7. 网页发布与评估- 网页发布流程- 网页性能优化- 网页评估标准与方法教学内容安排和进度：第一周：网页基础知识，HTML基础第二周：CSS基础，网页布局与设计第三周：JavaScript基础，实践项目（一）第四周：实践项目（二），网页发布与评估教学内容与教材关联性：本教学内容与教材《网页设计与制作》相关章节紧密关联，涵盖HTML、CSS、JavaScript等基础知识，以及网页布局、设计、发布等环节，确保教学内容科学性和系统性。
基于PBL学习模式的静态网页课程设计研究
的。例如可以教师 的统一讲解 ，学生的相互讨论 ，查 阅相关的技 术文档 ，参考书籍 的阅读 ，网络 资源 的利 用等。
的班 干部 ，组 织 召开专 题 会议 进行 培训 ，以提 高 其班级 管理
能 力 ，更 好 地 推 动 班 风 和 学 风 建 设 。
参考文献 ：
【】 １廖善 光 ． 大 学新 生 班干 部 选 拔机 制 的优 化 ． 高校 辅 导 员 学 刊 ，２１ ，２（ ） ２ ００ ５ ： ９—３ ． ０
过教师展 示一些有代表性的 、不同类型和风格 的网站 ，结合学生
自己的生活体验 ，让学生对网站的结构 、功能和网页的布局 、色
彩搭 配 等 有一 个 初 步 的 了解 ，激 发 学 习 兴趣 ，并 对项 目最 终 达 到
的 效 果有 一个 初 步 的认 识 。
活动是指学生在实践体验的过程 中，必须主动采取生动有效 地学习策略和学 习途径 ，例如可以充分利用多媒体和计算机网络
2在活动上不局限于课堂和听讲活动是指学生在实践体验的过程中必须主动采取生动有效地学习策略和学习途径例如可以充分利用多媒体和计算机网络等信息和技术利用数字化学习资源以数字化方式进行学习还可以通过同学间的相互交流和学习达到学到知识解决问题的目的
坝 代 教 胄
基于 Ｐ 学习模式的静态网页课程设计研究 Ｌ Ｂ
张 玲
（ 山东 外 贸职 业学 院 山东
青岛 ２ ６ ７ ６ ０ １）
基于用户体验的精品课程静态网页设计研究
随着教育的不断发展,国家对于精品课程建设加强重视,积极推动高校与精品课程产生更加紧密的联系。
在当前,国家精品课程的有关教学资源已经全面向师生开放。
真正实现了优质教学资源的共享,大大促进了高校在人才培养方面的发展。
但在当前精品课程网站设计规划中,还有着许多的问题影响着精品课程功能的发挥。
通过深入分析静态网站设计中存在的问题,来寻找网站设计的优化策略意义深远。
一、精品课程概述精品课程是在教育发展过程中将具有一流教师队伍、教学内容、教学方法、教材、教学管理体系等特点进行有机结合的示范性课程。
在教育发展过程中,精品课程大大推动教育的改革与创新,实现高校人才培养的深化改革。
同时精品课程也积极融入现代信息技术,新技术有效实现更大范围内的教学资源共享,优秀教学资源的分享能切实推动人才的创新与发展。
在当前,精品课程在功能效用上的发展受到越来越多的人的重视,尤其是国家对于精品课程在全国范围内的进一步推广。
二、现阶段精品课程发展现状至2003年,教育部进行精品课程体系构建以来,随着“十二五”规划对于教育的推动作用,使得在当前精品课程发展已经有着极其丰富的课程资源。
对推动教育的改革,提供了巨大的支持。
到目前为止,教育部领导下的国家精品课程体系构建内容已经涵盖了理、工、农、医等等学科,并实现向高校和社会的全面免费开放。
在精品课程发展已经推动数千万专业人才的综合素质的提高,大大提升了教育质量和人才支持下的国际竞争能力。
但目前,为进一步推动国家精品课程在全国范围内的发展,解决精品课程网站设计的问题有着极其重要的意义。
通过对现有高校在精品课程应用方面的问卷调查,调查结果显示2/3的被调查者所在高校在进行国家级精品课程使用过程中,只使用与本校相关的精品课程,对于其他高校精品课程使用较少,20%的高校在教学当中虽然经常使用其他高校精品课程,但对课程内容的重视程度并不高,另外有14.26%的高校,根本不使用精品课程。
在国家精品课程社会教育使用方面可以看出,课程推广尚存在着许多问题。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《静态网页设计》精品课程建设与研究-企业管理论文《静态网页设计》精品课程建设与研究
冯燕
湖南机电职业技术学院湖南长沙410151
摘要院《静态网页设计》是计算机多媒体专业学生必修课程，是动态网页制作的重要基础，在计算机专业中具有重要地位。
本文主要从课程建设目标与特色、教学方法改革与实践教学等几个方面对该课程进行了改革与研究。
关键词院课程建设；教学改革；网页设计
1 课程定位
静态网页设计课程是计算机多媒体专业学生必修课程。
该课程与Photoshop、Fireworks、Flash 等图像、动画课程具有紧密关系。
是动态网页制作的重要基础，在计算机专业中具有重要地位。
为学生掌握真实网站开发的能力，以及具备软件工程的思想，都有着很重要的作用。
静态网页设计课程具体教学目标定位为：培养学生具有静态网页制作的基本操作和技巧，能够设计各种网页，掌握脚本的设计和应用，具有真实网站开发和设计的经验，具有团队协作的能力。
2 课程建设目标与特色
根据课程的教学目标，静态网页设计课程的主要目的是培养学生的创新能力和应用理论知识解决实际问题的能力。
在课程内容体系上，静态网页设计课程按职业岗位能力需求来订制教学内容。
在具体教学过程中，课程主要以调动学生课堂的积极性为核心，力求模拟真实工作环境。
在教学中主要采用案例教学法、任务驱动教学法、项目教学法进行教学；在教学基本建设上，以静态网页设计课
程标准为依据，尽快出版适合我们学生的教材，改革传统的“一次投影+一次机房”的教学模式，将教学场所全部移入机房进行教学，教师边讲，学生边练。
真正实现教学和实践合一。
3 教学方法改革与实践教学
针对具体的网页设计课程，需要对传统的教学方法进行改革，主要以调动学生在课堂中的积极性为核心目标，根据具体的教学内容，模拟出对应的工作环境来实现实践教学，建立一个由声音、电子、纸质和网络等多种模式组成的新型教学载体。
在教学过程中，根据对具体课程的教学理念、培养目标进行研究，确定对应的教学方案，让其能够体现出机电特色，成为实施具体课堂教学过程的蓝本。
教学方案时体现教学课程改革和教学成果建设的系统文本，它负责指导教学过程的具体实施和教学整体控制、提高整个课程的教学改革和教学质量，对整个课程具有决定性的意义。
通过对课程进行改革，需要构建出一个新的教学方案，该方案能够体现教学内容与教学方法的一体化和多种结构的结合。
通过对具体的网页设计课程设计一个清晰的教学结构，完善和提高整个教学过程中的计划性，可以有效地提高学生的兴趣，让学生参与到教学中来，实现教师和学生的动态交互，让整个教学课堂真正地活起来。
静态网页设计课程主要采用以下栏目或者教学活动形式：在每章的开头就设置好该章的教学目标。
在教学过程中会充分体现机电特色，对每堂课的知识点和技能点进行明确的区分。
在每堂课程开始之前，会先对上节课的教学内容进行回顾，并简要的介绍当堂课的教学内容和主要思路。
对于每一堂课，会进行教学情景创设，为该教学单元设计的模拟工作情境。
而且，在每堂课成中，会根据课
堂中的具体教学内容，实施不同的任务，通过教师课堂讲授，学生在课堂中以各种形式实际参与的形式进行训练，并对课堂中讲授的每一个内容进行相应的标示，指出对应的讲授方法和具体的时间分配。
在上课过程中，老师会根据教学内容，结合一个具体的实例，对相应的内容进行精讲，对重点和难点会进行进一步的详述，在必要的时候，还会对部分内容进行补充，而对于非重点的内容，会采用略讲的方式，有些还会将其布置给学生在上机过程中具体完成。
在教师教学的过程中，通过实例，将学生引入到具体的教学活动中，让学生参与课堂讨论。
在整个教学过程中，始终贯穿教师少讲的原则，将尽量多的时间留出来让学生自己参与教学活动，在具体操作时，老师将其授课的时间尽量控制在课堂时间的三分之二以内，将空余的时间流出来以保证有足够多的时间让学生进行训练和讨论。
在每堂课结束前，老师要对本堂课所讲述的内容进行总结和归纳，以便让学生能够形成一个整体的学习印象。
当一堂课结束后，可以选择课尾时间，也可以选择课后时间，通过让学生进行与课堂内容有关的自我测试和实践评估，提高学生的实际动手能力，让学生更好地掌握教学内容，为以后的课程打好基础，以期能够活跃课堂氛围，激发学生自主学习的兴趣，通过实际教学实践表明，采用这种教学方式，得到了学生的欢迎。
本课程在教学中采用了基于真实案例的“任务驱动型”教学模式，基于“项目”的教学方式，基于网络资源的“开放式自主”学习方式等多种教学方法。
前面44 课时的课程基本采用任务驱动型的教学模式，在学习中，采用讲解和讨论自学的方式完成任务。
前面44课时课程主要以一个成品网站向学生介绍网页设计基础知识，为了培养学生的创新能力、团队合作、完成真实项目的能力，利用后面16课时课堂加课外，引入基于项目的教学方式。
项目教学的课题为“多
媒体专业网站建设“要求学生设计前进行需求分析，制作首页和学生园地两个页面（静态部分），在教学过程中，将学生分成多个项目小组，并且成立项目公司，每组中成员推荐一个同学作为项目经理，教师作为客户，项目经理要经常和客户交流，教师就可在其中控制教学进度。
经过一周的训练，每组都上交了成品，并进行了自评与教师总评。
基于网络资源的“开放式自主学习方式，学生在课外，通过教师推荐的教学网站在课外可进行自主学习，扩充了学生学习的渠道。
通过上述的方法，不仅能够提高学生的学习兴趣、灵活掌握课堂知识和动手能力，而且还有助于增强学生的团队意识、职业素养和对知识的正确态度。
通过在课堂中引入具体的实际开发实例，可以进一步提高学生的动手能力和团队合作，培养出符合社会需要的实用人才。
充分利用网络教学。
本课程要大力加强信息化教学手段建设，建立课程教学网站，将一些资料上网供师生使用；课程教学大纲、教材、教案、习题等全部在网上发布；制作课程讲授的多媒体课件，并在网上发布。
在考试改革方面，本课程操作性强，鉴于平时学习过程的重要性，考核以平时课堂表现、课堂、课外训练、实训成绩、期末考试成绩几部分组成，其中平时成绩占20%，课程考核成绩占50%，综合实训成绩占30%。
在考核过程中，注重对学生实际能力的考核，对学生进行各种形式的实践训练，并将其纳入到学习成绩中来。
在进行纸质考试时，应该设置一些分析、设计和操作题型。
在平时的课堂考核和考查过程中，应该规范其成绩的评定方法，建立一个理实结合的评价体系，而且要多引导学生在平时课堂中注意学习实践，建立一种结合操作和实践的、开放式的考核体系。
4 结束语
通过静态网页设计教学实践与改革，建立起激励学生自主学习的集成式学习系统。
针对静态网页设计课程的特点，在教学过程中要坚持以学生为中心，将以往的以教师为主转化为以学生为主。
教师要充当引导者和助手的角色，打破传统的填鸭式教学模式，建立一种由学生主导的、交互式的教学新模式。
参考文献：
[1]姜大源.论高等职业教育课程的系统化设计[J].中国高教研究，2009（4）
[2]潘娅.如何做好教学设计[J].高教研究：西南科技大学学报，2007（1）.
[3]陈小东《. 网页制作技术》项目教学法的实践应用[J].信息与教学，.
作者简介院冯燕（1982-），女，湖南津市人，硕士，讲师，主要从事网页前端开发课程的教学与研究。