试论高职网页设计教学中版面视觉效果琐谈（范文大全）

第一篇：试论高职网页设计教学中版面视觉效果琐谈

试论高职网页设计教学中版面视觉效果琐谈

论文摘要：通过对网页设计中的形式美法则和网页中各种构成要素进行分析，探讨网页设计教学中网站版面的编排与设计。

论文关键词：网页设计；形式美法则；构成要素

如今，互联网已经融入我们日常学习生活的各个环节，并在全球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中，每个网站都拥有自己不同的网页，一个个变换的网页构成我们互相交流的媒介。因此，网站制作过程中，特别是网页页面编排设计时，要展示出自己独特的设计风格。如何设计出视觉效果好，色彩搭配和谐，结构合理的网页版面是网页设计中的一个重要问题。

一、网页设计中的视觉流程

网站的宣传内容、整体风格、设计理念都要通过视觉感官被浏览者所欣赏、接受和感受。设计精美的网页版面能够让浏览者增加浏览兴趣，拥有美好心情，从而增加网站点击率。反之，网页页面凌乱不堪会严重影响浏览者观看阅读的情绪，离开网页。网页视觉元素能否引人注目会直接影响到网站的信息传达，若想想通过网页更好地传达信息，网页视觉效果良好是其基本条件，让网络真正意义上成为可读强性、新颖的媒体，为此网页设计者设计网页时，必须适应人们阅读习惯和满足人们的审美需求。对每个视觉造型元素之间的距离、位置、面积以及视觉流程等都要精心设计。

人们阅读文章时，视觉总会有一种先后顺序习惯，有一定的方向，整个版面的走势有一个主旋律。网页设计中的主标题、重要广告、更新的重要信息等突出信息通常选择放于此位置。但视觉流程与学习数学公式不同，属感性范畴，其只要符合人们认识过程的心理顺序和逻辑顺序，就可以根据感受灵活运用。网页设计时，合理的运用网页的视觉流程，能够引导浏览者按照一定的顺序阅读网页，组织好整个网页版面的视觉导向，从而影响到整个网站的信息传达和功能实现。因此网页的编辑设计，视觉导向是一个重要问题，信息传达是网页设计的一种功能性的体现，这种传达要符合人们普遍的思维习惯，做到视觉流程合理、顺畅、自如。好的视觉流程布置，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。一个网站主要说明的东西必须通过网站首页醒目位置加以体现和展示，以方便浏览者阅读和理解。

二、网页设计的审美需求

网页设计是近些年才发展起来的一门设计类学科，这些年随着网络的发展，人们越来越重视网页版面的设计和网站风格的整体设计。网页不仅是将各种想要传达的要素简单的罗列在页面上，而是要考虑如何使浏览者能更感兴趣的和更有效率的接收网页上的信息内容。这就要求我们从审美的方面入手，设计制作出美观、完整、新颖、合理的页面。使浏览者观看阅读起来心情愉悦，更好的接受网页所传达给我们的信息。我们可以把传统平面设计中的形式没的法则和现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页版面的设计中去，增加网页设计的美感和浏览者的视觉审美需求。

（一）版面的规范化

页面编辑的规范化要求是网页设计的重要方面。比如使用Dreamweaver设计网页时，是选择左右型结构、左中右型结构、左右型结构框架，还是用表格系统来定位网页中版面的规划。要遵循一定的规范。在网页编排中应正确使用文字、标点符号、计量单位、规范使用术语、图片和Flash动画等。对网页版面中的文字、图形、色彩的设计，都要遵循形式美的视觉规律。网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种对象之间要分清主次，突出重点，有一定的整体感。

（二）版面的均衡性

网页的版面虽然有限，但在浏览者的眼里和平面设计要求一样同样要有视觉的均衡性。版面构图的基本元素是点、线、面，其中单个的字符是点，由字符组成的行是线，由行组成的段落是面。线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给人以安静和固定的感觉，倾斜则具有运动感。水平、垂直和倾斜组合起来使用会给版面带来丰富和生动的效果，从而使版面在整体上保持平衡的前提下具有动感和变化。

（三）版面的装饰性

“图”与“地”的对比中版面的装饰性中和重点。可以使用空白进行装饰，力求在平面中达到不平的效果。要注意立体的装饰效果，比如在文字大小、颜色的处理上要有对比，图片的摆放也要有大小、颜色的对比，包括和背景颜色的对比，从而使版面在整体上体现出层次感。给浏览者以赏心悦目之感。

（四）版面的统一性

网页版面设计中的统一，就是指在版面的整体感上要达到一致，风格上一致，色彩上统一协调，比如文字字体要统一，不能有的严肃，有的活跃，有的时尚，有的古板，同时色彩感受上也要达到风格统一。

三、学会分析网页中各构成要素

网页设计就是通过各种要素向浏览者传达信息，以实现宣传的目的。其构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素，如何在网页版面中合理的设计安排这些要素是我们要细心研究的问题。

（一）文字的编排与设计

文字作为信息传达的主要手段是网页设计的主体，是所有宣传物中不可缺少的元素，也是网页中必不可少的元素，因此网页中文字将占据相当大的面积，文字表现的好与坏会影响到整个网页的质量。必须考虑文字编辑的整体效果，给人以清晰的视觉印象，切记不要使页面中的文字看起来凌乱、繁杂，过多的装饰会让人不容易辨认和理解。不可只为美观而创意文字，忽略了文字本身的传达信息功能。版面设计时要注意文字的大小变化，色彩变化，明暗变化，用这些变化使字体版面活跃，达到视觉上的美感，注意变化中的统一，以获得良好的心理反应，达到完美的文字编排效果。

（二）图片的编排与设计

图片是网页版面中文字以外的又一主要元素，是传达信息的有力途径，图片的参与可以加大网页提供的信息量，而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对浏览者的吸引力远超单纯的文字。图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点。

（三）色彩的设计

色彩是美丽而丰富的，不同的色彩会给我们带来不同的心灵感受，现在一些大的企业已经将色彩融入到公司的整体企业识别中，因为色彩能使人产生联想和感情，例如红色是火的颜色，热情、奔放，也是血的颜色，代表危险，绿色是自然、生命的颜色，象征安宁与和平，紫色高贵、神秘，白色代表纯洁等等。一个网站格调的设定，往往取决于网站颜色的选择。色彩是人们浏览网页的第一印象，它带给我们不同的感受，它的好坏直接影响浏览者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计具体应把握以下两个方面：一是是整个页面的色彩选择，确定一个有利于体现网站主题的主色调。网页的设计一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。二是在背景的色调搭配上一定要注意不能有强烈的对比，大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。

网页作为作为一种新生事物，以它特有的方式飞速发展，它涵盖了平面设计、广告设计、版式设计、色彩设计等等知识。网页设计是一种综合性的设计，它所涉及的范围非常广泛。形式美的法则是任何事物所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种视觉上的愉悦，符合形式美的法则，使浏览者在阅读浏览的时候产生共鸣。未来的互联网究竟会发展到什么程度我们不得而知，就让我们在这个互联网的大世界里去不段的探索和追寻吧。

第二篇：试论高职网页设计教学中版面视觉效果琐谈1

试论高职网页设计教学中版面视觉效果琐谈

论文摘要：通过对网页设计中的形式美法则和网页中各种构成要素进行分析，探讨网页设计教学中网站版面的编排与设计。

论文关键词：网页设计；形式美法则；构成要素

如今，互联网已经融入我们日常学习生活的各个环节，并在全球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中，每个网站都拥有自己不同的网页，一个个变换的网页构成我们互相交流的媒介。因此，网站制作过程中，特别是网页页面编排设计时，要展示出自己独特的设计风格。如何设计出视觉效果好，色彩搭配和谐，结构合理的网页版面是网页设计中的一个重要问题。

一、网页设计中的视觉流程

网站的宣传内容、整体风格、设计理念都要通过视觉感官被浏览者所欣赏、接受和感受。设计精美的网页版面能够让浏览者增加浏览兴趣，拥有美好心情，从而增加网站点击率。反之，网页页面凌乱不堪会严重影响浏览者观看阅读的情绪，离开网页。网页视觉元素能否引人注目会直接影响到网站的信息传达，若想想通过网页更好地传达信息，网页视觉效果良好是其基本条件，让网络真正意义上成为可读强性、新颖的媒体，为此网页设计者设计网页时，必须适应人们阅读习惯和满足人们的审美需求。对每个视觉造型元素之间的距离、位置、面积以及视觉流程等都要精心设计。

人们阅读文章时，视觉总会有一种先后顺序习惯，有一定的方向，整个版面的走势有一个主旋律。网页设计中的主标题、重要广告、更新的重要信息等突出信息通常选择放于此位置。但视觉流程与学习数学公式不同，属感性范畴，其只要符合人们认识过程的心理顺序和逻辑顺序，就可以根据感受灵活运用。网页设计时，合理的运用网页的视觉流程，能够引导浏览者按照一定的顺序阅读网页，组织好整个网页版面的视觉导向，从而影响到整个网站的信息传达和功能实现。因此网页的编辑设计，视觉导向是一个重要问题，信息传达是网页设计的一种功能性的体现，这种传达要符合人们普遍的思维习惯，做到视觉流程合理、顺畅、自如。好的视觉流程布置，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。一个网站主要说明的东西必须通过网站首页醒目位置加以体现和展示，以方便浏览者阅读和理解。

二、网页设计的审美需求

网页设计是近些年才发展起来的一门设计类学科，这些年随着网络的发展，人们越来越重视网页版面的设计和网站风格的整体设计。网页不仅是将各种想要传达的要素简单的罗列在页面上，而是要考虑如何使浏览者能更感兴趣的和更有效率的接收网页上的信息内容。这就要求我们从审美的方面入手，设计制作出美观、完整、新颖、合理的页面。使浏览者观看阅读起来心情愉悦，更好的接受网页所传达给我们的信息。我们可以把传统平面设计中的形式没的法则和现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页版面的设计中去，增加网页设计的美感和浏览者的视觉审美需求。

第三篇：Flash动画视觉效果在网页设计中的应用论文

摘要：随着计算机技术的不断发展，通过Flash设计网页对提高网页的质量具有重要的作用。本文网页动画设计概述为分析切入点，阐述Flash动画的视觉运用的意义，最后提出Flash动画视觉语言在网页设计中的具体应用。

关键词：网页设计；Flash;应用

随着互联网技术的不断发展，网络已经成为人们生活中必不可少的部分，尤其是随着网页设计技术的发展，人们对传统的静态网页表现出不满，因此基于Flash动画视觉的网页成为网络发展的主要趋势。本文就是利用Flash动画视觉效果设计网页，以此增强网页的视觉效果，提升网页设计的质量。

1网页设计的概述

网页是网民浏览网络信息的重要载体，网页设计质量直接影响网民浏览信息的兴趣，因此在网页设计时既要保证网页设计内容的质量，也要做到吸引网民眼球的目的，具体要求就是：优化网页页面的排版，注重网页具有清晰的主次，强调中心，色彩和谐，重点突出，当然动态效果不易太多。Flash属于一种交互式多媒体技术，因此其在网页设计中的应用具有以下特点：一是Flash动画的情节表现比较夸张，能够直接体现设计的核心思想；二是具有交互性优势。网民可以通过控制系统自主的决定Flash动画的运行过程，实现了网民的参与性；三是减少网页制作成本，提高网页质量。通过Flash动画可以直观的表现网页的核心内容，从而降低了网页的制作成本。

2Flash动画的视觉运用的意义

在网页设计中运用Flash动画的视觉效果具有重要的现实意义：

2.1能够提高网页设计的知名度

网页设计的最终目的就是吸引眼球，而吸引眼球的关键就是在网页打开的瞬间具有清晰的画面效果，而通过合理应用视觉可以丰富网页的效果，从而达到吸引眼球的最终目的。

2.2提高了网页设计的科学性

传统的网页设计以内容为主，虽然内容是网页设计的关键因素，但是在互联网快速发展的时代背景下，单纯的文字设计风格已经不能满足信息需求者的需要，因此需要充分利用Flash动画视觉效果，通过对网页颜色、文字、图案以及排序等方面的设计，大大优化了网页设计的科学性，达到了资源的优化配置。以某网页设计为例，通过对Flash动画的运用使得浏览者在第一眼就获悉了网页的主要内容，提高了浏览者浏览信息的速度。

2.3提升用户的满意度

针对当前网络技术的不断发展，网页设计必须要考虑客户的蛤睡点，例如当客户在第一眼浏览时就被吸引，那么网页就又存在的必要性，因此网页设计必须要充分利用Flash动画视觉效果，通过优化不同视觉元素达到优化网页设计风格的目的，让客户感到品牌意识和对网页产生依赖感与忠诚感。

3Flash动画视觉元素在网页设计中的应用

3.1文字

文字是网页设计中最主要的元素，也是网民直观看到的内容。文字承载着重要的网页信息，因此文字是Flash动画中的重要媒介物。文字的目的主要有两个：一是审美功能。文字审美功能的实现主要通过以下手段，文字的排版模式、文字的图形构成以及文字的视觉设计等等。以文字的排版设计为例，文字的不同排版模式对Flash动画设计的视觉影响是不同的，比如字体之前的子距对网民游览信息的质量是有影响的，如果字距过小，就会导致网民浏览信息时表现的比较吃力，进而导致他们对该网页内容失去兴趣；二是传递信息。传递信息是文字的重要目的。实现传递目的的功能就需要从：（l）合理选择字体的搭配。在Flash动画设计中，选择合适的字体搭配可以吸引眼球，从而提高网页信息传播的速度。具体的搭配原则是“大标题、小内文‘、”字体少、字型少“.（2）字的变形设计。合理的字型变化可以吸引眼球。（3）特殊效果字体应用。特效文字应用应该注意，素面反白字、图片上反白字、图片上设计字等问题。

3.2图形

图形是美化网页内容的重要形式，图形设计的主要目的是建构能表达信息内容的、视觉形式的、独立完整而有序的”语句“,因此图形的设计应该遵循：设计主题定位准确、。符合受众者心理与社会心理的需求、。设计主题避免”一般化“、。图形与字体、色彩等因素协调统一的原则。因此将图形元素在网页设计中应用时需要注意以下问题：一是保证图形的简单，能够直观的体现网页的核心内容。能够通过图像直接了解到设计的最终目的。例如在Flash动画设计中可以采取平面化图形（见图1）；二是图形在设计时需要具有一定的艺术性，优秀的设计创意，无疑会打动人并激发人的思想感情，吸引人去关注设计所表达的思想内容，从而达到图形艺术设计所要表达的视觉传达信息的目的。

3.3色彩

色彩是刺激人的视觉感官的，也是Flash动画设计的重要形式内容。将色彩应用到Flash动画设计中主要是从以下人手：一是色彩的形式。色调是Flash动画内容的理性感觉，因此需要设计统一的色调，以此实现画面的美感；二是色彩的心理感觉。当人观看到色彩之后会刺激大脑，进而产生一种情感心理活动，可以说色彩对人的影响是不同的，不同的人在不同的环境下会相同的色彩会产生不同的心理变化，但是其还是存在一定的共性的，因此需要侧重色彩的冷暖感、轻重感以及软硬感；三是现代色彩设计。网页动画设计的演示平台多为数字化终端设备，另外在色彩的运用过程中，由于生活的地理位置、文化修养等的不同，不同的人群对色彩的喜恶程度有着很大的差异。总而言之，正确选择动画中的色彩，有助于利用动画中的背景、角色等元件对欣赏者进行心理暗示，达到突出主题的效果。

一个Flash动画的制作是一项既复杂严谨又充满创造性的工作，它需要设计者掌握动画的基本原理和动画的系统知识，更需要设计者把美的形式规律同现代网页动画设计的具体问题相结合起来，认真研究、掌握并主动地、有意识地运用这些规律，才能创作出好的作品。

参考文献：

[1]张蕾。网页设计中Flash动画的视觉应用[J].2009,08.[2]阿依夏木·力提甫。伪码调相系统的Simulink仿真设计与实现[J].新疆师范大学学报（自然科学版），2013,04:39~42.

第四篇：高职院校网页设计论文

1正确认识网页设计与制作课程的性质和地位

与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。

2选择适合高职院校学生特点的教材

我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。

3遵循高职教学规律，加强和改进教学工作

高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。

3．1网页设计与制作课程的教学思路

首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。

3．2网页设计与制作课程的教学方法

用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。

3．3教学过程中因时因人改进教学手段和方法

高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。

4明确教学目标，把握教学内容

4．1选择合适的网页制作工具

目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。

4．2要求学生能够利用Dreamweaver设计各种网页，开发初具规模的网站

我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。

5考核方式

根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。

6社会实践

如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。

7总结

真正落实实训在网页设计课程教学过程中的基础地位和作用，调动学生做实训作业的主动性，切实培养学生的实际操作能力和思维创新能力才是我们教师共同努力的目标。通过以往的教学结果观察得出，学生在课堂上的态度也有了很大的进步，在最后的实训测试中又相当于重新复习巩固了一次，对网页设计的记忆深刻了许多，教学效果显著。随着我们对现行的综合评价考核机制的不断改进和完善，相信对学生的进步会起到不可估量的促进作用。在教学过程中，教师要对课堂理论教学、实例教学和课程实训等方面进行不断地整理、反思和改进，因为未来的社会中，网页在生活中所起的作用也在不断地变化着，对这门课程的教学的要求也越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。

第五篇：在网页中插入图片教学设计

《在网页中插入图片》教学设计

执教：熊

恒

教学目标： 知识与技能：

会打开上次的网页；了解图片在网页中的作用；学会在网页中插入图片的方法。

过程与方法：

通过独立探究和小组探究的方法基本掌握在网页中插入图片。

情感态度与价值观：

培养学生的审美能力，形成与同学和谐相处、共同进步的精神。明白帮助他人的目的就是美化我们的心灵。

教学重难点：

重

点：了解图片在网页中的作用 难

点：能在网页中插入图片

教学时间：一课时

教学过程：

一、导入新课：

同学们，上节课我们学会了制作只有文字的网页。可是“咪咪豆网屋”的主页还有可爱的胖胖熊图片呢！它是怎么进来的？对于这个问题，我们来进行具体的研究。

揭示课题：在网页中插入图片

二、探究新知 任务一：了解图片在网页中的作用。

（1）、教师出示只有文字和带有图片的两个网页，提问：这两个网页哪一个好看呢？

（2）、引导学生观察，并说出为什么？指定学生回答（有图片的那一个）

（3）、小结：网页中的图片可以使网页更加美观漂亮。任务二：打开主页文件咪咪豆网屋index.htm（1）、师生复习启动frontpage 软件。（它是微软公司推出的一款优秀的网页制作软件）

（2）、学生试着打开主页文件咪咪豆网屋index.htm，老师巡视并校正。

操作步骤：网页制作软件——单击文件——打开文件——我的文档，找到主页文件咪咪豆网屋index.htm——再打开。

（3）、学生操作。

任务三：把“胖胖熊”请进来

（1）师生复习在word 中插入图片的方法，指名学生回答。教师小结：方法一：①、复制——粘贴；②、方法二：菜单——插入——图片——来自文件——选择图片单击插入。

（2）学生练习图片的插入，（3）学生探究把胖胖熊请进“咪咪豆网屋”主页中的的方法。

教师提问：能否把在word中插入图片的方法运用在frontpage 软件中呢？（指名学生回答：可以）学生动手操作：教师巡视，对不正确的地方进行校正。教师小结：

我们可以这样把胖胖熊请进“咪咪豆网屋”主页。操作步骤：

① 把光标移到第二行“咪咪豆网屋”的左边；

② 单击“插入”菜单；

③ 选图片来自文件→选C：“网页制作”文件夹→找到“胖胖熊1.gif” 文件并单击→单击“确定”。

（3）、学生操作，教师巡视指导

（4）、要求学生用同样的方法把胖胖熊放到“咪咪豆网屋”的右边。

任务四：保存网页

同学们，我们成功把胖胖熊请进“咪咪豆网屋”主页中，现在，我们要做的就把今天的作品保存起来！

学生试着保存：单击文件菜单——保存文件。

四、教师小结：今天同学们通过努力，基本掌握了在网页中插入和美化图片的方法，我们插入网页的目的是美化网页，帮助他人的目的是美化我们的心灵。