时间：2023-06-05 15:43:42
引言：易发表网凭借丰富的文秘实践，为您精心挑选了九篇网页制作与设计范例。如需获取更多原创内容，可随时联系我们的客服老师。
互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。
2网站设计分析
文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。
3网页制作
3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。
3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。
3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。
4结语
关键词：专题学习网站；网页制作；设计；实现
中图分类号：TP393.092-4
准备建设的专题学习网站是基于网络资源的数字化学习平台，利用网络技术，创设主动学习情境，让学生在开放、互动的平台上去寻求《网页制作》专题资源，激发学生学习兴趣，让学生主动思考、主动探索、主动学习，实现高效课堂。让学生在建设网站的过程中，学习掌握提高《网页制作》的技能，体现“学中做，做中学”的教学理念。
《网页制作》是开设一学期的课程，主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。
在实际的教学过程中，往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上，成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的，就可以先把工作页、资料包等学习资源先存储到一台学生机上，再利用windows自带的文件夹共享功能，将其共享，便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下：
鼠标右击文件夹，在弹出的快捷菜单中，选“共享和安全”，选中在网络上共享这个文件夹。这时，其他用户就可以通过网络访问这个文件夹，下载其中的学习资源。
这样利用文件夹共享的方法实现资源下载，优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能，往往一次共享完成后，下一次重新启动计算机后，还需要再次设置文件夹共享，十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果，可以使素材和教学资源分类存储在服务器上，以清晰明了的操作界面，便于学生在线学习和下载相应的网页制作素材。
1 《网页制作》专题学习网站的作用
专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源，为学生提供制作网页所需的丰富资源，搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。
（1）研究中职学生特点，动手实践能力相对于理论知识学习能力强。
（2）分析《网页制作》课程，涉及内容广、技术多，实践性和技能性强。
（3）设计开发专题学习网站，探索基于专题学习网站的《网页制作》课程的教学模式。
给《网页制作》课程的教学提供教学资源，辅助学生进行自主学习。在课外时间里，对于学生的学习给予支持，帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台，学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台，学生可以在这里提问、交流学习心得等。
2 《网页制作》专题学习网站的设计
首先网站需要教学资源模块来进行教学的辅助，教学资源模块既能辅助课堂教学，也可以指导学生进行自主学习。其次作品展示模块，学生需要一个作品展示模块，首先通过展示学生自己的作品能够激发学生自己的兴趣，第二展示作品模块有助于学生进行自评互评。第三，讨论模块，既要有以班级为单位的讨论小组，也要有全校师生都能进行参与的大型讨论平台，使学生在学习中出现问题时，能够自主的进行讨论学习。
在建站之初，为网站以后继续完善（例如：开发手机客户端等），需要考虑给学生划定一块空间，让学生自己上传自己的网站作品。自己维护自己的网站，将网站交给学生自己运营。让学生发出自己的声音。
为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享，在课堂使用该网站的教学资源进行辅助教学，结合工作过程系统化的课程开发，结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。
可以让每一个班级在校园网上建立自己的班级网页，将校报办到网上去，网页上建立与中职学生相关的栏目，例如：求职、招聘信息等。组织学生自己定期更新常用工具软件的版本，交流专业课的学习体会。利用所学知识解决实际问题，活学活用，学生在使用专题学习网站中遇到了问题，通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价，充分运用到教学实践当中。达到学生越学越爱学，越学越想学的自主学习状态，真正实现专业课教学是以学生为主体，教师起到陪伴学生自主学习的作用。
3 《网页制作》专题学习网站的实现
网站开发中，数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片，使网页更加美观，有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。
运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发，编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善，专题学习网站建成完成后，依照专题学习网站各个功能模块的功能，在应用专题学习网站教学的过程中不断纠正和完善，通过问卷调查专题学习网站的应用效果，更全面的了解基于专题学习网站的教学模式的有效性。
通过校园网试运行《网页制作》专题学习网站，邀请网站设计与制作专家和学生使用专题学习网站，根据反馈意见，对网站进行修改和完善。
4 结束语
专题学习网站不仅为学生提供了丰富的专题学习资源，还为学生提供了功能强大的协作平台和专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学，培养了学生自主学习、协作学习等综合能力，形成了一种崭新的数字化学习方式。
专题学习网站的资源要丰富，提供必要的演示视频录像，能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意，供其他同学学习和参考，以达到共同进步的目的。
运用教学设计思想对《网页制作》专题学习网站进行设计，主要包括需求分析与功能定位，中职学生特征分析，专题内容的选择，信息资源的选择与设计，自主学习的设计，学习评价系统的设计，学习情境创设等内容。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。
参考文献：
[1]郝中超，金薇.Web3.0环境下运用专题学习网站实现学习资源共享建设的思考――运用专题学习网站实现学习资源共享的应用现状调查分析[J].中国教育信息化，2013（01）.
[2]张利桃，任改梅，李扬.基于专题学习网站的“WebQuest”学习过程设计[J].中国电化教育，2013（02）.
[关键词] 高校；网站；建设；网页设计；信息技术
doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087
[中图分类号] TP393.092 [文献标识码] A [文章编号] 1673 - 0194（2017）01- 0155- 02
1 前 言
优秀的高校的网站建设和网页设计建设有哪些重要作用？高校网站和网页就是高校最基础的形象窗口。它们主要可以用来打造高校的形象，宣传高校的一些重要的信息，这里面包含了高校所蕴涵的校园文化，高校建校、发展的一切基本情况还有高校里面发生的希望外界了解的一些新闻信息。各种详细的、创新的、更有活力又吸引力的网站建设和网页设计的成果，利用图片和文字的搭配方法、各种信息导航的具体使用、详尽的说明等可以吸引更多搜索高校信息的浏览者，高校的招生在市场竞争里的一个重要方面也是要更为科学地打造自己高校的网站的建设和网页的设计。在市场里获得足够竞争力的高校才能更有利的提高高校的品牌。宣传高校的基本信息，使其能传达给全国甚至是国际上的目标人群，让他们通过浏览高校网站和网页的时候传输给他们高校的品牌形象，让他们更便利的获得高校的信息概况。这既能推动高校被全国被世界更便利地了解，也能够不断地提高自己的校园品牌形象。高校正是利用网络宣传网站和网页，降低高校宣传成本，提高高校竞争力。在传播高校的网站和网页的时候，可通过一些策划的公司帮助锁定目标客户，比如锁定一些需要报考高校的人，将自己的信息进行推送。不少的高校都会将高校网站建设和网页设计信息当成自己宣传招生的重要一方面。也正是因为不同高校都会有自己的办校特色和发展的个性，在以信息宣传和内容创新取胜的时代，网络上网站和网页的宣传就是很重要的一种宣传方式。着可以跨越时空的限制，不用到校了解、也不仅仅只针对当地的受众群，可以让全国甚至世界各处的人了解高校的情况。高校的网站甚至可以丰富高校学生的学习平台，里面有更多的方式可以帮助学生查阅资料，网络资源中高校的网站可以提供非常丰富并有针对性的资源，学生们可以在上面各取所需，这也是高校网站和网页建设中提供给学生学习的重要一方面作用。
2 高校网站的建设和网页设计建设和网页制作现状问题
2.1 高校网站内容过于单一
高校网站建设和网页设计因为其特殊性一般在内容的监管比较严格，在内容上也很容易变得单薄无趣，对浏览者没有吸引力，高校类型站点在娱乐互动性会比较不足，特别是高校网站往往定位在以“自我为中心”也就是以高校的信息为主要内容呈现，并没有充分考虑到学生以及社会对高校网站的内容要求，这种形式上的单一，并不可怕，可怕的是“自我为中心”后的自我封闭，在现代信息化的时代背景下，高校必须要有独立的自我认识和气质，否刚就会成摆设，而从目前的情况来看，内容单是所有高校网站建设和网页设计建设中经常会出现的问题。
2.2 高校网站的建设和设计缺乏全局观念
在网站建设和网页设计建设的规划上系统的规划设计往往会缺乏全局观念，工作量非常的大，会出现多项重复的内容，导航的设计在网站设计中也是非常重要的，导航设计既要在具有新颖、创新的同时也要保证它能够实际发挥作用，更能够与高校整个网站的建设和网页的设计相联系、将高校的形象融入进去，使导航的信息也能够设计的更加完整。导航也是有内容的，具有实际作用和创新吸引力同时并有的，这些都是符合浏览者的实际操作的。
2.3 高校网站的管理程度不足，内容更新缓慢
高校网站建设和网页设计由老师空闲时间做，但一个人很难管理的完整的网站建设和网页设计建设工作和后期维护、和内容的定时更新，因为高校拥有多个部门，这些部门的内容和功能也都应该在高校的网站和网页上有所体现，但是因为完整的网站和网页建设中各个部门可供介绍浏览到的信心非常的有限，一些深层的工作和作用也是很难体现到的，而且网站和网页建设中的繁复导致网站和网页中的内容更新太慢，新闻信息等都跟不上校园的发展，内容的更新缓慢、滞后也是高校网站建设和网页设计建设中常见的问题。
2.4 高校网站的安全性不足，许多网站无独立服务器
通常高校网站建设和网页设计都不会自己建立服务器，而是选择虚拟主机空间作为放置网站建设和网页设计内容的。这些空间都是有着不同的大小，这些大小也要根据高校的具体情况而不同，这里面有规模的大小和自己的大小选择等，一般实力雄厚的高校会选择自己高校服务器来确保数据的安全。高校网站建设和网页设计是属于公益性，因此会出现比较多的安全隐患。
3 高校网站建设和网页设计建设规划设计与网页制作方法浅析
首先要确定的是程序，其次是排版，然后是内容，最后是推广和运营。具体的每一步都要有详细的思考和准备。
3.1 要明确网站建设和网页设计的基本内容和基本目标
确立做网站建设和网页设计的目标，网站建设和网页设计建好后，要达到什么样的目的，扩大招生还是供学生使用？也就是确立主体内容。确定服务对象，是面对学生，还是家长，还是老师。高校和它的服务对象最初的交流窗口就是通过高校的网站和网页，学生和家长都可以通过网站和网页了解到高校的办校的理念，高校的教育情况，教学中的改革成果等，这些希望服务对象了解的信息一定是高校网站和网页设计中基本要做到的。
3.2 要规划好各种栏目
清晰的栏目方便浏览网站建设和网页设计的浏览者，希望达成什么效果是否能实现美观和表述同时实现。加强特色内容建设。特色就是竞争力。高校网站和网页建设中需要规划好各个栏目的内容，这就需要各个栏目负责人一起组织规划分工协调好各自的工作。负责网络建设的中心应该积极分配好工作，设置什么风格，不同部门不同系的不同模板的设置都规划好。
在设置功能方面要适合用户的操作，简化简明操作步骤比如怎么留言，怎么报名，填写什么，网站建设和网页设计使用者怎么更新新闻，怎么传活动图片，这些都要一目了然，方便客户也方便自己操作。
3.3 加强硬件的建设，做好师生信息技术培训
随着各地经济的发展和教育信息化工作的不断推进，越来越多的高校在新一轮建设高峰中购置了大量的先进硬件资源，但是再先进的先进的硬件都是要有一定信息技术和专业素养的师生来操作的。高校的硬件利用率并不高因而必须在加强硬件建设的同时，做好师生信息技术培训、电脑软件资源的配套、相关的管理制度等的“软件”建设。
3.4 加强网站的监管和提升安全意识
在网站建设和网页设计的监管方面也是非常必要的，高校网在设计中需要有监督管理的部分，这些并不只是防御黑客或者病毒的入侵，而是也需要监督信息传播中对信息的筛选，毕竟这些信息直接面向了学生，所以要对网站和网页上传播的信息进行有效的监督管理，监督这一部分需要专门的工作人员进行，加强监管的各种措施是一个长期又坚决的工作。
3.5 加强高校网站的宣传和引流
注重浏览量的扩大，达到建设网站的目的，要想扩大浏览量，加入一些宣传手段，加强校友录的建设也是一个可行的办法，一个优秀的高校网站离不开广大毕业生校友的参与和支持，毕业的校友会通过书信和电话等方式与母校保持联系，很多热心的校友也会积极致力于母校的发展中，宣传母校、推动发展、加强联系等方式都是他们对母校责任心的体现，加强这些校友的校友录建设，综合他们的力量，能够吸引更多人的宣传和为母校发展献计献策的动力。
4 结 语
高校网站和网页建设是高校宣传打造自己的重要方式，好的网站和网页建设对高校的发展有着各种推动作用。但校网站建设和网页设计过程中存在的一系列问题，校网站建设和网页设计需要从技术、组织、创新等的改变入手，还需要与时俱进的方法，增加更多的交流，融入更多的创意，综合自身的优点来达到校网站建设和网页设计的目的。建立功能完备、操作简单、应用丰富的高校网站是一项系统性的工程。通过制订相应的高校信息化发展规划和配套的规章制度来予以推行，这样才能使高校的信息化应用水平提高到一个更高的水平。
主要参考文献
[关键词]工作过程设计项目教学认证教育考核方式
中图分类号:G42文献标识码:A文章编号:1671-7597(2009)1120140-02
一、概述
项目教学法是以学生的自主性、探索性学习为基础,采用类似科学研究及实践的方法,促进学生主动积极发展的一种新型的教学方法。在教学活动中,教师将需要解决的问题或需要完成的任务以项目的形式交给学生,在教师的指导下,以小组工作方式,由学生自己按照实际工作的完整程序,共同制定计划、共同或分工完成整个项目。在项目教学中,学习过程成为一个人人参与的创造实践活动,注重的不是最终的结果,而是完成项目的过程。学生在项目实践过程中,理解和把握课程要求的知识和技能,体验创新的艰辛与乐趣,培养分析问题和解决问题的能力及团队精神和合作能力等,教师已经不是教学中的主导地位,成为学生学习过程中的引导者、指导者和监督者,教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,提高学生的社会能力、方法能力、专业能力,使专业训练更接近社会需求,最终能实现学生的零距离上岗。
《网站设计与网页制作》是我系计算机应用技术、软件技术、网络技术的专业必修课。为了适应时代的发展,《网站设计与网页制作》课程在继承世界现行网站网页教学优势的基础上,又吸收了当今网站网页开发的新技术和新思路。力求更加注重学生的发展和社会的需求,更准确地反映网站网页开发技术的专业性手段;更加关注学生积淀自己的生活经验;更强调学生的主动学习,并增加实践环节。《网站设计与网页制作》课程期望使每一个学生通过学习网站设计与网页制作课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高。
二、课程理念
确立一个中心(以学生为中心)三个融合(校企融合、课内外融合、技术与人文融合)、基于工作过程设计的课程开发理念。提前让学生感受工作的氛围,熟悉工作的相关流程,以增强学生在就业过程中的竞争力。并结合我院“我在乎你”的办学理念,通过理实一体化的教学手段,采用项目式教学,给学生提供一个制作网站的模拟或真实的环境。让学生通过对“确定项目――制定策划书――制作网站――验收――总结经验”这个流程的训练,熟悉制作网站的过程,并能够有所成果。
确立素养、行为、技能教育观。重视网页制作过程中技术性心智技能的形成,强调“原型定向、原型操作、原型内化”、原型能经“迁移”形成类型(“举一反三”);强化学习过程中教师的示范和引导的作用。
以技术开发贯穿网页制作的全过程,技术开发强调设计与制作。强调过程的可重复、可验证性。
课程质量以教师的明示能力和学生的内化能力为主要评价指标。
三、设计思路
遵循高职课程改革关于“面向就业,培养实用性人才”的基本精神,在全面贯彻国家教育方针的基础上,根据学生身心发展的特点和教育规律,重视对学生进行全面的职业素质教育,着眼于培养学生终身学习的愿望和能力,体现职业教育层次网站设计与网页制作课程的实用性、专业性和可持续发展性。
综合考虑学生发展的需要、社会需求和就业需求三个方面,本课程以一个大项目出发,分解为7个子项目,在完成七个子项目教学的同时,学生也可以把自己承接的大项目一并完成。
从“以工作任务为中心”和“培养学生应用能力”角度出发,以“项目教学”和“任务驱动的方式”,让学生在有限的时间掌握网页制作的技能。
运用项目式教学方法,努力创建开发项目的条件,突出工学结合,提高学生技能的熟练程度和灵活运用的能力。
四、实施建议
本课程的教学必须始终贯彻任务驱动式的“做中学”,过程体验式的“学中思”,学以致用式的“思中用”和启思益智式的“用中创”的理念。本课程的总体目标是根据企业网站开发工作流程(即具体的工作过程),从前期策划开始到网页设计,网页制作、网站,一步一个脚印地引导学生逐步深入,亲身体验网站设计与网页制作的过程。
1.具体实施建议
(1)明确目的、详细描述操作任务。根据学生的具体项目每次课按照网站开发的进度表都有明确的目的,具体的操作任务。
(2)对课堂模仿实践的结果进行合理评价和及时计分。对每一次课堂模仿实践的完成情况进行评价和计分,及时解决学生普遍存在的问题,对完成较好的学生给予肯定。
(3)采用项目驱动的方法,如通过教师项目分解的子项目学习以掌握基础知识点,然后充分发挥学生的设计能力,完成学生自己的项目,素材由学生自己收集,网页的风格、布局由学生自己决定,培养学生的创新能力。
(4)充分利用学生课余时间。
(5)项目开发:提前一个月布置任务,并向学生提供参考资源,让学生有充分的时间准备和寻找合适的项目;学生寻找合适的项目后,与客户进行交流获取制作网站的一些素材和信息。根据学生找到的项目,在教师的指导下,把学生分成若干个小组。在每个小组中,每位学生根据自己的特长和爱好,承担不同的工作角色,完成不同的任务。一般一个项目分给三个小组,每个小组可以拿出一个方案。这样可以加强小组与小组之间的竞争性,此外在最后验收时客户也可以有多个方案进行选择。
(6)学生在完成网站设计和网页制作的教程中,如果遇到问题,可以有多种渠道来解决。可以是组内成员的讨论、还可以查阅系部的网络课程、通过老师进行辅导、求助于互联网等等。
学生通过该项目的进行,了解并把握整个过程及每一环节中的基本要求。这样既教会学生制作方法,又让学生体会制作过程的创新性和协作精神,能最大限度地发挥项目式教学的功能。
2.教学方法建议
《网站设计与网页制作》课程以真实项目为案例组织教学,课程教学方法符合“教、学、做”合一的原则,采用理论实践一体化的项目教学和案例教学方法,强调学生将所学知识和技能在实践中应用。课程教学围绕如何开发一个网站展开,各个教学单元采用“应用导向、任务驱动”教学方法。本课程采用的主要教学方法如下:
(1)四步教学法
通过“讲解――示范――模仿――练习”四步教学法,让学生通过模仿老师讲解的方法制作网页,理论与实践相结合,“教、学、练、思”四者有机融合、训练学生的动手能力和模仿技能,提高课堂教学的实践性。
(2)任务驱动、案例教学法
方法:
下发工作任务单、学生解读任务
教师初步讲解、示范
学生实施任务
教师巡回
教师评价
通过案例提出问题,帮助学生建立感性认识,激发学习兴趣。对案例进行分析,找到解决问题的方法和操作步骤,逐步完成案例的操作。在教学过程中,遵循“启发式教学”原则,启发学生积极思维,通过观察,发现问题,提出问题,分析问题并逐步解决问题,从中领悟职业经验。
(3)项目实施法
方法:
下发项目书
学生分组讨论项目分解
师生共同完成项目分析
学生实施,教师指导
提交项目作品
最终评价
引入“项目教学法”,给学生提供一个制作网站的工作环境,通过组织学生承接项目,继而进行项目的开发,使学习与工作相结合,训练学生完成工作任务所需的技能、技巧,同时引导学生进一步加强专业理论知识的学习,从而培养学生的综合职业素质。
3.考核建议
实施项目式教学以后,学习的过程和在此过程的学习态度显得越来越重要,这也是企业需求人才的一个重要标准。所以本课程的考核内容一共分为四个部分:网站的总体规划,具体完成的过程,最终完成的作品和多方代表的反馈意见。
五、将课程与全国计算机信息高新技术考试进行有机结合
全国计算机信息高新技术考试之高级网页制作员的专项技能水平达到相当于中华人民共和国职业资格技能等级三级,在一种操作系统平台下综合使用网页相关软件完成网页制作和动态数据处理的工作,实际能力要求达到:能综合使用两种以上网页制作相关软件进行网页设计和制作,并具有相应的教学能力。它是网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。如果尝试将“网站设计与网页制作”课程与“全国计算机信息高新技术考试”进行有机的结合,可以提高学生独特设计理念、丰富动态应用程序、互动多媒体制作方式等综合能力,创作出更为直观、高效的Web作品。
将学历教育与认证教育相结合,进一步探求高校培养目标与企业用人之间的联系,培养适应社会需求的学生,这无疑是一种教学改革的新模式。
六、结语
以工作过程为导向的项目式教学法是一种先进的高职教学理念,它突破了传统的教学模式,通过解决学生身边的一些现实问题来实现学生对知识的掌握,大大提高了学生学习的积极性和主动性。通过项目教学法学习的学生,他们的动手能力、解决实际问题的能力有很大的提高。这种方法不但适合高职计算机课程教学,尤其适用于学生水平参差不齐、学生自控能力比较薄弱、课程的应用性比较强的教学。教师在观察学生、帮助学生的过程中,开阔了视野,提高了专业水平。充分地展示了现代职业教育“以能力为本”的价值取向,使课堂教学的质量和效益得到更大幅度的提高。可以说,项目教学法是师生共同完成项目,共同取得进步的教学方法。它是在模拟企业真实的工作过程中,用行为来引导学生、启发学生的学习兴趣,让学生在团队中自主地进行学习,培养学生的多种能力,使学生掌握的知识与企业的需求更加接近,我们将继续在实践教学中深入探讨项目式教学法,与企业加强联系,累积真实项目素材,进一步完善适合高职特点的教学方法。
参考文献:
[1]姜大源,职业教育学研究新论[M].教育科学出版社,2007:87.
[2]邓泽民、王宽,现代四大职教模式[M].中国铁道出版社,2006:132.
【关键词】Web标准；电子商务网站；设计与制作策略；分析
前言
互联网技术的推广与发展进程不断加快，对人们的日常生活与工作各方面都产生了重要影响。网页的设计与制作随着网络技术、科技水平的发展受到人们的高度重视，其主要是将网络作为主要载体，将各种信息以更加快捷、方便的形式传达给人们。根据相关数据统计显示，从事网页设计制作的人员达到了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.
[2]王亚辉.Web标准的电子商务网站网页设计研究[J].电子商务，2015，05：49+82.
关键词：项目教学；网页设计与制作；课程改革；实践
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
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.
[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.
一、选用合理的教材
中等职业学校的人才培养模式是指在一定的教育理论指导下，按照特定的培养目标和人才规格，以相对稳定的教学内容、课程体系和评估方式，实施人才教育的过程的总和。我校网页设计与制作课程的培养目标是能对网站的功能进行分析，全面掌握使用的能力；能对页面进行修改的能力。为此，我校选用的教材除了国规教材外，还补充了Adobe创意大学的标准教材。教学内容不仅能满足中等职业学校专业教学标准，能够反映当前的生产技术水平和职业岗位资格要求，更注重课程内容对接职业标准、教学过程对接生产过程。教材的内容编排符合学生认知特点，突出网页制作的创意工作流程，将创意设计与软件功能相结合，以软件的实际应用为主线，对行业中的典型案例与Dreamweaver软件新功能等方面的知识进行深入探讨。Adobe创意大学的标准教材是联合行业专家、行业协会、教育专家、一线教师、Adobe技术专家开发的，重点清晰，内容完善，为专业及其相关行业实践型人才的培养量身订制。
二、采用“教、学、做”一体的项目式教学方法
以学生为主体，有效设计和实施“教、学、做”一体的项目式教学方法，通过真实、完整的实例呈现知识点。
1.循序渐进，由浅入深
选择小范例诠释理论知识，每一个项目都从最简单的内容入手，慢慢深入，达到制作出高级页面的效果，避免只讲定义的乏味与枯燥，符合学生的认知规律。
2.内容全面，实例丰富
融入大量的实用操作技巧，力求将最常见的软件技巧与行业流程全面细致地进行介绍。结合实例介绍每种应用的操作步骤，学生只需要按照步骤一步步进行操作，就可以在不知不觉中掌握大量的知识，创作出精彩的个性网站。
3.行动导向、任务驱动
从网页制作行业的实际出发，基础知识与基本技能相结合，紧扣“做中学，做中教”的教育理念，将知识点穿插在网站实例制作的操作过程中，在实际制作中介绍网站开发的实际流程与制作技巧，尤其是针对实际制作中广泛采用的“Div+CSS布局模式”，对教材内容进行全面的补充和完善。拓展HTML代码的学习内容、学习方法，通过课后训练设计达到课堂知识的“举一反三”，这样更加贴近实际。
4.由易到难、由部分到整体
从网页制作技能培训的实际需要出发，设计一个网站建设实例，采用循序渐进的方法，详细描述网站的开发过程，介绍网页制作的各种知识、技能和注意事项。所学知识分别涉及：站点的规划与管理；文本、图像及CSS层叠样式表；表格布局，超级链接；框架布局，多媒体文件；热区、层和行为；表单及各种表单元素；模板、站点的测试、与维护等各项静态网页开发知识，采用知识讲授与案例教学相结合的方法。
5.综合运用，注重启发
制作两个企业网站，系统全面地介绍网站建设的实际开发流程及常用手法与技巧。每个任务包含“任务描述”“自己动手”和“举一反三”三个模块，将知识点、技能点和注意事项穿插在网页制作的过程中，注重启发学生的学习兴趣，力求在知识结构编排上体现循序渐进、重点突出、难点分散，在语言叙述上注重概念清晰、逻辑性强、通俗易懂、便于理解。
6.注重现代信息技术在教学中的应用
现代信息技术参与之后的课堂“以教师创造性的教为主导，以学生探索性的学为主体”，丰富多彩的教学环境，给学生更大的思维空间，突出学生的主体地位。运用现代信息技术，创设他们感兴趣的事物与情境，抓住学生的心理特点，将抽象化的、概念化的知识点，以贴近生活的生动、鲜明的图文并茂的画面呈现乏味的定义定律，集声音、文字、图像、图画动态显示于一体，达到将抽象概念具体化、微观概念宏观化的目的。让学生易于理解接受，让学生身临其境，亲历其中，得到体验，在轻松的氛围中愉快地学习，提高了学生的思维能力、想象能力和创新能力。现代信息技术使课堂教学以发展为主，教师通过创造教学环境，在课堂上为学生提供观察、独立思考和实践，将技术与学科教学灵活有机地结合，为学生提供一个友好交互、自由开放的学习环境，组织并指导学生进行实践活动，激发学生主动去探索、积极去思考，从而极大地提高教学效率。
三、考核评价方式多角度
网页设计与制作课程对学生的能力要求是：（1）会Dreamweaver的安装；（2）合理使用网页元素制作简单静态页面；（3）能够使用表单、CSS样式、行为、层、模板、框架等技术制作比较复杂的静态网页，并能够进行站点；（4）初步了解动态网页设计的基础知识，能够制作简单的留言板等动态网页。因此，我从以下几方面对学生进行评价：
1.网页作品与真实生活是否有关联，主题鲜明。
这表现为作为真实的项目场景，这种真实场景是对日常企业场景的模拟，或者真实场景中的实际操作。
2.要求学生对一些与职业有关的问题进行思考和解决。
比如企业网站，学生要依据问题，以科学的论证和推理方式设计合乎自身认识的、具有创造性的解决问题的方案，创作具有创造性的网站作品。
3.操作过程和最终作品是评价的重点。
在实际操作过程中，学生解决问题的综合能力得到锻炼，如思考问题能力、问题反思能力、团结合作能力、信息搜集能力和创造力等，评价中充分展现出来，而网站作品则是各种能力综合锻炼得到的结果。
4.学历证书与职业资格证书对接。
Adobe创意大学考试认证是Adobe公司推出的权威国际认证，是针对全球Adobe软件的学习者和使用者提供的一套全面科学、严谨高效的考核体系，为企业的人才选拔和录用提供了重要和科学的参考标准。
四、结语
关键词：网页设计与制作 教学 改革
随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。
1、课程性质和特点
在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。
2、课程教学目标
本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。
3、课程教学内容
根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。
《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。
4、选择教材和教学模式
这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。
4.1 优选教材
合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。
4.2 精心设计网页制作课程的教学模式
掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。
5、教学方法与手段
5.1 教学方法的改进
在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。
（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。
5.2 教学手段的改革
《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。
6、考核方式
该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。
关键词：传统教学；学即能用；CSS
互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。
一、技术背景与课堂教学要求
（一）Internet发展历程
Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的；Web2.0则为用户开设了主动权，使得用户和网站可行双向信息互动；Web3.0提升了用户的主动权，用户可对页面的多种元素（显示、色彩、像素、框架等）按需设置，订制专属的功能模块，整合数据资源，适用于电脑、手机、PDA等多终端平台定制。
（二）传统的网页设计与制作课程内容
一般情况下，高校开设的网页设计课程从教学内容上可划分为两大块：1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具，使学生掌握布局（表格、层、框架、模板等）、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求，以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于：课堂学到的知识是否马上就能得到应用，是否与目前社会上专业的网页制作公司的技术规格保持一致。因此，本门课程的改革势在必行。
二“、服务于地方”教学内容的改革
（一）教学内容改革
内容改革是课程改革的首要环节。关于什么是关键内容，什么是次要内容，笔者走访了本地专业网页设计公司中企动力的设计总监马女士，通过对她的访谈，了解到时下主流的网页设计公司所涉及到的技术规范，对本校现阶段的教学内容做了必要的调整，简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容，有选择地介绍了网页交互特效及表单的应用，加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块：网页和网站的基础知识、网页美化工具（Photoshop或者Fireworks）、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先，通过具体的例子阐明网页、网站的定义，页面的布局类型（主要是盒模型）、整体造型及配色方案的相关知识；其次，介绍网页美化工具图片处理工具（Photoshop或Fireworks）的使用，学生可用其设计页面元素，加强页面的视觉效果与美观性，提升站点的专业度；再次，介绍HTML的基本语法结构和语句，使学生熟练掌握其主要标签的使用（传统的教学模式对这一部分的内容有所忽略）。实践证明，学生若不熟悉HTML的语法构成，学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然，对于非专业学生而言，学习一门语言，即便是文本标记语言，由于其本身对计算机系统相关知识的欠缺，授课会比较困难，学生也学得辛苦，但这又是一个必要的过程，其所占用的时间比较长，需要设计大量实例，反复练习才能掌握。之后介绍开发工具，重点是要理解页面的代码模式和设计模式，而DIV+CSS则是本门课程的重头戏，由于学生对代码有种天生的恐惧，所以，在建立CSS时又以开发工具建立为主，修改程序为辅。最后简单提及动态网页技术。由于课时限制（32节），本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等，而目前主流的网页制作公司则主要应用DIV+CSS。所以，对于陈旧的技术简单介绍即可，而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉，所以，在课时中增加了相应的HTML的基本语法结构和语句的介绍，并对主要标签的使用熟练掌握。
（二）实际授课效果
笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS，有一定的设计基础，所以，课程内容改革中的第一部分可以省略；思政专业的学生没有图片处理基础，笔者在授课过程中有意加强了这部分内容，讲授简单的图片处理方法和文字特效工具。实践证明，学生有追求新知识的欲望，基本能做到学以致用，并反馈到最终的作品中。往届学生的作品更像电子小报，而今年通过课程内容改革的学生作品虽不完美，但在形式内容上更接近Internet的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。
参考文献：
