论文部分内容阅读
摘要：本文作者结合《网页制作》教学实践，“以服务为宗旨、以就业为导向”为指导思想，以“参与、体验、感悟”为改革思路，就中职学校《网页制作》教材的编写进行了详尽的阐述，针对每一章节的内容选定和内容取舍给出了自己的理由，对教学处理提出了真诚的建议。
关键词：网页制作；课程改革；以就业为导向
中图分类号：G712？摇 文献标志码：A 文章编号：1674-9324（2013）16-0220-02
网页制作方面的书籍很多，却很难找到适合中职学生的网页制作入门级书籍，借着我校国家示范校创建的春风，本人尝试去规划一本适合计算机专业学生的网页制作入门级教材。
一、教材总体规划
1.指导思想：本着以学生为本，从学生实际和特点出发来规划教材。结合我们中职学生“轻理论、重实践”的特点，入门级的网页制作教材应言简意赅，但却要联系网页制作行业的具体实际，培养可持续成长IT人才，遵循“以就业为导向”的指导思想。
2.教材目标：了解网页制作的相关概念、熟悉Dreamweaver CS3的基本操作、能完成教材中的静态网站项目、能独立制作一个静态网站。
3.适用对象：所有网页制作初学者，特别是中职学生。
4.前导课程：PHOTOSHOP、FLASH
二、教材具体实现
1.教材主要内容如下。
第一章 什么是网页、网站、网页制作
网页、网站、网页制作的概念
网站建设的流程
简易网站的搭建
第二章 Dreamweaver CS3软件介绍
软件及界面简介
站点管理
编写第一个页面
第三章 表格处理与页面布局
教学案例：全运会网站
练习案例：世博会网站
第四章 图像的插入与编辑
教学案例：上海新貌网站
练习案例：七彩云南网站
第五章 创建超级链接
教学案例：四川旅游网站
练习案例：庐山风景网站
第六章 插入多媒体元素
教学案例：在线教育网站
练习案例：中职教育网站
第七章 建立表单
教学案例：用户调查表
练习案例：网上定书单
第八章 CSS样式表
教学案例：科讯公司网站
练习案例：今日新闻网站
第九章 项目实战
教学案例：班级网站
练习案例：自拟主题
2.各章节内容安排理由及教学处理。第一章介绍什么是网页、网站、网页制作，对于一名网页制作初学者，应该对所学学科有大致的认识，对网页、网站的理解要从原来的非专业角度提升到专业角度，对网页制作的流程要有更系统的认识，要了解一个网站从输入它的网址到能看到网站内容，这之间发生了什么？最后我们可以利用WINDOWS自带的服务器功能建立一个站点，并可在互联网上申请虚拟空间，将我们的简易网站上传上去，为互联网上的用户所浏览。这一系列的过程能极大的激发学生学习网页的兴趣，从实战的角度感受建站的乐趣。教师在讲解这一章时，确实要带领学生真实地申请虚拟空间，并上传网站，只有将此落到实处，才可真正激发学生动手的兴趣。
第二章Dreamweaver CS3软件介绍，作为所见即所得的网页制作软件，适合网页制作的初学者使用，在这一章中教师应强调拆分视图的使用，通过效果与代码的对比，促进学生对HTML代码的学习，当然并不只是这一章，接下来的学习，教师也应该常使用拆分视图引导学生为可持续性的学习打下良好的基础。
第三章表格处理与页面布局，关于页面的布局有两大模式：一是传统的表格、二是大势所趋的DIV CSS，为什么笔者仍然选择表格布局模式？原因如下：表格布局效果直观，有利于初学者的学习，表格布局的学习更为简单，更易上手，学习者更有成就感，表格与DIV CSS的布局模式并不冲突，不会对将来的DIV CSS的学习造成更大的困难。所以结合学习者特征，笔者仍然采用表格作为布局的手段。在教学上教师要重视表格的学习，在后续的学习中，表格是基础是重要的，学习者对表格布局掌握好了，就能降低学习的难度、加快学习的进度。特别要强调的是对标签选择器的使用，教师要强调标签选择器的使用，这是制作网页的利器，应该反复强调。从第三章开始，每一章节都会有一个教学案例和练习案例，有利于案例教学法及自主实践教学法的实施。
第四章图像的插入与编辑，关于图像的插入其实非常简单，如果只是单纯的讲解方法，可以一笔带过，但为什么要花一个章节来讲解呢？在网页制作的学习过程中，笔者更认可完整网站的制作，网站可以是只有三、四个页面的小网站，但完整性的网站可以让学习者在制作中感受网站的规划与设计风格，为最后一章的项目实战打下基础，之前有些教材如网页制作百例之类的，笔者认为不适合初学者的学习。这一章的教学处理上，也应让学习者完成两个案例的制作。
第五章創建超级链接，这一章的内容也是网页制作的重要操作，在教学处理上，考虑到前两章已经对表格布局操作有了充分的练习以及课时的安排，可以考虑将练习案例作为课后练习，将课时补充给后续的章节。
第六章插入多媒体元素，虽然文字是网页不可或缺的元素，但声音、动画、视频可以丰富网页内容，增强网页可观性，这部分的内容也是能激发学习者兴趣的内容，在教学处理上可结合自主探究方法，锻炼学习者自主实践能力，在内容处理上，也可将练习案例做为课后练习。
第七章建立表单，本教材只讲述静态网页的制作，表单的制作为今后的动态网页制作打下基础，教师在讲述表单内容时可以提及动态网页的内容，结合真实网站注册页面来讲解，效果会更佳，并仍然强调代码与效果的结合。
第八章CSS样式表，学习者要理解和区分Dreamweaver中的三种样式，要明白样式定义中八大分类的功能，并结合代码来学习。这部分的学习对学习者而言是有些困难的，教师要引领学生多去尝试八大分类各自的使用，在参与中体验感悟CSS的作用。
第九章项目实战，这一章是最后一章，教学案例是一个班级网站，详尽得讲解了从网站的规划、资料的收集、设计图的制作再到Dreamweaver的整合的过程，贴近真实的市场动作，从无到有的网站制作过程，通过这一章的实践，学习者会有很大的收获。最后的练习案例是由学生自主选题，可以小组形式完成。
三、教法指导
本教材的编写结构适合于案例教学、任务驱动、学生自主实践教学法的实施，充分让学生能“参与、体验、感悟”网页制作的过程。
四、学习评价
采用过程性评价机制，结合最后一章的网站项目，综合学生自评、他评、教师评价，全面考核学习者的学习成绩。
五、结语
以上是笔者结合《网页制作》教学一线工作对中职学校教材编写的实践和体验，“以服务为宗旨、以就业为导向”为指导思想，以“参与、体验、感悟”为改革思路，吸引更多的中职学生主动参与网页制作、在体验中感受到设计的乐趣，在感悟中得到自信与力量，中职教师任重而道远！
参考文献：
[l]陆莹.网页制作DreamweaverCS3[M].华东师范大学出版社，2010.
[2]常丽丽.中等职业学校网页制作课程教学的探讨[J].计算机光盘软件与应用，2011，（24）.
[3]钟岸堂.中职《网页制作》课程教学改革初探[J].广东教育，2010，（10）.
[4]陈伟.贯彻紧缺人才培养精神——评《网页制作》教材[J].职教论坛，2004，（07）.
关键词：网页制作；课程改革；以就业为导向
中图分类号：G712？摇 文献标志码：A 文章编号：1674-9324（2013）16-0220-02
网页制作方面的书籍很多，却很难找到适合中职学生的网页制作入门级书籍，借着我校国家示范校创建的春风，本人尝试去规划一本适合计算机专业学生的网页制作入门级教材。
一、教材总体规划
1.指导思想：本着以学生为本，从学生实际和特点出发来规划教材。结合我们中职学生“轻理论、重实践”的特点，入门级的网页制作教材应言简意赅，但却要联系网页制作行业的具体实际，培养可持续成长IT人才，遵循“以就业为导向”的指导思想。
2.教材目标：了解网页制作的相关概念、熟悉Dreamweaver CS3的基本操作、能完成教材中的静态网站项目、能独立制作一个静态网站。
3.适用对象：所有网页制作初学者，特别是中职学生。
4.前导课程：PHOTOSHOP、FLASH
二、教材具体实现
1.教材主要内容如下。
第一章 什么是网页、网站、网页制作
网页、网站、网页制作的概念
网站建设的流程
简易网站的搭建
第二章 Dreamweaver CS3软件介绍
软件及界面简介
站点管理
编写第一个页面
第三章 表格处理与页面布局
教学案例：全运会网站
练习案例：世博会网站
第四章 图像的插入与编辑
教学案例：上海新貌网站
练习案例：七彩云南网站
第五章 创建超级链接
教学案例：四川旅游网站
练习案例：庐山风景网站
第六章 插入多媒体元素
教学案例：在线教育网站
练习案例：中职教育网站
第七章 建立表单
教学案例：用户调查表
练习案例：网上定书单
第八章 CSS样式表
教学案例：科讯公司网站
练习案例：今日新闻网站
第九章 项目实战
教学案例：班级网站
练习案例：自拟主题
2.各章节内容安排理由及教学处理。第一章介绍什么是网页、网站、网页制作，对于一名网页制作初学者，应该对所学学科有大致的认识，对网页、网站的理解要从原来的非专业角度提升到专业角度，对网页制作的流程要有更系统的认识，要了解一个网站从输入它的网址到能看到网站内容，这之间发生了什么？最后我们可以利用WINDOWS自带的服务器功能建立一个站点，并可在互联网上申请虚拟空间，将我们的简易网站上传上去，为互联网上的用户所浏览。这一系列的过程能极大的激发学生学习网页的兴趣，从实战的角度感受建站的乐趣。教师在讲解这一章时，确实要带领学生真实地申请虚拟空间，并上传网站，只有将此落到实处，才可真正激发学生动手的兴趣。
第二章Dreamweaver CS3软件介绍，作为所见即所得的网页制作软件，适合网页制作的初学者使用，在这一章中教师应强调拆分视图的使用，通过效果与代码的对比，促进学生对HTML代码的学习，当然并不只是这一章，接下来的学习，教师也应该常使用拆分视图引导学生为可持续性的学习打下良好的基础。
第三章表格处理与页面布局，关于页面的布局有两大模式：一是传统的表格、二是大势所趋的DIV CSS，为什么笔者仍然选择表格布局模式？原因如下：表格布局效果直观，有利于初学者的学习，表格布局的学习更为简单，更易上手，学习者更有成就感，表格与DIV CSS的布局模式并不冲突，不会对将来的DIV CSS的学习造成更大的困难。所以结合学习者特征，笔者仍然采用表格作为布局的手段。在教学上教师要重视表格的学习，在后续的学习中，表格是基础是重要的，学习者对表格布局掌握好了，就能降低学习的难度、加快学习的进度。特别要强调的是对标签选择器的使用，教师要强调标签选择器的使用，这是制作网页的利器，应该反复强调。从第三章开始，每一章节都会有一个教学案例和练习案例，有利于案例教学法及自主实践教学法的实施。
第四章图像的插入与编辑，关于图像的插入其实非常简单，如果只是单纯的讲解方法，可以一笔带过，但为什么要花一个章节来讲解呢？在网页制作的学习过程中，笔者更认可完整网站的制作，网站可以是只有三、四个页面的小网站，但完整性的网站可以让学习者在制作中感受网站的规划与设计风格，为最后一章的项目实战打下基础，之前有些教材如网页制作百例之类的，笔者认为不适合初学者的学习。这一章的教学处理上，也应让学习者完成两个案例的制作。
第五章創建超级链接，这一章的内容也是网页制作的重要操作，在教学处理上，考虑到前两章已经对表格布局操作有了充分的练习以及课时的安排，可以考虑将练习案例作为课后练习，将课时补充给后续的章节。
第六章插入多媒体元素，虽然文字是网页不可或缺的元素，但声音、动画、视频可以丰富网页内容，增强网页可观性，这部分的内容也是能激发学习者兴趣的内容，在教学处理上可结合自主探究方法，锻炼学习者自主实践能力，在内容处理上，也可将练习案例做为课后练习。
第七章建立表单，本教材只讲述静态网页的制作，表单的制作为今后的动态网页制作打下基础，教师在讲述表单内容时可以提及动态网页的内容，结合真实网站注册页面来讲解，效果会更佳，并仍然强调代码与效果的结合。
第八章CSS样式表，学习者要理解和区分Dreamweaver中的三种样式，要明白样式定义中八大分类的功能，并结合代码来学习。这部分的学习对学习者而言是有些困难的，教师要引领学生多去尝试八大分类各自的使用，在参与中体验感悟CSS的作用。
第九章项目实战，这一章是最后一章，教学案例是一个班级网站，详尽得讲解了从网站的规划、资料的收集、设计图的制作再到Dreamweaver的整合的过程，贴近真实的市场动作，从无到有的网站制作过程，通过这一章的实践，学习者会有很大的收获。最后的练习案例是由学生自主选题，可以小组形式完成。
三、教法指导
本教材的编写结构适合于案例教学、任务驱动、学生自主实践教学法的实施，充分让学生能“参与、体验、感悟”网页制作的过程。
四、学习评价
采用过程性评价机制，结合最后一章的网站项目，综合学生自评、他评、教师评价，全面考核学习者的学习成绩。
五、结语
以上是笔者结合《网页制作》教学一线工作对中职学校教材编写的实践和体验，“以服务为宗旨、以就业为导向”为指导思想，以“参与、体验、感悟”为改革思路，吸引更多的中职学生主动参与网页制作、在体验中感受到设计的乐趣，在感悟中得到自信与力量，中职教师任重而道远！
参考文献：
[l]陆莹.网页制作DreamweaverCS3[M].华东师范大学出版社，2010.
[2]常丽丽.中等职业学校网页制作课程教学的探讨[J].计算机光盘软件与应用，2011，（24）.
[3]钟岸堂.中职《网页制作》课程教学改革初探[J].广东教育，2010，（10）.
[4]陈伟.贯彻紧缺人才培养精神——评《网页制作》教材[J].职教论坛，2004，（07）.