欢迎来到优发表网,发表咨询:400-888-9411 订阅咨询:400-888-1571股权代码(211862)

购物车(0)

期刊大全 杂志订阅 SCI期刊 期刊投稿 出版社 公文范文 精品范文

高级网页设计(合集7篇)

时间:2023-09-04 16:24:56
高级网页设计

高级网页设计第1篇

一、网页设计人才培养框架

高职院校旨在培养能够服务于生产一线的高技能人才,网页设计人才的培养突出对学生职业能力的培养。职业能力是人们从事相关职业的多种能力的综合,网页设计职业能力体系由岗位能力要求、能力目标定位、职业技能体系和职业素养体系四个部分组成。以素质教育和能力培养为主线,结合网页设计相关岗位群,以就业为导向,构建适合于高职学生的人才培养体系。分析岗位能力要求,明确网页设计能力目标,从而设立符合企业需求的职业技能体系、职业素养体系,合理、科学的职业技能体系、职业素养体系是能力目标实现的有利保障。职业技能体系由知识(技能)体系和实践体系组成。网页设计职业能力体系框架如图1所示。

二、网页设计岗位能力要求

根据对长三角地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析,可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。分析这四大岗位包含的实际工作需求,网页设计主要是网站开发前期界面的平面图设计,要求设计师具备较强的审美能力和美工功底以及图像处理工具的使用能力。网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射,要求设计师具备网页制作相关技能,有两种常见的网页制作方式:“表格+切片”的制作方式、基于Web标准的制作方式;主流的网页制作技术是基于Web标准的制作方式,但学校一般只教授“表格+切片”的制作方式。网站编辑主要负责网站内容的维护和管理为主的工作岗位,要求网站编辑人员具备网页基础知识和基本的计算机操作能力。网站管理主要负责网站的日常维护、网站的改版等工作,要求网站管理人员具备较高的网页制作经验和管理能力。

三、网页设计能力目标定位

通过网页设计相关岗位能力要求的分析,网页设计人才大致分为创意型人才和技术型人才。创意型人才侧重于网页的设计能力,要求有扎实美术功底,具备一定的美术鉴赏能力、良好的审美能力与色彩感,能根据用户诉求,合理设计版面,设计有创意。技术性人才侧重于网页的制作能力,要求掌握网页相关的技术,能根据页面效果图,灵活使用相应的技术完成页面制作。理想的人才应该是两种类型的融合。目前创意型人才缺乏网页相关的编程技术,无法制作更丰富生动的页面,而技术型人才缺乏基本的艺术能力(色彩搭配、版面设计等),必须依赖美工设计效果图和制作图片素材方可完成网页的制作。越来越多的学校开始注重综合型技能人才的培养,构建多层次、多元化的职业能力体系。

四、网页设计职业技能体系

1.网页设计知识(技能)体系

根据高职学校学生的特点,结合网页设计行业对网页设计人才的需求及要求,以就业为导向,建立分阶段知识(技能)体系:初级阶段、高级阶段、能力拓展阶段。初级阶段培养网页初级设计员,要求掌握网页设计基本技能;高级阶段培养网页高级设计员,要求掌握主流的网页设计技能;能力拓展阶段培养网页设计综合型人才,要求熟悉网页设计工作流程,能够灵活运用网页设计相关的各项技术,在掌握网页制作技能的同时具备一定的创作能力和设计能力。前两个阶段主要培养网页设计技术型人才,第三个阶段着重培养创意型人才,从而实现网页设计综合型人才的培养。根据能力目标定位确定的学生应具备的能力,设置符合学生特点和企业需求的知识(技能)体系。分阶段培养网页设计人才模式,不同的阶段对学生能力目标不同,根据每个阶段的目标,构建知识(技能)体系,如表1所示。

2.网页设计实践体系

实践教学是网页设计综合型人才培养的重要核心环节,主要分为校内生产性实践和校外顶岗实践两个部分。校内生产性实践注重校内实践教学与校外顶岗实践的有机衔接与融通,围绕真实项目进行教学,实现校内的生产性实践教学。校内实训主要培养学生网页设计实际操作技能和职业素养,为校外实践做准备。校内实训分为知识巩固阶段和职业培训阶段。

(1)知识巩固阶段。这一阶段主要注重网页设计操作技能的训练。开发已完成的企业项目,巩固学生网页设计及相关技能的掌握,以能够独立完成企业真实项目开发为训练目标,强化网页设计能力,高效创建网站、图像、动画设计能力,以小组为单位的项目开发,加强团队合作意识,使学生在实践中巩固理论知识,从根本上提高学生的职业技能。

(2)职业培训阶段。这一阶段注重学生综合素质的培养。学生参与正在开发的校企合作项目,在专业教师的引导下完成项目开发。在开发过程,注重语言描述及相关文档撰写,团队沟通技能和社会能力等网页设计职业素质的培养。一个从无到有的网站开发,能够激发学生的创造性,提高学生分析问题和解决问题的能力,强化学生网页相关技能灵活运用能力。

通过校内生产性实践的强化训练,在学生具备网页设计的“上岗”能力后,将其推向合作单位的岗位上,真正体会职场环境,成为一个“准职业人”。

五、网页设计职业素养体系

职业修养是指按照职业基本原则和规范,在职业活动中体现的道德品质、职业意识等方面素质。网页设计职业素养体系主要包含两个部分:职业道德教育、网页设计师的职业素养。

职业道德就是从事职业过程中紧密联系的符合职业特点所要求的道德品质、职业精神、工作态度、工作作风的总和。南京铁道职业技术学院(苏州校区)网络设计职业道德教育分三个阶段完成。首先,新生入学即展开职业道德教育,使学生从一开始就了解职业道德基本规范,树立正确的职业价值观;紧接着,在日常教学中,将职业道德教育融入网页设计专业课程教育中,加强学生职业道德教育,使学生慢慢养成严谨的工作态度和工作作风,能有较强的执行力和服从力;最后,在实训环节中,把学生在模拟企业环境的实践过程中表现的职业道德作为学生实训考核的一部分;最终,培养出一批诚信敬业,能吃苦耐劳,具有良好职业道德品质的学生。

高级网页设计第2篇

关键词:网站结构;网站建设;网页设计

中图分类号:TP393文献标识码:A文章编号:1009-3044(2008)27-1925-02

Discussion about Site Construction and Planning

WU Bin

(Anhui University of Science & Technology,Huainan 232001,China)

Abstract: Today,internet develops very fast and it plays an important role in people’s lives. Site construction has become an important component of the governments’ and enterprises’ information construction. This paper discusses the site construction and planning from contents,structures and designs.

Key words: site structure; site construct; web design

在Internet飞速发展的今天,互联网成为人们快速获取、和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用,是人们生活中不可缺少的一部分。人们在网上看到的新闻、广告、图片、电影等等信息的是通过网站来实现的,下载电影、歌曲、软件等等也是按照一定的检索方式将需要的信息从网站上下载下来。因此,网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分。那么如何建设一个好网站呢?本文将从以下三个方面加以阐述。

1 内容的设计

一个网站最重要的是内容,其次才是其网页设计。Internet访问者可能会在一个内容充实,设计相对较差的网页逗留半天,但是不会在一个设计独特而内容不充实的网页浪费十分钟。怎样才算是好的内容?首先必须明确此网站设计的目标,然后围绕这一目标收集材料。我们知道网站有多种类型,比如:综合性网站、公司或单位的信息、出版物、个人主页、网上购物等等。根据要建设网站的类型,浏览网页的对象及设计要求来收集材料,要做到“标新立异”。

2 网站结构的规划

在明确网站设计的目标及内容之后,接下来就应该对网站进行规划,以确保文件内容条理清楚、结构合理,这样不仅可以很好地体现设计者的意图,也将使网站可维护性与可扩展性增强。常用的网站结构类型有以下三种。

2.1 分级结构

分级结构类似于目录系统的树型结构,由网站文件的主页开始,依次划分为一级标题、二级标题等等,逐级细化,直至提供给浏览者具体信息。主页是对整个网站文件的概括和归纳,同时提供了与下一级的连接。分级结构具有很强的层次性。

2.2 线性结构与分级结构的结合

线性结构类似于数据结构中的线性表,用于组织本身的线性顺序形式存在的信息,可以引导浏览者按部就班地浏览整个网站文件。而线性结构与分级结构相结合则充分利用两种结构各自的特点,使网站文件既具有条理性,规范性,又可同时满足设计者和浏览者的要求。

2.3 Web结构

Web结构类似于Internet的组成结构,各网页之间形成网状连接,允许用户随意浏览。现在大多数网站都采用这种结构。其结构图如图1。

除了设计网站结构外,还应注意网页文件的存放。例如把图像统一放在images目录中,音乐放在music目录中等等。这样不仅提高了网站运行效率,也有利于网络维护。

3 网页设计与制作

确定好内容和网站结构以后,下一步就是具体来做网页。首先进行简单的版面设计,根据本人的经验,用纸和笔作草图是最省时快捷的方法。其次,根据设计好的版面选用制作工具做页面。

目前制作网页的工具软件大致分为页面编辑工具、图像处理工具、数据库管理软件、脚本编程语言等,根据实际需要选用有效的制作工具。

在做页面的时候应注意以下几点。

1) 主页的设计

主页作为网站文件的首页,在整个网站中具有举足轻重的作用。主页要能体现网站的总体概念,使人一目了然,而且应该集中以下各级的连接,使用户可以迅速转入感兴趣的网页中去浏览。

2) 慎用图像

一幅好看的页面,应该有适量的图像。但是,图像的使用要与内容搭配起来。背景图像切不可使用容量太大的图像。另外,背景跟文字的颜色应有较强的反差。

3) 不应在每页中插入太多的广告

相信任何访问者都不会喜欢浏览尽是广告的页面,要考虑该页面内容与广告的比例,摆放位置也很重要。

4) 页面分辨率的设置

由于浏览者机器的分辨率并不统一,常见的有800x600,1024x768等。所以在做页面的时候最好做两种分辨率的页面。每种分辨率首页页面的html中加入识别机器分辨率的语句,这样,根据浏览者机器的分辨率自动选择相应分辨率的页面。

5) 每页排版不要太松散或用太大的字,尽量避免访问者看网页时要作大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。

网页内容编辑好后,在本地计算机上调试运行,正确无误后利用网页上传工具将整个网站文件夹传到网络空间里。这样互联网上的用户根据域名地址就可以浏览到你的网站了。

相信大家从以上三个大方面考虑规划、设计自己的网站,在不断探索,实践中提高审美观和设计能力,一定能做出令大众满意的网站。

参考文献:

高级网页设计第3篇

本文着重分析了《网页设计与制作》课程教学存在的问题,探索了《网页设计与制作》课程教学改革的策略,以提高《网页设计与制作》教学质量。

关键词:

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

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

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

1.1学生学习被动

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

1.2学生动手能力较差

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

1.3缺乏沟通

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

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

2.1重新定位课程教学标准

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

2.2优化教学内容

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

2.3更新教学模式

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

引用:

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

高级网页设计第4篇

一、平面视觉元素和网页设计

1.平面视觉

元素文字、图形、图像与颜色等平面设计的构成元素。设计之所以为设计,在于其创造性地组合、分离、叠加、重复等手法的运用。元素是素材,也是整个设计的基础所在。各元素的运用手法不同,其作用也大有差别。但一般来讲,我们认为文字是信息概括能力最强的形式,而图片则是追求视觉冲击的最佳方式。

2.网页设计

平面设计是一个较大的概念,其中就包含了网页设计。顾名思义,网页设计是针对网页的需求而进行的设计,包括功能设计、形象设计以及信息设计等内容,其目的还是在于实现网站的某些功能,同时提高美观性。

二、平面视觉元素在网页设计中

1.网页设计中使用平面视觉元素的问题示范

(1)板式编排上

编排是一个整理、再构的过程。目前许多网页中,各种元素要么无序堆叠,要么过于单薄,无法形成元素间的配合。此外,编排能够起到建立网页级别的作用,只需要通过在编排上的区分就可实现。但在现实中,许多网站设计者都忽视了这一作用。一级、二级、三级的素材混合使用,提高了浏览者收集信息的成本。

(2)文字排列上

作为网页信息的主要载体,有时候需要对文字做加粗、加大、加下划线等处理,同时,还有对文字加链接的情况。这样的设计可能会分散浏览者的注意力,而且破坏了文字板块与板块间的平衡关系。此外,有网站为了在一个页面上实现更多的信息传递而大幅堆叠文字元素。造成整个网页看起来密密麻麻,非常厚重,这是一种十分考验浏览者耐心的做法。

(3)色彩搭配上

红配绿固然难看,但却有较强的视觉吸引力。因此,色彩的搭配中的和谐与冲突是一门富有哲学意味的学问。目前我国的某些网站,为了在色彩搭配上“不出错”而大幅度使用同色系、同色调的颜色搭配,如只有暖色调的网页和冷冷清清的冷色调网页。二者都不能有主有次地吸引浏览者的目光,反而会造成视觉审美疲劳,无心看下去。同样的道理,太过丰富的色彩搭配容易喧宾夺主,过犹不及。

2.平面视觉元素在网页设计中的正确运用

(1)按需设计网页版面

网页版面的设计依据应该是该网页的级别、应当突出的重点信息等需求。因此在设计网页版面时,需要根据信息的内容特点来制定色彩搭配、板块大小和形状特征等元素内容。不应毫无目的地随意设计。

(2)文字设计尽量简洁

文字在网页设计中的信息承载功能无可替代,但不合理的文字排版很容易干扰浏览者阅读网页。因此,不宜使用过度的艺术字和复杂的字体花样。同时文字所占的板块也不宜过密,最好使用图片等元素进行间隔。

(3)色彩搭配注重整体性

根据整体风格设计配色的主色调,如科技类网站最好使用冷色调为主,而情感类网站则需要更多暖色。在确定整体的色彩选择后,在比较重要的局部可以用另一种颜色来进行区别,以突出重点。同时还能制造出画面冲突,增加视觉上的刺激性。

三、平面视觉元素在网页设计中形成的价值

1.提升美感,赋予网页艺术性

平面视觉的各元素通过彼此之间的搭配、对立形成一幅整体和谐,局部冲突的画面,这样的网页更具艺术性和美感,能够提升浏览者的观看体验。

2.吸引浏览,实现网站建设价值

一个美丽的网页往往能吸引更多的用户进入浏览,并且增加他们在网页上的滞留时间。从而提升了网页点击率、滞留时间等指数。注意力经济时代中,只有有人看的网页才有价值,只有吸引更多地浏览才能给网站创造价值留下空间。

3.激发需求,促进人才全面发展

平面视觉元素是由设计人员来应用的,且对设计人员提出了较高的技术要求。网页设计中,设计人员需要熟练使用包括AE、CorelDRAW、Photoshop在内的各种软件。同时,还需要设计人员有较高的艺术涵养。因此网页设计刺激了对人才的需求,从而刺激了社会需求和设计专业的教育发展。

四、结语

高级网页设计第5篇

本文着重分析了《网页设计与制作》课程教学存在的问题,探索了《网页设计与制作》课程教学改革的策略,以提高《网页设计与制作》教学质量。

关键词:

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

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

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

1.1学生学习被动

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

1.2学生动手能力较差

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

1.3缺乏沟通

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

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

2.1重新定位课程教学标准

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

2.2优化教学内容

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

2.3更新教学模式

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

引用:

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

高级网页设计第6篇

关键词:计算机 网页设计 实践

随着技工院校计算机专业教学改革的不断深入,计算机应用技术专业也随着市场与企业的需求,逐渐细分出计算机网络技术、计算机信息管理以及动漫设计与制作等就业针对性更强的新专业。而这些计算机专业的基础培养目标是熟悉计算机软硬件基础知识,掌握计算机网络管理与维护、数据库管理与维护、网页设计、IT产品销售及服务等技能,在机关、企业、事业、公司等领域从事计算机软硬件维护、网络维护管理、数据库管理、网页设计、IT产品销售及售后服务等方面的工作,并具有可持续发展能力。从中我们可以看出网页设计与制作是技工院校计算机专业能力培养的重要内容,因此网页设计在计算机专业群的课程体系中也占有重要的地位。学生通过该课程的学习既能掌握网页设计方面的理论、实践知识,更重要的是为学生将来的就业提供了更多的选择。这也使得网页设计这门课程成为技工院校其他专业学生选修率较高的课程。但由于这门课程特别注重技校生实践能力的培养,因此,教师在教学过程中必须从教学的理念、方法、手段上大胆创新,突出技校生的网页设计的动手能力培养,力争在较短的学时内实现教学大纲要求的各项目标。

一、明确课程知识点设计的层次

当前许多技工院校在学制层次上不仅有中专、中级技工,还开设了高级技工以及技师,不同层次的培养要求是不同的。中专以及中级技工的网页设计的教学要求通过理论、实践两方面的培养,使学生了解网页设计与制作的基础知识和规范要求,熟悉HTML和脚本语言相关知识,掌握站点创建、网站元素编辑、表格应用、层和框架布局、网页行为添加、样式与模板应用、表单元素使用等相关技能,能应用主流网页设计软件进行不同风格的简单网页设计以及简单网页代码和脚本编写。而对高级技工、技师则提出了更高的培养目标,包括基础网页制作,使用表格布局页面,使用框架布局页面,层的应用,浮动框架的应用,代码片段的应用,库项目的应用,模板的应用,图像的应用,多媒体元素的应用,使用Flash制作运动补间、形状补间、遮罩、引导层等动画,使用Flash Action Script控制动画,使用Firework处理网站图片,用Dreamweaver创建、加工、处理、、维护网站,综合运用Flash、Firework、Dreamweaver三个软件编辑、美化网页。教师在教学过程中必须根据不同层次学生的知识现状以及将来的就业需要对教学内容有所侧重。对于中专与中级技工层次的学生,突出实用性,教学要求“短、平、快”;对于高级技工以及技师层次的学生则必须理论、实践同时并举,加大理论教学与实训项目的难度与深度。同时教师要注意好不同层次课程教学内容的衔接,为学生开展自学以及今后的发展打下坚实的基础。

二、技工院校计算机专业网页设计教学实践

随着Internet的日益普及,各种类型的网站层出不穷,网页制作已成为当今非常热门的职业,熟练掌握网页设计与制作技术不仅能够提高技校生的职业竞争力,还能够充分发挥他们的个性和创造力。因此,教师必须结合技校生的实际学情选择教学软件与教学模式。

1.教学软件的选择

制作网页的软件很多,针对技校生基础素质薄弱这一客观学情,我们决定使用SharePoint Designer2007作为教学的主要内容。它不仅继承了Office系列软件界面友好、操作简单、功能强大等优点,而且可以高效、快捷地完成网站的建设,让学生感受全新的创作体验。

2.理实一体化的教学模式

技工院校的计算机教学应根据本校实际教学状况,紧贴社会对高素质劳动者掌握计算机技术的要求,以学生为本。因此我们在网页设计课程教学中采用理实一体化模式。整个教学过程贯穿项目教学的思想,采用任务驱动的模式推动教学。为此,我们通过一个与实际生活相关的、有实际意义的综合完整网站案例,循序渐进、由浅入深地讲解网页设计与制作技术,并采用“做中学、做中教”,使学生学会和掌握相关的知识和技能。为克服课时少这一困难,我们在课后布置相关实训内容,让学生通过更多的实际操作来提高网页制作能力,巩固所学知识和技能。

高级网页设计第7篇

>> 浅谈项目驱动教学在《网页设计》课程中的运用 案例教学+项目驱动模式在网页设计教学中的应用 项目驱动法在《ASP动态网页设计》教学中的应用 项目驱动式教学法在《网页设计》课程中的应用与研究 项目驱动式教学法在“网页设计与制作”中的研究与应用 项目驱动教学法在高职《网页设计与制作》教学中的设计与应用初探 浅谈项目教学法在《网页设计》教学中的运用 浅论项目教学法在《Dreamweaver网页设计》教学中的运用 项目驱动加任务驱动教学法在网页设计课程中的应用 网页设计的教学实践 项目教学法在《网页设计与制作》中的运用 浅谈中职网页设计教学 探“网页设计”之教学 探究在《网页设计》课程中实施“项目教学” 网页设计在平面设计中的运用 《网页制作》教学中的“任务设计” 中职《网页设计》课程项目化教学模式研究 浅谈“网页制作”之网页版面的教学设计 项目教学法在网页设计与制作教学中的运用 HTML网页设计教学中运用项目教学法的有效探究 常见问题解答 当前所在位置:。

②在页面设计过程中要明确的体现出网页上各个功能区域的划分,比如:横幅广告区、网站导航区、消息公告区、主体内容区、版权声明区等。

③在网页中实现基本的滚动文字效果。

④在网页中实现简单的翻转图像效果。

⑤在网页中嵌入简单的媒体播放器。

⑥在网页中嵌入FLASH动画。

⑦在网页中恰当的位置设计一个简单的登录表单。

⑧在网页中实现超级链接效果。

⑨运用外部样式表定制网页风格,要求实现两组风格,注意两组风格之间结构和内容完全一致,只能体现出表现层的差异。

整个设计过程在项目经理的带领下又分为以下五个阶段:① 项目需求的整理;② 项目策划(详细)或草图设计(粗略);③ 效果图设计;④ 后期制作与前后代码整台。⑤ 存盘交付作品:每组将设计作品,存盘保存后交教师和同学集体评选。

5)学习评价

学生学习的效果直接由完成工程项目的情况来衡量,包括教师评价、学习小组评价和自评三部分。分三级来考核:第一级是由教师对小组完成项目情况进行评定:能否共同协作,实现预定功能;程序的优化;是否具有创新意识。第二级时由各小组成员根据各组员对本小组贡献的情况进行互评,组员的参与意识;第三级时由学生本人进行自评,是否在原有的基础上有所提高。综合三级评定情况来确定每一名学生的学生成绩。

实施步骤如下:各组项目经理向全班汇报、展示、交流本组设计的最终作品,在介绍过程中要求说明各组平面布置图的设计思路以及制作过程中遇到什么问题,这些问题是如何解决的,同时,其他组的同学也可提出问题,让设计者解释设计所用的相关技术及特点。

最后各组之间进行互评互相学习,通过相互评价进一步修改各自的设计,评选出客户最满意的作品,教师点评。

自评/互评表如表2。

3结束语

通过项目教学法在计算机程序设计课程教学中的应用与实践,笔者深刻体会到:项目教学法把理论教学与实践教学有机会的结合起来,不仅有利于学生加深理解和掌握书本的理论知识,更是他们懂得怎样灵活应用这些知识。项目教学法充分发掘了学生的创造潜能,全面培养了学生分析问题和解决问题的思想和方法,提高了学生对程序设计的意义建构,充分地展示了高等职业学校教学“以能力为本位”的价值取向。

参考文献:

[1] 李欢.高职院校计算机应用专业教学体系研究[J].大学时代.2006(5).