首页 公文范文 网页制作与设计论文

网页制作与设计论文

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

网页制作与设计论文

网页制作与设计论文:网页制作与网页设计论文

一、考核改革目的

通过《网页设计与制作》多年的教学发现,应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作,并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系,提高学生综合项目实践能力,更好的与社会需求接轨。有必要对传统的考核方式进行改革,同时经过多年教学探索,结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作(每组2-3名学生)完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成,权重分别为70%、30%,每一项按百分制评分后依权重比例计入总成绩,总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成,为了与学校的评分要求接轨,将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案,其中操作考核实施的具体要求以试卷形式展现,内容要求以表“操作考核内容”为中心,以考核学生综合网站制作能力为基本思路,通过小组合作完成主题网站的设计与制作,具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作,同时要求学生善于思考、总结,每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容:

(1)项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段,要求小组共同确定网站名称、网站风格(列举网页采用主要色彩及网页色调定位)、网站栏目、站点目录结构的内容以形成完整的网站规划,在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图;静态页面制作阶段要求绘制网页布局的结构图及标注尺寸;程序开发阶段列举所用的开发工具、对数据库、表进行截图,以及绘制程序开发页面流程图。

(2)项目总结。对本项目完成情况进行分析、总结,并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍,总结,便于相互交流经验。

(3)项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式,让学生明白实际工作中不仅需要具备较高的技术能力,还要有合作意识,与合作者之间有效、和谐的沟通。

2.考核方式

学生以小组合作形式完成项目。每小组都由组长担任项目负责人进行总体规划并对项目任务进行合理分工,协调组员之间的关系。最后作品的评价以小组各自展示作品的方式展开,按照教师评分、小组间评分、小组自评6:2:2的比例评定。至于项目报告成绩由教师评定。该考核改革方案体现对学生知识技能、协作能力方面的科学、正确的评价,注重学生自主分析问题、解决问题能力的培养,让学生投入到一个类似实际工作的项目开发情景中,发挥各自的能力,发现自身的弱点,不断自我调整以适应职业岗位的需求。

作者:张健单位:连云港工贸高等职业技术学校

网页制作与设计论文:网站设计与网页制作论文

1网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络,它的传输内容是非常丰富的,涉及到全球的各个领域,是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口,是院务公开、公正、服务职工、惠及民生的重要手段。办好网站,对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分,是构成网站传达信息不可或缺的手段,同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站,只有多为用户着想,认真地以用户的切身体会出发去完成网站的整体设计。当然,在设计过程中需要考虑的因素很多,用户群因素和界面因素是首要考虑的两个方面。

3网页制作

3.1选择合适的网页设计软件当前能使用的网页设计类软件很多,而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说,初学者最常使用是Frontpage和Dreamweaver,Frontpage是微软公司出品的一款网页制作入门级软件,FrontPage使用方便简单,会用Word就能做网页,所见即所得是其特点,该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,利用它可以轻而易举地制作出充满动感的网页。此外,制作网站还要用到边缘性软件,如photoshop、flash等,网页设计过程中可根据自己的需要灵活运用这些软件。

3.2选择网页内容前期的框架设计好后,就要为这个网站选择内容了。网页内容影响着网站的成败,所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的,这些可以从图书、报纸、互联网等信息媒介搜集素材,素材通常分为三类一一文字、图片、影像。素材准备得越多越好,再从这些素材中粗中取细,以备制作网站时可以随时拿来使用。总之,网页内容是网站的根本,如果内容空洞,页面制作的再怎么精美,仍然不会留住访问者。

3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果,反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击,所以确定网页的色彩是相当重要的一步。在网页的色彩设计上,除了要表现心理和感情联想之外,还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值,使网页更有效和准确地把信息传达给我们的视觉。

4结语

网站的设计与制作谈起来很简单,但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践,不断的学习,不断的丰富、创新网页制作的方法,不断完善、提高自己网站设计的能力。

作者:华磊许长安单位:黄淮学院

网页制作与设计论文:“网页制作”的教学设计与实践探究

【摘要】随着近年来信息技术的发展和应用,学校也越来越重视学生对计算机技术和网络的应用能力。“网页制作”作为一门综合了网络技术、信息技术及美术设计的综合性学科,逐渐成为学校考查学生综合能力的重要途径。本文将从“网页制作”的教学内容、教学对象、过程及目标等方面,对“网页制作”的相关概念进行详细阐述,并提出“网页制作”实际应用的方法和措施。

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

早在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 前 言

优秀的高校的网站建设和网页设计建设有哪些重要作用?高校网站和网页就是高校最基础的形象窗口。它们主要可以用来打造高校的形象,宣传高校的一些重要的信息,这里面包含了高校所蕴涵的校园文化,高校建校、发展的一切基本情况还有高校里面发生的希望外界了解的一些新闻信息。各种详细的、创新的、更有活力又吸引力的网站建设和网页设计的成果,利用图片和文字的搭配方法、各种信息导航的具体使用、详尽的说明等可以吸引更多搜索高校信息的浏览者,高校的招生在市场竞争里的一个重要方面也是要更为科学地打造自己高校的网站的建设和网页的设计。在市场里获得足够竞争力的高校才能更有利的提高高校的品牌。宣传高校的基本信息,使其能传达给全国甚至是国际上的目标人群,让他们通过浏览高校网站和网页的时候传输给他们高校的品牌形象,让他们更便利的获得高校的信息概况。这既能推动高校被全国被世界更便利地了解,也能够不断地提高自己的校园品牌形象。高校正是利用网络宣传网站和网页,降低高校宣传成本,提高高校竞争力。在传播高校的网站和网页的时候,可通过一些策划的公司帮助锁定目标客户,比如锁定一些需要报考高校的人,将自己的信息进行推送。不少的高校都会将高校网站建设和网页设计信息当成自己宣传招生的重要一方面。也正是因为不同高校都会有自己的办校特色和发展的个性,在以信息宣传和内容创新取胜的时代,网络上网站和网页的宣传就是很重要的一种宣传方式。着可以跨越时空的限制,不用到校了解、也不仅仅只针对当地的受众群,可以让全国甚至世界各处的人了解高校的情况。高校的网站甚至可以丰富高校学生的学习平台,里面有更多的方式可以帮助学生查阅资料,网络资源中高校的网站可以提供非常丰富并有针对性的资源,学生们可以在上面各取所需,这也是高校网站和网页建设中提供给学生学习的重要一方面作用。

2 高校网站的建设和网页设计建设和网页制作现状问题

2.1 高校网站内容过于单一

高校网站建设和网页设计因为其特殊性一般在内容的监管比较严格,在内容上也很容易变得单薄无趣,对浏览者没有吸引力,高校类型站点在娱乐互动性会比较不足,特别是高校网站往往定位在以“自我为中心”也就是以高校的信息为主要内容呈现,并没有充分考虑到学生以及社会对高校网站的内容要求,这种形式上的单一,并不可怕,可怕的是“自我为中心”后的自我封闭,在现代信息化的时代背景下,高校必须要有独立的自我认识和气质,否刚就会成摆设,而从目前的情况来看,内容单是所有高校网站建设和网页设计建设中经常会出现的问题。

2.2 高校网站的建设和设计缺乏全局观念

在网站建设和网页设计建设的规划上系统的规划设计往往会缺乏全局观念,工作量非常的大,会出现多项重复的内容,导航的设计在网站设计中也是非常重要的,导航设计既要在具有新颖、创新的同时也要保证它能够实际发挥作用,更能够与高校整个网站的建设和网页的设计相联系、将高校的形象融入进去,使导航的信息也能够设计的更加完整。导航也是有内容的,具有实际作用和创新吸引力同时并有的,这些都是符合浏览者的实际操作的。

2.3 高校网站的管理程度不足,内容更新缓慢

高校网站建设和网页设计由老师空闲时间做,但一个人很难管理的完整的网站建设和网页设计建设工作和后期维护、和内容的定时更新,因为高校拥有多个部门,这些部门的内容和功能也都应该在高校的网站和网页上有所体现,但是因为完整的网站和网页建设中各个部门可供介绍浏览到的信心非常的有限,一些深层的工作和作用也是很难体现到的,而且网站和网页建设中的繁复导致网站和网页中的内容更新太慢,新闻信息等都跟不上校园的发展,内容的更新缓慢、滞后也是高校网站建设和网页设计建设中常见的问题。

2.4 高校网站的安全性不足,许多网站无独立服务器

通常高校网站建设和网页设计都不会自己建立服务器,而是选择虚拟主机空间作为放置网站建设和网页设计内容的。这些空间都是有着不同的大小,这些大小也要根据高校的具体情况而不同,这里面有规模的大小和自己的大小选择等,一般实力雄厚的高校会选择自己高校服务器来确保数据的安全。高校网站建设和网页设计是属于公益性,因此会出现比较多的安全隐患。

3 高校网站建设和网页设计建设规划设计与网页制作方法浅析

首先要确定的是程序,其次是排版,然后是内容,最后是推广和运营。具体的每一步都要有详细的思考和准备。

3.1 要明确网站建设和网页设计的基本内容和基本目标

确立做网站建设和网页设计的目标,网站建设和网页设计建好后,要达到什么样的目的,扩大招生还是供学生使用?也就是确立主体内容。确定服务对象,是面对学生,还是家长,还是老师。高校和它的服务对象最初的交流窗口就是通过高校的网站和网页,学生和家长都可以通过网站和网页了解到高校的办校的理念,高校的教育情况,教学中的改革成果等,这些希望服务对象了解的信息一定是高校网站和网页设计中基本要做到的。

3.2 要规划好各种栏目

清晰的栏目方便浏览网站建设和网页设计的浏览者,希望达成什么效果是否能实现美观和表述同时实现。加强特色内容建设。特色就是竞争力。高校网站和网页建设中需要规划好各个栏目的内容,这就需要各个栏目负责人一起组织规划分工协调好各自的工作。负责网络建设的中心应该积极分配好工作,设置什么风格,不同部门不同系的不同模板的设置都规划好。

在设置功能方面要适合用户的操作,简化简明操作步骤比如怎么留言,怎么报名,填写什么,网站建设和网页设计使用者怎么更新新闻,怎么传活动图片,这些都要一目了然,方便客户也方便自己操作。

3.3 加强硬件的建设,做好师生信息技术培训

随着各地经济的发展和教育信息化工作的不断推进,越来越多的高校在新一轮建设高峰中购置了大量的先进硬件资源,但是再先进的先进的硬件都是要有一定信息技术和专业素养的师生来操作的。高校的硬件利用率并不高因而必须在加强硬件建设的同时,做好师生信息技术培训、电脑软件资源的配套、相关的管理制度等的“软件”建设。

3.4 加强网站的监管和提升安全意识

在网站建设和网页设计的监管方面也是非常必要的,高校网在设计中需要有监督管理的部分,这些并不只是防御黑客或者病毒的入侵,而是也需要监督信息传播中对信息的筛选,毕竟这些信息直接面向了学生,所以要对网站和网页上传播的信息进行有效的监督管理,监督这一部分需要专门的工作人员进行,加强监管的各种措施是一个长期又坚决的工作。

3.5 加强高校网站的宣传和引流

注重浏览量的扩大,达到建设网站的目的,要想扩大浏览量,加入一些宣传手段,加强校友录的建设也是一个可行的办法,一个优秀的高校网站离不开广大毕业生校友的参与和支持,毕业的校友会通过书信和电话等方式与母校保持联系,很多热心的校友也会积极致力于母校的发展中,宣传母校、推动发展、加强联系等方式都是他们对母校责任心的体现,加强这些校友的校友录建设,综合他们的力量,能够吸引更多人的宣传和为母校发展献计献策的动力。

4 结 语

高校网站和网页建设是高校宣传打造自己的重要方式,好的网站和网页建设对高校的发展有着各种推动作用。但校网站建设和网页设计过程中存在的一系列问题,校网站建设和网页设计需要从技术、组织、创新等的改变入手,还需要与时俱进的方法,增加更多的交流,融入更多的创意,综合自身的优点来达到校网站建设和网页设计的目的。建立功能完备、操作简单、应用丰富的高校网站是一项系统性的工程。通过制订相应的高校信息化发展规划和配套的规章制度来予以推行,这样才能使高校的信息化应用水平提高到一个更高的水平。

网页制作与设计论文:《网页制作》课程“精讲热练”教学模式的探索与设计

摘要:为了提高《网页制作》课程的教学质量,分析了《网页制作》课程的特点,设计了“精讲热练”的教学模式,进行了对比教学实验,结果表明该模式可以有效提高《网页制作》课程的教学水平。

关键词:网页制作;教学;模式;设计

1 《网页制作》课程在计算机类专业课程中的地位和作用

如今网络在人们的生活中占据了越来越重要的地位,网页制作技术作为建设网站的基础技术也展现了越来越多的应用,企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课,通过该课程的学习,使学生全面建立对网站的认知,学会网页制作和网站设计的基本方法,熟悉网页制作与网站设计的基本概念和理论,掌握网页制作的操作方法和制作技巧,使学生具备设计、开发、网站的能力,加强学生的实际动手能力和解决问题的能力,为以后激烈的就业竞争打下坚实的基础[1]。

《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习,可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求,也可以解决《》课程中对网站前台界面的设计和制作需求[2]。

2 《网页制作》课程具有易于掌握、难于精通的特点

《网页制作》课程属于操作设计类计算机课程,和《计算机基础》等课程不同的是,在简单的操作背后隐藏着许多深层次的制作技术和操作技巧,学生学完课程之后,往往只掌握一些简单的操作,只懂得一些简单的技术,对于复杂的技术和深层次的制作方法一窍不通,做出的作品只能达到实习生的水平,无法达到应用型人才所需要的技术水准,无法满足企业对人才的需求[3]。

造成这种情况的原因是,《网页制作》课程涵盖内容广,技术层次深,制作技巧多,具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难,要提高教学质量,必须克服这个困难。

3 针对《网页制作》课程特点的“精讲热练”的教学模式

3.1 针对《网页制作》课程易于掌握,难于精通的困难的解决办法

1)把宝贵的课堂时间更多的用在讲授深层次的制作技巧上

《网页制作》课程总的教学时数是有限的,为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧,就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的,对于简单的操作、简单的制作方法大略讲一下就可以,而对于复杂的操作,学生难于掌握的技术可以使用更多的时间来教学。

2)由讲授和实践分开上课转变为在机房统一上课

传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授,然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔,对于简单的操作影响不大,但对于复杂的操作,学生常常就忘记了操作步骤。课堂讲授内容较多时,学生甚至会把不同功能的操作相互搞混。

为了使学生能够掌握深层次的网页制作技术,需要改变传统的教学模式,更多地采取互动模式,以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行,教师通过机房的同步授课软件讲解、演示,讲完之后学生立即练习,打破理论教学和实践操作的时间间隔,使学生通过亲自操作快速掌握相关技能。

3.2 “精讲热练”的教学模式

针对《网页制作》课程易于掌握、难于精通的特点,本文提出“精讲热练”的教学模式,与传统的教师先在多媒体教室讲授,然后学生在机房上机实践的教学模式不同,这种教学模式把讲授和实践结合在一起,统一在机房授课,如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧,对于简单的操作、简单的制作方法大略讲一下就可以,此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点,然后学生立即练习,练完后教师再讲下一块知识点,讲完之后学生再练,反复循环,循循善诱,使教师讲授和学生实践之间没有时间间隔,此为“热练”。精讲热练、趁热打铁,从而化复杂为简单,变被动为主动,使学生在教师的引导下逐步深入学习网页制作知识,掌握深层次的网页制作技巧。

这种模式的特点是以教师为中心,以学生为主体,把教师讲授和学生练习紧密结合在一起,变学生被动听讲为学生主动参与,创建交互式协作学习环境,加强师生交流和学习[5],使学生在教师的引导下成为课堂的主人,从而有效提高教学质量。

图1 “精讲热练”教学模式与传统教学模式对比图

3.3 “精讲热练”教学模式的优点

“精讲热练”的教学模式具有以下几个优点:

1)“精讲热练”的教学模式克服了《网页制作》课程易于掌握,难于精通的困难,集中有限的课堂时间用于深层次网页制作技术的教学,能有效提高教学质量,使学生的制作水平和制作技巧达到较高的高度。

2)“精讲热练”的教学模式使教师讲授和学生练习相结合,能够充分营造学生积极参与的学习氛围,有效活跃课堂气氛,增进学生和教师之间的交流[6],让学生在教师的引导下快速掌握网页制作技术。

3)“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授,不仅增强了对学生的视觉冲击,而且学生可以及时动手实践操作,便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合,形成立体化教学体系[11]。

3.4 “精讲热练”教学模式的教学效果

笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验,一个班采用传统教学模式,另一个班采用“精讲热练”教学模式,课堂教学效果对比如表1所示。从表中可以看出,“精讲热练”教学模式的课堂教学效果明显优于传统模式。

期末进行了总评成绩核定,总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成,其中平时成绩占10%,实践作品成绩占40%,期末考试成绩占50%,总评成绩对比如图2所示。从图中可以看到,“精讲热练”教学模式的总评成绩也明显优于传统模式。

表1 课堂教学效果对比表

[教学模式\&课堂气氛\&互动性\&学生兴趣\&逃课人数\&传统模式\&一般\&弱\&低\&较少\&“精讲热练”模式\&活跃\&强\&高\&极少\&]

图2 总评成绩对比图

4 总结

“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握,难于精通的困难,带动课堂气氛,提高学生参与学习的主动性,帮助学生掌握深层次的操作方法和制作技巧,能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程,在课堂教学上起到示范带动作用,改善计算机教学的教学氛围和教学效果,慧及更多教师及学生。

网页制作与设计论文:基于Photoshop的网页制作模型的设计与实现

摘要

Photoshop在图片处理上具有强大的功能,尤其是对图像进行精细化操作,更是奠定了其在广告设计及美术创作中的坚实地位。当然,在网页制作模型设计上,Photoshop依然可以凭借其精细化、功能化优势来实现美轮美奂的网页规划效果。

【关键词】Photoshop 网页制作 模型设计 实现方法

1 引言

现代网络技术的发展,对网页制作提出越来越高的要求。Photoshop作为功能强大的图像处理软件,同样在网页制作设计中不容小觑。如在不同格式文件上兼容性强,图像处理精度高、误差少、视觉效果显著,更成为网页图像、动画、基于Web页面设计领域的优秀工具。

2 Photoshop在网页建模的独特优势

2.1 页面布局功能的灵活性

利用Photoshop来进行网页设计,主要是利用图层的特色功效,可以实现不同层次上不同元素的放置,且在进行移动时不会影响其他元素及整体视觉效果。当然,对于图层空间不仅可以放置单独页面要素,还可以放置链接,还可以进行叠加,确保不同图层上不同要素的色彩、亮度、大小等不会出现偏差。由此以来,在进行网页要素规划及布局上,可以依照设计者的思维进行灵活操作,增强了设计自由度。

2.2 修改功能的便捷性

由于网站在设计过程中因客户的要求而进行修改是常有的,而Photoshop因其便捷的修改功能,可以先通过Photoshop设计出效果图,然而结合需求变化来优化,最终获得客户的满意。对于其他软件则无法实现自由、从容的修改。

2.3 网页浏览的快速性

网页制作的目的在于浏览,而浏览体验不仅需要美观和规范的视觉效果,还要具有良好的网站交互能力。特别是对于大型网页架构,因加载项目过多,对网速要求过高。但对于Photoshop制作的网页,多采用裁切体积及文件格式转换,对系统资源占用率较低,从而能够保障快速的反应速度,提升浏览的流畅度。

3 Photoshop网页制作模型的设计与应用

3.1 Photoshop新建图像文件

根据网页设计模型基本框架要求,首先需要新建图像文件,以常规1280*800像素为例,可以设置浏览器的图像宽度、高度为1260*780,选择RGB色彩模式,便于在Photoshop中利用色彩的叠加营造五彩缤纷的视觉效果。

3.2 Photoshop设计网页布局

针对不同功能、不同用途的网站,其页面框架结构也不尽相同。通常情况下,对于视觉的热点效应多聚焦于左上角。在进行网页浏览时,左上部及上部为视觉中心,其后往下阅读,呈现出“F”形特征。因此,在页面布局上,围绕网站标识、站名、导航条、热点栏目、头条等页面布局要素,来重点优化左上部区域。如对于综合性网站,通常采用“国”字型页面布局,最上面为标示栏及广告条,其次为网站的主体内容,再次左右各一列小字号标题栏目,中间侧重于图文并茂的内容,最下面为基本信息,包括版权、联系方式等说明。因此,在设计上,利用Photoshop在页面上设置“T”型字,形成三块空间,最上面为标识、广告条等;左侧为导航栏,右侧为网站主体内容;接下来设置不同的页面图层,并在不同图层上进行绘制,结合Photoshop的图形、渲染功能来完成。

3.3 Photoshop网页模型集成

完整的网站需要具备Logo、广告栏Gif动画,背景底纹及导航按钮等。对于网站Logo,利用Photoshop丰富的图像设计功能来设计独特的富有个性的标识。如新浪网标识中的“i”通过进行艺术化处理,将之转换为活灵活现的眼睛,正是传达“世界在你眼中”的设计理念,增强了视觉动感;再如人人网的标识,利用对“人”字的抽象变形,代表每一个人;辅以圆圈,寓意人际圈,其共同的交集则象征着人与人的协作、分享、沟通。可见,对于标志的设计,既要从视觉审美上来表达生动的效果,还要从文化内涵彰显丰富的意蕴。Photoshop可以实现对矢量图形的任意变形而不失真,从而为我们进行自由创作和设计提供了无与伦比的设计环境。如可以利用钢笔工具来绘制矢量图,保存为JPG格式占用空间小,带来较快的响应速度。

广告栏多采用GIF动画,位置多居于网页的最醒目中间靠上,在动画内容上可以是企业精神、也可以是产品介绍,以图像自动切换等方式来呈现。利用Photoshop和ImageReady可以制作出简单、易用、低系统占用率的GIF动画,避免了传统SWF动画设计对插件的要求。举例来说明,以600*200像素广告栏为例,其操作过程如下:首先新建600*200像素文件,分别插入四张不同的图片到1,2,3,4个图层里,调整各图层中图形尺寸,使其保持和谐度;分别在4个图层新建文本图层,并打出不同的广告语,与相应图层进行合并;利用ImageReady,打开后点击“动画”面板,复制当前帧,连点3下,使帧数为4;分别对各帧进行操作,每一帧显示一个图层的内容;设置动画延时数值;转存为GIF动画格式,预览效果。

3.4 Photoshop设计底纹背景

在利用Photoshop进行背景设计时,可以利用无限填充功能,只要设计一个背景元素,将之无缝连接并填充整个背景页面即可。如可以设计一个1*2像素的条形状背景图,保存为JPG格式,并填充整个背景,而这个背景文件却仅有几k的大小。

3.5 Photoshop设计网页按钮

按钮是网页制作模型中的必要内容,在设计上要注意几点:一是大小尺寸要以像素为单位,避免图像失真;二是保存为JPG格式,对于有透明像素的需要改为GIF格式;三是利用Photoshop处理过的源文件要另存为PSD格式,便于后期修改;四是利用切片工具进行切割时要依靠参考线,保持页面布局一致性,避免爆边。

4 结语

总之,利用Photoshop进行网页制作模型设计,要从网页整体功能及展示特性上,积极挖掘Photoshop在网页图像、动画、WEB化页面设计中的优势,提升网页制作的应用效率。

网页制作与设计论文:基于电子商务创业园平台的网页制作与设计课程教学探索

【摘 要】分析当前网页制作与设计课程教学活动中存在的问题,阐述电子商务创业园的教学模式,提出以电子商务创业园平台推动网页制作与设计课程教学改进。

【关键词】电子商务创业园 网页制作与设计

网页制作与设计课程是学生进入软件工作室学习的前导课程。为了让中职学生更好地学习,广西梧州商贸学校以电子商务创业园为平台,将网页制作与设计课程中的职业能力培养作为培养的主线,将典型工作融入课程,解决了学生就业层次低、就业难度大等问题,鼓励学生的创业热情,提高了学生的实践能力,为中职的创新教学提供了源源不断的改革动力。

一、当前网页制作与设计课程教学活动中存在的问题

(一)中职生学习存在的问题。当前,中职大规模扩招,使得中职生生源总体质量下降,素质参差不齐,学习质量呈现下降趋势。中职生学习存在的问题主要体现在以下两方面:

第一,学习积极性差。在上理论课时,一些学生不愿听枯燥的理论知识,不愿做教师布置的上机作业,而是玩游戏、玩手机,导致对专业知识的掌握不牢,不能有效地将专业知识迁移到实际工作岗位中。

第二,动手能力差。在上实践课时,一些学生面对给出具体操作步骤的任务不屑动手,认为过于简单,而对于没有给出操作步骤的任务又觉得太难而手足无措,高不成低不就的现象普遍,导致无法构建属于自己的知识体系,到了实际工作岗位上便无所适从,无法将所学的知识与实际联系起来,不具备解决问题的能力。

(二)教师教学存在的问题。电子商务和计算机应用专业的网页制作与设计是实践性很强的学科,目前主要有传统教学与校外顶岗实习两种教学方式,教师教学中存在的问题可从这两方面进行分析。

第一,传统教学存在的问题。一是教学内容落后,不适应社会应用实际的变化。当前全国各地相继开展了网页设计与制作教学内容的改革,但是在实际教学中,中职教师的教学思维并没有适应社会应用的变化,教学内容远远滞后于当前应用要求。网页设计中要求美化、策划,还有后期运营中可维护,这就需要教师不断融合网站的运营推广、优化、美化、营销策划等方面的知识与实际应用技能;在网页制作与设计过程中,融合管理以及市场的创新,从而培养复合型服务人才。二是教学方法存在单一性。中职教育具有实践性的特征,但是当前网页制作与设计课程教学缺乏职业教育的特征,忽略了职业情境的创建,学生在实施、设计、计划、分析中不能得到教师对疑惑的解答。在多种教学方式下,要实现教学效果快速提高,需要从思想上实现根本转变,运用这些先进的教学方式,结合当前高科技、高速度、超大信息、多元化的时代特点,不断进行课程教学改革,改变单一化教学方式。三是考评方式不够开放,而是形式化地完成。学生的考评主要涉及日常的教学考勤和完成网站的结果,不能显示出学生学习效果的提高。在这种封闭的考评方式中,学生改进的方法、存在的问题不能在教师和学生之间形成互动,降低了学习的效果。

第二,校外顶岗实习存在的问题。在顶岗实习中,一方面,学生真正上手操作的机会比较少,加之愿意接受学生实习的企业不多,并且由于大部分学生分散在不同企业,因而管理和考核难度加大;另一方面,学校与实习企业沟通不够,合作力度不深入,也不够合理,尚未形成学生、企业、学校三者共赢的局面。

二、电子商务创业园的教学模式

以电子商务创业园为平台推动网页制作与设计课程教学改进是一种尝试。该教学模式以电子商务创业园为平台,采用项目辅导、专题讨论、技术讲座等形式,促进学生在真刀真枪的项目开发中学习相关知识,从而提高学生的职业能力。“以职业活动的工作过程”是从“以知识的逻辑线索为依据”转变而来的,并且学习的资料基本上是实际工作流程和职业岗位活动,以此来安排课程顺序和内容。

具体来说,以电子商务创业园为平台推动网页制作与设计课程教学改进是将电子商务创业园平台中的企业项目作为实例,教师结合项目流程化进行重点模块教学,学生在教师的引导下开展实践性学习。为了将完成项目任务作为实际教学活动的中心,需要遵守“项目导入、任务驱动”的教学法,教师对学生进行启发、引导,让学生通过参与项目任务的网页制作与设计,亲自体验网站的开发、维护、管理这一完整流程,并在学习中激发自主学习的动力,不断提出问题,同时发现新问题,从而改变传统教学模式中教师和学生的角色,实现以学生为中心的教学。

三、以电子商务创业园为平台推动网页制作与设计课程教学改进

首先,以电子商务创业园为平台推动网页制作与设计课程的教学改进中,主要以“项目导入、任务驱动”教学法为研究方法。因为以电子商务创业园为平台推动网页制作与设计课程教学改进的模式是一种新型的教学模式,还没有现成的案例,需要我们在实际工作中研究与实践才可能推广。其次,中职教育的教学管理中,应注意分层管理,注重个性差异和个别教育,加强学生间的凝聚力,提高学生学习的积极性。落实“总项目―子项目”模式的分层管理,一方面让项目组成员分头开展研究,另一方面由项目负责人进行总协调。同时,项目将成立例会制度,目的是强化制度体制,规范行政管理,提高工作效率。最终在校企合作的推动下,一起展开项目研究。

教学改进方案具体如下:

(一)确定项目组人员和教学改进方案。首先,确定教学改进方案的依据。一方面要在网页制作与设计课程投入人力和财力的基础上,对编制问卷调查中的通用步骤进行参考,还要对研究成果以及检索资料进行借鉴,从而得到网页制作与设计课程中的岗位及能力方面的要求的基础数据。其次,教学改进方案的设计要设立审批、经费投入等管理制度,将设立审批下放到电子商务创业园中,明确学校分类管理,加大对在电子商务创业园形成过程中出现的违法行为的打击力度,对责任人严肃追究责任。再次,在教育制度改革的同时,要深化课程教学改革,实施德育综合改革,构建网页制作与设计课程的德育课程体系,把德育目标融入学科的课程中,实现全科育人,并深入开展法治教育,强化知识课程教学。然后组织相关教师研讨,编写讲义,确定教材,落实与课程培养中的各种能力相关的设备以及资金。最后,在学生综合素质评价中,要明确以学生品德养成、身心健康、学习能力为主要评价内容,坚持常态化实施,如实记录学生在创业成长过程中的突出表现,并以事实材料为佐证,切实做到有据可查。同时加强公开公示工作,用于招生使用的活动记录和事实材料必须进行公示,相关负责人须审核签字。

(二)开展实地考察并签订企业开发合同。对电子商务创业园合作的企业如广东中山市蓝狐品牌策划有限公司进行实地考察,根据考察情况形成初步的教学改进方案,并组织专家论证,与企业签订开发合同。企业和学校要在专业设置、师资队伍建设、实践教学、实训基地建设以及现代职业教育体系构建等方面形成良好的合作基础,开展针对性的对口共建活动,使学校在专业建设、师资素质和实践教学水平等方面得到提升。企业和学校协调配合、各司其职,以电子商务创业园为平台实现对网页制作与设计课程的带动作用。

(三)教学改进的实施。开展以“项目导入、任务驱动”教学法的网页制作与设计课程教学改进的同时组织开展优秀作品展评比竞赛活动,进一步加强学生技能的培养和全面提高学生的综合素质。鼓励学生参与电子商务创业园平台相关的活动,鼓励学生建立、开发工作室,可由教师牵头,组织学生参与,引入企业项目。在企业项目实施的过程中,学生可以了解、熟悉整个工艺流程、不同知识的用途以及操作过程中的注意事项。校企联合实践教学,让学生将理论和实践进行对接,使学生对所学专业有更深层次的认识,更加明白课堂教学的意义,激发学生学习专业的热情,这对于学科建设和学科发展具有积极的推动意义;同时,引导学生树立“学会认知,学会做事,学会共同生活,学会生存”的意识,使学生在创业时“走得出”,“站得住”,“干得好”。除此之外,在教学改进实施过程中,还应注意维护学生的权益。校企合作中涉及的实习生人数多,学生容易被企业当作“廉价劳动力”使用。保障政策的重点包括企事业单位不得向实习生收取实习费;不得安排实习生从事与所学专业无关的实习岗位;学生顶岗实习给企业带来效益的,企业应向学生发放实习津贴。

(四)完善项目。依照项目开发结果来完善教学改进方案,主要是硬件设施,从而逐步建立电子商务创业园平台带动下的网页制作与设计课程规律性体系,形成网页制作与设计课程的能力考核评价标准。按“理论教学项目化,实训环境真实化,素质培养职业化”的要求,开展实训基地建设。在基于工作过程的行动导向教学理论的指导下,以真实的网页制作与设计为蓝本,在企业项目实施中,建成比较完善的“做中学、学中做”教学场所。同时,对实训基地的功能进行综合论证,对原有的师资及企业职工培训、技能竞赛和教产研发服务三种功能的不足进行重点建设,主要针对软硬件投入建设。在项目完善过程中,按不同层次拆分工作内容,开发产教项目,以适合不同年级的教学;教师的教学以生产为主线,生产活动为载体,理论与实训一体。学生通过参与项目的活动,学做融合,实现工与学的对接,创新校企合作的模式,使得调整后的项目、人才规格和专业素质贴近行业、企业的现实要求。

总之,以电子商务创业园为平台推动网页制作与设计课程教学改进,始终将学生作为学习的主体,通过案例教学、任务驱动、项目教学法、小组合作与协作等方法开展教学活动,这对提高学生主动学习和解决问题的能力,提升学生的岗位职业技能,以及提升教师团队的教学水平具有重要的意义。

网页制作与设计论文:浅析“网站开发与网页制作”网络设计

摘 要 “网站开发与网页制作”作为一股新兴主流专业吸引了广大学生和各大高校的目光,网络课程设计也越发关键和重要。本文主要围绕现代教学任务中,网站开发与网页制作现状和未来发展前景规划进行探讨和分析,希望使我们的网络课程设计更好的得到推广和发展。

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

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

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 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络,它的传输内容是非常丰富的,涉及到全球的各个领域,是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口,是院务公开、公正、服务职工、惠及民生的重要手段。办好网站,对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分,是构成网站传达信息不可或缺的手段,同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站,只有多为用户着想,认真地以用户的切身体会出发去完成网站的整体设计。当然,在设计过程中需要考虑的因素很多,用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多,而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说,初学者最常使用是Frontpage和Dreamweaver,Frontpage是微软公司出品的一款网页制作入门级软件,FrontPage使用方便简单,会用Word就能做网页,所见即所得是其特点,该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,利用它可以轻而易举地制作出充满动感的网页。此外,制作网站还要用到边缘性软件,如photoshop、flash等,网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后,就要为这个网站选择内容了。网页内容影响着网站的成败,所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的,这些可以从图书、报纸、互联网等信息媒介搜集素材,素材通常分为三类一一文字、图片、影像。素材准备得越多越好,再从这些素材中粗中取细, 以备制作网站时可以随时拿来使用。总之,网页内容是网站的根本,如果内容空洞,页面制作的再怎么精美,仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果,反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击,所以确定网页的色彩是相当重要的一步。在网页的色彩设计上,除了要表现心理和感情联想之外,还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值,使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作,切不可图快,没考虑清楚就下手只会让后面的修改工作更辛苦,首先要制作主页,把主页上的页面的编排、色彩的搭配、链接的方式都设计好后,再以 它为基础,通过变更文字和图片等内容建立其它子页,可以利用模板批量创建子页,使用模板的好处是一一同一个模板创建下的网页,对它的更新和修改可以一次性完成。这样可以大大提高制作效率,使网站形成统一的风格。

⑵特效制作网页时,能尽量用javascript替代的就不要使用java,java会使网页速度减慢,在加入诸如声音、动态网页等小技巧时,最好也不要太多,这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本,可以让浏览者看到众多的图片。但是,在展示缩略图时,切记不能将缩略图做得太小,因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的,色彩鲜艳高分辨率的用JPg,图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k,小图片(1OOx40)一般可以控制在6k以内,较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击。

5 结语

网站的设计与制作谈起来很简单,但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践,不断的学习,不断的丰富、创新网页制作的方法,不断完善、提高自己网站设计的能力。

网页制作与设计论文:《网页制作》专题学习网站的设计与实现

摘 要:专题学习网站是基于网络资源的数字化学习平台,为学生提供制作网页所需的丰富资源,搭建展示学生作品成果的平台。

关键词:专题学习网站;网页制作;设计;实现

准备建设的专题学习网站是基于网络资源的数字化学习平台,利用网络技术,创设主动学习情境,让学生在开放、互动的平台上去寻求《网页制作》专题资源,激发学生学习兴趣,让学生主动思考、主动探索、主动学习,实现高效课堂。让学生在建设网站的过程中,学习掌握提高《网页制作》的技能,体现“学中做,做中学”的教学理念。

《网页制作》是开设一学期的课程,主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。

在实际的教学过程中,往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上,成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的,就可以先把工作页、资料包等学习资源先存储到一台学生机上,再利用windows自带的文件夹共享功能,将其共享,便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下:

鼠标右击文件夹,在弹出的快捷菜单中,选“共享和安全”,选中在网络上共享这个文件夹。这时,其他用户就可以通过网络访问这个文件夹,下载其中的学习资源。

这样利用文件夹共享的方法实现资源下载,优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能,往往一次共享完成后,下一次重新启动计算机后,还需要再次设置文件夹共享,十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果,可以使素材和教学资源分类存储在服务器上,以清晰明了的操作界面,便于学生在线学习和下载相应的网页制作素材。

1 《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源,为学生提供制作网页所需的丰富资源,搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境,引导、激发学生学习《网页制作》课程的积极性,建立高效课堂,让学生更好的掌握网页制作的技能。

(1)研究中职学生特点,动手实践能力相对于理论知识学习能力强。

(2)分析《网页制作》课程,涉及内容广、技术多,实践性和技能性强。

(3)设计开发专题学习网站,探索基于专题学习网站的《网页制作》课程的教学模式。

给《网页制作》课程的教学提供教学资源,辅助学生进行自主学习。在课外时间里,对于学生的学习给予支持,帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台,学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台,学生可以在这里提问、交流学习心得等。

2 《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助,教学资源模块既能辅助课堂教学,也可以指导学生进行自主学习。其次作品展示模块,学生需要一个作品展示模块,首先通过展示学生自己的作品能够激发学生自己的兴趣,第二展示作品模块有助于学生进行自评互评。第三,讨论模块,既要有以班级为单位的讨论小组,也要有全校师生都能进行参与的大型讨论平台,使学生在学习中出现问题时,能够自主的进行讨论学习。

在建站之初,为网站以后继续完善(例如:开发手机客户端等),需要考虑给学生划定一块空间,让学生自己上传自己的网站作品。自己维护自己的网站,将网站交给学生自己运营。让学生发出自己的声音。

为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享,在课堂使用该网站的教学资源进行辅助教学,结合工作过程系统化的课程开发,结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。

可以让每一个班级在校园网上建立自己的班级网页,将校报办到网上去,网页上建立与中职学生相关的栏目,例如:求职、招聘信息等。组织学生自己定期更新常用工具软件的版本,交流专业课的学习体会。利用所学知识解决实际问题,活学活用,学生在使用专题学习网站中遇到了问题,通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤:资讯、计划、决策、实施、检查、评价,充分运用到教学实践当中。达到学生越学越爱学,越学越想学的自主学习状态,真正实现专业课教学是以学生为主体,教师起到陪伴学生自主学习的作用。

3 《网页制作》专题学习网站的实现

网站开发中,数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片,使网页更加美观,有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发,编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善,专题学习网站建成完成后,依照专题学习网站各个功能模块的功能,在应用专题学习网站教学的过程中不断纠正和完善,通过问卷调查专题学习网站的应用效果,更全面的了解基于专题学习网站的教学模式的有效性。

通过校园网试运行《网页制作》专题学习网站,邀请网站设计与制作专家和学生使用专题学习网站,根据反馈意见,对网站进行修改和完善。

4 结束语

专题学习网站不仅为学生提供了丰富的专题学习资源,还为学生提供了功能强大的协作平台和专题研讨区,为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学,培养了学生自主学习、协作学习等综合能力,形成了一种崭新的数字化学习方式。

专题学习网站的资源要丰富,提供必要的演示视频录像,能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意,供其他同学学习和参考,以达到共同进步的目的。

运用教学设计思想对《网页制作》专题学习网站进行设计,主要包括需求分析与功能定位,中职学生特征分析,专题内容的选择,信息资源的选择与设计,自主学习的设计,学习评价系统的设计,学习情境创设等内容。通过专题学习网站创设学生自主学习的情境,引导、激发学生学习《网页制作》课程的积极性,建立高效课堂,让学生更好的掌握网页制作的技能。

作者单位:大庆市蒙妮坦职业高级中学,黑龙江大庆 163458

网页制作与设计论文:非计算机专业《网页制作》教学活动设计与实践

摘要:在高职学生的《网页设计》课程的教学中,笔者通过实践教学以及调查问卷的方式发现确实因学生的性格差异、性别差异和学习能力的差异存在,会有一些关键因素影响着学生学习的兴趣和学习情绪。为了提高该课程的教学质量,提升教学效果,笔者通过通过实践教学,将教学方法进行整合,将课堂的教学过程进行精心设计,对知识点、技能点实践环节的设计和考核方式的选择等方面作了探索性的实践。

关键词:课堂教学 差异 实践 教学手段

近年来为使学生能够尽快满足用人单位的需求,高职院校与相关的行业企业在专业建设、实习实训基地建设、学生顶岗实习等诸多方面都进行了深度广泛的合作。校企合作积累的人才培养的经验来看,用人单位更看重的是学生的个人素质和主动参与学习的能力,进而希望学校对所授课程的教学手段的运用应更加灵活。本文力求对现有的课堂教学手段和模式进行整合和改良,进一步优化教学效率,以使每一个学生的个性化教学需求得到最大的满足,从而更有效地帮助学生理解和运用各种知识和技能,从而提高学生主动学习的能力和个人的综合素质。

1、现有的课堂教学模式调查分析

通过设计调查问卷的方式对我校2010级艺术类专业的学生做了关于《网页制作》课程的课堂教学的调查,调查结果如下:

“在课堂学习过程中你最喜欢的环节是”,60%的学生选择“完成了做业的成就感”,40%的同学选择“老师精彩的课堂导入”;

“在课堂学习过程中最吸引你的环节是”,60%的学生选择“教师准备充分,讲解到位,学习起来省时省力”,40%的同学则认同“在课堂上体验到成就感和幸福感,感到学习的快乐”;

“每次的作业评价对你的吸引力”,95%的学生选择“可以持续激励我学习该课程”;

“你认为该课程考核模式最好是”,95%的学生选择“积累每节课的分数,期末合计”;

“你希望课堂学习过程中教师应该是”,60%的学生选择“控制课堂气氛,调节学生情绪。”40%的学生选择“随时提供帮助,解决问题。”

“你可能逃课的最主要原因”,80%的学生选择“老师不点名,不影响成绩”,20%的学生选择“课程无聊”;

“你喜欢教师以小组为单位进行教学活动吗”50%的学生选择“不喜欢”,50%的学生选择“一般”;

“你希望学习成绩优秀的最好的奖励方式应该是”,70%的学生选择“组织参加有意义的活动,从中体验成功”,30%的学生选择“本专业公示名单,发奖品”。

从调查反馈结果中可以发现,目前通用的教学手段能够满足学生的需求,传统的教学模式虽然还是能够被学生接受,如学习小组创建,教与学顺序确定等。但在满足个性化差异方面,课堂教学活动的执行存在较大不足。目前的学生由于生活背景、成长的社会环境的影响,普遍个性较强,因此学生对组件学习小组的学习方式不再积极,尤其是学习小组成员构成以及成员之间分工不明确,小组在完成项目时缺少有效的监控时,学习层次好的学生会有不满情绪。另外几乎所有调查的学生对课堂气氛、自身的学习情绪有了更高的要求,对学习该课程的成就感、成功感有一定要求,因此如果教师不能根据学生的情况来灵活控制课堂的教学活动,就会导致教师的教学方法和学生的学习方法如果不能很好的配合,学习效果不够理想。这将影响学生的学习积极性,大幅降低教与学的效率。

2、教学活动设计

网页设计课程是一门应用性很强的技能课。同时网页制作技术发展较快,教学内容涵盖网页制作的主流技术,并适当对前沿热点问题技术进行介绍,针对不同内容,应采取相应的讲授方法,以获得最佳的教学效果。在实际教学过程中,每一个学生往往会有不同的知识背景、性格差异,从而会有不同的学习目的、学习速度、对知识的掌握程度、学习和考试的结果等等。所有这些实际需求决定了课堂教学活动的设计和实施。教师需加强对课堂节奏的把握和管理,在明确教学目标的前提下,首先应熟练驾驭所授内容,从而有针对性地为不同的教学内容设计不同的教学活动。

2.1 加强课堂纪律管理

学生课堂纪律的好坏与教学活动能否顺利实施密切相关,因此良好的课堂纪律是上好一堂课的前提和重要保障。目前高职学生普遍具有自我约束力不强的特点,主要表现在上课无故迟到、早退,在课上睡觉,并偷偷的上网游戏等等。我们做的调查结果也表明,大多数学生迟到早退甚至旷课的原因是认为老师不管,不影响成绩。笔者通过教学实践证明,在课上一定要严格要求,首先要明确地告之本门课对考勤及课堂纪律的明确要求以及相应的奖惩措施。并要以身示范,要求学生做到的,自己首先做到,标准制定后必须严格执行。当然对于经常容易违反纪律的同学,在看到他的一点小进步的时候,要注意肯定,多加赞许和激励,效果不错。

2.2 温故而知新方式导入新内容

《网页制作》课程的教学过程中的导入环节的形式是多种多样的。选择合适的课堂导入能够自然而流畅的实现新旧知识的过渡,优化学生的学习效果。至于选择何种导入方式很大程度取决于课程的排课时间和教师对学生和所授内容的把握。通常我校的《网页制作》课程一周讲授一次,一次4个学时即上午四节课的时间。如此时间周期的间隔上课,如何能让学生有效梳理已讲的知识,从而能为学习新的内容做好铺垫。在教学实践中, 我们经常有这样的经历, 在复习的过程中时,有时会在不经意间对已经很熟悉的内容产生新的理解,新的想法。由此,我在教学中将我国古代伟大教育家孔子提出“温故而知新”的学习方法转变为“温故而知新”教学法,收到了很好的效果。首先增加学生的复习次数,便于知识的掌握;其次对学生暴露出的问题,能及时给予纠正;还能祈祷活跃课堂气氛,调动学生的积极性,使学生迅速掌握新知识的作用。

2.3 小技能竞赛巩固重点与难点

《网页制作》课程内容广泛,不乏很多重点知识、难点问题,更有一些是当前制作网页的主流技术需要学生去熟练掌握,并加以灵活运用。那么怎样调动学生动手实践的积极性呢?一次课上,我突然冒出了一个想法,来一次小技能竞赛。规定一分钟时间,做一个带颜色的细线表格。按要求第一个完成任务者可免做本次课后作业。我话音刚落,全班顿时鸦雀无声,各自在电脑前埋头苦干,以前上课不认真听讲、玩游戏的同学,有的在认真翻看教材寻找相关内容,有的紧盯着旁边同学操作,这一次技能小竞赛收到了出乎意料的效果。看来偶尔在课堂上搞一次诸如此类的小技能竞赛,既不占用课堂时间,反而对调动学生课堂学习的积极性起到了促进作用。通常按要求又快又好完成任务的必然是对知识掌握程度很好的学生,对课后作业即便是老师不作要求也能完成。笔者通过课堂实践,发现这个教学活动反而对那些学习目的不明确,课堂学习任务完不成、主动学习能力弱的学生的促进作用更大,同时也能有效地巩固难点知识与重点要掌握的技能。

2.4 讲评每次作业激励学习热情

一种合理的评价反馈机制,有利于刺激学生的学习积极性。通过前面的调查问卷也发现,学生性格的差异影响着学习情绪的因素有很多,但绝大部分学生都需要对学习的成就感、学习的自信和自尊的渴求。有些学生会因得到认可而受鼓舞,也有些学生则会因鼓舞而去不断接受新的挑战。学生的层次不同,接受能力也不同,这是当前教师所面临的客观事实。那么如何掌握教学进度并照顾到所有学生的学习要求,让所有的学生在课程的学习过程中都有成功的体验。由此,我在学生的独立完成作业环节中打破以往的做法即提供两个有难易差别的题目,而是一个题目同时提出四到五个完成该作业的要求,使学生能够根据自身能力和兴趣去完成题目。不同学习能力的学生都会将自己已掌握的知识技能发挥出来,在这个过程中,教师要及时跟进作业讲评,对完成的每一个要求都积极赞扬,这样学生会不断获得成就感,更大的激发他们的学习热情。目前大多数课程由于课时限制,平时的作业练习很少有时间在课上做有效的反馈,不利于刺激学生的学习积极性。调查之中我们也发现课堂上,学生非常希望能得到老师的表扬和鼓励,这就要求我们老师,要多给学生学习成果上的关注,多关注学生的情感体验。

2.5 阶段性总结学习状态巩固学习成果

调查结果显示学生其实非常看重教师对自己的评价,当他们得到认可时,就觉得自己有进步,兴奋之情溢于言表,学习情绪渐入佳境,因而增强学习的内部动力,这就达到了我们通常所说的变“要我学为我要学”的教学的内涵。高职学生或多或少都存在懈怠懒散的毛病,加之年龄偏小,有的还没脱离初中、高中的课堂管理模式,因此在教学进程中放任自流会造成跟上队伍的学生越来越少,以至于期末节课考试时才发现对该课程的掌握非常不系统,知识点技能点相对零散。因此笔者的做法是每四周做一次阶段性地学结,分别从课堂纪律、作业完成情况、学习态度方面做信息反馈,表扬优秀学生,鞭策落后学生。这就好比我们教师在实施教学活动过程中,要时不时地拽一拽手中的风筝(学生)线,让风筝知道教师一直在关注他,关注他的学习状况。否则一些自我管理能力差的学生会认为老师从来没注意到我,我先放松一下。教学实践表明,阶段性总结学习状态能营造一种开放、积极的学习氛围是调动学生持续性主动学习的最有效方法,能有效地巩固学习成果。教师要在阶段性总结中多发现可以肯定的东西,正确的加以赞赏, 让他看到自己的成绩, 以利再学。

3、结语

面对二十一世纪的学习对象,学生可以非常便捷地在网络上获取到大量的学习资源,如何最大程度地满足个性化的学习需求是任课教师不得不面对的挑战之一。有鉴于此,本文对如何满足差异化学习需求的教学活动及其执行过程中的有效控制给出了一些方式,实践证明及调查结果表明在一定程度上满足了不同学生的实际需求,让学生在学习过程中获得成就感和满足感。当然,我们的研究工作还存在一些不足。例如还需要对网页制作相关技术的有效教学进行持续研究,以充实的内容吸引学生,而且要在教学方法上不断进行革新,如何利用活跃的课堂氛围感染学生,来帮助教师高效地完成知识的传授将作为今后研究的一个主要课题。

网页制作与设计论文:基于工作过程设计的《网站设计与网页制作》项目课程教学改革的研究

[摘要]《网站设计与网页制作》的教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,使每一个学生通过学习《网站设计与网页制作》课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高,最终能实现学生的零距离上岗。

[关键词]工作过程设计项目教学认证教育考核方式

一、概述

项目教学法是以学生的自主性、探索性学习为基础,采用类似科学研究及实践的方法,促进学生主动积极发展的一种新型的教学方法。在教学活动中,教师将需要解决的问题或需要完成的任务以项目的形式交给学生,在教师的指导下,以小组工作方式,由学生自己按照实际工作的完整程序,共同制定计划、共同或分工完成整个项目。在项目教学中,学习过程成为一个人人参与的创造实践活动,注重的不是最终的结果,而是完成项目的过程。学生在项目实践过程中,理解和把握课程要求的知识和技能,体验创新的艰辛与乐趣,培养分析问题和解决问题的能力及团队精神和合作能力等,教师已经不是教学中的主导地位,成为学生学习过程中的引导者、指导者和监督者,教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,提高学生的社会能力、方法能力、专业能力,使专业训练更接近社会需求,最终能实现学生的零距离上岗。

《网站设计与网页制作》是我系计算机应用技术、软件技术、网络技术的专业必修课。为了适应时代的发展,《网站设计与网页制作》课程在继承世界现行网站网页教学优势的基础上,又吸收了当今网站网页开发的新技术和新思路。力求更加注重学生的发展和社会的需求,更准确地反映网站网页开发技术的专业性手段;更加关注学生积淀自己的生活经验;更强调学生的主动学习,并增加实践环节。《网站设计与网页制作》课程期望使每一个学生通过学习网站设计与网页制作课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高。

二、课程理念

确立一个中心(以学生为中心)三个融合(校企融合、课内外融合、技术与人文融合)、基于工作过程设计的课程开发理念。提前让学生感受工作的氛围,熟悉工作的相关流程,以增强学生在就业过程中的竞争力。并结合我院“我在乎你”的办学理念,通过理实一体化的教学手段,采用项目式教学,给学生提供一个制作网站的模拟或真实的环境。让学生通过对“确定项目――制定策划书――制作网站――验收――总结经验”这个流程的训练,熟悉制作网站的过程,并能够有所成果。

确立素养、行为、技能教育观。重视网页制作过程中技术性心智技能的形成,强调“原型定向、原型操作、原型内化”、原型能经“迁移”形成类型(“举一反三”);强化学习过程中教师的示范和引导的作用。

以技术开发贯穿网页制作的全过程,技术开发强调设计与制作。强调过程的可重复、可验证性。

课程质量以教师的明示能力和学生的内化能力为主要评价指标。

三、设计思路

遵循高职课程改革关于“面向就业,培养实用性人才”的基本精神,在全面贯彻国家教育方针的基础上,根据学生身心发展的特点和教育规律,重视对学生进行全面的职业素质教育,着眼于培养学生终身学习的愿望和能力,体现职业教育层次网站设计与网页制作课程的实用性、专业性和可持续发展性。

综合考虑学生发展的需要、社会需求和就业需求三个方面,本课程以一个大项目出发,分解为7个子项目,在完成七个子项目教学的同时,学生也可以把自己承接的大项目一并完成。

从“以工作任务为中心”和“培养学生应用能力”角度出发,以“项目教学”和“任务驱动的方式”,让学生在有限的时间掌握网页制作的技能。

运用项目式教学方法,努力创建开发项目的条件,突出工学结合,提高学生技能的熟练程度和灵活运用的能力。

四、实施建议

本课程的教学必须始终贯彻任务驱动式的“做中学”,过程体验式的“学中思”,学以致用式的“思中用”和启思益智式的“用中创”的理念。本课程的总体目标是根据企业网站开发工作流程(即具体的工作过程),从前期策划开始到网页设计,网页制作、网站,一步一个脚印地引导学生逐步深入,亲身体验网站设计与网页制作的过程。

1.具体实施建议

(1)明确目的、详细描述操作任务。根据学生的具体项目每次课按照网站开发的进度表都有明确的目的,具体的操作任务。

(2)对课堂模仿实践的结果进行合理评价和及时计分。对每一次课堂模仿实践的完成情况进行评价和计分,及时解决学生普遍存在的问题,对完成较好的学生给予肯定。

(3)采用项目驱动的方法,如通过教师项目分解的子项目学习以掌握基础知识点,然后充分发挥学生的设计能力,完成学生自己的项目,素材由学生自己收集,网页的风格、布局由学生自己决定,培养学生的创新能力。

(4)充分利用学生课余时间。

(5)项目开发:提前一个月布置任务,并向学生提供参考资源,让学生有充分的时间准备和寻找合适的项目;学生寻找合适的项目后,与客户进行交流获取制作网站的一些素材和信息。根据学生找到的项目,在教师的指导下,把学生分成若干个小组。在每个小组中,每位学生根据自己的特长和爱好,承担不同的工作角色,完成不同的任务。一般一个项目分给三个小组,每个小组可以拿出一个方案。这样可以加强小组与小组之间的竞争性,此外在最后验收时客户也可以有多个方案进行选择。

(6)学生在完成网站设计和网页制作的教程中,如果遇到问题,可以有多种渠道来解决。可以是组内成员的讨论、还可以查阅系部的网络课程、通过老师进行辅导、求助于互联网等等。

学生通过该项目的进行,了解并把握整个过程及每一环节中的基本要求。这样既教会学生制作方法,又让学生体会制作过程的创新性和协作精神,能最大限度地发挥项目式教学的功能。

2.教学方法建议

《网站设计与网页制作》课程以真实项目为案例组织教学,课程教学方法符合“教、学、做”合一的原则,采用理论实践一体化的项目教学和案例教学方法,强调学生将所学知识和技能在实践中应用。课程教学围绕如何开发一个网站展开,各个教学单元采用“应用导向、任务驱动”教学方法。本课程采用的主要教学方法如下:

(1)四步教学法

通过“讲解――示范――模仿――练习”四步教学法,让学生通过模仿老师讲解的方法制作网页,理论与实践相结合,“教、学、练、思”四者有机融合、训练学生的动手能力和模仿技能,提高课堂教学的实践性。

(2)任务驱动、案例教学法

方法:

下发工作任务单、学生解读任务

教师初步讲解、示范

学生实施任务

教师巡回

教师评价

通过案例提出问题,帮助学生建立感性认识,激发学习兴趣。对案例进行分析,找到解决问题的方法和操作步骤,逐步完成案例的操作。在教学过程中,遵循“启发式教学”原则,启发学生积极思维,通过观察,发现问题,提出问题,分析问题并逐步解决问题,从中领悟职业经验。

(3)项目实施法

方法:

下发项目书

学生分组讨论项目分解

师生共同完成项目分析

学生实施,教师指导

提交项目作品

最终评价

引入“项目教学法”,给学生提供一个制作网站的工作环境,通过组织学生承接项目,继而进行项目的开发,使学习与工作相结合,训练学生完成工作任务所需的技能、技巧,同时引导学生进一步加强专业理论知识的学习,从而培养学生的综合职业素质。

3.考核建议

实施项目式教学以后,学习的过程和在此过程的学习态度显得越来越重要,这也是企业需求人才的一个重要标准。所以本课程的考核内容一共分为四个部分:网站的总体规划,具体完成的过程,最终完成的作品和多方代表的反馈意见。

五、将课程与全国计算机信息高新技术考试进行有机结合

全国计算机信息高新技术考试之高级网页制作员的专项技能水平达到相当于中华人民共和国职业资格技能等级三级,在一种操作系统平台下综合使用网页相关软件完成网页制作和动态数据处理的工作,实际能力要求达到:能综合使用两种以上网页制作相关软件进行网页设计和制作,并具有相应的教学能力。它是网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。如果尝试将“网站设计与网页制作”课程与“全国计算机信息高新技术考试”进行有机的结合,可以提高学生独特设计理念、丰富动态应用程序、互动多媒体制作方式等综合能力,创作出更为直观、高效的Web作品。

将学历教育与认证教育相结合,进一步探求高校培养目标与企业用人之间的联系,培养适应社会需求的学生,这无疑是一种教学改革的新模式。

六、结语

以工作过程为导向的项目式教学法是一种先进的高职教学理念,它突破了传统的教学模式,通过解决学生身边的一些现实问题来实现学生对知识的掌握,大大提高了学生学习的积极性和主动性。通过项目教学法学习的学生,他们的动手能力、解决实际问题的能力有很大的提高。这种方法不但适合高职计算机课程教学,尤其适用于学生水平参差不齐、学生自控能力比较薄弱、课程的应用性比较强的教学。教师在观察学生、帮助学生的过程中,开阔了视野,提高了专业水平。充分地展示了现代职业教育“以能力为本”的价值取向,使课堂教学的质量和效益得到更大幅度的提高。可以说,项目教学法是师生共同完成项目,共同取得进步的教学方法。它是在模拟企业真实的工作过程中,用行为来引导学生、启发学生的学习兴趣,让学生在团队中自主地进行学习,培养学生的多种能力,使学生掌握的知识与企业的需求更加接近,我们将继续在实践教学中深入探讨项目式教学法,与企业加强联系,累积真实项目素材,进一步完善适合高职特点的教学方法。