网页制作与设计大全11篇

网页制作与设计篇（1）

第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。

第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。

第七，在左框架的表格中选中文字，分别设置文字的超链接。

第八，按下F12键，打开浏览器查看网页内容。

这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。

三、表格和框架的优缺点

表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。

框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。

使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。

网页制作与设计篇（2）

根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：

一、课程标准

专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。

职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。

职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。

二、课程设计

围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。

工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。

工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。

学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：

三、实施建议

（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。

（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。

《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。

网页制作与设计篇（3）

前言

互联网技术的推广与发展进程不断加快，对人们的日常生活与工作各方面都产生了重要影响。网页的设计与制作随着网络技术、科技水平的发展受到人们的高度重视，其主要是将网络作为主要载体，将各种信息以更加快捷、方便的形式传达给人们。根据相关数据统计显示，从事网页设计制作的人员达到了300万之多，但在网页设计发展过程中还存在诸多问题，因此应突破网页结构单一、空洞等问题才能将网页的设计与制作水平进一步提升[1]。

1Web标准技术概述

1.1Web标准内涵

Web标准不仅仅作为标准，其主要是对一系列标准进行组合。一般的网页中主要由结构、行为、表现三部分共同组成，并与XML、XHTML相对应，表现对应的标准可以将其成为CSS。1.1.1结构在结构中主要的技术可包含拓展超文本标记语言与可拓展标记语言，在网站王者设计中主要将其应用在网页数据分类以及整合方面。在两个标准中，XML的表现形式为源语言，其主要是让用户字自身的语言进行标记与重新定义，具备较强的数据转换功能。1.1.2行为在Web标准的行为中，主要包含ECMAScript[2]与对象模型。其在网页设计与制作中主要可以应用在交互式的操作网页文档方面。其可以将界面上操作对象实施的交互操作有效实施，利用DOM可对对象有效定义与修改，还可将对象之间存在的各种关系有效处理。1.1.3表现其中最主要的技术便是CSS，通常人们将其成为层叠样式表，在网站网页设计中可应用改在控制浏览器的显示方面，其也是决定网页设计风格的主要因素。

1.2基于Web标准前提下的网页设计流程（略）

2基于Web标准标准的电子商务网页设计与制作流程

在基于Web标准进行电子商务网站网页设计的过程中，主要包含内容分析、结构设计、方案设计三部分。在进行布局设计的过程中，可利用XHTML与CSS对页面进行合理布局，可实现网页布局的目标。在进行设局实际过程中，可利用CSS与美工设计元素互相结合，将设计方法转化为最终的网页。

2.1内容分析

网页设计作为视觉语言的主要表达方式，应进行合理的编排与布局，从而确保网页的布局更加清晰、合理、内容充实。在进行网页版面布局的过程中，应将网页设计的更加醒目，使用户在使用过程中对各项功能一目了然，其他部分的版面设计应与主页的风格保持一致。较为常见的布局模式包括国字型、厂字型等。本文将以汽车用品为主的销售网站作为案例分析，由于汽车商品类型多样[3]，在设计网页过程中，应将商品的导航以及产品展示作为重点。案例中采用的网页布局为框架型布局方式，可将页面分成各种模块。在网页左边为纵向的导航栏，右边则为商品的展示栏。在网页底部呈现了网站的基本信息与商家的联系方式等信息。在网页模板的顶部与底部都会出现在每一个网页的同一位置中。

2.2结构设计策略

在对汽车销售网站进行网页开发过程中，可将其乘坐为模板，将其抽象地分为不同区块，其中包含核心流程业务模块、展示功能模块等。在将模块开发完成后便可投入使用。在用户浏览、操作网页的过程中，程序员可通过后台进行可视化的管理与操作，用户可以将不同的模块进行拖放配置，构建个性化的网页布局设计，方便用户的使用与浏览。用户在操作汽车销售网页过程中，其中的框架作为页面的骨架，决定了页面的整体布局与模块摆放区域。框架通常采用的是HTML文件，其主要为了将页面进行区分，还会在适当的位置对模块进行放置，可用<{widgets}>代码进行表示，方便用户在使用过程中利用可视化编辑将模块进行合理配置。对于板块区来说，其能将汽车销售网站最为个性的地方进行呈现，可利用模块内容将网页的更新实现，在网页页面中的各个模块都有指定的ID，模块的区域能呈现竖向摆放的形式，或呈现多个商品内容。模块为独立形态，可对不同的边框进行切换，从而将呈现样式进行改变。在网页模块的顶部与底部都会出现在各个网页中的同一个位置，对于任何电子商务网站来说，应将网站顶部合理设计，才能拥有功能完善、结构清晰的网站顶部，从而提升网站的效益。

3结语

基于Web标准对电子商务网站网页进行设计与制作，可促进电子商务网站的运作效率，为用户提供巨大的便利，从而促进网站的使用效率与综合收益，还可提升电子商务网站的运行效率与性能。

参考文献

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03：106~109.

网页制作与设计篇（4）

项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计

在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

2.3项目教学的实施

项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。

3结束语

综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。

参考文献：

[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.

[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.

网页制作与设计篇（5）

二、搭建共享型学习模式

由于《网页设计与制作》这门课程需要丰富的素材、资源和教学案例，有必要构建课程教学资源库。课程资源可以采用边学习边建设的模式，在云平台下搭建私人空间和公共空间。私有空间是学生自己建立单独的操作环境，也是个人主页的形式，根据个人喜好在私有空间上上传各种学习资料。在私有空间以设置不同的访问权限，允许其他成员访问私有空间中的资源，不仅可以达到隐私保护的目的，还方便学生相互共享。公共空间是教师为学生搭建的公共的学习平台，如上图1，每个学生都可以访问公共空间上的学习资源，方便共享。本课程中的教学资源在授课以前教师已经上传，比如PPT课件、书中案例、实训任务书、实训报告、习题、电子书等资源。在学习过程中学生可以根据自己的个好和自主学习需求，对学习资源进行自主搭建，一个学期下来，就可以搭建完整的资源库。这两个空间的搭建，构成了一个多元化的学习平台，学生可以在公共空间和私有空间之间进行各种访问学习，进行交流，构成了一个以云平台环境为主的学习协作大环境，这个大的学习环境可以促使学生开展全方位的、开放的、基于真实背景的互动。这样平台的搭建也是当前计算机教学改革的主要研究内容之一，是课程向深层次发展的产物。共享型学习模式流程图

三、云平台下教学模式的设计

以学习者自主学习为重要形式的远程教育，教学过程的自主性与灵活性也是一种新的教学模式。传统的教学模式无法解决学生分散，学习自主学习的问题，在云平台下可以以教师讲授为主进行在线的集体教学，教师可以利用百会会议集中学生进行语音同步讲授，集中解答学生遇到的问题，还可以像课堂面授一样进行教学示范。教师可以向学生介绍本次远程课堂的主要任务，并亲自示范操作，学生自主进行实验操作，操作完成以后将自己设计的作品上传到百会维基上，这样所有学生作品共享了，学生可以学习其他学生作品，并且给出相应的评论，发表博客反思，同时根据老师和其他同学给出的建议修改作品。

网页制作与设计篇（6）

《网页设计与制作》是近年来计算机专业领域发展最快和应用最广泛的课程之一,社会的发展也急需计算机网页设计、面向不同应用层次的专业人才。但就是这样一门看似简单好学的技能课程,却往往得不到很好的教学效果。常常是在学生学过之后,不是不能独立地进行网站规划和页面设计,就是设计达不到应有的功能效果和视觉效果。为此,我在《网页设计与制作》课程的教学过程中,对教学内容、教学方法、教学手段等进行了长期的研究和实践,收到了非常好的效果。

一、课程的特点分析

《网页设计与制作》这门课是在学习了专业基础课之后的一门专业课,该课程的教学实践性较强,在教学中要极大的激发学生的参与性,锻炼学生的动手能力,培养学生的专业兴趣。注意引导学生学习理论与实践相结合,将理论应用于实践。这门课的典型特点是:易学易忘。所以在教材上我选用的是北京交通大学出版社出版的《网页设计与制作》。这本教材主要介绍利用Flash、Fireworks 、Dreamweaver制作网页元素并将网页元素制作成大型网站的过程。这本书深入浅出,图文并茂,采用大量直观、生动、实用的网页制作实例帮助学生理解。

二、课程的教学方法

(一)课前认真备课,选好实例。

网页制作技术不断地发展变化,新的技术、新的方法也在不断涌现,所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所,目的在于将书本知识转化为学生的知识和技能。为实现这一目的,我深入钻研教材,理清教材内容特点、编排次序和知识点之间的衔接关系,整理出一条条线索。如在上第一节课时,我会从网上下载一些经典的并具有代表性的网页给同学欣赏,在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。

(二)课堂的教学方法。

教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领,而在于激励、唤醒、鼓舞。”因此,在学习过程中,给学生明确的思路,激励学生积极主动参与思考,运用任务驱动法、模块教学法,案例教学法和项目教学法等教学手段,引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感,使学习兴趣长久地保持下去。

1.任务驱动法。

“任务驱动”教学法是一种以学生自主学习,教师加以引导的一种教学方法。它打破了传统教学方法中注重学习的循序渐进和积累的老套路,不再按照教学内容的从易到难的顺序,而是以完成一个“任务”作为驱动来进行教学,完成教学任务。在教学过程中,以若干个具体任务为中心,通过完成任务的过程,介绍和学习基本知识和技能,培养学生的自学能力、创新精神和合作意识。学生在上机实践时,我会布置与课程相关联的小任务,那么这些任务都是学生感兴趣的,要有浓烈的生活气息,让学生在密切联系学习、生活经验和社会实际的情境中去完成。

2.模块教学法。

模块式教学(简称MES)是国际劳工组织在20世纪70年代开发出来的一种较为先进的培训模式。它是在深入分析每个职业(工种)和技能的基础上,严格按照工作标准(岗位规范),将教学大纲和教材开发成不同的教学模块,形成类似积木组合式的教学方式。

根据教材与教学的特点,将整个教学内容分为三个阶段,第一阶段使学生熟悉并熟练使用网页制作工具Dreamweaver8.0;第二阶段在网页制作过程中利用Flash制作动画;第三阶段在网页制作过程中利用Fireworks进行图片处理。每一阶段因材施教,分层次教学,提高模块化教学效果。每一阶段的教学内容完成后,在专业机房组织单元考核,以实现分阶段达标,最终使学生能独立设计小型WEB站点。

3.案例教学法。

案例教学法,即在教师指导下,根据教学目标的内容的需要,采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。

在课堂上我采用是案例例证法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。具体做法是通过具体案例提出任务,将任务分解到每次的课堂教学中实现,教学过程中为了调动学生的学习积极性,教学过程中常常采用互动方式,即老师提出一种解决问题的思路,然后让学生采用其他方式来解决同一个问题。

4.项目教学法。

项目教学法是指通过实施一个完整的项目工作而进行的教学活动,采取小组讨论、协作学习的方式。

网页制作与设计篇（7）

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

网页制作与设计篇（8）

1引言

伴随着时代进步，万维网与人们的日常生活已经逐渐融为一体。同样，在现代企业发展过程中，也应该随大势紧跟网络的脚步，由此企业网站的门户作用也逐渐凸显，而作为关键的门户，网站的设计制作更是重中之重，由此为提高网站水平，引进人才的举措必不可少。而作为人才基地的高校，应高度重视网页设计与制作课程设计的发展，积极探索网页设计与制作课程教学改革的科学方法。新课程改革的背景下，高校教育模式的限制就显现出来，在此情况下，网页设计与制作教学在实际操作中在各个板块的弊端，都需要通过具有针对性的方案予以解决。而在本文中，针对具体教学问题进行分析，以期促进教学水平的提升，希望本文能对广大教育工作者有所启发，推动网企双向发展。

2“网页设计与制作”课程教学案例分析

“网页设计与制作”课程是我校公共计算机课程改革试点项目的二级课程，它面向整个学校计算机管理专业，相关专业根据其专业特点和教学需要，具有五个课程特点，是一种自我选择的课程，属于“大学计算机基础课程”之后的高级课程。

2.1“网页设计与制作”的教材分析

在进行“网页设计与制作”课程的学习之前，必须要求学生掌握相关的网络信息知识，这方面的知识包括网页的浏览、网页的搜索、知识的下载以及电子邮件的使用等，这些基础知识是为了让学生更好地具备对信息获取的技能。但是，由于大多数学生设计和制作网站，只能依靠操作。因此，教师需要传授“网页设计与制作”课程，以帮助学生更好地理解什么是网页，什么是网站？教会学生利用网页的基本构成元素以及超文本标记语言，来进行网页制作，帮助学生提高对“网页设计与制作”学习的效果，同时也能为往后相关的互联网知识学习打下基础。

2.2“网页设计与制作”的学情分析

通常学生在对“网页设计与制作”课程学习之后，他们能够更好地了解什么是网络信息，并且拥有利用信息的能力。他们通过了解网络知识，从而来更好地掌握对网络信息的下载、浏览、搜索、文件的发放及传输的技术等。通过调查研究发现，大部分的学生都希望自己能够制作出属于自己的网页，并把网页在互联网上。因此，大部分的学生对于“网页的设计与制作”课程具有浓厚的兴趣，而这些兴趣对于学生的学习具有积极影响。

2.3“网页设计与制作”的教学目标

“网页设计与制作”中，高校教师的教学目标主要分为三个方面，即知识与技能、过程与方法、情感态度与价值观。首先是知识和技能，必须帮助学生理解网页网站的基本概念，理解网页的基本元素，理解基本网页创建软件的界面和功能，并识别网站的地址-URL，超文本标记语言HTML，超文本传输协议HTTP；其次是过程与方法，老师通过分析和讲解这两种方法从而帮助学生掌握各项网页和网站知识；最后是情感态度与价值观，老师通过对“网页设计与制作”的教学，培养学生严谨求实的学习态度和勇于探索、崇尚科学的意志和品德。

3“网页设计与制作”课程教学存在的问题

3.1学生学习过于被动

我国高校“网页设计与制作”教学使用的模式，一般为老师教授基本理论，而后使用布置作业、模拟考核等方式来进行教学。而事实上，该种教学模式收效甚微。在死板生硬的高压教学下，学生对教学内容会出现本能抗拒，对枯燥的理论知识产生厌烦情绪，而在这种情况下，学生的积极性也受到了极大地遏制。由此产生的一系列恶性循环所导致的最终结果就是，学生没有打下深厚的理论基础，而之后的实际操作就更没有办法完成了。

3.2学生实践能力较弱

当老师演示时，学生对老师的行为并没有产生充分的理解，故此很多学生会轻视老师的演示，对实际操作的难度并没有一个确切的判断。而在实践中，又会出现学生对于具体规程的漠视，因为之前产生的自大心理而认为实践仅仅需要短时间就能完成。所以在实战中，许多学生才会发现，自己对详细的操作并没有深入了解，看上去简单的事情却很有难度，实战中根本无从下手。同时还有一些学生过于自我，忽视了网页设计和制作的科学性质，完全摒弃课本与老师的教授，通过自己的想法来指导操作。

3.3师生之间缺乏沟通

首先，在“网页设计与制作”的教学中，教师和学生并没有良性交流。同时，教师对学生的了解有限，对学生的具体情况不甚了解，学习程度与需求自然也无从判断。在教学中，一味照本宣科，无法充分满足学生的学习需要。其次，教师在课堂上的教授模式也至关重要，“只讲不问”，与学生的互动有限，参与度由此下降，课程也愈加乏味。再从学生角度出发，学生同样局限于传统师生关系，在有疑问的时候，因为害怕老师的批评等原因，不敢告诉老师。而学生间也同样如此，个体之间的学习是有限的，缺乏良好学习氛围是无法促进班级学习的良性叠加的。

4“网页设计与制作”课程教学改革的策略

4.1重新定位课程教学标准

为了能够调动起学生在学习“网页设计与制作”课程的主动性，首先高校的“网页设计与制作”教学课程应该遵循企业用人标准，在课程教学过程中，强调培养学生的团队精神，职业道德，网络信息收集能力，审美能力和艺术品质。其次，在“网页设计与制作”课程的教学过程中，还需要提高对课程教育目标的重视程度，根据新课程改革的教学要求来更好地培养学生的自主创新能力和创新思维，引导学生进行实践操作，让学生能够更好地掌握网页的规划能力、构建能力、设计能力以及制作能力等。

4.2优化教学内容

为了能够提高学生的实践能力，就必须要将“网页设计与制作”课程内容进行改革，以企业的用人标准和教学的需求来进行科学的设计，将这些内容延伸分为四个不同的模块，分别是Dreamweaver、Fireworks、Web基础知识和Flash。其中Dreamweaver包括网页跟踪的技术、网页站点管理的技术、动态网页设计的技术、数据库连接的技术以及其他基础的技术；Fireworks包括高级应用的技术，基础操作的技术和其他相关基础知识；Web基础知识包括网络的浏览器，网络的常用名以及高级应用措施等；Flash包括高级制作技术、基础动画制作技术以及其他相关技术。

4.3更新教学模式

高校“网页设计与制作”教学不该再局限于老式的教学系统，应积极拓宽视野，通过现代化的方式例如网上课程以及针对性的因材施教。在现代化的教学方面，首先要确保教机与学机的联动，确保学生都使用计算机，及时通过计算机传输并对学生的设计操作进行引导，提高学生的实践能力。同时，高校“网页设计与制作”在网上课程方面，也可以采取一定的趣味教学模式，跳出死板的老式图书教学，变更教学风格，通过视频等生动的方式，将技巧融入其中，帮助学生在潜移默化中慢慢对学习产生兴趣。

5“网页设计与制作”教学需要注意的问题

5.1以“新”制作网页

教师教学中应重视告诉学生网页内容的选择，避免出现俗套，需要强调的一个“新”字是很重要的。“新”这一原则要求，在设计网站的内容时，是指网站的内容不是被复制的，而是要形成一个属于自己的独特网站。环顾四周，许多互联网上的个人主页是简单的“杂货店”，内容虽然是包罗万象，但主题是一样的，每个人都几乎是一个“软件下载”或者“软件搬运”的员工，从开始的网络导航到最后的结束都没有任何的创新之处，缺乏创新的新鲜意义。因此，在网页设计教学的过程中，既要告诉学生对材料的选择上下功夫，同时也要做到对材料选择精准度的把控，以“新”为基础，以“精”为内容。

5.2以“简”来取网名

由于网站不能由单个网页组成，因此它有许多子页面。为了使这些页面有效连接，教师必须告诉学生，要为这些页面提供一些具有代表性和简洁易记的网页名称。这不仅有利于将来管理网页，而且在向搜索引擎提交网页时，更容易被其他人搜索到。在命名网页时，最好使用常用的小写英文字母或与页面内容相匹配的英文字母，这与页面上的连接直接相关。

5.3更新及时才能吸引人流

网页制作与设计篇（9）

1 技术与艺术的争论

“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？

互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？

在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？

作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。

在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。

2 网站与网页的分合

教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。

学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。

3 实用性与艺术性的思辨

网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是真正的设计者。

4 系统性与适应性的融合

高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？

针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。

在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。

5 过程性与结果性的统一

每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。

在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。

6 职业素养与职业能力的协调

很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。

7 结论

高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。

参考文献

网页制作与设计篇（10）

中图分类号：TP393 文献标识码：A 文章编号：1671-7597（2013）21-0104-02

网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。

1 网页设计技术要领

网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。

1.1 HTML语言

网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。

要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。

1.2 版面设计

网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。

版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。

2 网页制作实用技术

网页制作可以借助的软件很多，Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似，非常容易学习。

2.1 插入图片

在网页中插入图片是常常要遇到的，有丰富图片内容可以让网页显得丰满生动，其操作方法并不复杂。在制作的网页中选择适当位置，确定插入点，然后在网页上部点击菜单“插入”选择“图片”，再点击“来自文件”，进入对话框，查找需要插入的图片位置，最后点击插入按钮就可以完成图片插入。

如果图片格式不是GIF或者JPEG也不要紧，在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正，点击图片选中，单击便可以随意拖动图片，进行大小调整。

图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片，在“图片属性”中选择“外观”，然后是“环绕样式”，找到文本图形周围流动方式，在“布局”中选择“图片对齐方式”，根据需要进行详细设置。

2.2 添加动画

网页添加动画文件可以让网页动态十足，给人带来不一样的活力感觉。与图片相比，动画需要有多幅图片构成。首先要准备好动画文件，动画文件可以网络下载，也可以自己制作。添加动画和图片插入基本相同。打开网页，确定动画插入位置，点击“插入”选择“图片”，在对话框中选择“从计算机上选择一个文件”，找到动画源文件点击“确定”，动画就插入到网页当前位置。

如果要插入用Flash技术制作的动画，操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf，然后启动Frontpage，先建立一个新网页文件，点击“插入”选择“高级”到“插件”，这时会出现“插件属性”对话框，选择“浏览”找到moon.Swf源文件，确定之后回到“插件属性”找到“数据源”，并将其中的文件途径删掉，只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”，将动画文件moon.Swf保存。

2.3 制作滚动字幕

滚动字幕的运用可以让网页显得活泼，其制作技术也比较简单。首先是打开Frontpage编辑界面，确定插入滚动字幕的位置，把需要显示的文字输入进去。然后将这些文字选定，点击菜单“插入”，选择“组件”到“字幕”，点击之后出现对话框，点击“字幕属性”，对文章滚动方式进行进一步设置，包括字幕滚动方向和字幕滚动延迟时间等。最后点击确定，就完成了字幕滚动插入。如果要查看效果，可以从“预览”中查看。

2.4 建立超级链接

制作网页不仅要建立自己的主页附页链接，有时还需要将网页和其他网站形成链接，这就需要建立浏览器超级链接。要链接其他网站，首先要选择作为链接的文本，然后点击菜单“常用”工具栏的“超链接”，在“创造超链接”中，将要链接的网站的地址输入在URL地址栏内，点击确定就可以了。如果要改变某些超链接，可以先确认是普通模式，右键点击要改变的超链接，选择“超链接属性”，直接输入新的URL地址就可以了。

3 结束语

网页设计和制作并不神秘，学习网页设计和制作也无需多么高的计算机理论水平，只要掌握网页设计和制作实用技术的操作过程，就可以进行网页设计和制作，并且能够把网页设计和自己的工作学习紧密结合起来，这对工作和学习都有极大帮助。

参考文献

[1]吕何新，陈伟，沈淦. Front Page 2003网页设计与制作[M].高等教育出版社，2005.

[2]许文芝.充分挖掘超链接功能设计制作网页课件[J].中小学电教，2003（02）.

[3]张红玉，王德东.如何在FrontPage2000中插入Flas[J].计算机时代，2001（06）.

[4]陈凤芹. Dream weaver网页设计与制作教学探讨[J].中国教育技术装备，2012（21）.

[5]陈艳，宋顺林，邢桂芬.基于Dream weaver方式的Web站点开发——及其在OA系统中应用[J].计算机应用与软件，2004（09）.

网页制作与设计篇（11）

1引言

随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。

2高职网页设计与制作课程教学改革的发展研究

2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。

3结论

通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。