前言:一篇好文章的诞生,需要你不断地搜集资料、整理思路,本站小编为你收集了丰富的网页设计的技巧主题范文,仅供参考,欢迎阅读并收藏。
随着我国互联网信息技术的飞速发展,通过网络流量网页观看新闻、图片和视频等已经成为人们日常生活中必不可少的生活内容,因此,网页设计所受到的关注度越来越高。其中图形图像处理技巧是网页设计最重要的影响因素之一,决定着网页设计整体效果、主题思路和浏览感受。为了满足人们对网页设计日益增长的审美要求,必须充分发挥出图形图像处理技巧的优势,设计出更加优秀和美观的网页。本文对网页设计中的图形图像处理的优势、构图方法和处理技巧应用等方面进行了简要分析。切实希望有助于提升网页设计中的图形图像处理的水平和质量。
关键词:
网页设计;图形图像处理技巧
近年来,随着我国科学技术的飞速发展和人民生活质量的不断提高,通过互联网信息技术浏览网页已经成为人们日常工作学习生活的一部分,不但如此,各个行业领域、机关部门都需要借助网络来辅助办公,因此,网站和网页建设是目前备受关注的焦点。网页设计中最重要的一个环节就是图形图像处理的过程,由于网页是面向网站用户的直接对象,网页所展示出的整体效果和层次脉络代表着网页所有者的能力和态度,能否把网页设计与艺术美感有机结合是获取浏览者认同度和满意度的基础因素。这就要求网页设计中图形图像处理过程的质量和水平要格外高超,用专业的图形图像处理技能和知识配合富有艺术美感的处理技巧,充分满足人们对浏览网页的视觉需求和效用需求。
1网页设计中的图形图像处理技术分析
1.1网页设计过程中运用图形图像的优势
首先,在网页设计过程中使用图片首先可以给用户带来直观的视觉冲击,具有视觉优势,以图片作为网页版面的构成要素可以烘托出特殊的网页风格,而且图片具有良好的适配性和包容性,能够配合网页中蕴含的其他因素,从而使网页获得统一、协调的美感。其次,图片内容的受众性逛具备认知优势,通过图片设计者可以忽略由于语言文字产生的信息障碍,增大浏览和观看的受众范围,即使用户不认识文字或者来自不同语言文化的国家,都可以通过图片内容来准确理解设计者所表达的思想内涵。
1.2网页设计过程中运用图形图像的构图方式
网页设计中主要的构图方式按结构划分有三种,分别是纵向式、水平式和中心式构图。其中,纵向式构图是指将网页中的全部元素按照竖直方式进行排列,这种构图方式比较简洁明了,用户能够直观、清晰地感受到网页的主体内容,多适用于广告设计中。而水平式构图与上一种构图方式类似,只不过是将排列方式转变为横向,这种构图方式体现出庄重、朴实和严谨的风格,适合用户的浏览习惯,主要适用于政府机关、企业单位和学校等机构的网站中。中心式构图运用较少,其设计理念是把所有元素统一集中到网页中心,集中表现力较强,但是给人的感觉过于拘谨。
1.3网页设计过程中运用图形图像的处理技术
1.3.1图形图像去噪
网页在添加图形图像的时候会伴随着噪声,噪声的产生是由图形图像的自身属性所决定的。通过图形图像去噪处理,可以有效提高图形图像的分辨率,对图片质量和大小进行优化。
1.3.2图形图像增强
主要是通过后期制作将中心图像四周的图像进行淡化处理,以此达到突出中心主题的目的。图形图像增强能够有效提升图片的画面感,其主要技术有,边缘增强、图像色彩增强和锐化增强等。
1.3.3图形图像压缩
这种技术被大范围适用于数字图像中,主要是针对图像数据中冗余信息进行压缩处理,以提升图形图像的分辨率、像素水平,降低图像的失真性,提高图片质量。
2网页设计中的图形图像处理技术的应用
2.1图形图像的形式与网站整体风格的匹配度与协调性
网页设计中所涉及到图形图像的表达方式大致有三种,分别是四方图、退底图和边缘模糊图。每一种图片表达方式都有其独特的视觉效果和浏览体验,需要通过合理的运用组合,才可以设计出高水平的网站网页。在网页设计过程中,要充分考虑到图形图像的形式与网站整体风格的匹配度与协调性,按照主题风格将图片内容进行层次性排列设计,突出中心主题图像,对次要信息表达的图片进行弱化处理,从而设计出最佳效果的网站网页。
2.2对图片的格式、大小和颜色等因素进行处理
在设计网页的过程中要按照实际需求选取图片格式,科学规范的图片格式设置可以保证网页设计的合理性和美观性,通过对拍摄图片、截取图片和拼接图片的处理,增强用户的视觉感官与浏览享受,运用“图片+文字”的手法是网页设计中较为普遍的设计形式,为了不影响整体效果和中心内涵,不同格式的图片设计是必须考虑清楚的环节。由于网页的版面所限,如何在有限的空间中高效运用图片进行信息输出是设计者需要考虑的重要内容,网页设计中图片大小主要影响图形图像的分辨率清晰度,同样需要配合网页中心思想来进行设置,突出重点来提升网页浏览效果。网页设计过程中图形图像的不同颜色搭配,能够展现出不同的设计风格和不同的表达效果,与图表、背景和文字之间的协同搭配是设计师在选择图片颜色时考虑的重要因素。
2.3图形图像处理的相关技术
要想制作出具备观赏性和艺术性的高水平网页,图形图像处理的相关技术的运用必不可少。Photoshop作为功能性和适用性较强的图形图像处理软件,在网页设计过程中应用较为广泛。根据网页设计要求,Photoshop能够对图片的位置、大小和版式等多项内容进行处理和调整,其中,图片分割技术是较为常用的一种技巧。通过多幅图片的分割、重构和组合能够设计出别具风格的图形图像,极大地增加了图片的灵动性和美感。
3结论
综上所述,网页设计对技术性和美观性的要求越来越高,设计师对图形图像处理技巧运用的能力更为重要。在设计网页的过程中,通过强调图形图像的形式与网站整体风格的匹配度与协调性,根据主题对图片的格式、大小和颜色等因素进行处理,运用Photoshop等图片处理软件,可以有效提升网页的艺术性和美观性,提高网页设计的质量和水平。
参考文献
[1]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016(13):104-104.
前言:
得益于计算机与智能手机的普及,我国网民数量已达7亿,而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升,其本身也开始真正融入我国各行各业之中,但数字媒体本身在发展中也暴露出了一些问题,而本文就数字媒体中网页设计原则与制作技巧展开的研究目的,正是为了解决其中一部分问题。
1.数字媒体概述
为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究,我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知,本文将数字媒体定义为利用二进制数据处理和记录,采取数字通信的原理,收集、存储、传输各种矢量数字文本的过程,简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说,其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点,这些特点也是其能够较好发挥自身功能的原因所在。具体来说,高效相互性指的是数字媒体能够通过自身的载体与平台特性,使信息变为可感、可知、可管、可交互的状态,这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现;而在灵活多变性这一特点中,这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变,这样相关信息就能够实现更好的创造;而在强大融合性这一特点中,这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合,这种融合由于往往能够发挥“1+1>2”的作用,就使得数字媒体能够更好的满足各类受众的需求[1]。
2.数字媒体中网页设计原则
上文中我们深入了解了各类数字媒体,而在下文中笔者将结合自身实际工作经验与相关文献资料,就数字媒体中网页设计原则进行详细论述,希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。
2.1明确网页主题
在数字媒体的网页设计中,为了保证这一网页设计能够较好的为受众提供服务,我们首先就需要结合网页内容确认网页主题,而为了实现这一目标,网页设计人员需要进行充分的市场调查,最大程度上了解网页受众的情况,这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后,设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确,最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是,网页还需要最大程度上保证自身的即时性,这样才能够更好的实现信息的传达[2]。
2.2结合受众需求
除了明确网页主题外,网页设计人员在进行数字媒体的网页设计过程中,还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布,并以此更好的结合网页向受众传达某种情感,这样就能够更好的提高数字媒体中网页信息的传播效率。例如,对网页受众年龄的把握,使得设计人员能够更好的抓住网页设计的侧重点,这样就能够保证该网页设计传达的信息更具备针对性,这自然就大大提高了网页本身信息的传达效率。值得注意的是,我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素,这样才能够更好的为其提供服务[3]。
2.3保证风格统一
除了上述两方面的原则外,设计人员还必须保证数字媒体中网页设计的风格统一。具体来说,据笔者调查发现,我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题,这些问题归根结底属于网页设计中风格出现的问题,而这一问题也对数字媒体中网页设计带来了种种负面影响,为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一,这样才能够更好的保证数字媒体中网页设计的整体质量[4]。
3.数字媒体中网页制作技巧
3.1首页设计技巧
在数字媒体中的网页设计中,网站的首页一般存在形象展示型与信息罗列型两种,一般来说信息罗列型较为适用于大、中型网站,也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中,设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛;而在信息罗列型的网站首页设计中,设计人员需要结合自身信息传播特点,合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式,这样才能够实现相关信息的较好传达。
3.2风格统一技巧
上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则,而为了真正实现这一风格的统一,设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说,在网页设计的结构统一中,设计人员需要保证整个网站除特殊网页外,在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性;而在色彩的统一中,设计人员需要尽量保证网站的主体色彩一致,并只在有需求的时候改变网站的部分色块;而在导航栏的统一中,导航栏的位置与背景必须在大小、明暗、位置等方面实现统一,这样才能够较好的提高网站本身的特点,使更多的受众对该网站产生深刻印象。
结论:
在本文就数字媒体中网页设计原则与制作技巧展开的研究中,笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧,虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究,但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。
引用:
[1]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,2009.
[2]张燕.多媒体素材的无障碍设计研究[D].浙江师范大学,2009.
[3]黄晓乾,陈超.网页设计原则与制作技巧[J].中国科技信息,2010,07:95-96.
【关键词】网页设计;计算机图像处理技术;应用解析
在计算机技术和网络技术飞速发展的背景下,网页设计呈现出蓬勃发展的趋势。网页设计的最终目标是借助于文本、图形、图像、声音、视频等多种媒体表现形式,将所要表达的思想、内容展示给网页浏览者。在激烈的市场竞争中,商业性的网页越来越多,对于网页设计的要求也越来越高。网页既要客观呈现事物,又要精彩美观。图像在网页设计中起着至关重要的作用。在网页设计中应用计算机图像处理技术,可以提高网页设计的自身效果,也是市场需求的必然选择。
1网页设计中的使用图像的意义
在网页设计中引入适当的图像,可以增强网页的艺术感染力和视觉冲击力,更好的传递出网页设计的主题思想,吸引浏览者的注意,也可以体现出网页的设计风格。总的来说,图像具有信息传达和视觉吸引的功能,在网页设计中起着非常重要的作用[1]。
1.1信息传达功能
图像本身就是一种传达信息的重要手段。在文字叙述的区域,引入适当的图片,能够更快、更形象、更直观的突出文字的主题,传递出网页的主要内容。图像与文字相比更容易引起浏览者的关注。采用文字和图像结合的方式,可以帮助浏览者快速找到所需要的信息。图像能够美化网页,将相关的内容、理念等信息直观、高效、形象的传达给浏览者。
1.2视觉吸引功能
在网页设计中,包含许多的媒体类型,比如文字、图像、声音和视频等。只有文字的版面会显得过于单调。图像更容易吸引浏览者的目光,增强网页的视觉吸引效果。图像与文字的有机结合,对网页设计的协调性和美观性非常重要,可以刺激人的大脑,提高浏览者阅读的兴趣,从而达到网页设计的目的。
2计算机图像处理技术阐述
计算机图像处理技术起源于20世纪末,它是以图像为基础,利用计算机技术对图像进行加工和处理的。计算机图像处理技术结合了多媒体技术、数字化技术等,主要包括图像的平移、旋转、裁剪、去噪等前期预处理技术,图像的增强、复原、分割、重建等中期处理技术以及识别、分析、编码、压缩等图像后期处理技术。早期,计算机图像处理技术主要应用于航天事业,但随着计算机和网络技术的迅速发展,计算机图像处理技术被广泛的应用到网页设计中,得到了众多网页设计者的认可。利用计算机图像处理软件可以对图像放大、缩小、合成、色彩调整、创意设计和制作特效等,使图像与网页的主题相一致,进一步达到美化网页的功能。计算机图像处理技术在快速的发展进步,功能也在不断的完善。如今计算机图像处理技术在网页设计中具有非常重要的地位。
3计算机图像处理技术在网页设计中的应用
3.1网页设计中常用的图像格式和选择技巧
计算机图像格式种类繁多,选择适合的图片格式可以提高网页设计的效果、节约下载时间以及较少服务器的负担。在网页设计中应用较多的图片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名称为GraphicsInterchangeFor-mat,可以翻译为图形交换格式。GIF格式的图像分为静态和动态两种类型,采用无损压缩存储方式,但是限制了色彩的表现能力,只支持256色以内的图像。在不影响图像质量的情况下,可以生成很小的文件。它支持透明色,图像可以浮现在背景上面,也可以制作动画,这是它最突出的一个特点。GIF文件的特点顺应了互联网的需求,几乎所有的浏览器都支持这种格式,于是它成了互联网上最流行的图像格式。2)JPEG格式。JPEG格式是一种支持8位和24位色彩的压缩位图格式,是一种有损压缩,文件较小。JPEG的压缩技术十分先进,它具有调节图像质量的功能,可以设置压缩比例,压缩比越大,图像品质就越低,压缩比越小,图像品质就越好,同时,色彩的信息保留非常好。JPEG非常适合储存色彩丰富的图片,例如照片等,图片有轻微失真肉眼也很难辨别出来,但是它不适合存储线条、图标或文字等边缘非常清晰的图片,特别适合在网页和网络中使用。3)PNG格式。PNG格式英文名称为PortableNetworkGraphicFormat具有文件小、无损压缩、支持透明效果的特点。PNG格式存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,还可存储多到16位的α通道数据。虽然PNG采用的是无损压缩,但是PNG格式图片还是会有不同程度的失真。PNG8最多只能索引256种颜色,如果图像的颜色较多的话不能真实还原;PNG24则最多可以保存1600多万种颜色,基本能够真实还原我们肉眼所见的所有颜色。PNG格式广泛应用于JAVA程序、网页或S60程序中。设计师需要根据实际需求来选择不同的图像格式。存储图像时选择JPG还是PNG的主要依据是图像上的色彩层次和颜色数量。当图像的色彩丰富,并且边缘线条没有锐利反差时,选择JPEG格式可以得到最好的输出结果;当图像是有明显边缘的线条图、没有太多色彩或者需要制作透明背景时,GIF格式是最好的选择;而PNG-24格式虽然看起来非常完美,但是需要考虑浏览器的支持问题,虽然现在大多数的浏览器都支持它,可是IE6是不支持透明的PNG图像的。现在IE6或更早的版本使用者不会太多,但是设计师也要将这个因素考虑在内的。另外页面结构的基本视觉元素,如Banner、商品图片等对质量要求不是特别高的,可以使用JPG进行存储降低文件大小。
3.2网页设计中常见的图像形式
图像的形式多种多样,网页设计中应用较多的有摄影、截图、简单图形、连接图片等。为了让网页内容丰富且有艺术感染力,设计师需要将多种图像形式应用到设计中。摄影是网页设计中图像素材的重要来源,摄影配图是最简单,也是最常见的配图方式。摄影图像属于写实性的,有较强的直观感,可以将浏览者带进特定的情境中。摄影图像经过计算机图像处理技术加工处理后,结合相应的文字描述,很容易被人们所接受和喜爱。另一种应用较多的是插图。在网页中,插图经常用在描述性的文字的四周,既能增强直观感,又能起到延伸文字和拓展信息的功能。插图可以表现写实性的图片,也可以表现抽象类的图片,具体根据实际需要设计。此外,还可以在网页中插入一些有特色的图形符号等图像形式,以增强网页的艺术魅力和视觉冲击力。
3.3网页设计中图像的角色和职责
在网页中图像有多种角色,比如网站的LOGO、背景图、网页关键图和导航等,角色不同,职责自然也不同。下面对其中较为重要的3种角色类型做介绍:1)网站的LOGO。LOGO是网站的标志,也是网站的名片。它是互联网络上各个网站之间链接的图形标志,是网站提供给浏览者进入网站的一个门户。图形的LOGO比文字链接更吸引人的眼球。从某种程度来讲,LOGO决定着一个网站的点击率,可以说是一个网站的“点睛”之处。对于一个高品质的网站,一个好的LOGO能够反映网站的某些信息,比如网站类型、内容和风格等。提起LOGO,我们很容易想到一些熟悉的网站,比如百度、搜狐、新浪等,这就是品牌的效应。LOGO大多是网页设计师切合网站的理念、文化特色精心设计的,兼备功能性和艺术性,给浏览者带来艺术美感的视觉享受和高度的信赖感。2)网页的背景图。近年来,一些网站使用背景图像作为背景,给浏览者一种视觉冲击感。背景是网站的主要组成部分。对于一个网站来说,背景图一定要简单,效果不能太过强烈,只要提供一点质感就可以,否则就抢了页面内容的风头。如果背景图的设计与网站融为一体,并且富有特色,色彩视觉效果处理得当,就会对浏览者产生很大的吸引力,浏览者有兴趣进一步浏览网站。那么这个网站在同行业中便会出类拔萃,在网络营销上也会占据优势。3)网页的关键图。网页上通常都有一些很醒目的图像,用来吸引浏览者的注意力。在网页中插入图像的主要目的是用来宣传一些主题,一般在页面最显眼的位置,不需要过多的文字描述信息,浏览者看到图像就能知晓其所表达的含义,表达内容非常直观,视觉冲击感非常强。
3.4网页设计中图像的处理技巧
3.4.1图像的尺寸网页要达到理想的效果,图像的合理布局就显得尤为重要。设计师就需要灵活运用计算机图像处理技术,熟练掌握图像处理技巧[3]。图像的尺寸直接影响网页的直观效果。尺寸大的图像包含的内容丰富,能够更好的表达出设计意图。尺寸较小的图像,一般个性感强,具有衬托主题的作用。使用矢量创作工具制作的图像通常保存为PNG格式,尺寸需要在矢量绘图工具中确定,转换为位图后一般不再对其进行缩放操作。特别需要注意的是,Fireworks创建的PNG文件中包含图层等一些可编辑信息,其中直线、文字、形状都属于矢量图。将此类图像应用于网页设计中应先进行输出以便压缩文件大小,而输出的PNG图像会丢掉可编辑信息而转为位图。因此,图像尺寸的调节应在输出操作之前完成。对于现成的位图和照片,不要使用HTML语言中的height和width属性来改变图像尺寸,这样可能会使图像严重失真。一般使用Photoshop等软件调好尺寸后再插入到网页中。通常,放入网页中的图片应控制到一个比较小的尺寸。如果与文字混排,宽度最好在300px左右。即便单独出现,宽度也最好在600px以下。至于高度,以不超过一屏为宜。
3.4.2图像的外形不同类型的图像有不同的特色。比如,我们看到矩形的图像,就会有一种中规中矩的感觉;圆形图像给我们一种亲切温暖的感觉;不规则的图像会呈现出动感、有活力的感觉;菱形图像能够增加网页的美感。因此,我们需要将合适的图像应用到相应的网页设计中。
4结束语
综上所述,网页设计是一项涉及领域较为广泛的工作,要求网页设计师具备较高的专业技能。计算机图像处理技术在网页设计中展现出巨大的优势,将其应用到网页设计中,大大的提升了网页设计的质量与效果。在不久的将来,随着计算机技术的发展,计算机图像处理技术一定会取得更大的进步,网页设计也会更加完善、更加精彩。
参考文献
[1]蒋丽君.浅谈网页设计中计算机图像处理技术应用[J].商品与质量:消费研究,2015(1):71.
[2]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,2013,32(3):204-205.
关键词:网页设计 技巧 要素
中图分类号:S611文献标识码: A
互联网成为人们快速获取、和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。
一个好的网站最重要的一点就是界面的简单、朴素。而制作者们很容易掉入这样一个陷阱, 即把所有可能用到的网页技巧(例如: 框架、表格、字体、GIF动画)等都用上,这当然是好的。但如果多了的话就会让你的访问者眼花缭乱、不知所措,也不会给他们留下很深的印象,下面推荐几点制作经验。
一、网页设计的要素
在一个网站中,最重要的页面当属主页,所以在此以主页为例,说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素:文字,图片,排列方式和主色调,这四者相辅相成,缺一不可。
(一)图片要素
要设计出漂亮的主页,首先要成为计算机图形高手,仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关,一些较随意的主页像股票、医药站点等,来访者并不在乎你能否做出精彩的图片,有些时候他们反而觉得放置图象后影响了访问速度,他们关心的只是页面内容;相反像一些需要靠图象来吸引访客的主页,如游戏介绍、影视介绍、风光名胜等站点,图象是一个极为重要的要素,在这里缺少了恰当的图象,整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件,还要有一定的美术基础,如审美观、创意技巧等。
(二)排列方法要素
主页的第二个要素是排列方法,即网页布局。网页作为一种版面,既有文字,又有图片;文字有大有小,还有标题和正文之分;图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众,不能简单地将其罗列在一个页面上,否则会搞得杂乱无章。关于具体的网页布局,常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等。关于它们,在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多,就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是首选;Flash型更灵活一些,好的Flash大大丰富了网页,但是它不能表达过多的文字信息。还没有提到的就是变化型了,只有不断的变化才会提高,才会不断丰富我们的网页。
(三)色彩要素
色彩在网页所占比重很大。有了合理清新的色调,会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的,一个网站必须有一种或两种主题色。不至于让浏览者迷失方向,也不至于单调乏味。一般来说,页面的主体文字应尽量使用黑色等较深的颜色,与背景对比明显,按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色,再用红色和黑色作为配色,就能表达出严肃、稳重的效果。
二、网页设计技巧
一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。
(一)框架的使用
FRAME(框架)是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。
使用框架具有以下优点:访问者的浏览器不需要为每个页面重新加载与导航相关的图形;每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架。例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。
使用框架具有以下缺点:可能难以实现不同框架中各元素的精确图形对齐,对导航进行测试可能很耗时间。许多专业 Web 设计人员不喜欢使用框架,并且许多浏览Web的人也不喜欢框架。在大多数情况下,这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如,在允许其他框架的内容发生更改的同时,使一个框架中的导航控件保持静态),则这些框架对于某些站点可能非常有用。
(二)CSS样式的使用
CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表CascadingStyleSheets的缩写,又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页,设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
三、网页设计经验谈
一般的来说,绝大多数普通图形、插件、applets和其它有关的高级Web浏览器特性。对我们来说,页面的实用可能比漂亮更重要,对于用户来说,没有什么比页面能够快速下载更重要了,简而言之,精简你的站点,这是一条最佳的捷径。
另外还要注意,不要依赖图形。就站点设计而言,的确能够通过成功的图形设计招来或者丢失访问者。并非所有的访问者可以完全看到图片,某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之,图形并不能正确的在客户端加载。然而,图形经常被用来作为导航按钮。
最后要注意,仅仅在需要的时候使用帧(FRAME)。使用帧可以把一个浏览器分成几个不同的窗口,对于站点结构的把握是一个不错的方法。但是,我们还要知道,还是有人在使用不支持帧的浏览器。在我们开始打算设计一个帧的时候,应该仔细的考虑是否的确真的需要。网页设计涉及到对多种软件、多种知识的学习和应用,以及个人的审美观等。所以要想制作出漂亮的网页,需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧有待于我们去挖掘和研究。
四、版面布局
网页的版面设计同报刊杂志等平面媒体的版面设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版面设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式,它在传达信息的同时,也产生感官上的美感和精神上的享受。
在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,将导航条放在左侧而右侧是正文等,这样的布局结构清晰、易于使用。也可以尝试这些布局的变化形式,例如:左右两栏式布局,一半是正文, 另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。在设计中注意多吸取好的网站设计的精髓。
总之,创建网页是一个不断学习的过程。推出网站的第一个版本只是一个开始,技术和工具在不断的进步,要创建一个好网站就不能陶醉在过去的成绩上。要多欣赏其他设计好的网站,但在欣赏一个网站的时候,要能找到这个网站的优缺点,注意哪些是该学习的,哪些错误是要避免的。查看原文件时,看到某些喜欢的东西,使用浏览器上的查看源文件功能,看看这个效果是如何做出来的。在制作页面之后我们能发现令自己感到惊奇的设计元素和设计灵感。还要主动、灵活的运用一些形式美的法则,以提高网页的美感, 提升网站的品位。
参考文献:
[1]袁自海.CSS在网页设计中的应用[J].电脑知识与技术,2008.
1.1网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计,需要对图像资源进行有针对性的处理,制作成为计算机软件开发应用需要的形式。在对图像进行制作时,要明确图像的格式,如果是制作成为GIF图片需要对图像资源进行透明处理,将其处理成为系统需要的图片形式,并在图片资源使用前,进行反复的控制研究,帮助进一步提升图像的色彩搭配合理度,动画格式的图像在内存中占据的比例比较大,根据网页打开后的内存资源来对系统进行更深入的设计,通过将各项设计理念结合使用,能够促进网站设计后的图形表现效果也更加理想,这是传统技术方法中很难实现的,也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些,可以对图片的整体色彩以及明亮程度进行调整。
1.2网页设计中的两种特殊应用
首先是鼠标在网页页面中移动所实现的动态图像显示,在网页被点击进入的初期,所显示的画面均为静态的,当鼠标移动进入到画面中时,图片会自动的播放,进入到动态显示效果中,这对网页的制作使用有很大帮助,并且可以减少缓存所需的时间,在内存上也能够节省大量的资源,对实现网页功能制作有很大的帮助。其次是网络相册的应用,网站是具有存储功能的,需要针对这一功能来进行具体的实现,观察在现场是否存在需要继续深入解决的技术性问题,确保技术应用是科学有效的,才能够达到理想的技术运用标准。设计以及图像处理期间吗,要将使用功能放在首位,并观察在网页的各项资源中是否存在冲突矛盾的问题,经过一段时间的解决与深入探讨,在技术上能够满足使用需求。
2图像处理在网页设计中的应用解析
2.1网页设计中使用图像的意义
网页设计需要建立独特的品牌,并充分发挥品牌的影响力,观察在设计过程中图像是否能够充分发挥作用,这样在网站投入使用后,点击浏览者通过图像标识能够对网页产生深刻的影响,并对使用功能更好的了解。网站想要被更多的使用者所接受,需要传达一种安全可靠的信息,而图像是网站中最直观的部分,对图像处理进行严谨的对待,可以提升网页使用阶段的安全性,并避免在系统中出现严重的使用功能不稳定现象,促进管理计划在现场得到更好的落实应用。网页制作期间背景图像选择要与所传播的文化理念保持一致,并将提升使用稳定性作为设计期间需要重点注意的问题,避免图像在上传期间损坏,影响到安全使用,由此可见开展图像处理对网页包装设计技术应用的促进意义。
2.2网页图像处理的技巧
首先是图像的尺寸要进行准确的剪裁处理,观察在设计期间是否需要对设计的内容进行更稳定的处理,并通过技术方法来加深在现场调节控制的有效的方法,当发现在设计内容中,存在需要进一步完善的内容时,则需要进一步的采取解决优化措施,一旦图像的尺寸出现误差,是很难确保使用安全性的,并通过技术性方法来进行更加深入的解决。剪裁处理后的图像,需要结合网站的存储能力、浏览量进行测试,观察图片尺寸是否能够顺利的上传,并避免在使用中出现损坏。其次是图像处理要融入创新元素,这样网页打开后能够使人感受到新颖,过于落后的图片在使用期间可能会出现模糊损坏的现象,也不能够吸引更多的网友来对网页进行点击浏览,由此可见使用期间选择图像的重要性。可以借助网络系统来进行资源搜集整理,促进管理计划在现场得到更全面的落实,一旦发现质量下降的现象,要及时采取技术性方法来进一步完善系统中所存在的安全隐患。使图片的处理质量可以稳定提升。
3结语
互联网技术的使用范围正在不断扩大,也促进了计算机网页设计得到大力发展,提高网页点击浏览量已经成为技术发展的主体方向。网页设计艺术性越来越高,设计时需要考虑的图像因素很多,要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分,最终网页设计的质量直接与其相关,设计者在设计之初就要考虑页面的整体图片效果,把将要展示的图像作为网站设计的开始,这样网站设计才能很好的起步,最终设计出让用户满意的作品。
作者:罗显松 单位:广东东软学院计算机系
参考文献:
Flas是一种艺术与技术紧密结合、学科优势广泛的综合艺术表现形式,它常以多种与体验者互动的形式出现在网络和影视媒体中,如网页上的片头、广告动画等。一部Flas作品的设计与创作是将多种艺术门类和科学技术结合的综合过程。Flas应用领域十分广泛,如教育教学、网页设计、交互游戏开发、广告设计、短片表现等。Flas最重要的特点是画面中极易实现的交互效果。Flash作品良好的交互效果具有很高的艺术价值和实用价值,我们大致可将Flash作品的交互小姑分成三类,如剧情交互型、纯粹形式探索型、游戏交互型。
2网页设计中交互体验的重要性
网页设计中的交互性是人与页面间的交流,通过页面设计为受众提供一个平等的交流平台,开放性和不确定性是这个平台的特点。网页设计中的交互体验不单单会影响在计算机上的互动,还将对社会文化及现代传媒系统产生深远的影响。网页设计的终极目标是给受众提供更多信息和功能,让受众能轻松地找到所需信息。在网络大发展的背景下,人们获取信息多源于网络,每当人们获取信息、购物、在线聊天时都得面对页面,即页面设计的体验优劣成为人们驻足页面停留时间的重要决定因素。当下企业、文化行业、新闻行业、时尚业、体育行业等都开发了自己的网站,并将其作为与受众交流的平台,每个网站都有自己的独特风格,都有吸引访问者的特点。眼下交互体验设计成为新的吸引访问者的重要因素。这就需要我们不仅要对网站进行精心的创新设计,还要在设计中加入交互体验内容,不仅要清晰的表达页面内容,还要让受众能够参与进来,在具有交互性的环境中访问网站。Flash恰好能够通过它的“交互性”来连接受众与网站。
3网页设计中Flash交互功能的应用
在网站的商业推广中,Flash的交互体验发挥了很重要的作用。Flash交互应用优势主要体现在简单的流动式互动体验和复杂的互动式动画体验中。网页设计中融入了Flash互动体验能够增大网站的活力,进而吸引受众的注意力。Flash强大的交互性很大程度上来源于它的脚本语言,它是一种专门的程序语言,采用统一的编程思想。若想得到最佳效果的网页设计,恰当合理的引导是重点,每个引导过程都要有明确清晰的轨迹。恰当的应用Flash交互功能不仅能吸引受众的兴趣,同时它的交互性又能让受众很好去体验信息交互带来的兴奋。在浏览网页的体验中,交互功能是人们各种感官集合的延伸。在融入flash交互体验思维的网页设计中,受众可以随时通过互联网来查看自己的作品,并与作品进行交互体验,使作品在网络中大范围的传播。网页设计中,信息的流动性会很强,受众不但拥有自由的选择权,而且还能够制约信息对象按照受众的意愿进行处理。在受众与页面的互动体验中,受众的主体意识得到很大的提高,创造力和思维被极大的激发,进而改变受众的思维模式,受众的互动能力被调动起来。
4结语
与网页设计与制作课程关系密切的课程很多,而关系最为密切的课程有计算机应用基础课程,电脑绘画课程(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.计算机网页设计布局与排版原则
1.1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验,在进行布局版本过程中要始终秉持以下原则:第一,整体布局,和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式,通过空间的文本与图形建立其平衡的状态,从而产生和谐的美感[1]。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此,可以在对称平衡设计中融合一些活泼、有趣的词汇、图形,但是要注意需要与页面和谐统一。第二,主次分明,中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑,该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此,最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序,能够突出重点的视觉效果。第三,疏密有度,错落有致。在网页布局排版中,一定要做好疏密有致,预留出一定的空白,灵活的使用字间距与行间距,制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理[2]。例如,黑白搭配、圆形与方形搭配,以便获得更佳的视觉效果。第四,图文并茂,生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大,则文字会相应减少,从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此,网页布局与排版应该做到图文并茂、合理搭配,从而给网页带来更加丰富的内容,让网页变得更加有趣。1.2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一,简洁明了。布局排版最为重要的原则就是一名了然,让网页浏览者可以更加顺畅的浏览信息。第二,主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的,主色调过多会给浏览者带来一种厌烦的感受,不利于浏览者长时间浏览网页。因此,网页版本的主色调要进行合理的控制,其中主色彩不能超过五种,并且要以一种主色调为主,凸显以主导地位,另外几种颜色作为烘托与点缀[3]。一般来说,网页设计的主色调包括黄、蓝、灰、黑和白。第三,字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则,通常来说不应该超过三种字体,并且字体在版面中不宜过大,从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是,要避免闪烁的文字在网页设计布局中出现,其会给浏览者带来一种厌烦的感觉。同时,在网页标题栏中字体应该相对于正文来说要更大,颜色也需要进行区分。
2.常见布局与排版
2.1T字型T型结构是顶部的页面布局为网站的标语和横幅,下列左侧为主菜单,右侧为内容显示。由于菜单的背景布置颜色更深,因此整体效果视觉类似于英文字母“T”,因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局,其优势在于页面结构清晰、明确,容易正确把握主次关系;缺点在于较为沉闷,缺乏灵活性,如果无法准确把握,不注重细节与色彩的配合,十分容易出现无趣、枯燥的现象[4]。2.2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容,类似于一个口字型,左侧通常包括注册信息、内容导航、搜索引擎,右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面,囊括较大的信息量,缺点在于页面较为拥挤,过于死板[5]。口字型布局大多被应用于国外站点中,国内使用频率较低。2.3POP布局POP布局是将一张合适的照片作为页面设计的中心,并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的,但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果,其优势在于美观,缺陷在于运行速度较为缓慢。2.4同字型同字型的网页布局一般来说内容量都较大,网页上方为标题栏,其中内容可以是网站主题或横幅广告,在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说,可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置,从上至下,根据内容的重点、类型来进行区分。网站下部分通常为空白,即使有内容也是一些十分常规的内容,包括网站制造方、网站基础信息等。
3结语
计算机网页设计布局与排版是一门艺术,针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则,以设计出美观、简洁、便捷、人性化的网页,让浏览者可以舒适的浏览网页。
参考文献:
[1]李娟.浅述网页设计中的页面布局技术[J].考试周刊,2014(27):116~117.
[2]董磊.网页设计中视觉传达的整合设计[J].明日风尚,2016(05):123,106.
[3]许炜熔.让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议[J].课程教育研究,2014(26):248~249.
[4]梁日有.网页设计中艺术创新的研究与实现探讨[J].学子(理论版),2016(03):12~13.
(北京吉利学院理工学院,中国 北京 102202)
【摘 要】以高职院校计算机专业学生的培养目标出发,探讨网页设计与制作课程课程标准的制定。对《网页设计与制作》课程的课程定位、设计思路、工作任务、课程目标四方面的改革,以便提高这门课的教育教学质量。
关键词 教学改革;课程设计;课程目标
1 课程定位
《网页设计与制作》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程,也是其他计算机专业的普及型课程,它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识,全面介绍WEB站点设计的基本操作技术和使用技巧。课程以目前最常用的网页三剑客为主要工具,通过学习要求学生掌握网页设计的基本概念,了解常用脚本语言html,了解网页设计方法,初步掌握DIV+CSS网页设计。同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德。
2 设计思路
经过不断学习、深入调研,根据高等职业教育培养目标要求,根据职业岗位的任职要求,从多元智能的人才观、能力本位的教育观出发,确立了“基于职业工作过程,以培养职业能力和素质为重点,实施任务驱动教学”的课程设计理念。本课程是按行动导向教学理念进行项目式教学改革的试点课程。通过在多个专业试点,我们按照项目教学的要求,创设了行动导向的项目教学,不仅将网页设计的相关知识有机地融入到工作任务,还结合学生所处的不同时期、不同状态以及正在学习的不同内容,有针对性的嵌入了影响学生就业的职业素质的培养单元,进一步地加强了项目教学的职业针对性。课程以商务型专业网站平台服务岗位需求为导向,以网页设计职业能力培养为重点,以商务网站项目为载体,实现课程设计与开发的创新。网页设计教学按照网页设计员的岗位职业能力要求进行课程设计,围绕完成一个真实的工作任务开展教学,把学习与工作融为一体,通过指导学生完成一系列的实际工作任务来达到职业能力目标的要求,重点培养学生开发简单商业网站的岗位能力和职业素养。通过本课程的学习,要求学生能够成为从事网站开发、网页界面设计等工作的应用技术型人才。
3 工作任务
“网站建设与维护”职业岗位具体的工作为:在一种操作系统平台下综合利用各种相关软件完成网页设计与网站建设的工作。对于该岗位的从业人员人员来说,必须懂得Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划,静态网页设计,建立动态站,进行网站的上传、更新、维护的能力,同时必须具备一定的平面设计基础。其中网页设计与制作员,其典型的工作任务是按照客户的要求进行网站规划和网页设计,运用Dreamweaver、 Fireworks、flash等网页制作工具完成网页的制作及网站建设。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。
在《网页设计与制作》学习领域中贯穿两个平行的工作总任务;一个是模仿型总任务:《拓展运动会精彩回放》网站设计与制作;一个是开放型总任务:“以业余爱好为题材的个人网站”设计与制作;模仿型总任务来源于我校学生拓展运动会,这是一个真实的工作任务,也是一个学生感兴趣的任务。以模仿型总任务作为教学载体,教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程,将该任务切分成若干子任务,学生依据任务样本,在教师的示范引导下通过模仿而逐个完成子任务,最后完成总任务,获取学习成果。与完成该模仿型总任务相平行,以开放型总任务作为教学拓展。教师只给出原则性要求,网站内容依据学生个人爱好自由确定,技术的运用在满足原则要求的前提下由学生创意发挥,实现知识的拓展和能力的进一步提高。
4 课程目标
4.1 教学目标
了解WWW、HTTP、HTML、CSS的定义、概念和作用;
理解服务器、客户端、浏览器的概念和作用;
理解HTML语言中的常见标记及其作用;
熟练掌握Dreamweaver的基本操作方法;
理解表格、框架、层的作用,掌握设置其属性的方法;
理解CSS样式表的作用和意义,掌握定义CSS样式的方法;
理解表单的作用,掌握设置表单元素属性的方法;
理解行为的作用,掌握设置行为的方法;
理解模板和库的作用。
4.2 技能教学目标
会使用Dreamweaver网页设计工具制作网页;
会根据需要修改HTML语言中的标记,设置相关标记的属性;
能够熟悉进行网页文本、图像、超链接、表格操作,并按要求设置其属性;
能够熟练运用表格、层、框架等进行网页布局;
熟练掌握CSS样式的定义和修改,并能根据实际需要进行CSS样式的定义和应用;
熟练掌握表单制作方法,能够根据要求进行表单的设计;
能够在网页中根据要求设置行为;
熟练掌握模板设计方法,能够根据实际需要进行模板设计,并能使用模板生成相应的网页;掌握库的基本操作方法,会使用库简化网页设计。
4.3 素质教学目标
具有勤奋学习的态度,严谨求实、创新的工作作风;
具有良好的心理素质和职业道德素质;
具有高度责任心和良好的团队合作精神;
具有一定的科学思维方式和判断分析问题的能力;
具有较强的网页设计创意思维、艺术设计素质。
通过本课程的学习,使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、的相关技术及网页制作的操作技能;并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页;掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识,HTML中JavaScript程序的嵌入方法,对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序;掌握综合网站设计和的基本流程和方法。
参考文献
[1]郑娅峰.网页设计与开发[M].清华大学出版社,2011,9(2).