网页设计知识总结范例6篇

前言:中文期刊网精心挑选了网页设计知识总结范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

网页设计知识总结

网页设计知识总结范文1

关键词:“高职网页设计与制作”;微课;课程教学;存在问题;实际应用

中图分类号:G642文献标识码:A文章编号:1009-3044(2017)30-0199-02

《网页设计与制作》课程在高职计算机类专业领域是必修课程,它的理论与实践应用结合性强且注重基础知识内容发挥,在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来,像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中,改善了教学过程与教学质量效果。

1微课在《网页设计与制作》课程教学中的应用现状及存在问题

微课在当前的教育领域应用广泛,它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中,运用微课这一新媒体开展授课过程已经成为潮流,它深入探索了当前学科教育的教学思路与教学模式,在不断发展进步的同时也面临着诸多困境。

1.1应用现状

微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例,它就首先在高职院校内部建立了教学资源平台,营造现代化教学环境,并以微课作为切入点来推动教学改革进程,某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的,它所谈到的“设计”主要对应于艺术层面,而“制作”则与技术层面相对应,所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中,应该将每一个知识操作点都作为微课视频来制作,即通过微课视频形式来导入课程案例,并整合知识点,深化教学课程的系统性、规范性和完整性。

1.2存在的问题

当然,在《网页设计与制作》课程中引入微课教学模式,它也存在一定现实问题,这些问题或来自于教学本身,也来自于学生和学校,具体来讲可以总结归纳3点内容。

首先在教学方面,《网页设计与制作》课程本身在学术性质方面存在复杂性,即它所涉及的知识点体系规模非常庞大且复杂,可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说,它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术,也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上,由于知识体系太过庞大和复杂,高职生很可能无法做到多点知识技巧兼顾,也常常会出现顾此失彼的情况。

其次在学生方面,客观讲高职生的文化与专业能力都存在严重的参差不齐,相比于普通高校学生有一定差距,这是我国职业教育领域所一直存在的弊端问题,难以回避。高职生整体素质偏差,特别是基础教育功底薄弱,没有良好的学习习惯,在课堂学习过程中也表现出定力和认知能力不足的严重缺陷,这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。

最后是学校方面,许多高职院校在信息技术教学领域的应用研究并不到位,甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术,其所设计的教学方案还仅仅停留在课件制作表层层面,不能基于信息技术深入教学辅助过程,无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用,导致微课应用前景并不理想[1]。

2微课融入《网页设计与制作》课程教学中的意义

微课融入《网页设计与制作》课程教学具有它重要的现实意义,如果将其现实意义细分,还可分为狭义与广义两方面来谈。

从狭义角度讲,实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性,初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开,但微课在高职计算机专业中《网页设计与制作》的应用几近空白,还未有可参考的教学应用经验,所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式,对推进该专业领域的教学改革固然是非常值得期待的有益尝试,它既能够为学生创设良性的学习空间,也能够丰富教师的专业教学手段,一举多得[2]。

从广义角度讲,微课是新型的教学模式和学习方式,它更是一种全新形式的教学资源模式。在该课程体系构建过程中,学生和教师同样得到成长机会,这也让整个教学过程变得更有意义。细致来说,它存在3点现实意义。

第一,它从广义范围上扩大了高职院校的微课应用范围,是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者,微课也实现了对传统计算机专业学科领域的有效补充,从正面提升了学生的学习兴趣与学习欲望,这让未来微课教学常规化成为可能。

第二,它也拓展了教师的教研方式,让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变,教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性,也能够与学生实现更多教学过程互动,提高教师本身的教学交流能力与教学互动能力,促进高职教学业务水平的提高。

第三,它满足了学生对于学科学习的个性化需求,微课以碎片化信息教学理念开展,它所谓学生提供的是基于不同知识点的个性化教学过程,能够在某种程度上满足学生的个性化学习需求,让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中,学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者,微课实现了对学生课堂学习内容的有效延伸,它不但能够组织当堂教学,也能在课下组织第二课堂,这就兑现了对知识的关键优化与弥补,让学生随时随地都能开始学习并享受学习体验。综上所述,在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的,具有革新学科教育发展进程的现实意义[3]。

3微课在《网页设计与制作》课程教学中的实际应用

基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合,例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来,然后再进行相应的教学知识点延展,配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程,在动手动脑制作过程中激发他们的设计学习兴趣,促成探究式深入学习过程。

本文以《江南水乡》的网页设计与制作教学为例,教师先要教会学生如何创建网页,包括对文本信息的插入与文本内容的设置,以及表格布局网页的基本方法技巧,最终独立制作完成简单的文字网页与网页背景,为整个教学过程奠定基础。如上文所述,该课程就运用到了自主探究式教学模式,教师会为学生创设情境,然后要求学生进行自主探究,在探究过程中发现新知,最后渐渐掌握知识技能,实现教学设计与应用过程的程程递进。在该过程中,教师需要引导学生去不断深入探究,并辅助他们发现问题,同时寻求问题解决的有效途径。

3.1知识提取

在《网页设计与制作》这一课中,对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取,提取那些典型的、适合于微课开发的重要知识点。在教学环节,教师要为学生创设情境,激发他们了解江南水乡的学习兴趣,通过播放多媒体课件(约3分钟)来让学生了解江南风光的同时,也明确该微课设计脚本中所涉及的关键知识内容,例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等,先从人文角度让学生总结归纳关键知识内容,进一步了解江南。

第二步,教师要为学生引入与网页制作相关的更多网页页面设计理论知识,比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中,促成网页设计与制作过程。举例来说,像图片插入,它就包含了菜单插入法、代码以及快捷键(Ctrl+Alt+I),教师要让学生去逐一探究这些图片插入方法,并能够灵活运用于实际操作过程当中。同理,插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进,最终达成知识提取目标,让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的,它们对于学生深入学习《网页设计与制作》具有关键意义。

3.2教学过程设计

该教学过程设计的重点在于如何正确插入图片、视频音频文件,并了解该插入设计方法的基本功能属性,特别是在插入flash动画的透明属性设置。另外,教师也要教授学生更多元素的插入方法及相应属性,并教会他们如何表格布局,将网页设计得更美观,并能够灵活运用这些网页设计制作技巧。

在实际的教学过程设计中,教师会首先个创设情境,引入本课的主要教学内容,即《江南水乡》的网页设计与制作,为学生列出微课学习任务列表,为学生播放微课内容。微课播放完毕后,教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法,提出问题任务,让学生或独立或小组合作完成任务,快速推进教学进程。

3.3教学总结

最后教师要进行教学点评总结,先要展示学生的《江南水乡》网页设计制作成品,并要求学生进行作品汇报,随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中,制作者也应该总结自己在设计制作过程中所遇到的各种问题,与大家共同分享制作过程经验与难点,这样更能提高师生对自身作品的关注度,并在总结评价过程中总结经验教训,为下一次更好的作品设计制作奠定经验基础。

将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力,转变他们传统的计算机专业课程学习方式,为他们营造基于新媒体环境的新学习空间环境并创新学习手段,实现对整个学科教育体系的全面革新。

作者:支馨悦

参考文献: 

[1] 赵永红.高职院校微课教学策略探究[J].中小企业管理与科技,2014(5):263-264,265. 

网页设计知识总结范文2

关键词:心智技能;网页设计;教学研究

中图分类号:G434 文献标志码:A 文章编号:1674-9324(2013)37-0154-03

一、心智技能理论概述

技能分为操作技能和心智技能,操作技能是一种动作技能,培养操作技能使学生“知其然”,比如网页设计中建立页面布局、插入表格这些功能如何实现。而心智技能是一种思维的技能,是调节和控制心智活动的经验,培养心智技能使学生“知其所以然”,比如为何要使用网页布局、使用何种布局更好、网页元素如何搭配更美观等,从而使学生能够更合理地应用其所具备的操作技能。

对于课程教学而言,不仅要培养学生的操作技能,还应更注重心智技能的培养。比如制作一个完整网站项目,不仅需要操作Dreamweaver、Fireworks等设计软件的技能,更需要需求分析、网站规划、风格设计和色彩搭配等心智技能。

因此,要提高学生的技能水平,就必须在教学中加强心智技能的培养,培养学生的创造性思维,提高学生学习创造能力以及解决实际问题的能力。

二、网页设计教学中存在的问题分析

目前,案例教学法是较为主流的网页设计课程教学方式,在教学过程中,往往以软件操作为主要内容,针对其中的各个功能设计教学案例并进行讲解。这种方式虽然能使学生在短时间内掌握软件使用技能,但学生对各个功能适用的场景和条件却不甚了解,不能真正做到学以致用,在独立面对一个完整的设计任务时会有无从下手的感觉。笔者采用课堂观察、学生访谈及学生作品指导等途径,开展调查研究之后发现,学生设计的网页作品普遍存在一些共性问题,主要体现在以下几个方面。

1.网页主题策划。当要求学生为某个网站主题制作一系列网页时,某些作品主题定位不准确,比如原本网站主题是品牌产品宣传,最后的作品却是购物网站。有的作品则是主题不统一,想展现的内容太多,多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。

2.网页风格设计。在网页布局及风格设计方面,常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大,影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足,不能在内容不同时实现形式上的统一。

3.网页元素的编排。网页元素的编排,主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有:(1)文字的处理。网页中使用的字体太多,造成页面混乱;字体、字号过于单一,标题或重点不突出;行距过大或过小等。(2)图片的处理。图片过度拉伸造成显示模糊;图片过大造成页面加载速度缓慢;并排显示的图片尺寸不统一等。(3)网页布局。页面宽度过大,在一屏内无法显示,造成浏览困难;页面内容多而杂,各部分跨度太大,整体可读性不好,重点内容不突出等。

4.网页色彩搭配。网页的色彩搭配应该均衡、协调,使人感觉舒适、美观,又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有:网页色彩过于单一,无吸引力;色彩过于花哨,容易造成视觉疲劳;文字颜色与背景颜色相似,造成阅读困难等。

5.交互性设计。用户浏览网页是一个人与网页信息交互的过程,交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有:网页无标题;导航栏不全,引导性不佳;链接层次过深,造成连续浏览不便捷等。

6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构,虽然不会影响到网页的功能和外观,但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性,存在着网页命名随意无规则,不同层次的网页文件存放在同级目录,图片文件随意存放等问题。

综合上述问题分析可以看出,学生在创造能力及设计思维上相对较弱,实际上通过操作实践,学生基本都能完全掌握网页设计软件操作,比如插入文字和图片、设置字体和颜色、插入超链接等,但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现,因此培养心智技能是提高学生网页设计能力的关键。

三、心智技能阶段性理论在网页设计教学中的应用

1.网页设计心智技能形成分析。根据冯忠良教授的研究,心智技能的形成是阶段性的,其过程分为原型定向、原型操作和原型内化三个阶段[1]。原型定向阶段以理论知识传授为主,让主体掌握技能操作的原理;原型操作阶段通过实践让主体熟练掌握操作技能,为原型内化奠定基础;在主体大脑中形成内化的思维模式,使主体能够灵活运用操作技能解决实际问题[1-3]。

根据上述理论,结合网页设计教学的实际过程,网页设计心智技能的形成阶段如图1所示。

网页设计心智技能的形成可分为:掌握基本理论、熟练实践操作和总结设计模式三个阶段。这三个阶段不仅体现在整个学期的教学过程,更应该体现在每一章节的教学中,甚至在每次课的教学中不断重复,才能强化巩固心智技能。在整个学期的网页设计教学过程中,基本理论、熟练实践操作和总结设计模式三个阶段的主要教学内容是:(1)网站和网页的组成、网页设计的一般过程、HTML原理和常用设计工具。(2)网页设计工具Dreamweaver、Firewoks及Flash的操作和使用。(3)指导学生综合应用设计工具进行完整设计,总结网页设计中的经验和模式。而在某项软件操作的教学过程中也应遵循三阶段原则。教师首先结合HTML语言讲解此项操作的后台原理。然后教师进行演示,学生操作,期间教师不断进行指导。最后教师总结该操作中应当注意的一些原则,以及常用的一些设计模式,可通过展示优秀的设计作品进行对比讲解。

2.教学实践。在前述理论研究的基础上,笔者进行了教学实践。根据课程教材,首先设置了“网页设计概述”、“HTML基础”、“Dreamweaver CS 4应用”、“Firewoks CS 4应用”、“Flash CS 4应用”、“综合实例”六章课程内容[4]。其中第一、二章以纯理论教学为主,难点在于HTML基础知识,须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果,增加了第七章“网页设计模式精讲”,对网页设计中的常见问题进行总结,介绍设计原则和方法。下面以第三章“Dreamweaver CS 4应用”和第七章“网页设计模式精讲”为例介绍教学思路。

“Dreamweaver CS 4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前,应使学生明白网页的本质是HTML代码,Dreamweaver本质是辅助设计工具,其作用是自动生成HTML代码,比如在Dreamweaver中执行插入表格的命令,就会在源文件中加入表格的HTML代码。在此后的讲课过程中,帮助学生理解操作的原理,为心智技能的建立奠定基础。以文本的插入和编辑为例,在教学中首先向学生讲解文本编辑中HTML标签

的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作,并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则,比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能,使学生在自主设计时能够编排出美观的、可读性强的文本效果。

“网页设计模式精讲”根据本文中对学生作品中常见问题的分类进行集中讲解,主要分为网页主题策划、网页风格设计、网页元素的编排、网页色彩搭配、交互性设计、网站文件结构六项主要内容。设计模式教学是一种经验的传授,目的是教会学生某一场景下问题的解决方法,因此在教学中,必须要明确模式适用的场景,以及模式如何实现,如表1所示是几个网页设计的模式。

在教学过程中仍主要依靠案例讲解进行,并在过程中要求学生在总结和思考之后进行相似模拟,但不能与原例一致。学生掌握正确的网页设计模式后,网页设计质量得到了一定改善,从侧面证明了学生网页设计心智技能的提升。

四、小结

笔者通过教学实践发现,结合心智技能形成的阶段性理论进行网页设计课程教学,确实对提高学生的网页设计能力起到了积极作用,但由于课时限制、教师经验等因素,教学质量仍有很大的上升空间。在后续教学过程中,仍需要不断地进行尝试和总结,探索更高效的心智技能教学方法,培养出更高素质的网页设计人才。

参考文献:

[1]冯忠良.教育心理学[M].北京:人民教育出版社,2000.

[2]丁清.论高职高专学生的心智技能培养[J].昆明冶金高等专科学校学报,2004,(1):81-84.

[3]陈军民.高职生心智技能培养探讨[J].新课程学习,2012,(03):77.

网页设计知识总结范文3

关键词:工学结合;网页设计;岗位能力

中图分类号:TP393 文献标识码:A 文章编号:1674-7712 (2013) 04-0228-01

在国家示范性职业学院的基础上,围绕计算机网络技术产业对技能型人才的需要,以校企共建为载体,实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准,深化课程改革,探索了应用基于工作过程理实一体化教学的课程体系设计。

一、职业岗位分析

由行业、企业、专业骨干教师组建专业建设指导委员会,调研产业集群,对职业岗位技能需求情况进行分析,确定职业岗位核心能力,按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析,并对一些网站建设类企业的职业岗位调研,确定本课程职业岗位为网页设计与制作员、网站管理员。

二、确定职业岗位核心能力

分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位,要求了解网站的开发流程,熟练使用网页设计软件编辑与制作网页;能够合理布局网页。

三、课程教学目标

课程的教学目标,体现与职业岗位的无缝对接。改变知识点集合式的教学目标,结合职业岗位技能加入到教学目标中,将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力,以适应职业岗位的要求。

(一)知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标,使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素;强化网页美化与修饰的技能,会使用行为和特效修饰网页;掌握CCS层叠样式表的使用;掌握网站新闻和图片的更新等日常管理与维护技巧。(二)操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能;灵活运用所学网页制作工具的能力;对页面细节的调节技能;合理运用模板与库等工具,优化网页制作的过程;提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力;主动学习的能力。(三)职业素质目标。培养学生具有良好的职业道德与敬业精神;培养学生的沟通能力和团队协作精神,具有组织、计划、协调与协作能力;培养学具有良好的心理素质和克服困难的能力,具有分析问题、解决问题的能力,具有较强的沟通和交流能力。

四、课程教学内容

(一)课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则,参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计,体现贴合职业岗位技能需求,模拟实际工作过程的课程设计理念,以企业真实网站设计项目为载体组织教学内容,采用基于工作过程的任务驱动教学方法和手段进行实施。(二)分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析,将网页制作这一工作岗位需要的技能总结为,用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。(三)课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先,选取知识技能覆盖面广,项目过程完整的企业项目。然后根据学生的认知过程,将网页制作职业岗位所需的技能进行分解,嵌入到网页制作的项目中。最后,将整个项目划分成教学任务。

五、课程的教学实施

(一)建立任务情境。教师首先布置本节课程要完成的教学任务,要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时,教师首先将完整的任务网站展示给学生,告知学生学习后能取得的成果,激发他们学习的热情,同时引导学生思考如何利用这样的平台制作自己的网页,由此确定课程的总体任务――建设一个完整网站。(二)分析任务提出问题。在每一教学单元之前,先提出本单元要完成的网页制作任务,提出之后,先让学生对任务进行仔细思考、分析和讨论,提出完成任务需要解决哪些问题。其中,一些问题较为浅显的问题,学生通过主动学习就能解决;另一些是任务中包含的新知识点中的难点,学生要通过认真的研究、分析才能解决,强化学生独立解决问题的能力,培养学生从新的角度去看旧问题,丰富学生的创造性和想象力。(三)学生完成任务。探索研究问题提出后,教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识,通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识,并将所学知识融会贯通。(四)任务评价与总结。在整个任务完成后,教师对学生的完成情况进行总结,强调普遍出现的问题或错误,演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度,解决问题的能力和创造性的发挥以及获取的知识的情况进行监督,对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导,做到因材施教。

六、考核方法

主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况,占总成绩的30%;以及在完成过程中的表现情况,占总成绩10%;期末考核采用笔试、上机操作与作品相结合的方式,每个部分各占总成绩的20%。

七、结束语

网页设计知识总结范文4

《网站设计与制作》也是计算机各专业学生学习后续课程的基础,比如学习基于网络编程的动态网页设计技术,学生毕业后可从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

学生如果要很好得完成网站制作,所需的的知识体系非常庞杂,其中包括网络基础知识,网页制作技术,平面设计和动画制作等基本要素。具体涉及到网页制作软件,图像处理软件,动画软件,数据库知识,脚本语言动态服务器编程技术等。教学内容比较多,知识点比较分散,而学时仅为48个学时,学习内容多而课时少。经过多年的教学活动的开展和经验总结后,我们总结出一套适合高职学生教学方法,那就是使用任务驱动式的教学方法。我们以前的教学设计思路是:讲授知识点———设计任务———监督学生完成———验收,现在的教学设计思路是这样的:实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色:给学生布置一项工作(实际工作任务导向)———将工作转变为一个任务(任务驱动)———通过任务引出知识点(知识学习)。学生在此教学思路中的角色:通过老师的引导,理解相关任务要求,继而产生强烈的学习相关知识的兴趣,在下一步的知识学习中就能很好地学习,掌握了相关知识后,马上运用于实践,完成老师布置的任务。通过该课程的教学,使学生最终能够自主开发一个完整的网站,毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课,教学对象是全系各专业的大一学生,因此教学内容定位于静态网页的制作,以Dreamweaver软件为主线,介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash,然而当前课时条件和时间条件下,根本做不到三个软件都讲到位,事实上每个软件分开都可成为一门课程,而网页设计课程只能以网页制作软件Dreamweaver为主,其他软件为辅,并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾,有利于教学的开展和培养学生的动手能力,为此我们对教学内容重新进行了重构,围绕Dreamweaver软件讲解网页制作的方法和技巧,只有在制作图像缩略图、切片、按钮、LOGO图片等时候,才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础;模块二、页面的基本操作;模块三、简单网页的制作;模块四、网页的样式设计;模块五、实用HTML布局页面;模块六、实用DIV+CSS布局页面;模块七、制作多媒体页面;模块八、网页交互设计;模块九、网站的测试与管理。

四、总结

网页设计知识总结范文5

关键词:中职学校;网页制作;教学

中图分类号:G712 文献标识码:A文章编号:1007-9599 (2011) 23-0000-01

Web Publishing Courses of Teaching Study in Secondary Vocational School

Chang Lili

(Yanji Vocational High School,Yanji133000,China)

Abstract:With the continuous development of network technology and the popularization of computers,the Internet has been familiar to the masses and use.Internet is an indispensable element of site,the site is an indispensable element of web pages,and now all universities and vocational institutions have universal web design of this course,by the author of this paper and summary of work experience in the post about the next Some colleges web design courses teaching methods.

Keywords:Vocational school;Web production;Teaching

伴随着计算技术以及互联网技术在各行各业的普遍应用,各个中等职业学校为了为社会培养出优秀的适合企业要求的人才,都纷纷开设了《网页设计与制作》这门课程,这个课程的开设,不但符合上级对学校的办学要求,而且更为学生毕业后能顺利找到理想工作打下了一个坚实的基础。

一、《网页设计与制作》课程的教学内容

《网页设计与制作》是属于一门技术课,对动手实践性是比较强的。这就要求老师在讲课的过程中,多多鼓励或者引导学生参与一些实践性的练习,培养出学生对这门课程产生浓厚兴趣。更重要的是注重培养学生的理论联系实际的能力,让学生们多把自己在课堂上学到的知识应用与实践中去。针对网站制作的一个初级入门课程,专门课程主要用的工具软件是Dreamweaver网页制作软件以及做模版时候用到的Fireword或者Photoshop图片制作软件。其主要教学任务是介绍网页中各元素的添加、页面整体布局、链接导航、CSS样式、模板、行为和表单等技术,使学生掌握从站点规划、建立,到页面布局、网页编辑和美化等静态网站的完整制作过程,具备创建和维护网站的基本能力。在这个基础上还要把HTML网页标记语言引入进来,HTML语言作为网页设计的本质,他是网页设计的一个基础,所以学好它学好网页设计的前提。所以我们一定要求学生们能够熟练掌握读懂普通的代码,而且还要能够自己动手编写一些普通的HTML代码,这也是网页设计课程的教学要求。

再者,网页也有静态和动态之分,所谓静态就是指上面所说的普通的HTML语言加上一些样式、链接等功能,这种网页修改的时候必须要在页面本身去修改。动态网页是指HTML语言编辑好页面后加如一些编程语言(比如ASP、PHP、JSP)以实现人机交互的功能,用户添加修改内容比较方便。

二、课程的教学方法

(一)课前认真备课

1.备授课对象。根据教学对象的不同,安排相应的教学内容;分析学生的专业学习特点和目前的学习状况,制定不同层次的教学目标和教学评价。

2.备教材。选用集成度好的Dreamweaver作为网页开发环境。从教材、参考书以及网络中归纳总结出具有代表性的典型案例,为课堂教学做好准备,精心制作多媒体课件。

3.备教学环境和教学模式。应注重理论与实践相结合。在备课过程中应在机房安装投影仪和电子教室软件,学生人手一台电脑,教师使用一台教师机,通过多媒体课件讲授理论、电子教室软件展示与交流作品。同时应设置一些有一定难度的相关网页设计,让学生在计算机上进行目标训练,以更好地巩固其所学的知识。

(二)课堂的教学方法

1.任务驱动教学法。“任务驱动教学法”是以学生为主体,根据课程的教学目标设计具体的学习任务,通过对学习资源的积极主动应用,进行自主探索和互动协作的学习,并在完成既定任务的同时,参与指导教师课题或其他课外任务的一种学习实践活动。

2.实例教学法。所谓的实例教学法就是老师来通过分析一些实例来对学生开展教学的方法。老师在经过自己的精心策划之下,结合先阶段我过中职学生的一些特点和课程的实际情况,仔细精心的准备一些实例来把学生的学习积极性引导进来,老师根据学生的特点让学生自己针对这些例进行思考和动手制作解决,这样不但提升了学生学习的兴趣,而且还能让学生在实例中获取知识、掌握技能、提升能力。

3.项目教学法。项目教学法是指以项目为主线,采用项目驱动与教材基础知识紧密相结合,将网页设计与制作的知识点和技术要点穿插到各个项目中进行讲解,使学生掌握各个知识点的实际应用,提高学生分析问题、解决问题的实际能力,达到轻松学习、自主学习的目的。实践证明,这种教学方法充分调动了学生的学习积极性和主动性,有效提高学生的学习能力、应用能力和操作能力。

在教学中,项目的选取要以教学的内容为依据,以现实的对象为材料,既要包含基本的教学知识点或技术点,又能调动学生解决问题的积极性。教师和学生共同参与项目的选取过程中,教师要注意启发学生去主动发现身边的素材,选择难度适合的工程项目。而其教学过程为:引出项目、明确需要解决的问题并举例、分析,由学生总结归纳方案-分组实际操作完成任务-每组展示、相互评比、学习,教师点评、并提出更高要求-按项目完成的情况对学生各个环节进行点评。

三、结束语

综合上面所说的,伴随着互联网中网站对人们生活中的普及以及重要性,各学校对针对《网页设计与制作》这门课程的教学要求也是不断提高。作为老师应该以培养学生的实践能力为主,首先老师应该在课前把需要讲授的课程都备好,让学生在学校里打下一个坚实基础的前提能够多多的理论联系实际,多多提高学生的积极主动思考能力和动手能力,而且还要引导学生的学习的兴趣,让学生在赶兴趣的同时学习掌握更多的知识。如此以来才能使学生在跨出学校之门后更快的适应企业的要求,让学生们依靠学校学过的知识快速找到自己理想的工作。

参考文献:

[1]崔华凤.信息技术教学中学生自主学习能力的培养[J].中国远程教育,2003,15

网页设计知识总结范文6

关键词:jQuery;网页设计;JavaScript

中图分类号:TP312 文献标识码:A文章编号:1007-9599 (2011) 10-0000-01

JQuery Useing in the "Web Design"Course

Hu Anming

(Guangdong Polytechnic Normal University,GuangZhou510540,China)

Abstract:Web design is the foundation courses in colleges and universities,jQuery is now widely used JavaScript framework,this paper combined with years of teaching experience,to discuss how to integrate jQuery into going to the web design,and related knowledge points and teaching methods.

Keywords:JQuery;Web design;JavaScript

一、引言

随着Web 2.0及Ajax技术RIA等技术应用普及,在网页设计过程中JavaScript的使用也越来越广泛。相应的JavaScript应用框架也不断产生出来,例如Prototype,YUI,Mootools,Extjs,jQuery等,在这些框架中jQuery是使用最为广泛之一,jQuery是2006年由美国人John Resing创建的,其设计目标在于增强JavaScript功能之外,简化JavaScript代码及Ajax编程;实现写更少的代码做更多事情。jQuery是一个十分优秀的JavaScript框架,能十分简洁方便处理JavaScript中各类数据访问读取,同时也提供JavaScript的各类事件处理,是现在网页设计中不可缺少的技术之一。

二、jQuery教学

因此将jQuery引入到《网页设计》课程中是十分有必要的,我院在近几年的《网页设计》课程教学内容也已增加进去,通过教学实践过程,总结了相关教学要点,进行介绍。

(一)jQuery的教学内容安排

jQuery在语法结构上比JavaScript有了很大变化,但是其基本语法和实现原理都还是基于JavaScript,所以一般将其放置JavaScript后讲解。

(二)jQuery中难点“$”符号讲解

选择器“$”符号基本涵盖jQuery所有应用,掌握“$”应用于基本上掌握jQuery,但是“$”在jQuery的教学过程中也是最难讲解的一个内容。其所包含功能太多,且语法格式非常灵活,不容易掌握。针对“$”符号特点,可以按如下思路讲解:

表1.内容划分

知识点 讲解内容

选择器“$”基础 属性选择,位置选择,过滤选择,包含选择及访问冲突解决。

选择器“$”集合功能 遍历元素,设置元素属性,元素css动态切换。

选择器“$”元素管理功能 获取元素,复制,移动,删除,克隆元素。

选择器“$”事件处理功能 绑定事件,移除事件。

选择器“$”动画功能 显示隐藏效果,渐变效果。

(三)教学过程中的心得体会

例如“$”选择器基础功能的讲解,“$”选择器可用于在网页上访问任何对象,功能十分强大,但要结合以往的知识点举例去讲解,比如选择器在应用原理上与Dom有些类似,但是比Dom访问要简单。讲解时可结合Dom讲解,例如:

$(“content”)可以借助Dom的Document.get Element By Id(“content”)理解,但是“$”多种访问方式,可以使用标签名访问,例如:$(“div”);也可以使用class名访问,同时还可以根据条件访问例如:$(“a[href=index.aspx]”);$(“div”).eq(0)等,所以远比Dom所提供的功能要强大,这是需要通过大量实例给学生去讲解的。

例如“$”动画功能讲解,便可通过大量实例去讲解,jQuery中带有动画功能可以在网页中开发出非常炫的效果出来(如图1所示),可以首先通过一些应用实例去吸引学生兴趣,然后再由浅入深,对jQuery中提供的各类动画函数进行讲解。

图1.jQuery动画效果

三、总结

将jQuery引入到《网页设计》课程教学中去,即将较新的知识技能更新到课堂教学中去,又充实教学内容,同时也符合我国教学改革的思想目标。另外,从教学反馈的结果来看,学生对于jQuery也表现出非常浓厚兴趣,普遍反映学到非常实用的技能,满意率达95%,提示学生对该课程的兴趣。

参考文献:

[1]曾顺.精通Java Script+jQuery[M].北京:人民邮电出版社,2008,9

[2]刘亚光.浅谈jQuery应用技巧[J].北京:科技信息,2009,35

[3]王晶,温向彬.利用jQuery操作HTML元素[J].北京:农业网络信息,2008,4