网页制作与设计教学大纲

网页制作与设计教学大纲（精选7篇）

网页制作与设计教学大纲 篇1

课程编号：

总学时数：36学时（其中讲授：20学时，实验：16学时）

一、课程性质、目的和要求

本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会，运用掌握的Flash等其他制作工具软件，在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习，学生能够具备以下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料，MTV等。同时培养学生以下素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。

二、教学内容、要点和课时安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX简介

2．Dreamweaver MX的工作界面介绍

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻，便于以下课程的深度学习。

第二章 创建站点 1．站点的规划

2．创建本地站点 3．创建ASP站点 4．连接数据库

2学时

2学时 5．站点的管理与维护 6．发布站点 要求：了解站点的基本概念，熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点，定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的输入 3．创建文本列表 4．CSS样式文件的创建

5．将文档中的样式导出为CSS样式文件 6．文本格式化综合实例

要求：学习如何插入文本、设置字体类型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式。通过学习掌握利用CSS样式格式文本，掌握导出和使用CSS样式文件的基本方法。

第四章 图像

2学时

2学时

1．常用图像文件格式 2．插入图像 3．设置图像的属性

要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性，利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其属性设置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格等操作。

第六章 框架 1．创建框架

2．框架和框架页的基本操作

3．设置框架和框架页的属性、大小及背景色

2学时

2学时 4．框架及框架页综合实例

要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置，掌握框架结构的主要功能在于导航。注意框架和框架集的区别。

第七章 页面布局视图的使用

1．布局单元格和布局表格 2．绘制布局表格和布局单元格 3．布局表格和布局单元格的基本操作

4．设置布局宽度

要求：重点掌握如何创建布局表格和布局单元格，掌握布局视图的切换方法，掌握布局表格和布局单元格属性的设置和意义。

第八章 链接

3学时

3学时

1．链接、路径与锚

2．建立链接 3．建立特殊链接

要求：了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别，学会使用特殊链接（书签、电子邮箱、网站URL）,理解掌握链接目标的指定。

第九章 表单 1．表单概述 2．创建表单 3．表单对象 4．客户注册表单 5．网上调查表单

要求：掌握如何创建表单，以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法，理解表单处理的原理，能够完成基本的表单设计。

第十章 层

1．关于层

2．创建层

3．显示隐藏层实例

4．下列菜单实例 5．层综合应用实例

要求：让学生掌握层的概念和层的分类，掌握关于层的属性，掌握建立层的基本方法，掌握层的各种属

2学时

2学时 性的设置。

第十一章 行为

1．什么是行为

2．行为面板的用法

3．行为的基本操作

4．使用Dreamweaver自带的行为

5．行为应用实例

要求：重点掌握DreamweaverMX自带的行为的使用方法，掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法，能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改。

第十二章 时间轴与动画

1．时间轴面板

2．使用时间轴创建动画

3．修改时间轴

4．创建录制路径动画 5．在时间轴中改变对象属性

6．在时间轴中使用行为

7．时间轴动画实例

要求：掌握如何使用时间轴创建时间线动画，重点掌握如何修改时间线及其对象的属性，添加和删除祯、修改动画的起始时间、修改动画路径的位置等。

第十三章 Dreamweaver MX程序设计

1．Dreamweaver MX程序设计基础 2．建立数据库连接 3．定义记录集

4．动态数据绑定 5．应用服务器行为

要求：掌握基本的术语和如何建立数据库连接，掌握如何建立记录集，以及记录集中数据的绑定，了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为，掌握WEB应用程序的构建。

第十四章 模板与库

1．什么是模板和库

2．创建模板

3．定义可编辑区域

2学时

2学时

2学时

2学时 4．应用模板建立网页 5．应用模板更新站点 6．库的使用

7．模板的创建与设置实例

要求：掌握模版和库的原理和优势，掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件。第十五章 代码片断

1．使用代码片断 2．代码片断的创建

3．代码片断的使用

4．代码片断的创建与使用综合实例

要求：理解代码片断的概念，掌握创建代码片断的方法，掌握如何使用代码片断。第十六章 经典实例

1．个人网站 2．网站论坛

要求：了解页面的整体设计，掌握表格的高级应用技巧，了解交互网站的运行机制，掌握服务器行为的应用，学生通过锻炼，掌握创建网站的全部过程和机制，能够独立网站一个小型的全面的个人网站。

4学时

2学时

三、教学方法

要求：

1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主，辅之教学课件等方法进行教学。

2、结合本学科特点在教学过程中，使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。

四、成绩考核方法：

要求：

1、课后试验作业每周一次。

2、期末考试采取理论考试为主、大作业（完整的个人网站）为辅的形式。

3、平时成绩30%、期末成绩70%，期末考试（笔试70%，大作业30%）。

五、教材与主要参考书目

教材：

路甬祥：《DreamweaverMX职业技能培训教程》，电子科技大学出版社，2004年3月。参考书： 位元文化：《CSS/HTML网页设计》，中国铁道铁道出版社，2002年2月。

刘洪武：《网页设计与制作（高职教材）》，大连理工大学出版社，2003年7月。李卓玲：《java程序设计语言》，大连理工大学出版社，2003年8月。

网页制作与设计教学大纲 篇2

1 网页设计与制作教学平台的框架

网页设计与制作教学平台通过提供一个真实的网站发布和展示的空间,使得学生能够体会完整的网站发布的过程,从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户,并可以给用户分配主目录,设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上,分析了FileZilla的配置文件的格式以及各参数的语义,开发了批量生成FTP用户的扩展程序。它能够依据学生的学号,快速地在FileZilla中创建用户,并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序,从而使得学生能够完整的体验网站的发布过程。

网页设计与制作教学平台的框架如图1所示。

其中各部分的功能如下:

FileZilla FTP服务器:负责接受用户以FTP方式上传的网站内容。

Apache Web服务器:负责把用户上传的网站内容以WWW的形式向外发布。

存储:负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

FileZilla扩展:负责批量地创建FTP用户

前端页面生成器:负责根据学生信息自动创建学生作品的展示页面。

2 FTP服务器平台的建立

2.1 FileZilla的配置信息

FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件,其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下:

其中各行配置的含义如下:

1:用户user01的配置信息起始处

2:用户的密码

3:用户所属的组。同一组用户拥有组的相同的配置,从而减少配置的工作量。

4-6:限制来自某些IP地址的用户不能访问服务器。

7:用户的主目录,即用户登录后进入的目录。

8:用户读文件的权限。如果值为1,则拥有读文件的权限。

9:用户写文件的权限。如果值为1,则拥有写文件的权限。

10:用户删除文件的权限。如果值为1,则拥有删除文件的权限。

11:用户追加文件的权限。如果值为1,则拥有追加文件的权限。

12:用户创建文件夹的权限。如果值为1,则拥有创建文件夹的权限。

13:用户删除文件夹的权限。如果值为1,则拥有删除文件夹的权限。

14:用户列出文件夹的权限。如果值为1,则拥有列出文件夹的权限。

16:用户user01的配置信息结束处

通过对FileZilla配置信息的解读,为自动建立配置信息文件奠定了基础。

2.2 FileZilla扩展的开发

我们使用VB.Net开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号,使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义,自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

当点击“生成配置信息”后,通过如下的代码批量地生成所有用户的配置信息。

2.3 用户主目录的自动创建

根据学生的学号,我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

通过循环读取学生的学号,使用“My.Computer.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

2.4 配置信息的生效

关于所有学生的配置信息生成后,通过先把“FileZilla服务”停止,然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹,并重新启动“FileZilla服务”,批量创建的用户即可生效。

3 Web服务器平台的建立

当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后,需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录,并开发了自动生成展示界面的前端页面生成器程序。其中,为学生的每次上传的作品生成对应的通过Web服务器发布的链接。

4 结束语

网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发,建立了面向网页设计与制作的教学平台,弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷,使得学生能够获得与实际接轨的完整的网页设计制作的经验。

参考文献

[1]Bradley J C,Millspaugh A C.Visual Basic.NET程序设计[M].李旭,译.北京:清华大学出版社,2008.

[2]Randolph N.Visual Studio2010高级编程[M].任鸿,译.北京:清华大学出版社,2012.

[3]Powers L,Snell M.Visual Studio技术大全[M].刘彦博,译.北京:人民邮电出版社,2009.

[4]FileZilla project[EB/OL].http://filezilla-project.org.

[5]Apache HTTP Server project[EB/OL].http://httpd.apache.org.

网页制作与设计教学大纲 篇3

【关键词】网页制作;教学;设计

早在20世纪初，我国就已经把“网页制作”作为高校基础课程的内容。“网页制作”不仅能提高学生对信息技术的应用能力，还能提升学生的动手能力和设计、规划能力，有利于促进学生的全面发展。在近年来的实践中，“网页制作”课程的开展已在高校取得了较好的效果，在培养学生团队合作、自主创新能力方面都取得了卓越的成效。

1.教学现状

网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。

在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。

网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。

2.教学目标

网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：

2.1 知识目标

在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术，动画、音频的处理技术，网页编辑、链接的技术，图形绘制晕染的技术等。

2.2 技能目标

技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景图片和音乐以丰富网页内容，增加网页的观赏性和完整度。

2.3 情感目标

情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。

3.网页制作课程的内容

网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flash动画制作软件。

4.网页设计课程的设计思路

尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。

在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的難度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。

课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。

5.教材分析

我国大部分高校在进行网页制作教学时都采用了《Dreamweaver中文网页制作基础》这一教材。这本教材的最突出优点就是采用了设置任务的模式完成网页制作的教学。在每一章内容的介绍中，教材中都会设置相应的教学任务和实用案例。学生在完成任务的同时，对教材中涉及到的基础知识点和操作技巧都进行了应用，并在不断操作中强化了记忆，相较于传统的教学模式，更有利于学生对知识的掌握和应用。另一方面，这本教材的内容设置充分遵循了学生的学习规律，并把握好了重点。在教材的前半部分是对网页设计基础知识的简介，其中包含了对数据库软件、Office应用软件、Flash软件等软件的操作规范和说明，使学生在进行实际的上机操作前，对这些基础知识点有了较为全面的把握。教材的重点放在了网页的设计过程上。教材对网页设计的步骤进行了详细、具体的说明，并通过文字和图形结合的方式向学生展示了一些具体操作流程，学生能在较短时间内掌握设计方法，完成网页的自主设计。

6.结语

网页制作是一门综合性很强的学科，对学生的理解能力、设计能力、审美情趣及动手操作能力进行了综合的考查。同时，对于教师而言，网页设计课程的开展也考查了教师的授课能力和创新意识。在网络技术日新月异的今天，掌握好网页制作技术有利于开发学生的创新精神和合作精神，提高学生的综合素质。

参考文献

[1]王晓晴.浅谈“网页制作”之网页版面的教学设计[J].计算机光盘软件与应用，2014（2）：31-34

[2]薛巧梅.任务驱动教学法在网页制作教学设计中的应用[J].武汉船舶职业技术学院学报，2013（5）：69-71

[3]高晶.浅谈任务驱动教学法在网页制作教学设计中的应用[J].中国校外教育（基教版），2012（12）：99-102

网页制作教学设计与创新 篇4

1、“学训合一”创造真实的职场环境

课程内容主要围绕培养学生在中小企业网站设计、维护方面等技能，以职业活动的工作过程为依据而进行改造。主要内容包括：网站需求与规划、网站效果图设计、静态商务网站设计。采用全机房教学，形成仿真的工作场所，使教学过程变为生产过程，学习任务变为工作任务，使学生通过学习亲身体验工作。

2、“学做一体”教学模式的教学组织过程

在工作环境建立的基础上，课程的实施过程通过一体化教学来完成，主要包括以下几个环节：①以流程为主线，确定每阶段的工作主任务，以及围绕主任务必须完成相应系列的子任务，在明确任务目标下的前提下，学生在教师案例中“学”，在自己中的作品中“做”。②老师以每个工作任务为考核阶段，加强对学生学习的过程控制，使考核目标分解到具体的任务中去，过程评价能够使学生加深对知识的理解和应用。③整个教学结束，学生的作品也相应形成，可作为最终考核的依据。

3、基于工作过程的教学

在“学做一体”模式下，教师是一体化教师，即专业理论课教师与实习指导课教师构成了一体。教师的指导作用体现在：一是对理论知识的指导。教师可以采取集中讲解、个别辅导、示范等方法进行解惑。二是实践操作的指导。对学生操作过程中遇到的困难以及操作的不规范性给于正确的指导，使学生养成正确规范的操作要领；三是课程组老师丰富的企业实践背景，让学生了解企业的各种管理规定以及企业文化，规范学生的行为，培养良好的工作习惯，提高学生的综合素养。

4、课程考核

网页设计与编程课程设计教学大纲 篇5

填写院系：电子学院信息系_ 课程名称：《网页设计与编程》课程设计 课程编号：_________

一、课程基本信息

1、课程类别：必修

2、适用专业：管理信息与管理系统（本科）

3、课程总学时：一周（32学时）

二、本课程设计的任务与目的

《网页设计与编程》课程是一门实践性较强的课程，课程设计环节是课程学习的重要组成，是课程教学的必经步骤，通过一次集中的强化训练，使学生能及时巩固已学的知识，补充未学的但又必要的内容，全面了解网站建设、网页设计与编程的基本概念，基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法,能够完成一般性网站的建设，并能够对网站进行管理和维护。

三、课程设计的基本内容与要求：

鉴于课程设计的性质、要求和具体内容，对课程设计提出如下要求；

1、关于课题及选题

在课程设计任务书对选题的要求进行说明，并列出了几个参考设计题目。参加课程设计的学生首先要了解设计的任务，仔细思考设计要求，然后根据自已的基础和能力情况选择具体的题目。一般来说，选择课题应以在规定的时间内能完成，并能得到应有的锻炼为原则。

若学生对任务书中选题要求以外的相关课题较感兴趣，希望选作课程设计的课题时，应征得指导教师的认可，并写出明确的设计要求和说明。

2、关于设计的总要求

在设计时，要严格按照要求独立进行设计，不能随意更改。若确因条件所限，必须要改变课题要求时，应在征得指导教师同意的前提下进行。

3、验收

在课程设计完成后应由指导教师当场运行、验收，只有在验收合格后才能算设计部分的结束。

4、设计报告

课程设计结束后要写出课程设计报告，以作为整个课程设计评分的书面依据和存档材料。设计报告一般要以固定规格的纸张书写并装订字迹及图形要清楚、工整(电子文档尤佳)。内容及要求如下：

（1）设计任务、要求及所用软件环境或工具。

（2）网站的规划及简要说明,包括必要的市场分析, 确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。

（3）网站的栏目组成、各栏目的简要说明、网站的导航结构图。

（4）网站中各栏目内容的详细介绍，主要的制作思路及过程。

（5）设计总结和体会。

（6）验收情况。

四、课程设计设备及材料

计算机；Dreamweaver MX 2004；Fireworks MX 2004； Flash MX 2004；Photoshop 7.0等。

五、考核方式与评分办法

课程设计的成绩评定以选定课题的难易度、完成情况、设计报告以及课程设计期间的考勤情况进行综合评分。

具体评分办法如下：

课题成绩40%，设计报告20%，平时成绩20%，老师提问20%。

本次课程设计作为单独一门实践课，成绩等级分为优、良、中、及格、不及格五级。

六、课程设计的参考书

1、刘瑞新等．网页设计与制作教程．机械工业出版社．2006

2、梁奕缤．网页制作课程设计案例精编．中国水利水电出版社．2006

3、张金霞． HTML网页设计参考手册.清华大学出版社．2006

4、宋朝东．巧学巧用HTML、CSS、JavaScript制作网页．人民邮电出版社．2005

5、张孝祥 张红梅．JavaScript网页开发－体验式学习教程． 清华大学出版社．2004

本大纲主撰写人：莫小梅

网页制作与设计教学大纲 篇6

《网页设计与制作》是高等职业技术学院计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。

因此,在本门课程进行体系构建时,应以适应高职高专人才培养为目标,以职业技术能力为主线,构建起课程的知识、能力、素质结构,重点突出实践技能。

(1)课程知识结构体系的构建

从网络的实际应用出发,介绍网站的作用,以实际应用作为教学的切入点和核心,将基本理论和概念融入各个实例,并不断辅以相关新知识,以适应网络不断发展的新需要。

(2)课程能力结构体系的构建

课程能力结构强调实际制作网站的能力,要通过网站实际设计将各知识点吸收巩固,以上升为应用能力。因此,通过网站的实验、实习、实训,达到能够熟练进行网站设计的能力水平。

(3)课程素质结构体系的构建

网站的综合设计是一项复杂工程,需要有坚韧不拔的精神,勇于前进,不轻言放弃,可培养学生刻苦钻研、勇于开拓的创新精神。网站设计的多人合作,也能够加深学生团结协作、互帮互助的集体观念。同时,也能够培养其科学严谨、实事求是的工作态度,全方位地提高学生综合素质。

2 教学内容组织与安排

教学内容强调理论够用,突出实际网站实际制作,把实用技术作为重点。内容新颖、信息量大;并能够随计算机行业的不断发展,及时把教改科研成果或学科最新发展成果引入教学;课程内容的基础性和先进性、经典与现代关系处理得当、本课程与相关课程内容关系处理得当。

教学内容安排上更注重理论与实际联系,并能够将知识的传播、能力的培养和素质教育融为一体;能够很好地做到课内知识与课外实践的结合;教书育人效果明显。

3 实践教学内容与方法

根据课程要求设计安排大纲要求的所有实验,实验内容和数量充足。此外还安排了的其他各类实践活动,能够很好地满足不同层次学生的要求,如第二课堂、实习实训、校园网设计、企业网站设计等;在实践教学环节中注重培养学生发现问题、分析问题和解决问题的能力,在这方面效果显著。

4 教学改革

(1)课程体系和教学内容的改革

针对高职高专学生的特点,根据“高职教育培养高等技术应用性专门人才”的培养目标,对课程进行了适当调整,从教学内容上淡化理论体系,抓住本质,突出应用,增强教学的针对性。在教学中根据不同专业的要求,与相关课程进行配合,遵循“必需、够用为度”的原则,将教学重点放在“理解概念、强化应用、培养技能”上,加大了实习实训的教学时数。搞好模块化,增强每节课的独立性,在每节课都精心编选了突出知识点的范例和习题,让学生在实践中掌握知识点,在不知不觉中理解概念。

(2)教学方法环节和教学手段改革

在教学过程中,加大改革力度,更加突出以学生为主体的素质能力培养型的教育教学方法。更多地采用启发式、直观式、讨论式教学,鼓励学生独立思考,让学生变被动学习为主动学习,激发学生的主动性、调动学生的兴趣、挖掘学生的专业潜能。同时,实行模块教学、案例教学等多种先进有效的教学方法和模式,增强学生的应用能力,真正做到理论教学和实践的有机结合。

课堂上采取实例化教学将理论和知识点贯穿到具体的实例中,尽量将课堂教学与实际应用相联系。更好地促进学生掌握知识和用于实践,采取实例化教学中,每个章节都以具有代表性、实用性和趣味性的实例导入,先演示运行的效果和功能,再分析应如何实现,然后展开具体操作过程,然后详细介绍该章节的相关内容和技能,使学生轻松学会实际操作的思路和步骤。精心设计的实例既要生动有趣,又要简单实用,还要使每个章节的几乎所有的知识点都贯穿于一个或两个完整的实例中,这样才能使学生上课感兴趣,轻轻松松记住操作步骤,有效地把所学内容用于实践。另外,上机实践阶段性地布置一些综合性的设计完整网页的课题,发挥学生的主观能动性和创造性。

不断开发、应用教学课件,利用多媒体教学和计算机辅助教学等先进的教学手段,这样,既提高了学生的学习兴趣,拓宽了知识视野,又提高了解决问题的效率和能力,培养了学生的综合素质。

5 教学手段

(1)教学环境

我系建有多个微机室,并宽带接入Internet,由专人负责网络建设、运行和维护,硬件运行良好。因此学生有良好的上机练习环境,可做到人手一机,并可访问网上相关教育教学资源。

(2)现代化教学手段应用情况

《网页设计与制作》课程的教学在现代教育技术的应用方面,已取得一定成效。本课程的教学采用多媒体与上机操作相结合的方式进行,在理论授课时能够基本采用计算机多媒体投影教学,并配备了与教材和参考书配套的学习资料、光盘、电子教案等高质量的音像资料,教师可根据学生的学习情况和上机条件在总学时内对讲授和上机实践时数的比例做适当调整。现代教育技术的应用提高了教学效率,增加了信息量,丰富了教学内容,激发了学生学习的兴趣,取得了良好的教学效果。

6 教学效果

(1)主要教学环节质量

1)课堂情况

在授课过程中,能够根据课程内容组织一些专题讨论,如网站调查、网站美工设计、案例再现等,有针对性将一些重点、难点融入习题或案例中,进行启发式教学,要求学生用所学过的知识或开拓思路去解决,由老师加以辅导,起到引导的作用,既掌握了所学知识,又锻练了学生的能力。

2)考试情况

针对《网页设计与制作》实用性、操作性强的特点,进一步完善了考试制度,有计划地对考试形式、考试内容和方法进行了改革。如将传统的闭卷理论考试改为理论考试与实用操作并行;在课堂教学完成后进行1~2周综合网站大型作业的实训环节,单独计算成绩,更主要地考察学生的自学能力、分析、解决问题的综合能力。

建立了完整的试题库,并且根据计算机不断发展的特点,对试题库不断进行更新、完善,并对历年的考试成绩进行分析,学生成绩分布基本符合正态分布。

3)课外教学指导

在学生中广泛开展各种形式的课外教学活动,如第二课堂、兴趣小组等,招收对本门课程更感兴趣的学生,使其对本门课程或相关课程进行更深、更广的学习和探索。各种活动都有完整的计划、活动内容及记录。并且组织学生参与课程相关的社会活动,实际制作有需求的网站,搞小型作品展示、欣赏等活动。

(2)讲课质量

1)课程讲授效率

从院、系到教研室始终注重课堂教学讲授效率,并且进行规范化管理,每学期都能够做到学期初期授课计划、实训计划按时制订准备,中期进行教学进度与教案检查,期末进行学期教学质量检查,使老师都能在规定时间内完成课程的全部教学要求,提高了师资队伍的整体水平。

2)讲课质量

全部采用启发式案例教学,将本学科的最新发展穿插到课堂中,给学生留有想象和思维空间,注重实践能力和创造力的培养,并在授课中主动征求学生意见,及时改进教学。通过教学方法的改革和教学手段的改进,提高了老师的讲课质量和深度,也提高了学生的综合素质。

3)教学态度与教书育人

课堂上注重教与学的统一,身先示人,教学态度严谨,课堂下注重学生思想状况和生活状态,关爱学生,真正做到教书育人,学生反映良好。

摘要：从课程体系结构、教学内容、教学方法等方面阐述《网页设计与制作》课程的改革方式,以及如何提高学生学习本课程的兴趣和提高教学效果。

关键词：网页设计与制作,教学内容,教学方法

参考文献

[1]黄高琴.网页设计与制作课程教学改革初探[J].吉林省教育学院学报,2008(7).

网页制作与设计教学大纲 篇7

[关键词]网页设计；网页制作；任务驱动；项目教学

《网页设计与制作》作为一门实践和应用能力很强的课程，本门课程在计算机专业课程体系中处于一个非常重要的位置，《计算机网络基础》、《图像处理技术》作为其先导课，为其提供必要的知识准备，比如计算机网络的熟悉、图像处理的掌握等，而《网页设计与制作》课程又为其后续课程《.Net技术基础课程设计》、《.Net高级应用》等课程提供有力的支持，比如开发界面的设计、HTML代码的熟练掌握等等。这就要求学生不仅要掌握专业知识，更要具有运用专业知识分析和解决实际问题的能力。

课程教学中提高学生的实际动手能力是关键。这就要通过对教学内容的合理安排对学生进行正确引导，教学过程以工作项目为主导，教学内容的设计就需要改变传统的以知识点为主体的模式，而以实际工作任务需求为基础，注重理论知识、实践知识与职业技能的综合。教学方法的设计以任务驱动教学法和项目教学法为核心，在具体实施过程中，以任务为主线、教师为主导、学生为主体，把课程的整体内容按知识点划分成多个独立的实际工作项目，使学生既学会了知识，又应用知识完成了多项实际工作，达到了知识和能力的双丰收。

一、理论基础

近年来，计算机技术发展迅猛，知识结构更新速度快，这已成为高等职业院校计算机类课程教学过程中的难题之一。在当今信息时代，计算机技术的普及时刻要求我们必须教会专业学生熟练掌握计算机技能，而计算机硬件、软件的持续更新，又使得“会”的内涵在不断发生变化，这就要求计算机教室在“教”和“学”方面及时更新，以适应计算机发展的需要。

1.任务驱动教学法

任务驱动教学法是近年来广泛应用的教学方法。它是在建构理论的基础上繁衍的一种新型教学模式，学生的学习过程必须与任务相对接，通过问题的导引来激发学生的学习兴趣；从简单的范例入手，带动理论知识的学习，培养学生独立探索、不断创新的学习能力，提高学生的学习兴趣，培养学生主动学习的意识。教师在开始“任务”设计时，要综合考虑到网页设计与制作所涉及的理论、技能及扩展知识的连接，将该任务分解成若干个子任务，以任务驱动的方式分步骤地指导学生完成课业，在完成子任务过程中，由浅入深，循序渐进，保证课堂教学目标顺利完成。

2.项目教学法

项目教学法也是近年来各高职院校广泛应用的教学方法。它以自主式、探索式学习为基础，采用科学实践的方法，激发学生积极主动地学习。在实际教学过程中，教师将需要完成的任务或需要解决的问题以项目的方式下发给学生，教师通过现场分析本次课程的教学内容，分解教学任务，把将要讲授的理论知识融入到学生即将完成的任务中，以小组的方式，由学生本人按照实际工作中的完整流程，共同制订计划、分解任务、分工完成整个项目操作，学习过程成为每个人都参与的团队实践活动，学生通过小组协作方式完成项目，达到真正掌握课堂知识的目的。

项目教学法最显著的特征是以项目为主线，以学生为主体，以教师为主导，它改变了以往教师主动讲授、学生被动听讲的传统教学模式，创造性地提出了学生主动参与、组内自主协作、组间探索创新的教学新模式。学生成为学习的主体，通过独立完成项目，主动把理论和实践有机結合，这不仅提高了学生理论知识水平和实际操作技能，同时在教师正确和有目的的指引下，培养了其团队合作、共同解决问题的能力。

二、任务驱动法的具体应用

1.创建情境，设计任务

授课前，教师提前向专业学生布置这门课程、这个阶段、这个单元、本节课程的学习任务，要求学生课前带着任务和问题去预习；授课时，教师向学生推荐一些和本次课程相关的网页、网站等资源供学生现场欣赏，把学生带入到真实的学习情境中，激发学生的学习热情，引导学生去思考、构想如何设计网页、制作网页，确定本门课程的总任务——建设一个完整实用的网站和页面；教师要针对课程所涉及到的每个知识点将总体任务划分成若干个任务，如文本网页、图像网页、超链接网页、表格网页、框架网页、CSS样式网页、层在网页中运用、时间轴在网页中运用、模板网页和库操作等，再将每个任务进一步划分成若干个子任务。任务的划分应遵循由浅入深，由易到难，即子任务应紧密围绕任务一个个去完成，任务应紧密围绕总体任务一个个去实现。教师根据网页制作的规律，主动创建激发学生学习兴趣的任务，营造愉快的学习氛围，使学生自觉、主动地完成规定任务。

2.分析任务，提出问题

提出任务后，不急于讲解，先让学生带着任务进行思考、分析、研讨，提出完成该任务需要解决什么问题。在提出的所有问题中，有些问题学生以前已经学过的，可以让学生自行去解决；有些问题是学生以前没有接触到的，即隐藏在任务中新的知识点，这正是本次任务需要解决的问题，最好由学生主动提出这些问题，解决问题很容易，仅仅是技能方面的掌握，而提出新问题、从新的视角去看待老问题，却需要学生具有创造性的想象力。例如，在具体应用CSS样式的教学过程中，教师先演示某一网页文字效果，引导学生主动与学过的网页文字效果进行比对，让学生自己去分析任务、提出问题，而不是直接告诉答案，给出现成的结论。

3.自主学习，解决问题

提出问题后，教师先不要直接跟学生讲解问题如何去处理，而是跟学生指明解决问题的思路和线索。要以问题的探索引起和激发学生的爱好和兴趣。学生根据自己掌握的知识独立完成任务，通过主动探索和团队的协作开展活动，在活动的过程中掌握新知识和新技能，并将知识进行融会贯通，并运用到实际操作中。例如，学生如果做一个公司的网站设计，学生就先去上网了解一些其他公司网站的设计思路及效果，然后再尝试根据该公司提供的素材和要求进行设计。在任务制作过程中，要充分考虑到学生间的个体差异，随时给学生提供技术支持，让学生尽快掌握知识，并熟练操作。

4.评价反馈，总结提炼

在教学实施过程中，教师不应以学生所掌握知识的对错为基准，应以学生参与整个教学活动的态度、解决实际问题的能力、创造力的发挥、吸取的经验和教训为基准。对学生整体评价应包含以下几方面内容：是否理解、掌握并熟练操作新知识；自主学习能力是否提高；独立操作能力是否提高；创造性解决问题的能力是否加强等。

三、项目教学法的具体应用

1.设计思路

首先，项目名字的选取既能引起学生的兴趣，又能和实际工作相一致；其次，项目内容的设定要包含所有知识点，各项目间是相对独立又有密不可分的关系，项目的内容激发学生的学习兴趣和愿望，使学生掌握的知识能学有所用、学以致用，真正起到事半功倍的效果；再三，项目内容之间的关系相互递进，螺旋上升，形成了从初学到熟练操作的学习过程。本门课程共划分了七个独立递进的项目，即：制作文本网页、制作超链接导航网页、制作图像和多媒体网页、制作布局网页、使用样式表设计模板网页、制作特效网页、站点的测试与发布。

每个项目的设计与制作过程都包含了整个网页设计全过程，即：项目的分析、设计、制作、测试和发布全过程，完成一个项目就完成一个工作任务。虽然各项目的实施过程是繁琐的，但内容操作上是递进的，细节上是不同的。后续的项目会使用到之前项目的知识点，既巩固了旧知识，有学习了新知识。

2.实施过程

在具体教学过程中，为每个项目设计了相应的任务单，按照实际工作流程，在工作任务单中设计相应的学习情境。例如，某企业想要设计一组网页，用来展示自己企业产品的种类、性能、售后等信息。提出需求如下：主页面的框架结构采用上下结构，上框架中以表格布局的方式放置企业的徽标、标题栏、导航栏，下框架以表格的方式展示企业的相关内容，从感官效果上整体感、立体感非常强烈，能够很好地体现企业的形象。

具体教学过程如下：首先，对学生进行分组，2至4人为一组，以组为单位完成项目的设计与制作过程；其次，小组接到任务单后，由组长给组员分配具体的工作任务，并将分配任务结果填写到任务单上，例如，框架设计、页面设计、首页制作、其他页面制作、美工特效、后期合成等任务；再三，按照具体分工，各组成员开始进行页面分析、设计、制作的工作，并上交作品和任务单。在整个教学实施过程中，教师的角色发生了改变，只是在布置任务前，先将知识点做一下讲解，而后教师便成为项目的指导和顾问，学生成为了学习的主体。

3.考核方式

考核方式由期末考试方式变成过程考核方式，考核方式以每次作品评价、答辩评价为主体。作品评价一方面来自教师的评价，另一方面来自小组间的评价，事先在教室将作品公布，组间进行互评，并写出评价建议，体现评价的公平性、公正性、公开性；答辩评价是对小组中每个成员进行考核的一种手段，在答辩过程中，学生自己阐述工作过程，教师询问有关知识点，并回答情况和任务单给予客观的评价。经过考核后，学生的成绩能够准确地反应出平时学生的理论、实操掌握情况，注重了学生能力的培养，满足了我國高等高职教学的需要。

四、总结

本文围绕《网页设计与制作》这门课程，着重阐述了任务驱动教学法和项目教学法的具体运用和实施。教师在采用这种教学方法授课过程中，有利于学生掌握理论知识，加深理解认识，学会灵活使用这些知识；充分地调动了学生的学习积极性、创造性，使学生成为学习的主体，使学生的学习更能贴近实际工作过程，提高了职业技能，满足社会的需求，符合我国高职院校的培养目标和教学要求。

作者简介

敖冰峰（1974-），男，黑龙江省哈尔滨人，黑龙江职业学院副教授，主要从事计算机教学管理和专业建设工作；徐鹏（1980-），男，黑龙江省哈尔滨人，黑龙江职业学院讲师，主要从事计算机教学和课程建设工作；乔阳（1978-），男，黑龙江省哈尔滨人，黑龙江职业学院讲师，主要从事计算机教学和课程建设工作。