网页设计与制作说课(软件技术 )

2.
3.
重视以真实的社会项目作为教学内容，倡导将教学结果作为项目内
容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校 外实训基地建设，以满足本课程真实工作任务下的教学。
4.
在学习网页设计技术之前，引入美术课程的教学，使学生具备一定
的美术功底
End
模块一：网页赏析模块 欣赏优秀的网页，激发学习网页设计的兴趣； 分析优秀网页的布局结构、颜色搭配、视觉效果 模块二：网页基础模块 了解网页的相关概念和术语，认识网页中的主要构成元素 ；

了解一些制作网页、处理图像、制作动画的专业工具

模块三： 网页制作模块
主要有页面控制、文本操作、图像操作、超级链接、表格布局、表单 网页、层的布局、行为特效、框架网页等单元
网页设计与制作
目

录
一 课程设置 二 课程设计 三 教学实施 四 教学资源 五 教学效果 六 课程特色

七 改革思路
一 课程设置

1.1 本课程在专业人才培养方案中的性质地位与作用
1.2 本课程与先修课程后续课程的衔接和配合
1.3 本课程的教学目标
1.1 本课程在专业人才培养方案中的地位与作用
教学为主，强调启发引导法、合作学习法、循序渐进法等多种方法
的灵活运用
2.2

教学内容的选取及依据
教学内容的设置，是为了满足职业能力培养的需要。通过对岗位需求 的调查分析，《网页设计与制作》这门课程的教学内容主要选取以下 内容：网页的基础编程、网页制作、网站管理等
2.3
教学模块的分配
针对职业能力的培养要求及网页设计与制作的岗位特点，设计了 以下六个模块，每个模块又包含一个或多个教学单元
《巧学巧用Dreamweaver CS5制作网页》，人民邮电出版社，肖瑞 奇编著
《美工神话CSS网站布局与美化》许文波等编著，人民邮电出版社
数字化教辅资源 洪恩在线 /pc/ 其它网络资源

4.2

实践教学条件
学生实习实训机房具有一定规模，能够人手一机，满足教学大纲要求 的全部实训内容和选修实训内容。学生上机所需的软件齐备，如： PhotoShop、dreamweaver等。在多年的教学过程中，本课程 已具备了较完整的多媒体教学的条件，有整套的电子教案，案例、习 题等


上机实践：在上机实验课时，教师将本次课的素材、学习资源及实验 要求放在班级的ftp上，供学生下载。学生上机遇到问题，可以马上 询问老师，下课时，学生将完成的作业上传到ftp，教师登录ftp进 行批阅
3.3
采用的考核方式，评价方法
采用平时考核与期末考核相结合方法:

平时考核：教师登录ftp对学生每次上机练习所制作的网站或网页进 行访问，并评定作业成绩。平时作业成绩占总评成绩的40%。 期末考核：采用在机房上机考试的方法。要求学生在指定时间内制作 出包括课程主要知识点的综合性网站。期末考核成绩占总评成绩的 60%
1.3 本课程的教学目标
通过学习《网页设计与制作》课程，学生能够设计制作出布局美观、 链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信 息并具有一定交互功能的网页；概括说来，该课程教学目标主要集中 在以下几个方面： 赏析各类经典网站、掌握网页制作方法 强化网页制作技能、积累网页制作经验 激发自身学习兴趣、形成持久学习动力 提升自主学习能力、满足职业岗位需求
知识目标 掌握网页编程基础html相关知识

熟练掌握网页制作软件Dreamweaver 的基本操作和使用技能 熟练掌握在网页中插入文字、图像、Flash动画、背景音乐等元 素并按要求设置属性的方法 掌握建立各种形式超级链接的方法 熟练掌握网页页面布局的各种方法 掌握规划网站的内容结构、目录结构、链接结构的方法 掌握表单网页制作方法 掌握网页特效的制作方法
7.1 存在问题
1.
教师知识结构欠完整，教授网页教师在图形图像处理及动画制作方 面不够熟练 教学资源匮乏，缺少系统的教学及学习资源，教师与学生互动有限 教学内容与市场需求结合不够紧密 侧重技术的掌握，学生美工基础薄弱
2. 3. 4.
7.2 改革思路
1.
采用多种方式推进教学团队建设，进一步提高专业教师的技术水平， 掌握先进职业教学方法，提高教学质量。 建立网站教学管理。增强教师应用多媒体网页教案的意识，以向学 生实时展示网站建立与网页制作方法在实际中的应用；建立教学资 源库，以方便学生随时学习，提高学习效率；通过论坛等方式促进 教师与学生之间的沟通和教师答疑


掌握网站测试的方法
技能与素质目标 培养学生收集、处理信息，准备、加工素材的能力

培养学生制作静态网页的能力 培养学生设计网站的综合能力


培养学生的策划能力、色彩感悟能力、结构布局能力和想象力
训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的 动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资 料、图像资料、Flash动画和网页特效等 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实 际问题的能力及其基本工作素质
1.2 本课程与先修课程后续课程的衔接和配合

《网页设计与制作》课程在第三学期开设，共40课时（理论20学时， 实践20学时），教学工作集中在1~2周完成，第5周20学时的项目实训。 作为一门专业基础课，该课程可为后续课程提供静态网页设计与制作 的理论基础和操作技能。它与计算机应用基础、数据库及动态网页编 程等课程密切相关。其中《计算机应用基础》为本课程的先导课程， 而《Javascript》及《XML及应用》等课程是本课程的后续课程。总 之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和 提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的 综合素质

二

课程设计
2.1 课程设计的理念与思路 2.2 教学内容的选取及依据


2.3 教学模块的分配
2.4 重点难点的确立及解决办法
2.1 课程设计的理念与思路

1、设计理念： （1）突出专业课程的职业性和实践性。按照“职业岗位→岗位
需求能力→确立教学项目”的项目导向式的运行机制来组织教学。
（2）学以致用，以“用”促学，边“用”边学，突出“教、学、 做”一体化的教育理念。 （3）学生是学习主体，鼓励学生职业能力发展，加强创新能力 和意识培养的理念。在设计中，既要考虑学生职业技能的训练，又要 关注综合职业素质的养成，为学生的可持续发展奠定良好的基础。Βιβλιοθήκη 模块四：网页编程模块
HTML语言 CSS美化网页

模块五：网站管理模块
网站管理 网站测试

模块六：网页设计项目实训 网页制作综合实训
2.4 重点难点的确立及解决办法

学习重点：网站规划及布局；网页中文本和图像的处理；HTML语言； 使用CSS样式美化网页；网页设计。

学习难点：网站规划和网页合理布局；CSS布局及美化网页；不同性
5.3 学生学习本课程的成绩职业资格考证通过率
六 课程特色

特色： 教学观念先进，突出应用能力培养。
本课程本着理论够用、实践加强的原则，突出应用能力的培养。适 时调整教学内容，保持与Web技术的发展同步。改革考核方式，注 重学生的学习过程。

创新点： 1、在学习当中，注意引导学生获得美的熏陶，提高审美能力。 2、强调技术与艺术的融合，将网页作品当作一份具有生命力的
质网页的创意设计技巧 解决办法：

案例分析，总结一般规律，操作演示，上机辅导
三 教学实施

3.1 教学组织及学习情景设计 3.2 采用的教学方法教学手段 3.3 采用的考核方式，评价方法
3.1 教学组织及学习情景设计

以课堂教学为主，适当引导学生自学探究、任务驱动、互助协作等， 采取多种教学组织形式的灵活穿插和结合以培养学生自主学习，创新

四 教学资源

4.1 教材选用情况数字化教辅资源 4.2 实践教学条件

4.3 师资队伍
4.1

教材选用情况数字化教辅资源
教材：
《完全手册HTML+CSS+Javascript》实用详解，叶青编著，电子 工业出版社 《HTML+CSS+Javascript》标准教程（实例版），本书编委会， 电子工业出版社
4.3 师资队伍

本课程教师来自多个院校的不同专业，通过几年来的教学实践，均积 累了一定的经验，能使学生通过该门课程的学习，打下了较坚实的网 页设计与制作基础，同时也培养了一批能够满足社会需要的具有较高 专项技能的网站制作人才
五 教学效果

5.1 学生能力素质培养目标的实现 5.2 同行督导学生等对本课程的教学评价

网页制作是高职高专院校计算机教育专业和其他相关专业学生应该掌 握的重要技能之一。《网页设计与制作》作为软件技术专业的一门必
修课，重在培养学生的专业应用能力。学生通过该门课程的学习能为
后续课程如《Javascript》、《XML及应用》的学习奠定基础，同时 社会就业对学生该方面知识也有较强烈需求，因此加强该门课程的建 设，改善教学条件，提高教学质量有着重要意义。
艺术品。 3、 以真实网站作为教学案例，让学生在真实工作环境中训 技能，提高学生适应岗位需求的能力。 4、 虚拟项目设计考核模式。，给学生一些虚拟项目作为课程 设计，培养学生单独规范的做项目的能力及网站设计的综合能力， 也让学生找工作时可以向用人单位提供一个完整的网站设计的作品
七 改革思路

7.1 存在问题 7.2 改革思路
学习，合作学习的意识和能力
3.2
采用的教学方法教学手段