网页制作与设计精选(九篇)

第1篇：网页制作与设计范文

【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划

网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。

1 “网站开发与网页制作”网络设计现状分析

1.1 网站开发语言安全性

网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。

1.2 静态网页制作中Dreamweaver的应用

现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。

1.3 收录引擎对网站的友好度

搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。

2 “网站开发与网页制作”设计发展规划

2.1 多层次深发展满足不同领域的需求

网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。

2.2 整合资源优化知识结构，提高网络课程设计效率

在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。

2.3 理论实际相结合，培养学生动手能力

在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。

2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理

网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。

3 结束语

时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。

参考文献

[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.

[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.

[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

作者简介

史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。

第2篇：网页制作与设计范文

1课程建设的思路分析

（1）课程教学目标及时更新，课程内容依据岗位要求。结合高职院校的办学特点，以就业为导向，以服务为宗旨，课程内容的建设必须是与社会需求挂钩的，因而，首先弄清楚当前社会所提供的

网页相关岗位的要求，制定有针对性的课程目标和内容，加强学生的动手实践能力和岗位竞争力。

（2）明确教学对象特点，制定有针对性的教学方法。明确课程开设的专业和对象，针对教学对象的特点和教学内容，采用合适的教学方法。

（3）实践与理论同步进行，以培养动手能力为目的。培养目标立足于实践动手能力为主，理论够用为原则，重在一个动字，只要学生能动手，就是好的开始，边学边做边理解，这样更适合高职院校学生的学习习惯和方式。

（4）针对社会需求，调整课程内容。课程内容不能一成不变，需要根据社会需求及时调整，保持专业的就业竞争力，提高就业成功率。

（5）加强课程群内课程互联紧密化建设，强化交点。加强《网页设计与制作》课程群中各课程间的紧密和联系性建设是十分必要的，课程群里课程的开设不应该是孤立的，而应该是相互作用，相互影响的，了解和掌握课程群中各课程之间的关系和地位是课程改革的前提。

2课程改革的具体实施

2．1制定符合当前岗位要求的课程教学目标

制定教学目标，应该事先了解近期本领域内岗位设置的要求，例如可以通过对毕业生进行跟踪调查、公司走访、网上查询等途径了解岗位需求，动态的调整教学内容和目标。

2．2根据社会需求，调整课程内容，同时加强课程间的紧密性

目前许多高职院校的图形类专业开设的《网页设计与制作》课程主要是以静态网页为主，这也确实是图形专业的特点，但是社会需求对课程的要求越来越高，对课程内容可以做以下调整：

1）加强平面课程与《网页设计与制作》课程的联系，将fireworks与photoshop合并在一起，开设专题，讲解平面网页的相关知识，提高学生平面设计的功底，强化学生把平面知识充分的应用到网页设计的实战中来。

2），教学内容上应该革新，在保持原有的课程内容的基础上增加交互性设计的内容，例如javascript、数据库、简单的服务器技术如php等，扩大课程的知识覆盖面，提高岗位竞争力和扩大就业面。

3），尽量弱化Flash在网页中的作用，减少网页插件的使用，改用javascript等技术代替。

2．3教学方法的改进

增加了交互性设计的内容，课程难度自然也就提高了，如何让学生能顺利掌握这些知识点是一个很关键的环节，例如可以采用项目教学、任务驱动、教学做一体化等教学方式。

2．4考核方式的建设

例如，期末考试可以让学生在规定的时间内完成多种工具的使用，例如用ps或者fw设计图片，再利用dreamweaver对设计的图片进行布局，同时增加javascript的应用，将各个知识点整合到一个完整的项目中来，将考察的重点放在过程，放在了对知识的综合运用。

3总结

第3篇：网页制作与设计范文

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

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。

《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：

1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；

2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；

3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；

4)使学生能够用Flash进行网页动画的简单设计；

5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

1.2.1 HTML网页设计

重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。

1.2.2 DIV+CSS网页设计

DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。

该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3 Photoshop图像处理

重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。

课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作

重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。

1.2.5 JavaScript程序设计

JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。

教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。

1.3.1模块教学法

根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。

1.3.2案例教学法

在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。

2.1.1 HTML网页设计

实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。

2.1.2 DIV+CSS网页设计

实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。

2.1.3 Photoshop图像处理

实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4 Flas制作

实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5 JavaScript程序设计

实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。

2.3参与教师科研，以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组，拓宽知识面

组织成立网页课程的兴趣学习小组，具体活动包括：

1）举办讲座：资深开发人员的经验报告，网页知识讲座；

2）举办竞赛：我院已成功举办两届网页与flash设计大赛。

这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。

实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。

平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。

课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

第4篇：网页制作与设计范文

关键词 网页制作 技巧 解决方案

中图分类号：TP393.092 文献标识码：A

1设计原则

1.1表格的定位功能

网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。

（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。

（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。

1.2文件的命名

网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。

1.3图像的无缝拼接

网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。

1.4个人站点中导航按钮的设计

设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。

2制作技巧

网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。

比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。

保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。

色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。

3结束语

网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。

第5篇：网页制作与设计范文

【关键词】网页设计与制作 教学理念 教学策略 考核方法

【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089（2014）08-0228-01

随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。

1.改变教学理念，激发学生的学习积极性

根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。

在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。

众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。

2.改进教学方法，提高学生的动手能力

《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。

《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。

3.改革考核方法

考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。

考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。

总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。

4.结语

经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。

参考文献：

[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.

[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地，2012，25（12）：255-255.

第6篇：网页制作与设计范文

关键词: 《网页设计与制作》课程 教学方法 实践环节 考核方式 快乐学习

随着万维网的迅速发展,网页已经成为网络世界传播信息、开展业务的最主要载体,网页制作相关职位的市场需求持续增长。中等职业学校相关专业纷纷开设了网页制作课程,但是对于非计算机专业的学生来说,没有前期基础知识的支撑,对于理论的学习会觉得较枯燥,实践操作上手容易,但想要融会贯通却很难,很多学生死记硬背,久而久之学习变成了一种负担,学生的学习积极性和主动性都受到了一定的影响。在这样的教与学的过程中,想要让学生体会到学习的快乐就变得更难,快乐学习成了一纸空谈。面对这样的状况,在网页设计与制作教学中,我积极探讨多种教学方法,合理设计教学环节,采用适当的评价方法,努力增强学生的学习快乐感。

一、采用适当教学方法,激发学生的学习兴趣

传统的教学方式是教师在课堂上讲授理论内容,学生上机练习,教师辅导。这样一堂课结束后,学生可能对上课讲的内容听明白了,但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程,教师让学生动手去做,经历网页制作、网站设计的各个细微环节,实现教与学的互动,才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力,教师可以采用“模仿”式教学,让学生设计和制作一个完整的网站,边做边学,使学生进一步熟悉相关理论知识的应用与实际操作。

在教学中,教师要选定一个难易度适中的网站,既不能太难模仿,使学生产生畏惧心理,又不能太简单,而达不到教学的目的。学生在“模仿”课环节,对指定的网站首页和其他主要网页进行模仿还原,该网站的各类素材可以直接使用,对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务,学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题,网站完成以后,普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析,拉近学生与课程教学的距离,将收集的典型的问题重点讲解。学生因为刚刚实际操作过,对具体的问题有具体的认识,因而在听讲过程中针对性较强,对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师,有兴趣才有快乐可言。

这样,学生既可以复习网页制作的基本操作,又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中,会不断地克服一个又一个的困难,学习自信心会大大地增强。爱默生说过,自信是成功的第一秘诀。有了信心,学生才能扬帆起航去找寻学习中的快乐。

二、注重综合实践环节,调动学生的学习主动性

在学生基本掌握了本课程的内容后,教师要注重综合实践环节的融会贯通,可布置一份综合作业,要求学生设计一个个人网站,网站既要有鲜明、统一的风格,又要有完善的内容,页面的结构、图片的位置、链接的方式设置合理,做到网页布局的和谐统一,还要做到容易更新,等等。要做到这些,学生就必须在制作网站之前,对网站进行一个总体规划,然后逐步进行设计。

为了让学生展现良好的创作技巧和独特的风格,布置综合作业之后,教师可先让学生进行选题,构建出自己的网站结构,然后上网查询相关的资料,再对网站进行规划,写出书面的网站设计方案,教师对每个学生的方案进行审查和评阅,及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法,培养学生撰写方案的能力。

如此完整的综合实践,放手让学生依照自己的想法设计、制作属于自己的网站,让学生自己做主,学生的学习主动性会大大提高,就能愉快、积极地去学习,调动自己的内在潜能,不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分,与之相关的能力发展得就越快。

三、综合全面评价学生,增强学生的学习成就感

《网页设计与制作》课程的考核方式承袭传统的应试模式,考试内容侧重于对记忆型知识的考查,忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力,在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣,除了理论考试之外,我们还应该将整个考核过程融入到日常的教学环节中去,设计出让学生容易接受并感到“快乐”的考核方法。

实践表明,《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上,把学生的学习过程也纳入考核的范围,形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样,教师不仅可以有效控制学生的学习过程,而且可以根据反馈,适当调整教学进度。

一直以来,考核都是教师的“专利”,学生是被动的“待估品”,这样传统的考核方式让老师和学生的距离拉得太远,产生疏离感。“亲其师”才能“信其道”,只有老师做学生的朋友,亲近学生,与学生相互学习、共同切磋,以学习成员的身份与学生一起参与到学习的过程中,学生才敢在老师面前放松身心,体验到零距离带来的那份亲切,敞开自己的心扉。因此在考核中,教师要放弃自己的“权力”,和学生一起相互的讨论、评价,让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点,会肯定自己;发现自己的缺点,会提高自己,学习成就感会逐渐增强,考核过程就不再是痛苦的,而是蕴藏无限快乐的过程。

在网络高度发展的今天,学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源,因此老师面临着更多的挑战,不仅需要对网页制作相关技术进行持续研究,而且要在教学方法、教学手段上不断进行革新,以充实的内容吸引学生,以活跃的氛围打动学生,让学生爱学习、好学习,在学习过程中获得成就感和满足感,得到身心的愉悦,实现快乐学习。

参考文献:

[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报,2007,(68).

[2]余平.高职高专网页设计教学改革实践与探索[J].文教资料,2007,(2).

第7篇：网页制作与设计范文

［关键词］O2O教学模式;网页设计与制作;教学改革

一、O2O教学模式的概念及特点

O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。

二、采用

O2O教学模式的必要性和可行性

(一)必要性

现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。

(二)可行性

通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。

三、《网页设计与制作》课程应用

O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。

四、基于O2O教学模式在《网页设计与制作》课程改革与实践

(一)线上网络平台资源的建设

在超星慕课平台上建立网页设计与制作课程，在平台上多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。

(二)线上与线下课堂教学模式的改革

在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。

(三)O2O教学模式的教学环节设计

通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。

(四)适应O2O教学模式的教师队伍建设

传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的、课后答疑、题目、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。

(五)O2O教学模式的考核机制

O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。

五、O2O教学模式的实施效果

在O2O教学模式的实践过程中，我们设置2015级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。

六、总结

实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.

参考文献:

［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，2016(2)．

［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．

第8篇：网页制作与设计范文

网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。

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结束语

第9篇：网页制作与设计范文

关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果

随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。

1分析学情，合理安排教学内容，激发学生学习兴趣

当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。

2结合实际，选择适合的教学方法，调动学生学习积极性

教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。

3科学考核，提升教学质量，保证学习效果

在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。

参考文献

[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.

[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.