时间:2023-06-05 10:17:46
开篇:写作不仅是一种记录,更是一种创造,它让我们能够捕捉那些稍纵即逝的灵感,将它们永久地定格在纸上。下面是小编精心整理的12篇高级网页设计,希望这些内容能成为您创作过程中的良师益友,陪伴您不断探索和进步。
本文着重分析了《网页设计与制作》课程教学存在的问题,探索了《网页设计与制作》课程教学改革的策略,以提高《网页设计与制作》教学质量。
关键词:
网页设计与制作;课程;教学改革;策略
随着互联网的发展,互联网已经被广泛运用到人们的工作和生活之中,其中企业网站对企业的宣传与发展有着重要作用,网页设计与制作成为企业建设网站的重要技术支撑。因此,各企业积极引入高素质网页设计与制作人才的,强化企业网站建设。而高校作为为企业培养人才的基本场所,十分重视《网页设计与制作》课程教学的开展,并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是,由于受传高校教育模式的影响,《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量,培养高素质网络设计与制作人才,而且对企业发展和互联网发展有着深刻意义。
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)
关键词:网页设计;教学创新;任务驱动
1 当代网页设计教学的背景
1.1 计算机互联网的发展
从1822年查尔斯・巴比奇发明了第一台计算机(差分机),宣告了新一轮信息革命的开始,到1981年IBM的PC推出,再到今天的互联网行业白热化的发展,计算机几乎改变了人们的生活,而艺术,作为人类的高级情感需求,存在于世界的每个角落,从古至今皆是如此,计算机也不例外。从计算机图形操作界面发明那天起,网络视觉艺术便随之诞生,而在这之后的几十年间,网络视觉艺术的发展的在不断的变化,而每一次的变革都起源于计算机技术的革新。
另一个具有同样划时代意义的发明是Internet,这个萌生于1969年美国军方(Arpanet)、90年代初普及到全世界的网络,让我们今天做的一切成为可能。也正是基于图形界面和Internet,网络视觉艺术才真正产生。然而网络视觉艺术对于当时的设计师来说仍然难以触碰,虽然平台已经成型,但是缺少设计的工具和技术支持,所以很多当时的界面在如今看来显得比较粗糙。1991年8月,蒂姆・伯纳斯・李了史上第一个网站,这个网站是由纯文本构成的,目的是试图告诉人们什么是互联网。
1.2 网络视觉艺术的发展
在这段时期,各种网络视觉技术纷纷出现,首先崛起的当是Flash技术,Flash起源于1996年,后来被Adobe公司收购,改名 Adobe Flash。Flash让动态交互网页成为可能,一时间各种网页动画效果五花八门,层出不穷,设计师们终于可以通过这一技术平台来实现设计创意,且这一潮流经久不衰。
到21世纪初,flash的一大竞争对手出现,它就是CSS(Cascading Style Sheet),其实CSS 1早在1996年就诞生了,只是一直被忽视,直到21世纪初才真正被人们了解和接受。CSS2具备很多flash所不具备的优势,比如内容与表现分离、网页文件体积小等,因此很快被程序员与设计师所青睐。而2004年web2.0的诞生让CSS更加炙手可热,自此以后,以HTML+CSS为核心表现手段的 web2.0风格占据主导地位,同时期Javascript脚本语言等弥补了CSS在动态交互方面的不足,伴随着3G技术和3G设备的成熟,一种被称为UI风格的设计形式日趋主流,这种风格最初是用于移动界面或者电脑软件,后来被迁移到了Web端。
1.3 网页设计教学的更新
随着网络的普及和人们对网络的依赖,人们对网页的质量也有了很高的要求,如人性化的页面设计、版面设计的美感、色彩的搭配等。网页,是视觉范畴的信息传播媒体,网页设计平台也趋于多元化,近些年各大高校为了进一步满足人们的视觉、审美、情趣等方面的要求,纷纷在艺术设计专业领域开设了网页设计课程。艺术设计专业的学生设计制作网页有艺术审美优势,如何针对艺术类专业学生上好这门课程,给学生提供一个设计平台,使其将创意、构思、构成元素、版式设计、色彩取向、设计风格等系统地融合在一起,是教授此课程的重要目的和内容。艺术类专业学生如何更好地发挥其专业优势和特长,这与教师授课模式的启发性、科学性、独到性有重大关系。在传统的网页设计教学中,流行着网页设计三剑客的教授内容,即Dreamweaver、Flash、Fireworks这三个软件的教学,因为这些软件的出现,曾经极大地将网页设计推向了一个新的高度,然而,在如今的互联网世界中,学生只学习三剑客的内容就会发现已经与互联网行业脱轨。
以HTML+CSS为核心表现手段的 web2.0风格已经开始与flash平分秋色,而苹果公司的灵魂人物:史蒂夫.乔布斯曾在2010年发表过一封公开信,公开表示苹果所有硬件不支持flash,原因是“Flash是一个封闭的系统,苹果拒绝使用Flash,而是用HTML5、CSS和JavaScript等全部都是开放的标准。得益于这些开放标准,苹果的移动设备都表现出低功耗与高性能的优势。HTML5是最新的网络标准,已经为苹果、谷歌等许多公司所采用,它允许开发者开发出更为高级的图形、印刷和动画,并且不需要第三方浏览器插件(如Flash)就能转换。HTML5是完全开放的。”而如今,当设计师进入到互联网公司后会发现,网页设计的主要工作内容不需要Flash,Dreamweaver和Fireworks。一名合格的网页设计师需要去掌握的技能是:交互设计和视觉界面设计。
2 网页设计课程的内容组织
要明确网页设计课程上的知识点和技能,首先要了解当今互联网公司中一个网页产品设计的流程和设计师的职责才能设计出好的课堂内容。而一名网页设计师的工作,并不仅仅是输出设计方案,需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。
本文简要地对网页设计与图形设计进行分析,通过其运用价值的总结,概括出了图形设计在计算机网页设计应用中的要点,以供设计工作者参考。
【关键词】
网页设计;图形设计;运用价值;运用要点
前言
科学技术的不断进步,促进了计算机技术以及互联网的迅速发展,在各个国家基本实现了全覆盖。随着信息时代的到来,人们对于信息的利用更加频繁,对网页的关注度逐渐升温,好的计算机网页设计会给企业以及浏览者带来更大的价值,要想成功吸引更多的人们注意网页,就需要将图形设计完美的融入其中,以达到想要的效果。
1网页设计与图形设计概述
网页设计,是为传递信息而进行页面设计的工作,其主要是依据企业的需求,利用计算机为媒介,将信息展示在浏览者面前。作为一种宣传媒介,网页设计的精美程度决定了浏览者对其的关注度,更绝对了其利用价值的大小。网页设计包含以下种类:功能型网页设计、形象型网页设计和信息型网页设计,其主要利用颜色、字体、图片、样式进行美化设计,根据用户要求策划和设计出满意的网页,高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含PS、FL、AL、DW等[1]。图形设计,是网页设计技术中的重要组成部分,影响着网页设计的效果,对提升网页的设计感和感染力具有重要作用。图形设计重在图形,它是传达信息的图像符号,通过不同的表现形式,将作品中要表达的意境表现出来[2],其重在创意上。图形设计拥有众多优势,有直观性、审美性、指示性、象征性等,这些都能够提升计算机网页的设计效果。
2图形设计在网页设计中运用的价值
2.1提升计算机网页设计的艺术效果
图形设计的创新性,可以在计算机网页设计的策划中与众不同,更能够提升计算机网页设计的艺术效果,将网页的别具一格的设计展现在用户面前,让更多的浏览者关注网页,激发用户群体的浏览兴趣,起到更好的传递信息的效果。在计算机网页设计中,利用图形设计中的完整的表达力,为用户打造信息传递的视觉盛宴,保证计算机网页设计的质量。据相关调查显示,最受关注的网页,往往是利用图形设计相结合的。
2.2增添计算机网页设计色彩,向多元化发展
图形设计的形式多种多样,更可以说是资源丰富多彩,其利用音频、图像以及艺术文字的形式进行计算机网页的设计,大大的增添了艺术色彩和愉悦的氛围,并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者,在表达上基本上就是文字配以简单的图片,在信息的检索上更是以文字为主[3],将现代的图形设计加入到计算机网页设计后,用户可以通过音频以及图片进行搜索,这种表现形式的变化图形设计所起的作用功不可没。
2.3加强了视觉冲击力与感染力,更加人性化
计算机网页设计主要是通过文字和图像相结合向使用者展示信息,图像设计是将文字与图像再加工,利用其独特的处理技术,将文字与图像的表现形式更具有视觉冲击力与感染力,能够较深浏览者的印象,提升浏览效率。图形设计能够将文字与图像互相转换,满足浏览者的需求,并给人以简洁美观的效果,更能够体现设计者的理念,使计算机网页设计更加人性化。
3图形设计在网页设计中运用的要点
3.1图片格式设置要符合
在图形设计中,设计工作者一定要注意计算机网页设计中对图片格式的要求,只有符合的才能够实现其利用价值,才能够达到设计方案中的实际效果。我们在浏览网页中,经常会出现图片、音频打不开的现象,使得我们需要的信息没有很好的读取。因此,在计算机网页设计中,一定要合理的处理图像以及连接图片,使其格式满足网页设计的要求,为用户展现良好的视觉效果。
3.2图像大小要控制在要求范围内
在计算机网页设计中,对图像大小的要求非常严格,如果在利用图形设计中不控制好图像的大小,就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制,只有控制好图像的质量与范围,才能够提升网页设计质量。例如,我们在浏览网页时会经常看见一些失真、或者比例失调的图片,不仅影响了我们浏览效果,还严重影响了我们继续浏览下去的兴趣。
3.3图片颜色配置要科学
不同的色彩表现形式有所不同,同一的色彩会显得单调,多种色彩搭配会显得凌乱,在计算机网页设计中使用图形设计时,无论哪种颜色都要优化配置好,并要有一定的科学性。在图形设计中,可以通过PS实际软件对图片进行颜色调整,使其适合计算机网页设计整体色调,为浏览者展示良好的画面感。
4结束语
计算机网页设计本身就具有一定的难度,图形设计的加入使之更加的繁琐,设计人员在运用过程中一定要加以注意,更具网页设计的实际要求进行图形的选择与处理,才能够增强图形设计在计算机网页设计中的视觉效果,实现其使用价值。
作者:占怡 单位:江西乐平市信息中心
参考文献
[1]王正红.探讨网页设计中图形的应用[J].现代装饰(理论),2014,11:86.
【关键词】网页设计;布局;排版;文字;图片
网站是企业或政府向用户传递信息,提供服务的一种重要方式,是企业开展电子商务的重要平台,是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台,因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中,布局与排版是十分关键的内容之一,其会直接影响到浏览者对网页的第一印象与体验感。因此,对于网页设计的布局与排版进行研究具有十分重大的实际意义。
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.
关键词:网页设计;图像处理;色彩处理
中图分类号:TP393.09
网页设计中包含创作者的智慧和劳动,许多精彩的网页设计方面的考虑,需要的菜单栏,标识的内容和导航等物品的装饰网页页面的网页,这样的和谐与统一整个页面更全面的考虑,或影响整个页面的显示效果。游客和聪明美丽的页面放纵享乐不停,可怜的页面在一个距离,体现了艺术创作的影响网页的网页设计,网页设计,图像处理是重要的,设计师必须注意图像处理的一个重要环节,可以满足Web浏览器的需要。
1 网页设计的要素
1.1 色彩运用
生活中服饰家居都讲究和谐美,网页设计中也有相同的要求。一个网页上的色彩如果太杂乱,则影响了该页面的美感,一般设计一个网页时不要用过多的颜色,3种颜色搭配是比较合适的,最多不能超过5。在相同的颜色,选择颜色,不要使用太多的颜色相匹配的跨度。这是因为第一个色人浏览网页的看法,内容是次要的。如果颜色是一个很好的匹配,使观众得到美的享受,或视神经电刺激,产生厌恶,因此网站的设计必须失败。根据网站或网页浏览自己的其他学科分类,有颜色区分的阴影。如何制作适合你的网站主题的色彩设计应考虑。例如:警察和橄榄油混合搭配白色的卫生保健。颜色会影响我们的思想,在炎热的夏季,如果我们生活在一个红色的房子会感觉更热,在蓝色的房间里很凉爽的。有许多特征影响着人们的社会意识的颜色,颜色的因素很多,提高色彩的设计师的知识,网页设计和深远的影响。网页的色彩是网页设计网页的颜色是很重要的。有上轻轻一种敏锐的触觉,高调和相应的光的颜色,颜色的深度剖面。文本的颜色和背景颜色是相反的效果,在页面上的文本可以突出光颜色较深,颜色深度也可以显示文本箔,互相衬托。
1.2 版式设计
版式是网页设计首先要考虑的问题,什么类型的网页布局设计的期望,如何规划,如何定位文本。Web文本和图像,应该发生在同一时间,文字的大小,页面的主题和辅助信息。网站内容是小学或中学,网页图像也有不同的侧重点,独特的风格。网页设计主题的Web内容的图片和文本的灵魂,必须基于客观的优秀的布局,分层显示给观众的需求,让游客可以快速找到自己需要的角度。
(1)网页主题突出。看到一个页面,在该中心的网页,如果我们让观众看到,主题突出,通常具突出的设计师关注的内容放在页面的中心,这是习惯的设计师。我们通常意识也是如此,当然,网页显示主题安排在人们的习惯,行网页的关键,满足设计要求。
(2)页面元素的有机统一。显示在页面的内容通常是许多不同大小的页面元素,匹配关系。在正常情况下,在特定的文章或标题长显示,布局设计,这些物品之间有一定的时间间隔,使画面更漂亮。对于相同的工艺,内容的长度短。应放在拼凑图片处理屏幕上的结果使页面动态和审美。
图像文本的和谐,相互对比。当今的互联网网页不是开头的脸的发展,图像和文本共存。页面的内容,而不需要解释性文字,用文字表达的主题信息。页面需要美丽的景观,对比度的图像。一个成功的网站设计作品的文本和图像和谐,相互哄护理,使页面的艺术和功能并存。
(3)使主页易于漫游,主页一个主要功能的主页是作为一个漫游工具,引导用户访问您的信息存储在网站或其他网站。尽量使过程吹灰尘漫游一样容易。基于耦合主页上的考虑清楚,速度,该项目应限于几个高级的类别,例如公司,产品,服务,支持等。使用六至八连接项目的理想。另外,你提供的信息不应该被埋葬在许多分层页。通过连接的项目超过五个已足以令人厌烦的。因此,你必须打击的广度和深度之间的平衡。如果你的网站有太多的信息,你可能想网页或使用更长的连接项目,甚至可能需要创建多个页面,每一页包含不同的信息。如果能让用户在使用关键字或词来找到所需的信息的网页,必须受用户的欢迎。如果你有资源,我们应该找一个专家来评估你的家居设计是易于使用的。寻找一些家庭不熟悉的用户的制成品,初步审讯你。
2 网页中的图像处理
2.1 图片格式最佳化
对网络通信中的应用是非常重要的在网络上方便,图像文件的请求的大小。网络带宽的使用是不受欢迎的,能够满足双重观赏和传输的要求,现在下面的文件格式是互联网应用的更常见的形式。
(1)用GIF动画GIF格式,只支持动画;
(2)图像矢量由直线和曲线的生成,一个透明的应用背景,然后使用PNG格式,数据空间小于GIF和JPEG2;和PNG图像格式显示比GIF和JPEG。
(3)由于JPEG压缩算法,压缩比,表现出更多的图片或文字,数据或JPEG格式图片量大。许多人从事网页设计,有各种不同的显示要求,根据性能不同的图像格式,需要网页设计,让用户更好的体验到这个网页设计师的目的。
2.2 图像的最佳化处理
设计网站的原始图片往往不能满足网页设计者的需求,的第一图像处理的设计,以满足网页显示。网页设计师们通常可以专业的图像处理工具与PS图象处理软件和消防工程很熟悉。本软件是一个很好的网页设计,支持软件,设计人员应学习,网页设计是非常有用的。有一个规则,并在计算机显示的要求,一般用在网页背景图像大小为1280×800像素,在几年前,这是1024×768像素,并显示当前流行密切相关。为背景图片的形式,而不是网络上,我们经常搜索照片和800×600像素。
3 网页色彩处理
3.1 网页设计色彩的重要性
如今互联网遍布世界,成为了非常丰富的信息传播。互联网提供了极大的社会影响的先进的通信能力。从简单的文本风格的巨大需求,今天的网页,今天是丰富多彩的,高度发达的网页设计与网络信息传媒的飞速发展,五颜六色的,网页设计的色彩。网页设计是设计艺术的主导因素,色彩设计。如何更好地吸引网民和网站的主题,网页图形设计的目的。
3.2 网页设计的色彩表现
不同的颜色,不同的人有不同的偏好,审美,这是个人的想法,生活环境,和知识的总体质量水平,这就是所谓的概念,个人感觉的颜色。例如,有人喜欢强烈的色彩,优雅的颜色,有人喜欢,喜欢黑色或白色。在Web项目,不同风格,不同的设计师,设计的主题是非常不同的,颜色的选择也不同。网站设计的色彩,影响了整体的设计,我们可以说,在Web图形色彩设计是一个关键因素。颜色是可行的,颜色可以显示出设计者的风格,突出主题的网站。网页设计师需要根据选定的页的口音,整体风格,所以在创建网站,企业网站建设,宣传体现价值,文化企业推广,以达到。网页设计,平面设计,印刷设计媒体是一样的,通过网页主题的一个独特的设计概念的表达。
3.3 网页设计色彩的运用
(1)确立网页页面的基调,即页面主题色彩:页面的色调确定后,就可以开始设计的其他部分。当我们打开一个页面,你看到的页面色调更加优雅,这是一个流行的网页设计的浅色调。文本内容和颜色对比度大,突出的因素,在网页的主题内容。这些网页都不是重点强烈的色彩,隐藏,帮助设计主题表明,大多数人更喜欢这种设计风格。一般多在一些人的博客,这是个性张扬的色调设计,是可以理解的,但并不适用于商业用途的网站。
(2)确立网站色系和多个页面的一致性:和谐的选择和色彩艺术设计和色彩搭配。网页的设计风格和色彩的和谐,色彩和均匀设计主题,让观众享受到网页的乐趣,令游人驻足。颜色是不是一种颜色,它增加了写作的难度,与页面内容匹配更加困难。与页面设计常见的通常选择颜色和颜色。聪明的情况下,你可以在页面的一个很强的装饰增加色彩,增加动态网页。
(3)对比或互补色的运用:网页给出了一致的颜色过于沉闷的感觉,特殊效果,以提高网站可以增加图像的对比度或使用很强的互补性色彩渲染屏幕。为了增加颜色的对比色或互补的通用网站还不是很强大的,易于浏览的内容提供主题,你可以选择激烈的寒冷和温暖的色调的颜色,但是,是不是没有规则。页面背景不能使用多个浓烈的色彩,否则将标的物覆盖,在网站上建立的主题忽略。
4 结语
图像处理除了上述图像处理方面的因素外,对设计者个人品质和综合素质有一定要求,首先要求创作者有认真的工作态度,有一定的审美能力和独特的视角,有了工作物质积累意识。网页设计师掌握网页制作工具是不够的,还需要和艺术创作者分享网站形象设计思想,音调和主题内容,让网站的艺术展的参观者,网站建设中发挥了很大的作用。网页设计的颜色完美符合网站的主题氛围,审美需求与绝大多数的游客,页面生动直观,文字简洁突出,带给浏览者继续阅读的兴趣和视觉美的冲击。
参考文献:
[1]韩晓颖.浅谈计算机图形图像处理技术[J].福建电脑,2011(10):83-84.
[2]孙灿明.数字视频图像的处理技术[J].电脑知识与技术,2007(13):213-214.
[3]羽中.教你用Photoshop制作海洋波纹背景[J].计算机与网络,2007(12):19.
关键词 中职 Dreamweaver教学 探讨
中图分类号: G710 文献标识码:A
Dreamweaver网页设计与制作是中职计算机类专业基础课,该门课程操作性和实践性都很强,主要是培养学生使用Dreamweaver制作静态网页的能力。通过对该门课程的学习,中职学生能掌握网页设计与制作的基本方法和技巧,具有独立制作网站的技能,成为一个符合中职人才培养目标及方向的、熟练的网页制作者和Web站点管理者。如何使学生更好地掌握Dreamweaver设计制作网页的技能,以适应社会经济发展的需求,是当前中职学校计算机教师共同关心的课题。
1 在Dreamweaver教学内容的选取方面
在教学过程中,教师可以选取典型的、使用率高的工作任务作为教学训练项目,并根据一般的网站开发流程,遵循教学规律对内容进行序化和整合,共选择了5个教学模块,8个情境任务来进行训练,实现理论与实践的一体化。 表1模块、任务情境及涉及知识点
在本课程结束后是综合课程项目设计课程,在该课程中学生以网站制作为主,综合运用所学的知识和专项技能,如:图形图像处理、Flas制作等等方面知识,在实训室集中进行综合、系统的训练,培养学生的综合能力,为学生进入企业顶岗实习做前期准备,提高学生的岗位适应能力。
2 Dreamweaver课程设计理念方面
课程根据网页设计与制作岗位从业人员所必须具备的综合能力要求,以综合职业能力培养为目标,以工作过程系统化理念为指导,以教学做一体化为实现途径,注重课程的职业性、实践性、开放性。在课程设计中,应该遵循的理念:一是课程标准,以高级网页制作员在网页设计中进行网页设计与制作所要求的职业能力培养为主导;二是内容选取,以工作需求为目标;三是教学组织,以学生为中心,以工作过程为主导;四是教学实施,以实际案例为场景,教学过程在实训室完成;五是表现形式,以真实工作任务或社会产品为载体。
3 教学过程的实施
3.1理论实践一体化教学模式
在具体的教学过程中,以四个课时为一个教学单元,理论教学和实践教学都在真实工作环境中完成,及时强化学生操作技能,实现“教、学、做、评”四位一体。教学中分为多个教学环节。在课堂同步实践、自主模拟实践、效果评价3个阶段中,教师随堂观察,对学生进行辅导和个别答疑。
3.2实践教学
Dreamweaver网页设计与制作这门课程是以实作为主的课程,必须强化训练操作技能,提高实作能力。本课程的技能训练分为五个层次,在每一个实践环节中,都精选典型案例,将知识融入各个网页制作的案例中,然后逐一进行分析讲解,使学生在“做中学,学中做”,逐步掌握所学知识,提高操作技能。
(1)课堂同步操作:教师将网页制作的知识融入案例,进行讲解,学生同步操作,理解知识点。
(2)课堂模仿实践:学生模仿教师讲解的方法制作网页,达到举一反三的程度,“教、学、练”三者有效结合。
(3)课外拓展实践:教师布置网页制作题目,提供素材,根据课堂所学习的操作方法,动手制作网页,掌握网页制作技巧。
(4)单元独立实践:每一教学阶段安排一次综合性的上机实验,综合运用前一阶段所学习的知识和所掌握的技能设计制作网页,只提供素材和参考网页,由学生自己选择页面布局结构、色彩搭配、导航条结构。
(5)综合项目实训:全面运用所学习的知识和所掌握的技能,按照企业开发网站的流程,自选题目,收集整理资料,设计制作一个完整的网站。
关键词:高职院校 网页设计 项目化课程 开发实践
中图分类号:TP311.1 文献标识码:A 文章编号:1674-098X(2017)02(c)-0224-02
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础,也是进一步学习动态网站设计等课程的基础。学完本课程,要求学生能达到掌握网页美工初步技能;熟练掌握HTML+CSS进行页面布局与排版的技能;基本掌握使用网页脚本控制页面操作和提升用户体验的能力。
按照高职高专知识传授特点与职业技能需求,同时根据网页设计与制作课程知识的掌握规律,目前我校采用了项目化教学方法,为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1 设计理念与思路
该课程根据职业能力发展的基本规律(新手―生手―熟手―能手―专家),将学习内容设计为网页设计实际工作,通过工作实现学习。采用整体模块整体的设计思路,按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1 设计理念:学习的内容是工作,通过工作实现学习。
这一理念体现了该课程的职业性和实践性,同时学习的主体变为学生,学习内容以培养学生的职业技能为主。为体现这一设计理念,在课程设计前我们调研了数十家合作企业,与企业专家一起,对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析,整合出一个基于工作实践的“网页设计与制作”项目(比工作实践更完备体现课程的各个知识点)。同时分解实际工作中网页设计的工作流程和岗位,确立多个子项目。这种方式学习,充分体现职业典型工作任务,以“工作”促学习,边“工作”边学习,学生学习内容具体化,学习兴趣大大提高。
1.2 设计思路:整体模块整体
课程设计的思路是根据几个不同类型的网站案例整体设计入手,将网页设计所有环节和操作步骤详细介绍给学生,让学生从与“用户”沟通开始参与到整个系统的设计过程中,教师根据任务需要,先给出网页效果图,让学生体验完成后的整体效果,再根据项目进程分解任务,这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上,进一步将各工作任务分成若干子任务,通过90课时教学+30课时整周实训学习,最终将各个子项目整合,完成网站整体设计工作。在子模块学习任务设定中,每个子任务设计是按实际工作中网页设计的技能要求提炼出来的,能满足不同岗位的需求。
项目完成时,我们还设计了学员相互评价体系,对设计成果进行评估,让学生在自我学习过程中及时总结并收获进步。
2 对专业建设与发展的定位与作用
该课程采用项目化教学方式,可以起到如下作用。
(1)学生对该专业的工作岗位有了具体认识,了解了各岗位所需的专业知识,从而帮助学生进行职业规划和知识储备。(2)学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识,增强了学习信心和学习兴趣。
3 课程内容的针对性与适用性
(1)该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是:着重培养学生网页制作能力,具备HTML、CSS、JavaScript等知识,以网站设计工作任务为中心选择和组织课程内容,让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。(2)课程总学时为90学时教学+ 30学时整周实训,内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。
(3)知识目标和能力目标。
知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识,该课程学习结束,学生应能自行设计各种网页、开发一定规模的网站,熟练掌握网站制作基本方法和技巧,并最终设计出综合性的网站。
能力目标主要体现以下方面:
②熟练使用样式表控制页面外观。
③能在网页中设置需要的脚本。
④能进行网站的更新与管理。
另外根据职业教育要求,加强学生以下素质:
①服务意识:为他人提供优质的服务。
②文明法制意识:网站内容积极健康向上,不做违法的事。
③合作精神:能够与他人合作,具有协调能力和组织管理能力。
④较强的自我知识及技术更新能力:能快速跟踪网页制作的新技术及市场应用动态。
4 教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块,其中HTML和CSS为学习和实践的重点,通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1,“网页外观制作技术”项目的教学设计见表2(其他教学项目的教学设因篇幅所限此处省略)。
5 教学模式的设计与创新
在该课程的教学中,教学地点由教室迁移到一体化实训室,教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。
(1)指定清晰的工作任务,教师展示页面效果。(2)学生制订工作计划,理顺工作思路。(3)教师进行工作过程辅导,讲解涉及的理论知识。(4)学生根据需要在课程网站上获得丰富的教学资源。(5)学生完成工作任务,体验工作效果。(6)师生及企业专家共同评价工作成果。
6 实践教学条件的建设与使用
课程在网站设计一体化教室完成,其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务,课程各种教学资源能够在学习过程中在线使用。
IOCL国际职业资格认证标准考试通过专业严格的考核方式对相关人才进行测评,为用人单位提供公正和权威的专业技术人才认定依据;为社会技术人员提供一个职业技术认证的平台。
IOCL国际职业资格认证标准考试是通过计算机网络,运用高水平的全国远程考试测评系统对技术人员进行考核,考核注重理论和实践能力的有机结合。考试题库内储备了针对各种专业的大量考题,能够充分检验考核者的技术水平和实践应用能力。
IOCL国际职业资格认证具有如下类别:IT计算机类、商务类、移动通讯类、建筑类、体育类等。
国际职业资格认证资格证书由国际职业标准联合会统一编号,学员详细资料在国际认证标准联合会国际人才库统一备案。在中国,取得认证的人员都纳入人事部国家人才网的专业人才库并作为专业技术人才在国家人事部注册备案。
IOCL资格认证书IT类证书类别
IOCL资格认证书IT类证书包括有9个大类的20种职业资格认证,不同类别和层次的认证,对认证者的学历和工作经验有不同的资格要求。以下列出的是它们的具体类别和认证内容。
a、计算机组装维修类别
计算机组装维修工程师。电脑组装、调试、维修,COMS 设置WIN98/WIN2000/WINXP 系统安装,故障分析与排除。
计算机组装维修专家。增加主板维修、打印机维修、显示器维修高级计算机维修工、显示器维修入门与提高、主板维修技能实训、打印机维修等内容。
b、现代信息网络办公类别
现代信息网络办公专家。Win98/xp的使用,熟练掌握Word、Excel、Power point、Access、Outlook的使用、网络基础最新办公自动化高级文秘培训教程中的要求。
c、平面设计类别
平面设计师。平面设计相关概念及基础知识、以及对平面设计软件Photoshop(7.0)、矢量图制作软件Illustrator(10)、矢量图形制作软件Corel draw(11)、矢量图形制作软件Freehand(10)。
高级平面设计师。对以上平面设计师内容熟练使用,并能独立完成各种设计项目的能力。
d、网页设计制作类别
网页设计师。能熟练使用Photoshop、firework、Dream weaver、Flash等设计软件,熟悉HTML、CSS、javascript网页程序设计语言数据库知识:会使用Aceess、sqlserver、熟悉SQL语言来进行网页编程。
高级网页设计师。增加能熟练掌握Aceess、sqlserver、熟悉SQL语言来进行网页编程。
e、3D类别
3D影视动画设计师。美术基础、电脑基础、手绘基础、导演基础、形象造型、描线技能、动画规律、3D动画技术、Illustrator、Inknpaint。
3D装潢设计师。美术设计基础(素描、平面构成,色彩写生及色彩及构成)、空间设计、室内设计要素与程序、室内设计与室内环境空间、室内界面设计、家具与陈设、室内绿化、室内色彩设计、室内照明,家居空间设计、材料、施工工艺、预算,熟练掌握auto cad、3ds max、photoshop、lightscape、装饰设计软件。
高级3D影视制作动画设计师。美术基础、手绘基础、电脑基础、原画创作、动画时间把握、场景基础、色彩知识、透视基础、导演基础、视听语言、合成特效、后期裁剪、3D动画技术、Adobe、Photoshop、Tooz、Aftereffect、Illustrator、Premiere。
高级3D装潢设计师。美术设计基础(素描、平面构成,色彩写生及色彩及构成)、空间设计、手绘(平、立、剖、透视图)、人体工程学、室内设计要素与程序、室内设计与室内环境空间、室内界面设计、家具与陈设、室内绿化、室内色彩设计、室内照明,家居空间设计、材料、施工工艺、预算,熟练掌握auto cad、3ds max、photoshop、lightscape、装饰设计软件,独立完成各种设计项目的能力。
f、游戏开发设计类别
游戏开发设计师。游戏的概念与特点,电脑游戏与传统游戏的区别,电脑游戏的分类,游戏场景设计,游戏开发的基本流程,多媒体硬件技术的发展过程,了解常见的多媒体硬件计算机的组成。了解多媒体音频文件的种类,音频编辑处理系统GoldWave的使用与操作。数字图像的编辑,图像文件格式,图像处理软件Photoshop的使用,动画及常见动画格式,三维动画软件3D Max制作技术,平面动画软件Flash制作技术,视频文件格式,数字视频软件Premie。
高级游戏开发设计师。除以上游戏开发设计师认证的内容外,还需熟悉游戏各领域竞争概况、著名游戏常识、针对大型游戏策划。游戏设计入门、游戏开发与制作。
g、Java开发工程类别
Java开发工程师。Java面向对象的系统设计和数据库建模、大型关系数据库、JDBC连接技术、数据的各种操作技术、数据库操作技术、触发器高级设计、数据备份与恢复、数据库安全、SQLJ介绍、XML与数据存储、JSP与数据库的连接、JDO技术Java数据库高级教程。
高级Java开发工程师。Java Web基础技术入门、Java Web基础、数据库基础、Web应用国际化、常用开源软件、系统开发过程。
h、网络工程师类别
网络管理员。小型网络系统的设计、构建、安装和调试,中小型局域网的运行维护和日常管理,根据应用部门的需求,构建和维护Web网站,进行网页制作,具有助理工程师(或技术员)的实际工作能力和业务水平。
网络工程师。中型网络系统的规划、设计和网络设备的软硬件安装调试工作,能进行网络系统的运行、维护和管理,能高效、可靠、安全地管理网络资源,能指导助理工程师从事网络系统的构建和管理工作。
高级网络工程师。针对中大型网络系统的规划、设计和网络设备的软硬件安装调试工作,能进行网络系统的运行、维护和管理,能高效、可靠、安全地管理网络资源。对大型网络的分析策划。能指导工程师从事网络系统的构建和管理工作。
【关键词】项目教学法;网页设计与制作;应用
一、项目教学法的含义
项目教学法是通过进行一个完整的“项目”工作而进行的教学活动。
在建构主义理论的指导下,项目教学法以实际的工程项目为对象,先由教师对项目进行分解,并根据需要做适当的示范,然后让学生分组围绕工程项目进行讨论、协作学习,最后以共同完成项目的情况来评价学生是否达到教学目标的一种教学方法。
二、项目教学法在《网页设计与制作》课程教学中的具体实施
(一)实施流程
项目教学法在《网页设计与制作》课程教学中的实施流程大致可分为确定项目、分析项目、实施项目、项目成果展示、评价这几个阶段。
1.确定项目
项目教学法中的项目一般来自于教师实际承接的工作项目,亦可由教师根据实际工作中的情况和教学内容模拟一个项目。教师选取项目时应注意:①项目所涉及的知识点要包含《网页设计与制作》课程教学的总体目标内容;②项目包含的技能要切合学生毕业后的工作能力需要;③项目的难易度要与学生的知识背景水平相符。
2.分析项目
为了使学生能有计划、有目的地进行项目开发,项目任务确定后,教师引导学生对项目进行需求分析,再根据所作的需求分析划分项目的能力模块,并将每个能力模块细分为一系列子项目,学生根据课程的时间安排,结合项目内容编写项目开发计划书。
项目开发计划书应包括:①所建网站的功能需求;②实现网站功能需求所要完成的任务;③各项任务限定的时间、负责人等。
3.实施项目
实施项目是项目教学法取得成功的核心环节。项目任务的完成主要以学生的自主学习创作及相互协作为主。在此过程中,教师需做好下列工作来引导好学生:
①指导学生进行相关基础知识和技能的学习。
②提供必要的相关资源与素材给学生,供学生引用。如一些典型的网页作品、素材等。
③恰当地对学生进行引导,比如要求学生在进行网页设计时要注意网站色彩的搭配,鼓励学生上网浏览网页,通过学习和借鉴别人的颜色搭配方法和技巧来规划出自己网站的风格。
④督促学生按时按量完成项目计划书中的各个开发环节,以保证学生能够顺利地在计划内完成目的开发,达到教学目标。
4.项目成果展示、评价
在项目教学实施的最后阶段,应对网站项目的成果进行展示、评价,形成激励。由于项目教学追求的不是学习成果的唯一正确性,因此对学生的项目成果不能只进行优劣或对错的评价,而应采取学生先自评、然后其它学生互评、最后由教师或企业客户完成最终评价的多元化评价方式。学生对各自项目成果自评,有助于引起学生的反思,以促进学生的发展。学生的互评可以让学生对学习成果进行共享,从学生的角度发现问题以及提出改进意见。教师或企业客户对各项目组的设计进行综合评价,应该指出问题所在,给出具体改进及修改建议等,让学生去完善自己的设计。这样可让学生学到更多的操作技巧,全面吸收整个项目实施活动的精髓,并了解自己今后学习、努力的方向。
(二)实施案例
项目名称:“图书出版信息网上查询系统”的开发
项目内容:本项目制作的是一个简单的图书出版信息网上查询系统,主要由主页和后台管理页两个页面组成。其中主页包括数据列表、分类查询、高级查询、管理员登录等功能模块。管理员从主页登陆后将进入后台管理,功能包括图书信息的添加、更新、删除等。
项目目的:学生通过亲自动手创建图书出版信息网上查询系统,熟悉一般网站的制作流程,掌握制作交互式网页的基本知识与技能。
项目实施过程:
1.项目导入
随着网络技术、数据库技术和通信技术的深入发展,带有后台数据库的交互式网页已遍布整个Internet,许多出版社都有自己的主页,并可通过主页来查询图书出版信息。基于此背景,本项目的任务是制作一个简单的图书出版信息网上查询系统。
2.进行项目分析,制定项目计划
由于本项目涉及的知识点属于《网页设计与制作》课程最基础的知识,是每个学生都必须熟练掌握的,所以本项目没有对学生进行分组,而是由学生独立探索完成。
首先,由教师扮演项目客户的角色,学生与客户进行网站项目需求交流,并根据需求给画出网站功能模块示意图。
其次,明确所建网站的功能需求后,学生根据网站功能需求对项目完成的最终目标进行分类,再根据分类将项目划分为若干个模块项目,并把模块项目分成为了实现这些目标而需完成的不同任务,制作出项目开发计划表,从而明确项目的基本制作思路。
3.项目实施
对于首次接触网页制作的学生来说,没有一定的网页制作软件操作基础,就无法进行项目建设。因此,项目实施分以下两阶段进行:
第一阶段:在每个模块项目开发前,教师先指导学生学习该模块项目所涉及的新知识点与技能。
第二阶段:引导、监督学生按照制定的项目开发计划表完成每个模块项目的任务内容。
4.作品展示、评价
学生完成网站建设后:首先,由学生向全班汇报、展示、交流本人设计的最终作品,;然后,采取学生自评和互评、教师站在客户的角度点评的方式进行本次作品评价。
(三)教学反馈
在《网页设计与制作》这门课程实施了项目教学法后,学生为完成实际的网站开发项目任务学习、为解决具体的在网站开发过程中遇到的实际问题而去探究,学习兴趣有了很大的提高;通过与其它学科知识的有机结合、相互渗透,使得开发出来的作品页面布局合理、美观,实用性更强,具备了一定的网站开发工作能力基础。
四、结语
综上所述,在《网页设计与制作》课程教学中实施项目教学法,能使学习过程与实际工作过程相一致,可以更好地帮助学生构建知识体系,提升学生的职业技术能力和就业能力,缩短在校学生与合格的职业人之间的距离。因此,项目教学法在强调操作性和综合性的《网页设计与制作》课程中有着独特的优势,应予以进一步的总结提高,推广实施。
【参考文献】
[1]何永辉.项目教学法的研究与应用[J].世界教育信息,2008(7)
[2]李庆武.项目教学法在课程教学中的运用探讨[J].教育探索,2008(4)
关键词:网页设计;色彩;网页优化
中图分类号:TP393.092
随着信息技术的飞速发展,网络是人们获取信息的主要手段,尤其目前的很多商业性网站,除了追求信息量丰富、操作便捷之外,要求网页的视觉效果也要体现个性,突出网站的特色。因此,这就对网页的设计与制作提出了更高的要求。
在网页的设计过程中,首先要注重内容,无论是内容的承载信息量的广度和深度,还是内容的组织层次上都很重要,很多人浏览网页的针对性很强,比如上网查找软件、MP3、小说下载或一定的资讯、教材等能够更好地满足需求;其次是网站的速度。在确定内容的基础上,尽量提高速度十分必要,速度太慢,访问者也只有失去耐心,从而影响你网站的访问量;最后,是页面视觉的美观。要强调艺术性,注重通过独特的艺术风格来突出设计目的。
1 网页设计的任务
1.1 资讯类网站,目前知名新华网、新浪网、搜狐等都属于这类网站。它以提供信息的量大、及时、全面、权威等特点吸引广大访问者。因此在网页设计过程中要做到布局合理、页面分割有序,更要注重界面的亲和力等问题。
1.2 资讯和形象兼顾的网站,如高等学校的网站,一方面宣传办学理念、优势、特色等企业形象;另一方面也会向社会招生、就业等资讯。再如海尔海尔、索尼等一些知名企业的网站。在设计上既要保证资讯类网站的要求,同时又要突出企业、单位的形象。甚至要突出企业的经营理念,所以从目前状况上来看,很多企业不惜重金,不断更新软硬件设施,翻新网络内容和网页设计。
1.3 形象类网站,目前各类企业都会通过媒体宣传自己,树立企业的形象。所有的企业几乎追求的都是同一个目标,就是让自己企业的名字,产品以及服务都能深入人心,网络的出现也就提供给了企业另一个宣传的平台,为企业树立形象提供了一条新的路线。因此这类网站对设计者的美工水平要求较高。
2 网页设计应遵循的原则
在网页的设计过程中,画面中的所有元素组织要达到良好的效果,这就需要遵循以下几项原则:
2.1 统一性原则。画面中的各组成部分不能鼓励分散,缺乏条理性,能够放在同一界面的当中,就要保证内容的整体性,设计风格的一致性。
2.2 连贯性原则。页面之间都是相互联系的,每一条目犹如城市路标,清晰地指引浏览者走下目的地,这就需要将内容恰当归属;表现形式上也要前后一致、相互呼应,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
2.3 分割性原则。页面分成小块更容易产生清晰的视觉效果,使观者第一时间完整目标定位,在众多信息中找到重点,节省大量的信息筛选时间。
2.4 对比性原则。就是通过矛盾和冲突,使设计更加富有生气。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
2.5 和谐性原则。页面在多个元素之间划分,但也不失整体性,这是艺术设计中追寻美的法则。设计的作品中颜色、形状、线条太多、太杂就会失去其灵魂所在,充满太多随意性的作品无法实现觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣,这是设计能否成功的关键。
3 网页的设计与制作过程
3.1 网页设计的实现。网页设计的实现过程可以分为两个环节:首先,手工绘制阶段,用纸和笔画出站点的规划及草图。设计网页的版面布局,我们将以合适最适合的方式将图片和文字排放在页面的不同位置,动画也要设置恰当的路线、恰当的时机。“画竹要成竹于胸”有了这份蓝图,我们就到了真正的蓝图实现阶段了。第二环节在计算机上完成网页的制作。这时除了要有一台配置不错的计算机外,软件也是必需的。微软的FrontPage、前Macromedia公司的DreamWeaver及网页设计新贵Adobe公司的Golive。利用这些软件工具,将蓝图中的组织形式和设计理念付诸于实践。在设计的过程中要体现创意,融入恰当的艺术元素规划组织结构,体现信息内容。
3.2 色彩的运用。色彩是美丽而丰富的,它能唤起人类的心灵的共鸣,促使人们产生无限遐想。每种颜色都有其深刻的寓意,如红色是热烈、冲动、强有力的色彩,它能使肌肉的机能和血液循环加快。由于红色容易引起注意,所以在各种媒体中也被广泛的利用,除了具有较佳的明视效果之外,更被用来传达有活力,积极,热诚,温暖,前进等涵义的企业形象与精神,另外红色即是警告,危险,禁止,防火的指定色。因此网站设计过程中色彩设计是重要一环,网站的整体色彩搭配应符合网站的主题信息特征。而网站的整体色彩搭配是由主色调和辅助色调两部分。
主色调是构成网站形象的一种或一组主要色彩。明确网站的主题、服务对象之后我们再根据每种颜色的寓意进行选择。如绿色食品类的网站以绿色为主,突出希望、健康的主题。通过主色调体现企业形象,以此达到品牌或产品宣传的目的,给消费者留下一个多种媒介的统一印象。如麦当劳的红、黄,可口可乐的红。主题色的数量不可过多,一种或两种即可。
而辅助色调在网页设计的色彩设计环节中,经常要小面积地使用主题色以外的其它色彩,来增加页面的色彩层次或辅助实现某种功能。辅助色的面积虽然小,但却能起到缓冲和强调的作用。合理地使用辅助色,能让主色调更加鲜明、生动,使得页面视觉效果更加流畅、和谐。辅助色应在主色调确定后进行选择。要在保持主色调主导地位的前提下,与主色调间形成相互和谐的局面。可以选用柔和的相近色,也可选用反差较大的对比色。
3.3 造型的组合。在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造一个有机整体,引导受众的视野。通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。突出页面上的重要元素,突出设计的主题,增强美感。
3.4 网页的优化:(1)文字优化。文字是网页中传达信息的基本载体,因此字体的优化就显得尤为重要了。通常指定字体为宋体字号大小为12px,字体颜色要与背景色相协调,在能看清楚的基础上要求达到整体和谐。白色背景、黑色字体是最为常用的,防止浏览者产生眼疲劳,保证较长时间地浏览网页。(2)图片优化。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。(3)表格优化。设定表格的宽度、高度、边框、背景色、对齐方式等参数。
4 结束语
综上所述,灵活运用网页设计软件实现网页的设计,在不失网页设计主题的前提下,掺杂巧妙的艺术手法将网页的内容以个性化的方式呈现出来,更好地满足受众的需要,并达到瞬间产生深刻印象的艺术效果。
参考文献:
[1]王娟.网页设计中的色彩运用[J].电影评介,2010(03).
[2]陈心威.浅谈色彩在网页设计中的应用[J].福建电脑,2009(10).
户口所在: 湖南 国 籍: 中国
婚姻状况: 未婚 民 族: 汉族
身 高: 170 cm
体 重: 65 kg
求职意向
人才类型: 普通求职
应聘职位: 网页设计/制作/美工/UI
工作年限: 4 职 称: 高级
求职类型: 全职 可到职日期: 两个星期
月薪要求: 6500~7999元 希望工作地区: 广州,,
工作经历
**公司 起止年月:2012-04 ~ 至今
公司性质: 国有企业 所属行业:通信/电信/网络设备
担任职位: UI设计师
工作描述: 负责公司合作项目的软件界面设计、移动端产品界面设计、网站界面设计、公司宣传册设计、名片设计等,每个项目界面设计都是独立一人完成;设计项目有:广东号百黄页网站(包括wap网站)、湖南号百黄页网站、云南号百企业通讯录手机端、关键字营销助手手机端、更纤小助手手机端、翼支付pos手机端、翼支付电视端(IPTV)、翼支付火车票手机端、翼支付添益宝手机端、打车e族手机端等。
离职原因:
**公司 起止年月:2011-02 ~ 2012-04
公司性质: 私营企业 所属行业:计算机/互联网/通信/电子
担任职位: 网页设计
工作描述: 在该公司主要工作是设计公司接的医疗网站项目,以及公司自己的医疗网站和推广专题页面设计等,并设计了公司官方网站、公司名片、公司宣传册、户外广告等。
离职原因:
**公司 起止年月:2010-03 ~ 2011-02
公司性质: 私营企业 所属行业:计算机/互联网/通信/电子
担任职位: 网页设计
工作描述: 在该公司主要设计公司官网的广告图片、网站专题页面设计、公司电子杂志设计等,以及网页静态页面代码编写等。
毕业院校: 湖南机电职业技术学院
最高学历: 大专 获得学位: 大专 毕业日期: 2010-06
专 业 一: 多媒体技术
起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号
2007-09 2010-07 湖南机电职业技术学院 多媒体技术 多媒体作品制作员 091401600
语言能力
外语: 英语 一般 粤语水平: 较差
其它外语能力:
国语水平: 优秀
工作能力及其他专长
1、精通软件:Photoshop、Dreamweaver、Illustrator、Flash、Axure;
2、熟练软件:Coreldraw、Premiere、3Dmax、After Effect等;
3、精通html语言,精通DIV+CSS布局,熟练使用html5+css3编写wap网站,对Javascript有一定了解并会使用;
4、对用户体验和交互设计有一定的了解,熟悉产品设计流程,能快速使用Axure制作产品原型;
5、4年网站界面设计经验,2年Android界面设计,熟悉网站界面和android界面设计标准;
6、经过几年的工作磨练,对界面设计色彩运用熟练,设计风格跟随主流,培养了良好的审美能力和深厚的美术功底
[关键词]网页设计;网页制作;任务驱动;项目教学
《网页设计与制作》作为一门实践和应用能力很强的课程,本门课程在计算机专业课程体系中处于一个非常重要的位置,《计算机网络基础》、《图像处理技术》作为其先导课,为其提供必要的知识准备,比如计算机网络的熟悉、图像处理的掌握等,而《网页设计与制作》课程又为其后续课程《.Net技术基础课程设计》、《.Net高级应用》等课程提供有力的支持,比如开发界面的设计、HTML代码的熟练掌握等等。这就要求学生不仅要掌握专业知识,更要具有运用专业知识分析和解决实际问题的能力。
课程教学中提高学生的实际动手能力是关键。这就要通过对教学内容的合理安排对学生进行正确引导,教学过程以工作项目为主导,教学内容的设计就需要改变传统的以知识点为主体的模式,而以实际工作任务需求为基础,注重理论知识、实践知识与职业技能的综合。教学方法的设计以任务驱动教学法和项目教学法为核心,在具体实施过程中,以任务为主线、教师为主导、学生为主体,把课程的整体内容按知识点划分成多个独立的实际工作项目,使学生既学会了知识,又应用知识完成了多项实际工作,达到了知识和能力的双丰收。
一、理论基础
近年来,计算机技术发展迅猛,知识结构更新速度快,这已成为高等职业院校计算机类课程教学过程中的难题之一。在当今信息时代,计算机技术的普及时刻要求我们必须教会专业学生熟练掌握计算机技能,而计算机硬件、软件的持续更新,又使得“会”的内涵在不断发生变化,这就要求计算机教室在“教”和“学”方面及时更新,以适应计算机发展的需要。
1.任务驱动教学法
任务驱动教学法是近年来广泛应用的教学方法。它是在建构理论的基础上繁衍的一种新型教学模式,学生的学习过程必须与任务相对接,通过问题的导引来激发学生的学习兴趣;从简单的范例入手,带动理论知识的学习,培养学生独立探索、不断创新的学习能力,提高学生的学习兴趣,培养学生主动学习的意识。教师在开始“任务”设计时,要综合考虑到网页设计与制作所涉及的理论、技能及扩展知识的连接,将该任务分解成若干个子任务,以任务驱动的方式分步骤地指导学生完成课业,在完成子任务过程中,由浅入深,循序渐进,保证课堂教学目标顺利完成。
2.项目教学法
项目教学法也是近年来各高职院校广泛应用的教学方法。它以自主式、探索式学习为基础,采用科学实践的方法,激发学生积极主动地学习。在实际教学过程中,教师将需要完成的任务或需要解决的问题以项目的方式下发给学生,教师通过现场分析本次课程的教学内容,分解教学任务,把将要讲授的理论知识融入到学生即将完成的任务中,以小组的方式,由学生本人按照实际工作中的完整流程,共同制订计划、分解任务、分工完成整个项目操作,学习过程成为每个人都参与的团队实践活动,学生通过小组协作方式完成项目,达到真正掌握课堂知识的目的。
项目教学法最显著的特征是以项目为主线,以学生为主体,以教师为主导,它改变了以往教师主动讲授、学生被动听讲的传统教学模式,创造性地提出了学生主动参与、组内自主协作、组间探索创新的教学新模式。学生成为学习的主体,通过独立完成项目,主动把理论和实践有机结合,这不仅提高了学生理论知识水平和实际操作技能,同时在教师正确和有目的的指引下,培养了其团队合作、共同解决问题的能力。
二、任务驱动法的具体应用
1.创建情境,设计任务
授课前,教师提前向专业学生布置这门课程、这个阶段、这个单元、本节课程的学习任务,要求学生课前带着任务和问题去预习;授课时,教师向学生推荐一些和本次课程相关的网页、网站等资源供学生现场欣赏,把学生带入到真实的学习情境中,激发学生的学习热情,引导学生去思考、构想如何设计网页、制作网页,确定本门课程的总任务――建设一个完整实用的网站和页面;教师要针对课程所涉及到的每个知识点将总体任务划分成若干个任务,如文本网页、图像网页、超链接网页、表格网页、框架网页、CSS样式网页、层在网页中运用、时间轴在网页中运用、模板网页和库操作等,再将每个任务进一步划分成若干个子任务。任务的划分应遵循由浅入深,由易到难,即子任务应紧密围绕任务一个个去完成,任务应紧密围绕总体任务一个个去实现。教师根据网页制作的规律,主动创建激发学生学习兴趣的任务,营造愉快的学习氛围,使学生自觉、主动地完成规定任务。
2.分析任务,提出问题
提出任务后,不急于讲解,先让学生带着任务进行思考、分析、研讨,提出完成该任务需要解决什么问题。在提出的所有问题中,有些问题学生以前已经学过的,可以让学生自行去解决;有些问题是学生以前没有接触到的,即隐藏在任务中新的知识点,这正是本次任务需要解决的问题,最好由学生主动提出这些问题,解决问题很容易,仅仅是技能方面的掌握,而提出新问题、从新的视角去看待老问题,却需要学生具有创造性的想象力。例如,在具体应用CSS样式的教学过程中,教师先演示某一网页文字效果,引导学生主动与学过的网页文字效果进行比对,让学生自己去分析任务、提出问题,而不是直接告诉答案,给出现成的结论。
3.自主学习,解决问题
提出问题后,教师先不要直接跟学生讲解问题如何去处理,而是跟学生指明解决问题的思路和线索。要以问题的探索引起和激发学生的爱好和兴趣。学生根据自己掌握的知识独立完成任务,通过主动探索和团队的协作开展活动,在活动的过程中掌握新知识和新技能,并将知识进行融会贯通,并运用到实际操作中。例如,学生如果做一个公司的网站设计,学生就先去上网了解一些其他公司网站的设计思路及效果,然后再尝试根据该公司提供的素材和要求进行设计。在任务制作过程中,要充分考虑到学生间的个体差异,随时给学生提供技术支持,让学生尽快掌握知识,并熟练操作。
4.评价反馈,总结提炼
在教学实施过程中,教师不应以学生所掌握知识的对错为基准,应以学生参与整个教学活动的态度、解决实际问题的能力、创造力的发挥、吸取的经验和教训为基准。对学生整体评价应包含以下几方面内容:是否理解、掌握并熟练操作新知识;自主学习能力是否提高;独立操作能力是否提高;创造性解决问题的能力是否加强等。
三、项目教学法的具体应用
1.设计思路
首先,项目名字的选取既能引起学生的兴趣,又能和实际工作相一致;其次,项目内容的设定要包含所有知识点,各项目间是相对独立又有密不可分的关系,项目的内容激发学生的学习兴趣和愿望,使学生掌握的知识能学有所用、学以致用,真正起到事半功倍的效果;再三,项目内容之间的关系相互递进,螺旋上升,形成了从初学到熟练操作的学习过程。本门课程共划分了七个独立递进的项目,即:制作文本网页、制作超链接导航网页、制作图像和多媒体网页、制作布局网页、使用样式表设计模板网页、制作特效网页、站点的测试与。
每个项目的设计与制作过程都包含了整个网页设计全过程,即:项目的分析、设计、制作、测试和全过程,完成一个项目就完成一个工作任务。虽然各项目的实施过程是繁琐的,但内容操作上是递进的,细节上是不同的。后续的项目会使用到之前项目的知识点,既巩固了旧知识,有学习了新知识。
2.实施过程
在具体教学过程中,为每个项目设计了相应的任务单,按照实际工作流程,在工作任务单中设计相应的学习情境。例如,某企业想要设计一组网页,用来展示自己企业产品的种类、性能、售后等信息。提出需求如下:主页面的框架结构采用上下结构,上框架中以表格布局的方式放置企业的徽标、标题栏、导航栏,下框架以表格的方式展示企业的相关内容,从感官效果上整体感、立体感非常强烈,能够很好地体现企业的形象。
具体教学过程如下:首先,对学生进行分组,2至4人为一组,以组为单位完成项目的设计与制作过程;其次,小组接到任务单后,由组长给组员分配具体的工作任务,并将分配任务结果填写到任务单上,例如,框架设计、页面设计、首页制作、其他页面制作、美工特效、后期合成等任务;再三,按照具体分工,各组成员开始进行页面分析、设计、制作的工作,并上交作品和任务单。在整个教学实施过程中,教师的角色发生了改变,只是在布置任务前,先将知识点做一下讲解,而后教师便成为项目的指导和顾问,学生成为了学习的主体。
3.考核方式
考核方式由期末考试方式变成过程考核方式,考核方式以每次作品评价、答辩评价为主体。作品评价一方面来自教师的评价,另一方面来自小组间的评价,事先在教室将作品公布,组间进行互评,并写出评价建议,体现评价的公平性、公正性、公开性;答辩评价是对小组中每个成员进行考核的一种手段,在答辩过程中,学生自己阐述工作过程,教师询问有关知识点,并回答情况和任务单给予客观的评价。经过考核后,学生的成绩能够准确地反应出平时学生的理论、实操掌握情况,注重了学生能力的培养,满足了我国高等高职教学的需要。
四、总结
本文围绕《网页设计与制作》这门课程,着重阐述了任务驱动教学法和项目教学法的具体运用和实施。教师在采用这种教学方法授课过程中,有利于学生掌握理论知识,加深理解认识,学会灵活使用这些知识;充分地调动了学生的学习积极性、创造性,使学生成为学习的主体,使学生的学习更能贴近实际工作过程,提高了职业技能,满足社会的需求,符合我国高职院校的培养目标和教学要求。