搜索
一、课程简介1．课程地位《网页设计与制作》是计算机网络专业的一门重要的专业核心课程，是我院计算机系计算机网络技术专业重点建设课程之一，目前已经申报了第一批院级精品课程，组建了精品课程教研团队。本课程和《动画设计与制作》、《平面设计与制作》、《多媒体技术与应用》、《数据库》以及《ASP.NET动态网站开发》等课程相结合，形成满足网站维护员、网站开发工程师等职业岗位实际工作需要的课程体系。2.课程性质本课程是网站开发的入门课程，是一门职业能力应用课程。主要让学生掌握HTML、CSS在网页制作中的应用，以及利用Dreamweaver制作网页和管理网站的方法，并且让学生对JavaScript和ASP有一个入门的了解。学习了本课程后，学生可以独立完成静态网站的制作和管理，并且为今后学习动态网站开发课程（例如ASP、ASP.net等课程）打下坚实的基础。3.课程特点（1）本课程实践性强，侧重技能的训练和掌握。（2）为了实现学生获得“双证”的教学目标，课程内容的设定和网页设计师职业资格认证考试内容相结合。（3）以建构主义学习理论为指导，本课程在教学过程中通过网络建构具有协商和对话、资源共享的真正意义的学习环境。（4）课程内容和职业素质融合性较强，在知识产权、团队协作等职业素质的培养方面有比较明确的教学目标。4.选用教材本课程采用的是自编教材——由清华大学出版社出版的《Dreamweaver网页制作实用教程》。本教材是清华大学出版社21世纪师范院校计算机实用技术规划教材，已经被全国多所高等院校选为网页设计与制作正式教材，目前已经重印4次，发行1万多册。由于本课程采用了自编教材，并且有多所高等院校采用本教材进行教学，所以对本课程的进一步改革和发展带来的便利。我们在教学过程中积累经验，寻找不足，和同行进行交流，不断地完善本课程的教学内容和教学方法。二、课程内容Dreamweaver是目前从事网页制作和网站管理的专业软件，在业界使用最广泛，是从事网站开发与管理相关职业必须掌握的软件之一。因此，本课程以Dreamweaver软件为平台，重点介绍HTML、CSS在网页设计与制作中的应用，并对JavaScript和ASP作一些简单介绍。本课程共分3个模块。第一模块：基础模块第1章网页设计基础。主要介绍HTML基础、Dreamweaver的工作环境、在代码视图中创建HTML的方法。第2章网页中的文字和图像。主要介绍在网页中应用文字和图像的方法和技巧。第3章网页中的表格。主要介绍在网页中插入表格的方法，包括对表格代码的理解。另外还介绍了利用表格定位网页元素的方法。第4章网页中的多媒体。主要介绍在网页中应用Flash动画、音频、视频的方法。第5章超级链接。主要介绍在网页中创建超级链接的方法和技巧。第12章开发和管理网站。主要介绍网站开发流程、测试和发布网站、管理网站的方法。第二模块：提高模块第6章用CCS美化网页。主要介绍利用层叠样式表（简称为CSS）定义网页外观的方法和技巧。第7章网页布局。主要介绍在布局模式下进行网页布局的方法、用层进行网页布局的方法以及如何利用CSS进行布局的方法。第8章框架网页。主要介绍框架和框架集的原理和制作方法，另外还包括制作嵌套框架以及在框架集中链接目标的使用。第三模块：扩展模块第9章交互页面。主要介绍行为、时间轴动画以及JavaScript在网页中的应用方法。第10章模板和扩展Dreamweaver。主要介绍模板、Dreamweaver与Fireworks结合以及安装和使用Dreamweaver扩展的方法。第11章表单及ASP动态网页的制作。主要介绍动态网站的运行原理、安装Web服务器的方法、表单网页的制作方法以及Dreamweaver＋ASP制作动态网页的方法。重点：Dreamweaver制作网页和管理网站的方法；HTML和CSS在网页制作中的应用。难点：在代码模式下理解HTML代码以及直接编写网页代码的方法；CSS布局。三、教学目标高等职业技术教育的培养目标是培养适应生产、建设、管理、服务一线需要，德智体美等方面全面发展的高等技术应用型人才。围绕这个培养目标，本课程以职业岗位需求为中心制定了三个方面的教学目标。1.知识目标通过学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及网页设计的基本知识；掌握运用Dreamweaver网页制作软件制作网页和管理网站的方法，并且掌握HTML语言和CSS样式表在网页制作中的应用；初步了解JavaScript动作脚本语言和ASP动态网站编程语言。为今后从事网页设计与制作、网站开发和管理工作奠定基础。2.技能目标通过学习，使学生具备信息收集、处理、准备、加工的能力；具备静态网页设计、网页图形设计、网页动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基本能力。3.职业素质目标通过学习，培养学生按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。四、教学设计高等职业教育肩负着培养面向生产、建设、服务和管理第一线需要的高技能人才的使命。根据高等职业教育的人才培养目标要求，确立了基于职业工作过程，以培养职业能力和素质为重点的课程设计理念。从网页设计实际工作过程出发，抓住重点和难点问题进行任务设计。且遵循二个原则：遵循循序渐进的原则，根据学生接受能力差异、现有水平和兴趣等，由简单到复杂，由表及里；遵循提高能力的原则，注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。下面介绍教学设计的一些特色。1．代码讲解和可视化设计工具相结合，让学生打好坚实的基础HTML、CSS是网页设计的基本技术，也是本课程的重点内容。对于网页设计初学者来说，学习的目的是能够熟练运用一些基本代码，并且能够读懂网页代码。虽然Dreamweaver是一个可视化的网页制作工具，很多网页代码都能够使用可视化制作工具自动生成，但是本课程并不仅仅局限于Dreamweaver可视化制作工具的介绍，而是代码讲解和可视化制作工具相结合，让学生既掌握了Dreamweaver可视化制作工具的应用，也掌握了一些基本的HTML和CSS代码的使用方法。这样为以后更加深入地学习网页设计打下坚实的基础。2．精心设计网页制作案例，以任务为驱动引领学生学习对于网页设计初学者来说，系统掌握Dreamweaver网页制作知识是非常重要的。但是怎样让学生系统学习知识点的时候感觉不枯燥呢？答案就是围绕网页制作案例，以任务为驱动展开教学。本课程根据知识点精心设计了一个个网页制作案例，可以使学生在案例的制作过程中，轻松地掌握网页制作的技术知识和方法。3．加强实践教学设计，提高学生的实际动手能力为符合高职高专技术应用型人才培养目标，按照社会人才需求和计算机网络技术专业特点，本课程加强教学实践活动，保证学生职业技能与素质的培养。本课程采用2+2的授课形式，每进行两课时以教师为主导的授课就进行一次两课时的以学生为主导的上机实践活动。本课程为学生精心设计了上机练习的内容，学生采取分组以团队的方式进行实践活动。这样使他们能有更多机会彼此分享各人的意见和见解，增强学生尤其是性格内向的学生的自信心和胆量，同时也使学生明白企业的工作并非单兵作战，培养学生团队精神和创新精神。4．革新考核方案设计，加强课程质量保证体系建设对于该课程，作业考核是主要的考核方式，结合学生专业特点，以上交作业的形式，让学生完成各种与专业联系密切的项目任务。学生的最终成绩折算包含作业成绩（70%）和平时考核成绩（30%）。作业包括平时的小作业、期末的大作业，平时考核包括上机实践、出勤、上课回答问题等情况。五、学法指导最先进的建构主义学习理论告诉我们，建构一个真正意义上的学习环境是学习成功的关键所在。学习环境中有真情实境、有协商和对话、有共享资源的支持，才能使学生高效率的学习，并且学有所成。本课程注重学习环境的建构，注重学生的参与性和交互性。主要进行了以下几个方面的工作。1.开发了供学生自主学习的学件为了方便学生自主学习，本课程开发了配套的多媒体学件，文件格式为swf。我们已经和一些知名网站合作，将这些学件发布在了Internet上。学生可以随时随地跟随这些学件进行学习。2.专设了资源网站丰富的共享资源是建构学习环境必不可缺少的要素，因此为学生专门开发了一个资源网站，在这里学生可以得到更多、更新的共享资源。3.提供交流论坛为学生专门设置了一个BBS论坛，学生可以随时登陆论坛与其他学生甚至是其他院校的学生或者老师交流讨论。六、课程改革根据市场对学生能力的需求，依据实际工作岗位职业标准，结合社会的发展，构建高职院校《网页设计与制作》课程基于工作过程和项目开发的工学结合课程新体系是我们的课程改革方向。具体建设规划如下：（1）加强实训基地的建设，多和相关IT公司结盟，研究他们的工作过程和项目要求。（2）研究并总结出典型的项目案例以及相应的工作过程。（3）根据教学大纲并结合具体的项目案例，撰写出详细的课程改革规划。（4）加强教学过程中的实训环节，以项目案例为驱动进行基于工作过程的教学实践和研究。（5）申报校级、省级精品课程。在申报过程中不断完善课程建设规划。（6）开发相应的项目式教材。