欢迎来到杂志之家!发表咨询:400-888-7501 订阅咨询:400-888-7502 股权代码 102064

网页设计论文

摘要:计算机动态网页设计主要目的是有效抓住用户的相关需求,进而能够给相关的企业带来较大的经济效益。因此在进行网页设计的过程中,需要遵循一定的设计原则:首先,网页的设计要有好的对比度,而且还要具有一致性,收到简洁明了的效果,表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。
网页设计论文

网页设计论文:计算机网页设计毕业论文

一、asp技术简介

asp技术 asp(active server pages动态网页)是微软公司推出的一种用以取代cgi(common gateway interface通用网关接口)的技术。目前,internet上的许多基于windows平台的web站点已开始应用asp来替换cgi。 简单地讲,asp是一个位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式web服务器应用程序,如交互式动态网页,包括使用html表单收集和处理信息,上传与下载等等。通常情况下,用户通过浏览器看到的网页大多是静态的,目前internet 上的许多站点,仍然提供"静态"(static)的主页内容。 所谓"静态",指的就是站点的主页内容是"固定不变"的。 当浏览器通过internet 的http (hypertext transport protocol)协议,向站点服务器(web server)要求提供主页的内容时,站点服务器收到要求后,就传送原已设计好的静态的html 的文件数据给浏览器。 一个"静态"的站点,若要更新主页的内容,必须手动的来更新其html的文件数据。而随着web应用的发展,用户希望能够看到根据要求而动态生成的主页,例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据,以提供http要求时,可以在站点服务器中执行的应用程序,而不只是一个html 文件。

站点服务器收到要求执行的应用程序,分析表单(form)的输入数据,将执行的结果以html的格式传送给浏览器。 根据用户请求生成动态主页的传统方法有cgi、isapi等。cgi是根据浏览器端的http请求激活响应进程,每一个请求对应一个进程。当同时有很多请求时,程序挤占系统资源,造成效率低下;isapi针对这一缺点进行改进,利用dll(动态链接库)技术,以线程代替进程,提高了性能和速度,但要考虑线程的同步问题,而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术java都还存在着另外一个问题,那就是开发困难,程序的开发和html写作是两个不同的过程,需要专门的程序员开发。而较简单的开发技术如javascript和idc(internet database connector)等功能有限,不敷使用。

asp使用的activex技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的cgi等程序所远远不及的地方。asp与常见的在client端实现动态主页的技术如java applet、activex control、vbscript、javascript等不同,asp中的命令和script语句都是由服务器来解释执行的,执行结果产生动态生成的web页面并送到浏览器;而client端技术的script命令则是由浏览器来解释执行。由于asp是在服务器端解释执行,开发者可以不必考虑浏览器是否支持asp;同时由于它在服务器端执行,开发者也不必担心别人下载程序从而窃取编程逻辑。asp通过后缀名为.asp的asp文件来实现,一个.asp文件相当于一个可执行文件,因此必须放在web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后,浏览器就将这个url请求发给web server,如果web server上装了asp,就调用asp。asp读出相应.asp文件,解释并执行命令,动态生成一个html页面回传web server,然后web server再把结果发送给浏览器。asp文件的制作和html类似,且和html开发集成,可以在同一个过程完成,利用asp将可以执行的脚本嵌入到html文件中(将html文件的后缀名改为.asp),这使得html文件的编写与脚本的开发融合在一起。通过asp内置的对象、服务器组件(server component)可以完成非常复杂的任务,而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。asp比较网关及服务器扩展模式有着以下优点:

(1)与html文件融合在一起;

(2)容易创建,不需要其它编译、链接程序;

(3)面向对象的并通过activex server对象可扩展。

二、电子商务数据访问方式

电子商务是指通过电子方式,并在网络基础上实现物资、人员过程的协调,以便商业交换的活动。在电子商务系统中,web提供了与客户进行通信联络的有效手段,利用web技术,实现web服务器与数据库系统的连接,完成对数据的处理与查询,用户可以通过操作简单易学的浏

览器来查询处理所需要的各种数据。 实现web服务器与数据库的连接一般有两种方法:一种是利用中间件技术在两者之间建立连接和通信,如cgi(通用网关接口)和api(应用程序编程接口)。

web服务器通过调用cgi程序实现与web浏览器的交互,即cgi程序接受浏览器发给web服务器的信息,进行处理后,将相应结果再送回给web服务器,通过web服务器将信息传送给浏览器。但cgi程序在响应速度和资源利用等方面有较大局限性,客户端每请求一个cgi程序,服务器端便打开一个进程,当请求的数量较大时容易引起瓶颈现象,开发人员常利用api编程来扩展服务器功能,api程序占系统资源少,运行效率较高,但它的编程较cgi程序更为复杂;另一种是由浏览器中的java小应用程序(java applet)通过浏览器访问web服务器上的数据库,利用了jdbc(java database connectivity)技术,它通过jdbc提供的api实现对web server的访问。由于java applet本身的局限性,目前大多数的应用是基于中间件技术的。asp也是属于中间件的一种模式,但在windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的较大特点是它的平台无关性,但网关程序通常较难编写和改变。网关程序通常是一个独立的程序,并不和html文件融合在一起,它需要用如c、c++、vb、perl等语言来编写独立的应用程序,而asp应用改变了这一点。使用asp不仅可以读取access和 sql server的数据库,而且还可以读取其他odbc(open database connect 开放式数据库互联)兼容的数据库。

在asp中访问数据库是通过ado(activex database object活动数据对象)及事务处理语句来实现的。ado是一种操作microsoft所支持的数据库的方法,是一项容易使用并且可扩展的将数据库访问添加到 web 页的技术。ado对象的使用与dao(数据访问对象)、rdo(远程数据对象)的方式相似。在asp中,ado可以看作是一个服务器组件,更简单点说,是一系列的对象,应用这些功能强大的对象,即可轻松完成对数据库复杂的操作。

三、asp在电子商务中的应用

在电子商务中,对用户而言,进行网上信息查询的目的是寻找自己需要的产品或服务,而对于商品或服务提供者来说,其目的则是向用户推销自己的产品或服务。因此,让用户通过浏览器查询服务器的后端数据库是许多web服务提供者必需有的服务,asp通过内置的adodb组件来实现这一功能。可以使用ado去编写紧凑简明的脚本以便连接到odbc 兼容的数据库和 ole db 兼容的数据源。具体的操作步骤可以归纳为以下几步:

① 创建数据库源名(dsn) adodb通过odbc工作,因此要在odbc中设置dsn(数据源名)。打开windows的"控制面板",双击"odbc"的图标,然后选择"文件 dsn "的属性页,单击添加,选择数据库驱动程序,然后单击"下一步",按照屏幕的指示键入数据源文件的名称,然后单击"下一步",再单击"完成"创建数据源。

②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息,以及链接者信息。利用adodb的成员函数open和先前设定的dsn与数据库连接,其语法如下: setconnect=server.createobject("adodb.connection") ’创建了链接对象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打开链接。dsnname为数据源名;userid为用户名;password为用户口令。③创建数据对象 ado中的数据对象通常保存的是查询结果。recordset 是ado中最复杂的对象,有许多属性和方法,灵活运用,可以达到许多好的效果。其创建方法如下: set recordset =connect.execute(sqtstr) ’创建并打开了对象recordset ,sqtstr是一个串,代表一条标准的sql语句。例如: sqlstr="select*from b1" set recordset =connect.execute(sqlstr) 这条语句执行后,对象recordset中就保存了b1中的所有记录。

④操作数据库 可利用execute方便地执行数据的插入、修改、删除等操作。如执行插入操作: sqlstr="insert into b1values(1,2)" connect.execute(sqlstr)

⑤关闭数据对象和链接 在使用了ado对象之后,一定要关闭数据对象和链接。在asp中通过调用方法close实现关闭。 关闭创建的数据对象:record set .close set record set=nothing 关闭创建的链接对象:connect. close set connect=nothing 完整的程序片段

上述是用asp访问数据库的全过程,由于应用面向对象思想,所有操作都比较简单,用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等,只要对这些有了清晰的认识,再加上asp强大功能,在网络上使用数据库,实现用户与页面间交换信息,就再也不是什么难事了。

网页设计论文:计算机动态网页设计论文

1动态网页发展的进程

近年来,动态网页的发展的进程取得了很大进步,动态网页不同于静态网页,动态网页可以说是一种技术含量较高的网页编程技术。对于静态网页来说,其显示的效果与相关的内容较长时间内不会发生变化,但是对于动态网页来说,就可以通过一些页面的代码不同,而使页面的相关内容由于环境、时间或者是相关数据库的改变进而实现变化,在动态网页早期的时候,大部分使用的是网关接口技术来实现的,然而在进行编程的过程中出现了较多问题,如编程的效率低、技术难以实现以及修改过程复杂,正因如此早期动态网页技术在逐渐的被新技术所取代。与此同时,新技术的不断完善使得动态网页设计以及表现形式更加灵活。动态网页的设计在通常情况下是按照由上到下的原则而实现的,先从较高层的页面一级一级的向下进行访问页面的相关内容,但是要求是在不同的文件中要放置不同的页面相关内容。正常情况下,上述的情况由静态页面是不能实现的,而且对于用户来说是非常不方便的。在动态页面上的显示的文件大都为原页面文件,所以一定要使用递归调用的方法。另外一方面,对于数据库的访问结果要进行处理。根据用户给定的条件,在进行数据库的检索过程中需要将结果反馈给相关用户,这是用户通过输入条件的不同,进而获取不一样的检索效果。

2动态网页设计的探索

2.1网页设计原则。

计算机动态网页设计主要目的是有效抓住用户的相关需求,进而能够给相关的企业带来较大的经济效益。因此在进行网页设计的过程中,需要遵循一定的设计原则:首先,网页的设计要有好的对比度,而且还要具有一致性,收到简洁明了的效果,表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上,好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常的网站。

2.2网站设计构思。

对于网页设计之前,首先,需要进行的工作是构思。对于设计者构思设计方案,首先要明确网站的主题内容,比如对于一个相关的论坛,可以有不同的主题,如以爱好、学习技术为主题,拟定了主题之后再确定网站的主要内容。其次,要确定网站上目录的链接,为了突出其重要性,要将目录放在最为突出的地方,还要协调其他内容,放在较为合理的位置。,对于动态网页最重要的就是要明确在网页上的主要图片,对于主要图片需要根据动态网页的主题来选择,而且要能够突出网站的主题。依次根据以上的三个步骤,其主要的风格基本得到确定,另外如果有特殊需要,可以进行一些相关的调整,增加或减少一些内容等。

2.3网站风格探讨。

对不用户来说,不难发现不同的页面能够看出有不同的风格。在版面的设计上,需要细致的观察到版面的和谐、美观以及最重要的实用性。另外,在传统设计的基础上,可以再进行一些个性化的创新设计。例如,在论坛网页的设计上,主要使用的是d型的架构,进而进行创新。这一设计融合了边框的设计,将一些左边框的内容加入到上边框上能够减少空间的使用,使得页面更加整洁、美观。对内容区进行规划时,使用到的是左右对称法则,而且还用到了共享边框技巧,从而都具有边框,有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录,使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起,也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作,因为首页是一个网页的门户。及时,对于首页要求能够体现网站的相关主题,让用户更加清晰;第二,首要要有吸引力、美观,让用户有进行下一步游览的欲望。另外,为了能与用户进行有效的交流,可以在论坛的左栏设置投票系统,得到用户的直接反馈。

2.4网站管理方法。

虽然现阶段的网站涉及到的软件都越来越容易使用,尤其是目前各行各业都在提倡以人为本的服务,进行设计工作,这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉,进而能够使得网络的管理者使用起来非常方便。另外,对于管理员要设置密码,只有这样才能保障网站的安全性,并且保障管理员具有对密码进行修改的权力。

3网站优化设计技巧

3.1表格设计技巧。

大部分的网站在进行页面设计时会用到表格,使用表格来实现布局,由于表格能够很好的实现较为复杂版面的设计工作,因此非常受欢迎。但是,也存在一定的缺点,也就是将大部分元素尽在图中呈现,在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间,需要将大的、整个的表格打散成许多较为独立的、小的表格来实现,另外,还需要注意的是对于意义不大的表格要进行删除,避免出现空间的浪费,否则这些表格会使网页的速度降低,带来许多不便。

3.2杜绝表格嵌套。

目前的动态网页设计过程中,设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计,其好处是能够设计出非常具有创意的版面来,也就是这一点能够吸引着较多的设计人员,但是对于嵌套的层数越多的表格,对于浏览器来说,需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的创意优势外,建议表格嵌套层数不超过三层,只有这样才能充分的利用表格嵌套设计版面的优势,还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。

3.3有效优化脚本运行。

有很多的网页设计者,为了能够便于所设计的网页,在进行下载前需要先启动脚本语言。然而,放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此,为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题,需要将那些后来执行的脚本程序放到之前进行,还可以将其放到一个外部的文件中。到使用的时候,再进行一些调用工作。这能够在很大程度上由于网站设计的不合理,进行相关的优化工作,还可以通过采取一些简单的技术进而加快网站的下载速度。

4结束语

动态网页的设计工作,要求设计者不仅要具有网页制作相关的基本常识,还需要熟练掌握网络编程的知识。可以说,动态网页设计不是一门单独的学科艺术,同时它是多种艺术的总和,要是想设计出较为美观且非常实用的网页,就一定要系统的掌握各种网页制作技术。其中,最重要的就是要建立较为系统的科学理论作为指导。

作者:盛巍 单位:牡丹江大学

网页设计论文:三段式多种教学网页设计论文

1“三段式”多种教学模式

1.1理实一体课程教学阶段

前7周为理实一体课程教学,本阶段主要采用“项目导向、任务驱动”教学模式,该教学模式是以培养学生的职业能力为核心,以学生为主体,以项目实践为目标,以项目过程为导向,用项目任务进行驱动,对每一任务进行分解,围绕项目任务的具体实施方案,构建开发的学习环境,进行知识内容和专业技能的学习。“兴趣是成功的一半”,本阶段围绕典型的同学们感兴趣的实际案例项目展开,把理论知识点融合其中,完成学习性工作任务。每一个典型任务教学过程包括(1)任务展示导入新课,引出问题(2)任务分析,寻求解决方法(3)知识讲解,奠定理论基础(4)任务实施,形成专业能力(5)归纳总结,提炼重点、难点。“项目导向、任务驱动”教学模式首先通过展示任务吸引同学们的兴趣,充分调动其学习积极性;通过一步步任务分析,引导学生思考,发挥其主观能动性,变被动接受为主动学习,从而提高学习效率;任务实施的过程,也是理论转化为实践的过程,从“授之以鱼”到自然而然的“授之以渔”。教学方法上除了引导法、互动法等,还有学生演示,学生上台操作,提高了学生的注意力,课堂气氛紧张而活泼。

1.2综合项目教学阶段

第9-14周以“安徽旅游网”为主线进行综合项目教学,完成实际工作任务,并以“公司网站”作为课外拓展项目训练。该阶段的教学主要采取“工作过程导向”的教学模式。“工作过程导向”的课程教学组织和实施是以工作过程为导向,发挥学生主观能动性,强调学生个性发展。教学内容是通过对职业岗位分析确定出来的典型工作任务,从而使职业教育更加接近企业实际。通过前期调研及对具体岗位(群)分析,明确了该阶段的主要工作任务是根据旅游网站的特点设计出网站规划书(包括需求分析、站点规划、页面布局图、实现技术),然后进行网站页面的制作,以及测试、。归纳出的典型工作任务包括:旅游网站需求分析与设计、网站整体规划、网站页面布局、网站页面制作、网站、更新及维护。本阶段的教学在“教、学、做”一体化机房完成,以学生动手做为主、教师理论讲解为辅。随着一个个工作任务的完成,整个项目也就完成了,学生成就感大大提高,同时也明白了实际的工作过程,为以后入职打下基础。在做的过程中,不仅仅会做这一个项目,最重要的是可以举一反三,“知其然更知其所以然”,课下完成拓展训练。综合项目教学阶段很好的培养了学生的职业能力和素质。

1.3实训拓展阶段

课程结束后的一周时间为综合实训拓展阶段,学生分组完成实训任务。本阶段采用“模拟公司”教学理念,“模拟公司”教学模式实质是人为的创设仿真模拟环境,模拟职业或岗位训练给学生身临其境的感觉。学习过程中学生是学习的主体,教师只是一个引导着。学生自主创建公司,可以体会企业的业务流程,并了解各环节之间的联系,而又不必承担企业风险。任课教师在实训之前先根据班级人数招聘公司经理,公司经理成立公司并招聘自己的员工,根据学生情况进行任职,如网页设计师、网页制作员、测试人员等。公司经理一般是班级比较的学生,每个公司的员工成绩尽量有梯度,避免有的公司全是的学生,有的公司全是成绩差的学生。每个公司根据实训前教师所给的“实训任务书”,竞标其中一个实训任务,教师模仿客户,提出具体需求,写出详细的规划书,公司成员协同完成整个实训任务。该阶段公司员工以团队协作的方式完成任务,每个人又自己的分工,同时又相互合作,有问题大家一块解决,相互学习。本阶段,学生的解决问题能力、学习能力等专业技能有了提高,同时团队协作能力和创新能力也得到了发展。

2考核

本门课程的考核分为四个部分:平时成绩、阶段考核、实训考核、期末考核。

3小结

从实践效果来看,“三段式”多种教学模式较之传统的课程教学模式更符合高职教学规律,很好地激发了学生学习的主动性、创造性和个性,以项目为载体让学生“做中学”,任务由小到大逐级递进,学生的职业能力、职业道德和职业意识逐步提高。当然,该教学模式对教师的教学业务能力、专业实践能力、课堂项目组织能力提出了更高的要求,也是“教学相长”必然的要求。

作者:许艳丹 王志宏 单位:安徽国防科技职业学院信息工程系

网页设计论文:课程教学改革下网页设计论文

一、网页设计课程教学改革的总体思路

通常情况下,一门课程的最终导向取决于该课程的教学目标,因为教学目标不仅能为教师传授课程理念的过程提供参考依据,还能够为学生设立正确的课程学习目标。由此看来,视觉传达专业中的网页设计课程教学改革,其首要任务就是重新确立网页设计课程教学目标。网页设计课程具有非常高的综合性,在视觉传达专业中也占据着非常重要的地位,能够从多方面体现学生的网页设计技能素质。网页设计主要包括平面构成以及色彩构成、版式设计、Flash动画、后期特效等课程,并且要求学生综合运用以上课程知识设计专业、实用的网站网页。

1.增加课堂中的实践项目,促进学习环境的发展

引进更多的实践项目到课堂中,学生可以充分接触网页制作的全过程,而且这些实践项目可以促进学生吸收网页设计的专业知识,使学生理解、认识更多的设计案例。这样才有助于学生获得更多的实践经验,从而取代在模拟模式中的低效率学习。

2.创设“教、学、做”一体化的教学模式,增加课程教学的整体性

学生首先要注重网页设计应用工具的操作,其次才是利用工具参与网页设计。学生对工具的操作方法掌握得比较牢固,但是在综合应用工具操作知识进行完整的案例设计时,却无法做到得心应手,缺乏整体性设计。因此,教师必须创设新的模式,将各种应用工具的使用要领融入实际案例设计,达到“教、学、做”一体化的标准,使学生在这种整体式课程教学模式中能够综合运用工具操作知识,完成精美、实用的网页设计。

3.分阶段进行课程考核,加强课程教学的持续性

课程考核不应以难度简易、形式单一的网页设计作品作为课程学习的最终成绩。教师要适当增加考核题目的难度及形式,使课程考核过程带有一定的连续性、系统性和整体性,尽量让学生的考核内容涉及整个网页设计课程,最终达到提高学生课程学习动力的效果。

4.将艺术与课程内容相结合

仅仅通过简单的课程学习就想设计出精美、实用的网页设计作品,这几乎是不可能的。精美的网页设计不但需要学生具备一定的艺术素养,还需要具备敏锐的设计思维。因此,网页设计课程教学要充分发挥学生的优势,平衡艺术与设计,培养更多经得起考验的专业型人才。

二、教学方法和内容的改革探索

在网页设计课程教学过程中,教师在教学方法的选择上要坚持不断改进,网页设计课程的教学方法和教学内容也需要进行改革创新,只要学生紧跟教学改革的步伐,不断探索和练习,就能学到并掌握近期的网页设计课程知识以及先进的设计技术。在教学内容中,网页设计教学和制作技术教学的知识点都较为分散,传统教学方式已经无法将各类知识点整合在一起,学生在学习过程中也会感觉到困惑。以下是教学方法和内容的改革方案:

1.教学方法方面

(1)建立教学资源库

创设网页设计课程资源网站,将参考资料、教学计划与课程案例都上传至网站,对网站的后期更新工作也要持续跟进,保障学生可以了解近期的教学动态。学生一旦遇到任何网页设计上的问题,就可以到资源库进行查询,从而提高自主学习能力。同时,教学资源库也可以成为师生教学经验的交流平台,从而大大提高了教学质量和学生的积极性。

(2)改进教学方法

受到课程学时的限制,任课教师不可能一一讲解网页设计课程的所有内容。因此,在课后举行自学动员会,将课堂上由于时间限制没能讲解的知识布置给学生,再让学生以分组的形式进行课下小组讨论,学生通过讨论自主寻找答案,既解决了学时少的问题,又提高了学生的自主学习能力。同时,还可以在课上进行师生角色互换环节,课前给学生布置好教学任务,课上随机抽取学生进行授课。这种教学形式可以增加学生与学生之间的竞争意识,以此互相竞争,拉动教学,真正建立以学生为主体的课堂。

(3)注重学生的思维培养

在进行课程讲授时,应该摒弃固有的教学模式,让课堂主体由教师转换为学生。其中,最有效的手段就是注重对学生思维能力的培养,使学生的思维能力在课堂上能够自由发挥、不受约束,尤其对于网页设计这种实践性较强的课程,需要学生根据自己的思维进行课程学习和实践操作。

(4)跨学科互动交流

在课程教学过程中,可以请软件学院的教师进行有关应用软件工具方面的技术讲解。同时,不同专业的学生可以加强学科间的互动交流,充分发挥视觉传达专业学生的优势特长,学习软件专业学生的技术专长,取长补短,最终取得双赢的效果。

2.教学内容方面

在教学内容选取上,应基于典型性、实践性与开放性三个原则。典型性:选取典型的教学案例进行教学;实践性:增加网页设计实践练习,设立更多的课程实践项目;开放性:选取多样化的网页设计作品进行案例教学。遵循这三个原则选取教学内容,对提升学生的专业能力、专业素养和综合能力有很大帮助。

三、结语

既然传统的网页设计课程教学模式无法满足当前的教学需要,那么进行教学改革创新就成了必须完成的任务。良好的教学模式,可以减轻教师的授课负担,提升授课效率;可以提高学生的自主学习能力,激发学生的学习兴趣,使学生能够学有所得。因此,教学改革是一项重要且长期的工作,教师应积极参与教学改革与教学建设,为视觉传达专业培养更多的设计人才。

作者:李贤 单位:重庆第二师范学院

网页设计论文:公共课创新意识下网页设计论文

1网页设计课程与创新意识培养的关系

《网页设计》是大学非计算机专业本科生的公共选修课,按照高等院校文科类专业大学计算机教学要求的规定,属于计算机小公共课课程体系中的核心课程。教学目标是通过对Dreamweaver等网页制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个的了解,具备独立开发简单静态网站的能力。网页设计技术由于紧贴时代脉搏,易于反映社会现实的需要,在网站的定位、功能的设计上可以充分表达学生的想象力和创造力,因此非常适宜对学生创新意识的培养。目前《网页设计》公共课的教学,主要是讲授Dreamweav⁃er以及Photoshop、Flash等软件的使用,使学生掌握网页制作的基本技术、页面美化的基本方法。但是如果教学过程中仅仅注重技术的学习、知识的传授,这门课就会失去活力,不能体现出课程应有的价值。虽然可以在课程考核中要求学生交一份开放式作业,自拟主题设计制作一个网站,在评分标准中对网站的创意有一定鼓励,但这对于激发全体学生的创新意识、把创新意识贯穿到教学全过程来说还是远远不够的,在这方面我们还有很多值得改进的地方。要把鼓励创新思维、发现创意、指导完成作品作为贯穿整个教学过程的指导思想。教学不是一成不变的知识传授,而是与学生一起进行的创作体验,期末指导出一个学生作品并进行展评,使学生见证一个想法从诞生到实现的全过程,从而在他们心中埋下创新的种子。

2引导创新意识的网页设计教学改革实施方案

为了将创新意识的培养融入到网页设计的教学中去,就应该突破仅仅进行知识传授的局限,把发现和鼓励学生设想新颖独特的网站、指导和帮助学生完成网站设计、扶持和宣传学生作品、培养学生的成就感和创新精神融入到教学活动中,提升课程的教学效果和教育意义。从教师讲解、学生定题、选题评价、指导完成等过程入手,让学生亲眼见到的创意是怎样实现的,使他们在《网页设计》课程中学到的不仅是技术,更要树立起他们勤于思考、勇于实践的创新意识。通过教学方法的改革,使《网页设计》课程成为激发学生创新潜能的大课堂。其实施方案设想如下:

(1)征集学生创意运用项目驱动式教学法,让学生自选主题构思一个网站,撰写简单的网站策划书。教师须在开课之初布置该作业,并通过实例介绍网站,启发和鼓励学生积极思考,设想出独特、实用、有意义的网站主题;

(2)发现创意教师从及时次学生作业中找出个别的网站创意,进行点评,征求全体学生的意见,对网站的功能、栏目进一步补充完善;

(3)指导完成作品在以后的教学案例中,以选定的网站主题为目标,结合教学内容进行局部页面制作,在上机课上对这名学生的作业进行主动的辅导、点评,帮助其最终完成作品;

(4)宣传推广增值在适当的时候,将学生作品到网上,增强学生的成就感。题材确实新颖的话,还可以进一步整改完善,推荐参赛。如果每学期都能树立一个成功的典型,对全体学生创新意识的培养都会起到积极的鼓励和促进作用。

3培养创新意识的教学案例

按照这种设想,在去年的《网页设计》公共课的教学中,于开课第四周收了一次学生作业,要求撰写简单的网站策划书,其实就是想看看学生想做什么内容的网站,对创意新颖、贴近现实需求的想法给予表扬和鼓励,比如为偏远家乡做的旅游宣传网站、针对大学生情感问题做的心理访谈网站、结合自己的专业知识做的专题学习网站等。其中一名体育学院学生写的网站创意“华武社”,是根据自己的武术特长及表演经历,以自己入校以来准备创办的社团组织——华武社为主题进行设计的,由于内容独特,需求明显,被选为教学范例,在后续课程的讲解中多次以该项目为例,逐步丰富和完善了各个网页,最终在师生的共同努力下形成了一个美观实用的网站,得到了很好的反响。整个教学过程使学生们看到了学以致用的效果,并且将学习、思考、解决具体问题这些环节紧密地融合在一起,无形中培养了他们勤于思考、敢为人先的创新意识。

4结语

创新能力是二十一世纪知识型时代和信息时代对人才培养的要求,国家需要当代大学生具有科技创新的能力。爱因斯坦曾精辟地指出:学校的目标应当是培养独立工作和独立思考的人,这些人把为社会服务看作自己较高的人生目标。他甚至认为,学生应该把培养独立思考和独立判断的一般能力放在及时位,而不是把获取专门知识放在首位。大学的教学改革应当尽量将培养创新意识引入到课堂教学中,将学习知识与解决实际问题结合起来。本文提出的思想突破了原有教学方法仅注重知识和技能传授的局限,结合时代的发展需要和教育的高层次目标,提出在网页设计课程的教学中融入对网站创意的关注,指导学生逐步完成其创意设想,成为有代表性的作品,积极发现、鼓励和培养学生的创新意识,使《网页设计》课程的教学不仅传授了一门技艺,也培养了学生会发现的眼睛,会思考的头脑。通过这种方式,启发学生积极思考将现实生活中的需求通过网站表达出来,进行网站的主题设计与功能定位。对的网站创意进行重点支持和辅导,为创意的火花助燃,而不要使它自生自灭。经过“启发—设想—创作—实现”的全程参与,使学生体验到创意实现后的成就感,渐渐形成敢想敢做的创新精神。

作者:李素铎 单位:西北民族大学数学与计算机科学学院

网页设计论文:小组协同式网页设计论文

1课程现状及存在的问题

网页设计与制作是一门操作性极强的课程,一开始大多数学生对课程充满兴趣,但是随着课程学习的深入,难度不断加大,学生学习的兴趣度逐渐降低。产生该问题的原因主要可以归结为以下三点:①课程覆盖的内容较广,要设计出精美的网页,不仅需要掌握网页设计工具如Dreamweaver、Photoshop、Flash等,还需要一定的美工基础,并且要熟练掌握HTML、CSS、JavaScript等知识,面对这么多工具以及知识点,学生不可避免地产生畏难情绪,没有信心学习好课程;②教学方法不够灵活,教师常常采用较为传统的教学方法,往往把课堂教学分为四个阶段:“教师展示效果”->“教师演示制作过程”->“学生模仿制作”->“总结练习”,学生在学习过程中缺乏自主思考、自主学习、自我探索的过程,学习效果不明显;③考核方法单一,不能综合地评价学生的动力实践能力,学生上交的作品质量不高,缺乏独立思考和自主创新。

2教学改革措施——小组协同式学习的应用

2.1课程目标与定位

网页设计与制作课程是软件技术专业的一门职业基础课程。本课程从高等职业技术教育的特点出发,以培养学生实际动手能力为目标,主要任务是讲授静态网页制作的基本方法、网页制作工具的使用以及企业网站建设的相关知识,培养学生掌握网页设计与制作的能力,为今后从事网页设计与网站建设打下基础,同时为后续课程PHP网站设计的学习奠定基础。通过本课程的学习,使学生了解网页的基础知识以及网站开发的基本流程,较好地掌握网页设计与制作的基本理论,并能应用于实践,熟练运用常用的网页制作工具,能够进行企业网站、电子商务网站、个人网站的设计与制作。

2.2优化教学内容

以企业真实项目为载体,教师与企业工程技术人员按照网站的开发流程(用户需求分析→网站规划→网页效果图设计→制作静态站点→编写后台代码→网站测试→与运行)精心设计教学环节。在教学实践中,引进企业管理规范和开发流程,充分体现基于网站产品开发工作过程的能力训练,培养学生规范化的软件应用与网站开发能力,通过模式创新,将专业教学过程、技能训练过程、企业工作过程有机结合起来,将职业道德教育、职业素质培养、职业能力训练有机结合起来,培养学生的综合职业能力。

2.3改革课堂教学组织模式

⑴分阶段引入项目,动态调整学生分组。

课程将整个教学过程分为两个阶段,即“企业项目实战阶段”和“竞标式项目阶段”。以软件技术专业为例,网页课程一般开设在新生入学的及时个学期,共14周,我们将整个学期分成两个阶段。及时个阶段“企业项目实战阶段”安排在前10周,在该阶段学生按照项目开发的需要以及自身优势组成项目开发小组,形成以“项目为中心”的协同学习小组——项目开发小组,小组成员轮流完成任务;第二个阶段“竞标式项目阶段”安排在4周,此时,学生需要确定一个岗位方向,形成以“工作岗位为中心”的协同学习小组,如美工组、网页设计组、交互程序开发组等,各个小组通过竞标组成新的开发团队,协同完成竞标项目的开发。分阶段引入项目以及动态调整学生分组,可以打破常规分组,使学生有了新的合作伙伴,有利于形成更加多元化的协同学习小组,同时对于发现自身优势、挖掘潜能、明确就业方向有着重要的引导作用。

⑵成立项目开发小组,协同完成项目整体开发,促进小组协同式学习。

在“企业项目实战”阶段,学生按照项目开发需要形成优势互补的项目开发团队,营造真实的企业开发氛围。项目开发团队一般由下列角色组成:项目经理(ProjectManager)、项目组组长(TeamLeader)、项目组成员(TeamMember)。项目经理,一般由我们聘请一位有丰富实战经验的软件企业项目经理或由教师担当,负责该教学环节的现场指导。将3-5个学生分成一个学习小组(即项目开发小组),每个小组推选一位动手能力强的项目组组长,组长向上直接对项目经理负责,向下是全体组员的直接领导,项目经理要求组长对自己的组员进行考核,这样构成一个虚拟的企业项目开发环境。全体组员以项目组为单位进行学习与实践,协同完成项目整体开发。项目驱动的小组协同式学习不仅能使学生相互督促、相互勉励、相互讨论,相互学习,而且能培养他们的组织管理能力和协作开发能力。

⑶引入竞标式项目,形成竞争与合作交叉并举的协同式学习小组。

在分阶段引入项目过程中,及时阶段的项目每个项目开发小组完成后进入第二阶段,在第二阶段,引入了竞标式项目,通过竞标,从美工组、网页设计组、交互程序开发组各选出一组,成立重点项目开发组,共同完成竞标项目的整体开发。一般根据岗位的不同,美工、网页设计、交互程序开发各成立三个组,每一组成员3-5人。对于落选的小组,则需要辅助中标的小组完成任务,同时,通过自由搭配或者教师指定的方式,再成立两个普通项目开发小组,根据学生选题或教师选题的形式,完成其他项目的开发。竞标式项目的引入使得各个学习小组既有竞争,又有合作,是一种竞争与合作交叉并举的学习方式,具体表现为在竞争学习中有合作,在合作学习中有竞争。竞争学习不仅促进了合作学习,还为合作学习的发展和巩固提供了坚实的基础和动力。缺乏竞争的合作学习是没有活力和生命力的,是脱离实际和低效的。竞标式项目使得竞争学习与合作学习得到很好的结合。

2.4强化跟踪课外学习成果

课堂只是课程学习的一部分,如何对课堂教学进行延伸,将课堂学习过渡到课外学习,是提升课堂教学质量的一项重要内容,课外学习对于提升学生的自主学习能力、专业技术水平有着重要的促进作用。“专业学生社团”和“工作室平台”是学生完成课外学习的两个有效的切入点。专业学生社团和工作室为学生提供了丰富的学习和实践机会,给每一位成员提供了良好的展示自我、相互学习与相互交流的平台。在课堂以外,利用工作室平台让学生参加到实际项目开发中,利用专业的学生社团定期开展技术交流和技术研讨,通过项目实践与合作交流,提升学生的自主学习意识、合作探究精神与创新能力。

2.5改革考核方法

传统的考核方式采用卷面考试,以一次考试的成绩为最终成绩。这种方式往往不利于真实地考核学生的知识、技能和能力。因此,对考核方式的改革势在必行。改变课程考核方式,必须对考核指标做进一步的量化和细化,注重过程化跟踪管理,加强课内学习效果的考核以及课外学习效果考核,将学生是否参加专业学生社团、是否参加技术研讨、是否实际参与项目的开发、是否参加学生技能竞赛等课外学习环节纳入到课程考核指标中,促进建立学生发展的评价体系,让考核标准强调“知识、技能、素质”三方面的要求,突出整体的综合能力培养目标。

3结束语

课堂教学是整个教学工作的中心环节,也是决定培养规格和达到培养目标的基本环节。要提高学校教学质量,就必须把注意力放在提高课堂教学质量上。课程立足浙江软件产业的发展与需求,以就业为导向,以校企合作为突破口,积极探索“岗位引领,项目驱动”的工学结合人才培养模式,坚持以工作过程为导向的课程设计理念,改革传统的课堂教学方法,采用“小组协同式学习”教学方法,强化学生在学习中的主体作用,培养学生的自主学习能力,提升团队协作水平,使学生不仅具有较强的专业水平,而且具备良好的职业素养,培养能够满足企业发展需要的网站开发人才。在课程的改革实施过程中我们发现,在美工、网页设计、交互程序开发三类岗位中,最欠缺的是美工和交互程序开发能力,因此,下一步将重点强化这两类岗位能力的培养,相应地增加课程内容的比重,加强实践训练。

作者:钱丽丹 单位:浙江经贸职业技术学院信息技术系

网页设计论文:计算机图像处理网页设计论文

一、计算机图像处理技术概括

计算机图像处理技术是网络发展与时代变化的产物,伴随数码是时代的来临,计算机的屏幕上开始出现了图片,人们对数码图片也产生越来越丰厚的兴趣。而我们所说的计算机图像处理技术就是以数码图片为基础而进行设计的。早先,计算机图像处理还仅仅局限于图像显示功能上的处理,利用硬件与驱动接口,将计算机同拍照设备之间进行连接,进而使得计算机浏览图片成为可能。随着人们越来越高的图片质量要求,逐渐出现了处理图片的需求,也就随之研发了针对图像进行处理的技术,并最终得到了应用。

二、计算机图像处理技术在当前的应用

伴随不断普及或者说是已经普及了的计算机图像,使得越来越多的非专业人士致力于探究与处理计算机图像。因此,要在一定程度上对图像处理技术加以改革,其中最为重要的就是针对一些图像处理软件的改革。为了方便越来越多的人都能对图像加以处理,也就使得一些操作简单的图像处理软件得到了发展。因而计算机图像处理技术在未来的发展方向必定是简洁化与简单化。众所周知,在对图片进行处理时,人们经常用到Photoshop这一软件,从一定程度上讲,这种软件对图像的处理有着十分重要的作用。通常来说,经过拍照得到的图片,其质量是不能进行二次加工的,但是在研发出计算机图像处理软件之后,实现了对图像的二次处理。利用Photoshop软件可以识别出图片的格式,并进一步的对色彩加以一定程度的控制,在该软件的使用过程中,可以对色彩或者是光线进行相应的操作,进而使图片的质量得到了提升。

三、计算机图像处理在网页技术的应用

1.图像尺寸的处理

在网站中对图像进行合理的布局是十分重要的,因此就一定要考虑到图像尺寸的问题,因为网页直观的效果会因图像的尺寸而受到之间的影响。对与尺寸大的图像,应当使其涵盖更加更加丰富的内容,将想要表达的内容精细的展现出来,使内容变得更加直观,使浏览者引起快速的注意;而尺寸较小的图像,应当具有一定的个性化,为网页进行更好的烘托。想要在网页中将各种大小不同的图像同文字进行结合,对网页进行展示,就需要我们合理的对网页的主标题与副标题加以配置,使主标题能够更加明显的突出表现出来,以至于更加吸引浏览者的眼球,使附属图同主图之间配合的相得益彰,实现更加的设计效果。

2.使图像成为网站的标志

对于任何形式的网站来说,都是因为一定的目的而成立的,网页中的点击率高低很大程度上取决于网站采用的网页LOGO,也就是说整个网页中能够起到关键性作用的就是网页LOGO。通常设计师都是根据企业的理念以及企业的本身来对LOGO进行精心的设计,在其设计过程中需要包含功能性以及艺术性,只有设计得当的LOGO才能令人有欢喜的感觉产生。当前的LOGO设计都是设计师以企业本身具有的文化特色以及企业的产品为基础,再加上相应的艺术色彩表现来进行设计的,最终使浏览者在看到企业LOGO时产生一个美好的感受,进而对该网站产生相应的信任。

3.使图像成为网站的关键图

不难发现,我们在浏览网页时,总会看见各个网页都会利用一些引人注目的图像使浏览者的目光被深深的吸引,进而产生浏览网页的愿望。然而在网页中插入的图像不仅仅是为了使网页的浏览量得到提升,更是为了使浏览者通过看到的图像对网页内容加以了解。这样就使得这张图像成了统领全局的关键图,充分的将网页中的内容显示了出来。虽然不通过文字而是单单使用图像的形式显示出将要表达的内容属于以一种传统的宣传方式,但是还是会对人们产生一种强力的视觉冲击感,进而更加直观的将内容展示出来。

四、结束语

综上所述,伴随计算机网络技术的不断进步,利用计算机图像处理技术进行网络设计也逐渐受到人们的关注。现代网页中对图像的设计越发的丰富多彩,不论是图像的类型还是图像的特色都是各不相同的。因此,相信计算机图像处理技术在网页设计中的应用前景将是无限广阔的。

作者:黄慧精 单位:宜春职业技术学院

网页设计论文:中职教学方法网页设计论文

一、课程教学中存在的问题

(一)学生存在的问题

1.学生基础差,学习网页语言有困难。网页设计主要应用DIV+CSS技术,其中很重要的一部分内容是要学习HTML语言和一些脚本语言,但是对于中职学生来讲却是有难度的,因为他们大部分文化基础是比较薄弱的,尤其是英语基础。在这种情况下,让他学习网页设计就有一定的难度。

2.学习网页制作需要其他软件知识做基础,网页设计是一门综合性很强的课程,页面的设计需要用到其他图像处理软件,比如,Photoshop等。制作页面的时候还需要添加一些多媒体内容,这就需要学生对Flash的内容有一定的掌握。

3.学生对课程缺少兴趣,缺乏耐心。正是由于网页课程的综合性强,对学生有比较高的要求。但学生却恰恰相反,在设计网页时缺乏耐心,对课程的学习不能善始善终,导致课程学习的困难。

(二)教师存在的问题

1.教学方法存在问题,如果教师一味地按照书本上的内容照本宣科,学生必然会觉得枯燥。更谈不上对课程感兴趣,这就要求教师应该熟悉自己所讲授的课程,更好地组织教学内容。

2.教师缺乏责任心和耐心,面对中职学生各种各样的问题,教师可能身心疲惫,导致课程讲授毫无感情可言,教师讲课如行尸走肉一般,学生更加不会投入到课程中来,直接影响了学生的学习情绪。

3.网页设计需要大量的实例和素材,教师需要精心的准备。确保使自己所讲的实例更贴近学生的水平,演示与练习相结合,提高学生的动手操作能力和解决实际问题的能力。

二、解决方法

学生的文化基础在很短时间内很难有太大的提高,但是我们可以采用适当的教学方法,针对上述问题提出解决办法,尽较大的努力使学生在网页设计的课程中有所收获。

(一)激发学生学习兴趣

在课程开始时,可以设计经典网站赏析课,多让学生欣赏一些国内外经典的网站,带领学生认识网站,认识这门课程,建立学生学习网页设计的强烈愿望。

(二)代码学习方法

学生学习网页代码有困难,教师在讲实例的时候,除了要讲解设计窗口的操作步骤,更要结合代码窗口向学生讲解相应的代码。讲解代码不必逐词翻译,只需要分块讲解就行了。让学生明白,设计窗口的网页元素以及相应效果对应着的代码是哪一部分。学生在做练习的时候,也要要求学生要结合代码,做完之后进行代码的学习和分析。此外,要求学生对代码进行抄写,在抄写过程中熟悉代码的格式。

(三)分模块学习

网页学习需要综合多个软件的知识。学生不可能所有的软件都非常精通,学生学习课程容易前面学后面忘,所以教师可以找一些比较综合的案例分模块讲解。比如,页面设计是一个大的模块,可以使用PhtoShop或者Fire-Work等图像处理工具把网页页面效果设计出来。效果出来之后,再拿到DreamWeaver中根据网页效果和素材进行页面布局和样式的设定。网页中需要用的Flash可以单独作为一个flash模块进行讲解。在这样综合的案例中学生一边回忆以前学过的知识,一边接受新的知识,两者相结合,可以给学生很大的成就感。

(四)实例教学和项目教学

这两种教学方法是软件学习经常用的两种方法。针对中职学生的特点,书本上的那点例子是远远不够的,他们需要更具有吸引力和新颖的实例,这就要求教师要精心备课,找到更多适合学生的教学实例。机房上课时,讲的时间不宜过长,可以边讲边练,分配好讲课和学生动手操作的时间。对学生每次的练习要有时间限制,提高他们学习速度,从而提高学习效率。除此之外,还要有反馈机制,可以通过多媒体教学系统,对学生的学习情况有一个了解,把好的学生作品拿来跟大家一起分享。每次课根据教学内容可以找一个或者多个小的实例。整个课程的知识点学完后,好要有一个大的综合项目,有利于学生学习的完整性,提高综合应用能力。可以采用“项目式”分组开发和管理的办法对学生进行综合训练。可以将网页分成不同的栏目版块,由学生分组完成。根据学生学习情况对学生进行合理的分组,小组成员各尽所能,又可以互相学习。

三、结语

总而言之,教学中的问题总是存在的,学生的问题是一方面,但是我们更要从自身出发,切合实际的把教学搞好,引领学生打开网页设计课程的大门,一同感受学习的乐趣,才是我们真正要达到的目标。

作者:冯琳 单位:河北省邢台市现代职业学校

网页设计论文:五年一贯制网页设计论文

一、五年一贯制中高职课程的现状

1.课程目标与职业能力的定位不清晰。

中高职课程的衔接应该以职业能力作为落脚点。但现实中,中职学校与高职院校都存在对职业能力定位过高或过低的情况,使得两个阶段的相关课程目标经常需要调整,同时也更容易出现课程目标重复、断档等情况。

2.专业理论课程没有体现中职与高职之间的区别。

目前,由于管理体制上中高职学校各自为政,使得中职和高职的课程没有统一的课程标准,课程设置难以统一规划。导致专业理论知识重复学习,没有螺旋式上升的理论知识结构做铺垫,造成了教育资源的浪费。

3.专业技能课程设置层次划分不清晰。

专业技能课程是职业教育区别于普通教育的关键,现实是中职与高职在专业技能的层次划分上并不明确,各中职学校的技能训练过浅或过深,高职阶段的技能训练又很难及时针对来自不同中职学校的学生进行调整,造成教学效果参差不齐。

二、五年一贯制中高职课程开发的思路

课程开发最核心的问题是课程定位、课程目标、课程内容设计、教学方法和考核方法。五年一贯制的课程存在前后两个阶段衔接的问题,所以有更多的因素需要考虑。

(一)课程定位

及时步,通过对大量企业用人信息的收集,从中分析人才需求,结合行业内的专家论证,确定专业所服务的具体岗位(群);第二步,深入工作一线对具体的工作岗位(群)进行分析,确定课程对应工作岗位的任务、流程、职责、所需知识、能力以及职业素养等;第三步,分析专业课程体系结构,明确课程在专业中的定位以及前后课程的联系;第四步,根据中职与高职不同的培养目标,结合市场需求的指导,明确课程在中职、高职两个阶段的定位。

(二)课程设计

职业教育以面向职业岗位、为生产建设及时线提供人才为目标,所以应当紧扣行业需求,为行业企业提供有能力的发展性人才,这也是职业教育区别于普通教育的最根本特点。所以,五年一贯制的课程设计理念首先应该遵循“能力本位”原则,课程设置体现岗位需求,要培养学生扎实的专业理论功底和娴熟的专业操作技能,以满足行业企业的需求和自身的长期可持续发展。其次,要考虑中职与高职两个阶段在能力层次上的定位与衔接。中职阶段以培养基础职业能力为主,满足企业对初、中级人才的需求;高职阶段以培养中高级职业能力为主,让学生的职业能力得到平滑提升,达到企业对中高级人才的要求。

(三)课程内容设计

中职阶段以网页设计与制作基础能力的培养为主,以零散、简单的案例作为教学载体,打破按照“软件知识点”为主线来划分教学模块的方式,采用按照“网页内容”来划分教学模块;高职阶段注重提升已有网页设计的基础能力,通过完整的网站项目提升学生的综合实践能力、系统工程设计能力以及的职业素质。

(四)教学方法设计

无论是中职阶段还是高职阶段,都采用“行动导向教学”的模式来组织课堂教学。行动导向教学模式强调学生在学习过程中的主体地位,通过各种教学方法的配合训练学生的专业能力、方法能力、社会能力,最终整合形成有效的行动能力。具体来说,中职阶段的教学内容更适合采用具有“行动导向特征”的案例教学法、探究教学法、知识竞赛教学法等来组织课堂完成基础部分的学习;高职阶段更适合采用项目教学法、角色教学法、探究教学法等的结合来引导学生发展自主学习能力。

(五)考核方法设计

五年一贯制的课程设计理念遵循“能力本位”原则,重点在于培养学生获得产业界所需的各种能力与素质,所以课程评价不仅要看到学生解决问题的结果,更要看重其得出结论的过程,了解学生在过程中所体现出来的情感、态度及各种职业能力。中职阶段重点考核学生对基础知识的理解以及对基础技能的掌握,注重学习过程的质量控制,加强形成性考核的比重。强调平时考核的中间过程(课堂表现、课堂练习、课后作业、小组竞赛等),引导学生打好基本功,从细节培养学生的职业素养和能力。高职阶段的考核要加重考核学生在项目的设计与制作过程中所表现出来的专业能力、方法能力和社会能力。所以,考核的内容注重项目执行过程的阶段考核,将平时的项目成果、作业、报告、个人在小组项目中的贡献、项目的创新性等列入评价范围,关注学生在评价过程中所表现出来的兴趣、特长等个性特点,引导学生发展。

三、结束语

本文以《网页设计与制作》课程为例,提出以职业能力的衔接作为课程衔接的落脚点,探讨了在中职、高职阶段对课程进行衔接设计的思路和具体方法,以期为五年一贯制的课程设置提供一些有益的探索经验。

作者:陆炜妮 单位:东莞职业技术学院计算机工程系

网页设计论文:网站信息组织设计与网页设计论文

一、网页设计课程中关于网站信息组织系统设计教学的现状

1.信息设计意识教育的作用

信息设计意识是针对人的信息获取行为提出的。人对外界空间、形态、大小、图文、颜色、静动等的感知,都是一种信息传递。有效的信息传递设计是设计师不能回避的问题,当设计作品不能有效地组织各种元素传递信息,作品的功能性受损,纯视觉效果设计的价值便随之消减。

2.教学内容中涉及网站信息组织设计的教学内容现状

网站中,对信息的组织和设计是站在信息传递效能的角度开展的。信息的设计囊括了视觉的范畴,而设计教育中,在面对网页设计这种信息高密集度的设计专业课程时,如果将视觉传达设计的知识体系简单定位于网页的视觉效果设计,是对网页设计课程教学的扭曲。因为:一方面,人体通过视、听、触、嗅、味五种途径从外界获得各种信息,而视觉只是其中一种形式;另一方面,由于惯性思维,如果学生一想到网页设计就将其限定于对视觉效果的设计,再高一层面也只是强调了创意等信息传递方式的设计,而人获取和认知信息有着自身的一套规律和方法,对这些规律运用的缺失最终会反映在网页设计作品上。信息如果架构不合理,会使用户从中获取目标信息的难度增大,体验质量降低,造成设计行为的价值流失,有违网站设计定位的初衷。

二、网站信息组织系统在网页设计中的重要性

1.从信息结构层面保障用户能在网站信息中快速寻找到目标信息

网页设计的结构性与易读性是非常重要的,而结构的合理性是网页信息符号易读的必要保障。用户对网站信息之间的关联的认知有一定的规律,网站的本质是网络平台与用户互动并传递信息的信息集合体。保障网站信息的易读性,有效地向用户传递信息是网页设计的目标。用户在各种层次的目标驱动下访问网站,需要在不同页面发生交互行为,完成访问目的,因此在设计中必须保障用户能流畅地在不同页面获取不同阶段具有目标价值的信息。

2.从功能层面明确网页的设计目标和开展方式

网页的设计与传统视觉传达设计有很大的不同,它很大程度上不仅仅是静态视觉效果的设计,更多的是在动态操作过程的策划设计中,对这些交互功能的视觉补充和效果层次控制。换言之,功能决定形式,目标决定过程,传统的视觉传达设计关于视觉流程的应用原理在网页设计中只在部分情况下适用。

三、网站信息组织设计的教学探索

1.选择合适的项目案例导入与目标任务明确化

(1)挑选具体网站设计案例为课程练习任务蓝本

在授课准备阶段,教师挑选难度合适的网站设计项目,尤其是自己负责过的且有代表性的网站设计项目,将各个环节的任务按照不同难度分解为不同的分支任务,在不同的教学环节中使用,以任务驱动学生参与目标的实现。当课程中有一个具体任务被布置并且得到学生履行时,课堂实际上就产生了教学效果。任务驱动教学法最显著的特点是以任务为主线、教师为主导、学生为主体,改变了固有教学法中教师讲、学生听的被动教学模式,创造了学生主动参与、协同合作、探索创新的新型教学模式。

(2)项目案例导入实践教学环节需要注意的问题

网页设计项目导入课题教学,在课程中的难题主要在于教学的进度难以控制。项目案例引导应用于教学,实际上就是一种课堂知识和方法的任务实践具体化过程,关键在于对案例内容难度的挑选。内容太多,涉及网站信息组织设计的任务就会占用太多实践,增加教学实践环节授课时间的控制难度;内容理解难度大,会导致学生在进行信息分类时额外的认知和实践工作量增大,模拟卡片分类法的过程会出现一些意外状况;项目涉及的信息组织设计的预期理想结果过于单一,可能会造成学生因在任务组中获得的结果趋于一致而相互抄袭,不能获得预期的教学效果。

(3)明确案例项目中的任务目标群完成的衡量标准

教师在教学实践中,应明确每个教学知识点的合格标准,这样学生也会有明确的课堂目标,尽管这种目标的完成不一定建立在学生自己的兴趣基础之上,但是对于教学效果而言具有实际价值。其一,网页设计课程中案例项目的信息组织设计的教学完成,过程中有很多环节需要控制,所以教师必须围绕总目标确定次一级的任务目标群,使学生对完成总任务目标需要完成的几个模块子任务的内容有清晰的认知;其二,任务目标群的体系构成还包括各个任务目标之间的流程关联,教师要使学生理解每个次一级任务目标安排组织的缘由;其三,明确衡量要求,使学生明确认知需要达到的合格标准。

2.情境模式模拟用户访问网站的过程

(1)网站的目标用户群分析

对开放性的网站而言,被访问时用户需求能满足的,且与网站的建站目标相符的,即为网站的目标用户。网页设计目标用户与产品设计目标用户的不同在于:网站先天具有自我宣传和推广的功能,即向所有访问用户传播自身存在状态的信息,若网站以宣传为主要目标,那么其目标用户群的范围可能非常宽广;其次才是以向特定群体提供特定产品和服务为目标的网站,其目标用户的定义范围较为狭窄和具体。所以,对网站目标用户群体的分析必须联系网站的建站目的展开。

(2)确定目标用户群访问网站的目标信息

网站信息成分越复杂,功能越多,网站中具有目标用户群的目标信息价值的信息就越多、越分散,此时网站的建设对信息架构设计的需求就越急迫。换言之,即确认目标用户访问该网站时对哪些信息存在需求,必须在具体设计展开前进行分析。

3.卡片分类法引导学生对案例项目中网站信息组织分类

(1)关于卡片分类法

卡片分类法是一种定性和定量相结合的方法,调查者预先给予测试者一系列标有名称或内容的卡片,让测试者根据自身认知将这些卡片进行归类,并对卡片名称及类别名称进行确认。卡片分类法是网站信息架构的一种常用方法,用来比对网站设计者和网站访问者对网站信息分类的普遍性认知差异,以此作为设计师调整信息架构的设计依据。结合项目案例网站,将整站的众多多寡不一、主次各异的信息和功能模块,提炼出概括性的条目、文字、词汇和小分类等,并书写在准备好的卡片上进行信息特征的归类。使用卡片分类法对网站信息进行分类和组织的目的在于让设计者从用户的角度理解网站的信息,以求更好地为用户提供容易理解的网站信息组织方式。

(2)教学中卡片分类方法的具体实施过程探索总结

首先,在教学过程中,教师要求学生准备便签之类的卡片,对作为案例项目的网站中涉及的信息内容进行梳理,将对应一级和二级网站导航架构的信息内容一级分类模块和二级分类模块,以及无法确定分类的独立信息模块,用一句话或者一个词组提炼出来,写在不同的卡片上,并注意用词的性。如果暂时无法寻找到合适词汇提炼概括一个模块的信息内容,可用小一点的文字注释在该卡片上,以帮助参与实验的用户理解。其次,参与卡片分类测试的样本用户的选择。如果选择的项目案例是一般性的网站,如一般的公司网站、主题网站,则样本用户可以限定在同年级或者同校的学生范围之内进行选择。作为课程的一种练习,这样有一定的便利性,但是作为实际的实践环节,则有一定的局限性,如年龄和文化教育层次的局限性,所以案例项目的选择很重要。在卡片分类教学实施过程中,由于教学进度和课时的限制,建议选择的被测试对象直接在班级中产生,另外,为防止参与测试的不同用户分类时相互干扰,可以让单个用户先后独立完成卡片分类,小组成员记录分类结果以及用户对卡片进行分类的理由。再次,展示时建议水平铺开便签,让用户重新梳理和陈述自己的分类,及时发现分类存在疑问的地方。在以往的教学中,粘贴式便签便于在展示板上展示,但是一旦贴上,在修改和调整时容易被撕坏。,用户测试过程的研究。按照观察法对用户分类过程进行观察和记录,是为了更地把握用户的分类动机。观察法是有目的、有计划地通过对被测试言语和行为的观察、记录而判断其心理特点的心理学基本研究方法之一。这里所说的观察对象一般是访问网站的用户。同时,对测试结果进行用户访谈,主要目的是确认用户在分类过程中的判断依据,当设计者对用户分类结果的认知与用户的认知有不同之处时,必须通过用户访谈进行了解。

4.研究结果分析

E-R关系图能比较明确地描述出卡片上的网站信息模块之间的关系结构与关系特征,应用于网页设计课程中的网站信息组织设计,具有较强的实用性。将用户的测试结果用E-R关系图描述出来,一方面可以锻炼学生对逻辑关系的理解能力,另一方面可以培养学生在设计中注重资料信息的条理性的良好习惯。在课程安排中,教师可以安排一定的课时由每组学生上台讲解自己的研究结果,强化学生在课程中的参与感。课堂上的卡片分类测试可以让学生从用户的角度,看到用户对网站信息的理解模型,这对网站信息的架构设计有很好的引导和参考作用。

四、结语

网页设计涉及视觉设计、交互设计、信息架构、用户体验等各种领域的研究。在网站中,信息架构设计首先必须进行网站的信息分类和组织,这样才能保障后期的导航系统和检索系统设计的顺利进行,进而影响交互的设计,才是网页以何种视觉效果呈现在用户眼前。网站的视觉设计必须以网站的信息架构为基础开展。卡片分类法是关于信息分类的常用方法,也比较适合用于网站信息组织设计的课堂教学,辅以信息模块之间的E-R关系图表现,能让学生更直观地认识网站的信息架构,更易于帮助学生理解网站相应的区域应有对应的交互与视觉设计,从而顺利展开网页设计的后续教学。

作者:熊科军 黄琴 单位:湖南文理学院美术学院

网页设计论文:高职ASP动态网页设计论文

一、高职院校ASP动态网页设计课程存在的问题

1.教材和教学方法落后

据调查,目前高职院校ASP动态网页设计课程普遍还是采用传统教材,这种教材的章节是按照课程的知识内容进行划分,每章按照知识点、命令语法格式、例题和练习的顺序来编排。这种传统教材将网页设计开发的过程按知识点进行分解,缺少开发的过程环节。而授课教师往往按照教材讲课,或用多媒体教学环境按照教材内容讲授相关理论知识,然后布置相关上机内容让学生进行实践。这种以教师讲授为主,学生学习为辅,重点介绍学习知识重难点的方法,不能做到学与做的有机结合,将导致学生难以理解和掌握所学知识和技能。随着该课学习的不断深入,学生的学习兴趣和积极性将逐渐降低,导致后续很难综合应用所学知识和技能完成完整的动态网站开发。

2.实践环节对学生锻炼不到位

经过几年的一线教学经历和调研发现,动态网页设计课程在实践课时大多采取教师布置任务、学生上机敲代码测试运行等方式。所有同学的实践内容和操作步骤全部相同,容易造成互相抄袭偷懒的现象,导致学生的动手操作和专业能力锻炼不够的结果。

3.课程考核形式过于单一

专业核心课程最终成绩往往由期末考试成绩决定,或采用平时成绩加期末考试相结合的考核方案。这种传统单一的考核形式对动态网页设计这门实践性特别强的课程肯定是不适用的,容易使学生产生平时不学,期末突击的侥幸心理。有的教师结合上机考试,让学生在考试中完成相应的设计试题,这种考试方式的主要问题在于考试时间有限,很难在指定的时间内考察出学生真实的水平技能,尤其对完整的网站项目来说,更是难以达到考核的目的。

4.传统教学方式不注重培养学生的职业素质

作为一名合格的网站网页设计工程师,所需的职业综合素质包括坚韧性、团队合作的意识、人际沟通能力、团队关系培养能力,以及服务精神、献身精神等。而教师在上课过程中只注重知识的讲授和技能训练,却往往忽略了这些职业素质的培养,使学生在实施项目的过程中目标不够明确,不熟悉项目整体的过程,或者不能清晰地表述自己的想法和意见等,在实际工作中还需进行二次培训。

二、教学改革的工作内容和实施的具体措施

1.课程标准(文件)的改革

对课程标准(文件)进行重新的修改编制,前提需要对计算机专业中本课程在实际工作岗位的分析和论证。通过对市场和企业一线进行深入调研,确定ASP动态网页设计课程在工作中的实际岗位以及典型工作任务的职业行动领域,进而确定该课程所对应的专业能力和专业知识,然后才能得出所对应的课程领域。至此,教学文件制定者需要通过上述研究论证结果进行教学文件的修订工作。与以往课程标准不同的是,由于本课程采用项目教学和过程考核的模式,所以制定新的课程标准须要做好三个前提:一是通过人才培养方案和企业调研结果确定本门课程的学习领域,主要包括课程的能力目标、知识目标和素质目标。二是在做好学习领域后对学习领域进行分解,目标是将课程划分为具体的若干个情境,并确定每个情境的学习内容、能力目标、总体的工作过程以及学时分配。三是根据学习情境进行详细设计教学过程。在这一过程中,主要目的是给出详尽的项目实施过程,如何进行教学组织以及本情境项目的考核方法等。以情境设计实现用户注册登录系统为例。

2.教学过程和方法的改革

基于ASP动态网页设计的课程标准,设定情境采用工作过程六步项目教学法为主要教学方法。项目教学法是基于项目开发过程(或基于工作过程)的思路组织教学内容进而安排系列教学活动,是以实际的工程项目为对象,师生通过共同实施一个项目工作而进行的教学活动,并以共同完成项目的情况来评价学生是否达到教学目的的教学方法。由于动态网页设计的每个情境项目都是完整的开发案例,将学生分组来进行是普遍采取的措施。学生对信息、计划、决策、实施、控制、评价每一步都具体分工协作,让学生通过讨论确定每个人的工作任务和职责,通过团队的分工合作来共同完成整个情境项目。重要的是让每个学生在项目中负责相应的任务,杜绝怠慢偷懒的坏习惯,让学生都动起来,真正在每个情境项目中得到锻炼。此外,由于ASP动态网页设计课程所需前导课程较多,并且重难点之处需要学生有着较强的编程和数据库应用能力,所以教师要充分考虑到高职学生的综合素质和学习水平,在授课计划中对所需前导课程要留有复习的课时。ASP语言风格类似C语言,建议在本门课之前一到二个学期开设C语言程序设计基础课程。而在复习过程中由于课时有限,教师要把握好难易度和内容的选取,一般要坚持够用即可的原则和中等难度的编程训练。过于简单的复习达不到网页设计的要求;过难复习会打击学生学习的信心,容易使学生产生放弃的想法。对于数据库应用方面着重强调SQL语言的应用,与程序设计复习方式应保持一致。

3.考核方式方法的改革

如前文所述,传统的考核考试方法对于ASP动态网页设计课程已经不再适用,因为它并不能真正地考察出学生学到的知识和锻炼的技能。针对项目教学法这一特点,考核方式采用过程考核效果较理想。过程性考核的具体方式因人因课而异,采用的形式也比较多变。在本门课中选取的情境案例较适合用六步法与师生评价相结合的考核方式。具体是在六步法的每一个环节中采用学生自我评价、小组互评和教师评价的方式,三种评价的分值权重根据具体情况可以自行设定。在每个项目完成后,学生提交项目设计完成情况,对各项目的知识技能进行总结。对创新的部分可以加分,对不足和错误扣分,灵活的打分原则既保障公平公正又激发学生不断完善的动力。在评价的过程中教师评价要掌握的信息,包括学习态度、团队协作等多方面综合素质测评的情况,在评分中更多的是考察学生在实施过程中综合素质的表现。

三、结语

总之,以上是笔者近几年在ASP动态网页设计这门课高职教学中总结的一些个人心得和改革的内容方法。本着让学生更加有效的学习知识和熟练掌握专业技能的宗旨,通过一些措施和方法激发学生学习的兴趣动力,加强学生的动手操作能力,有利于培养学生会学习的能力、解决实际问题的能力和今后职业发展的能力。没有一成不变的教学方法,我们要努力发现更加适合社会发展需要的,更适合学生理解接受的教学方法模式,以提高教学效率,让职业教育展现一个新的未来。

作者:冯增卓 单位:辽宁工程职业学院

网页设计论文:图片网页设计论文

1图形图像在网页设计中的作用

1.1增强趣味

增强趣味主要是指在形式上增强其阅读的趣味性。特别是在有大量文字信息的情况下通过加入图形图像,可以充分地刺激人的大脑,提升其阅读的兴趣,从而吸引浏览者的目光,使其愿意进一步阅读下去,从而达到传播信息的目的。

1.2传达信息

图形图像的应用,除了可以使网页界面更加美观、有趣外,其本身也是传达信息的重要手段之一。随着现代社会生活节奏的加快,迫使人们选择更快、更直接、更形象的传达方式。调查表明,现代人对信息的接受80%源于图像。也就是说,图形图像较之文字更容易引起人们的关注。图形图像也比文字更直观、通俗地将相关理念、意境等信息直接、形象、高效地传达给受众,从而达到设计的目的。

2图形图像的获取方法

2.1从屏幕采集

最原始的方法是按下键盘上的<PrintScreen>键,将当前屏幕复制到剪贴板上,再通过其他图片处理软件进行加工;也可通过相应的屏幕截取软件工具进行屏幕采集如HyperSnapDX、SnagIt等。

2.2从网上下载

网络资源异常丰富,在Internet上可供选择的素材很多,可以直接访问网页,从网上搜集我们需要的图片,并通过保存图片或者通过电子邮件、网际快车等形式下载相关的资料素材。

2.3用扫描仪采集图像

可通过彩色扫描仪将报纸图书等纸质的图片素材进行扫描,把各种印刷品及彩色照片数字化后在计算机中存储起来供使用。

2.4使用数码相机及数码摄像机采集图像

可使用数码相机和数码摄像机进行图片的拍摄和录取,然后将相关图像信息存储到计算机中进行处理,这应用的非常普遍。

2.5通过计算机软件进行绘制

可通过各种绘图软件进行绘制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。这些工具软件在图形图像的处理方面功能很强大,不但可以很方便的处理图形图像,还可以优化图片的质量,提高网页的下载速度和制作效率。

3图片在网页应用中的处理方法

3.1退底处理

可以形成生动的边缘效果,使画面更具活力。有时也为了去除图片中繁杂的背景,使图片主体更简洁醒目。

3.2虚实处理

通过对图片进行虚实处理,也可使主体更突出,增强网页的空间与层次感。同时通过虚实的对比,使画面形成张弛有度的关系,其虚的部分可激发人们的想象力,有助于产生联想。

3.3影调处理

通过各种图形图像处理软件,对图片的色度、饱和度、明度、纯度等进行调整,可以制作出各种色调的图片效果,从而大大增强图片的感染力。如将整张图片进行去色处理、产生单一色调效果或突出某一主要色调等。

3.4质感处理

通过对图片的质感处理,可以激发人们的联想与情感投入。如粗糙的表面效果,可以带给人们的质朴的感受;对图片进行残缺处理和作旧处理,可以带来一种沧桑感等。利用Photoshop图层和滤镜等相关功能,可以制作出不同质感的图像效果。

3.5局部与特写

有时为了突出某一特定部位,或获得某种特别的视角,需要对图片的局部进行特写处理,通过对图片的重新剪裁而获得一种特别的视觉感受。

3.6综合处理

在很多时候,为了某种表现效果,需将各种方式综合利用,以达到设计的目的。例如,对图片进行重新分割与组合、混合等。

4结束语

图形图像的应用对于强化网页的视觉效果起着非常重要的作用,只有充分了解图像在网页设计中的重要作用,结合具体并切实可行的处理方法,才可以使图形图像在网页中发挥更好的作用,达到美观实用的目的。

作者:李玉荣 单位:濮阳职业技术学院

网页设计论文:理性网页设计论文

一、设计必须符合媒介特性

在设计网页时,我们必须考虑网页服务器的处理能力、网络传输的带宽,以及用户浏览网页的终端处理能力、显示媒介的尺寸大小、分辨率高低等要素。服务器的处理能力、网络带宽、终端处理能力都会影响网页传输的速度,而显示媒介的尺寸大小和分辨率则会影响网页呈现的形态。在考虑页面的内容和显示质量时,我们必须要理性思考页面的数据量,综合分析影响页面传输速度的各个因素,权衡内容、质量与浏览者等待时间的平衡。内容多、质量高,传达的信息量大,视觉效果好,但可能造成页面数据量大,浏览者等待的时间长。Websense调查公司称:多达70%的上网者表示不愿意在页面读取上超过10秒钟,也就是说在浏览者点击链接之后,如果页面在10秒钟内还没有呈现出来,用户会放弃访问,即使网页有再好的内容和质量也达不到传达信息的目的,这就失去了设计的根本目的。从心理学的角度上看,浏览者在等待过程中,会逐渐增加烦躁和不安,失去耐心,况且网络上有太多的选择,更加剧了他们放弃的决心。设计网页的幅面时,我们不能像纸质媒介那样以长度单位来计量,而是以数字媒介的基本单位像素来计量,而一个像素在视觉上到底有多大又取决于显示媒介的尺寸大小和分辨率,所以网页在视觉上的大小在浏览者那里可能大不相同,因为他们浏览网页时采用的显示媒介大小和分辨率可能相差很大,也许是9英寸的笔记本电脑,也可能是25英寸显示器的台式计算机,即使物理尺寸相同,分辨率不同,所得到的页面大小也不一样。因此,我们必须对浏览者使用的网页浏览设备有充分的调查和分析,并进行测试,以保障我们设计的网页幅面大小在普遍使用的各种网页浏览设备上能够满足浏览信息的基本要求。

二、网页应是浏览为主

在用户获取信息的方式上,网页有别于纸质媒介,网页是以浏览为主,而纸质媒介是以阅读为主。所谓浏览,按照字面意思就是粗略、大致地看一遍,其主要目的是大致了解,搜寻是否有感兴趣的信息线索;阅读比浏览更具有主动性和目的性,是有目的地读,其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实:一是“我们不是阅读网页,而是浏览”;二是“我们不做选择,而是满意而止”;三是“我们不深究原理或本质,而是想当然地使用”。我们为什么对网页是浏览呢?克鲁格的分析认为有三个原因:一是因为匆忙,使用网络的目的多半是想节约时间,这样用户就会不停地运动;二是用户知道不必全部阅读,通常一个网页里面只有很少一部分是他们感兴趣的;三是用户擅长浏览,浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因,用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程,直至满意而归。如果中间出现了不满意,这个过程就会终止,用户就带着不满意而离开。所以,在设计网页时,哲学家威廉提出的奥卡姆剃刀原理“如无必要,勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时,突出那些重要的内容,去掉那些不必要的图案和文字,即使那些能够让你的网页在视觉上产生更好的效果,但如果其干扰重要信息的浏览,仍然应该果断地去掉。在网页中,只有那些有利于信息传达目标的美才是有价值的,美应该符合于功能的需要,美和功能的和谐统一才是网页设计追求的目标。为了便于浏览,在网页内容的编排上必须尊重视觉习惯,我们在浏览时总是从左到右,由上而下地扫视,要根据内容的重要性,进行从左到右、由上而下地依次排列,使重要的内容映入浏览者的眼帘。在文案的写作上,为了便于快速浏览,一是对标题、关键内容加以强调;二是采用短的句子和段落;三是采用清晰的分区和列表;四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣,然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中,短句和短的段落有利于减小理解的难度和缩短判断的时间,清晰的分区和列表能够让人快速抓住其关注的兴趣点,促进人们继续浏览。

三、网页设计不应打破惯例

前面已经提到,网页是一个要求即看即用的特殊“产品”,也就是一看我们就要知道如何使用。我们虽然使用了若干手机,但我们购买了一款新的手机时,我们还是得阅读说明书后才能正常使用,网页确不需要。那如何才能达到即看即用呢?使用惯例就是好的武器,这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西,我们一看就知道它的意思,就知道怎么去操作,因为惯例是我们日常生活中积累起来的,已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识,使用存储于外部的知识不需要学习,但效率低;使用头脑内部的知识需要专门学习,但效率高。而惯例是已经存储在头脑内部的知识,具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的,一是重要导航在页面的位置,按照惯例一般布置在页面的上部、左上部或右上部,首页的链接放置在最前面;二是网站的标识放置在页面的左上部,浏览者用其来判别是否到达了目标网站;三是文字链接要加下划线(也可以鼠标放上去才出现),浏览者用其来判断是否有超级链接;四是常用标识符号,如在多页文档中,代表向上翻页,代表向下翻页;在视频、音频播放中■代表停止,代表暂停,代表播放。这些标识符号在网页中已经具有特定的意义,是不能随意改变的。

四、设计层面之间的逻辑联系

战略层确定的网站目标和用户需求,是整个网站设计的基石,其决定范围层的内容选择和功能设计;结构层是对范围层选择的内容进行分类和组织,形成信息架构,以及对确定的功能进行交互设计,确定交互的过程和交互行为;框架层是在结构层信息架构的基础上,根据完成任务的需要,利用超级链接设置来完成导航设计,以及规划信息架构在页面空间中的位置关系,形成布局框架;表现层是对框架层进行具体的视觉表现,包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出,下一层是上一层的设计依据或设计对象,上一层是下一层的进一步深化和具体,相邻层之间紧密联系,既不能交换,也不能跨越,更不能缺少,具有严格的秩序,形成了完整的逻辑链条,理性思维贯穿在整个设计过程之中。

五、结语

网页设计是在互联网络高度发展和普及应用之后,产生的介于视觉传达设计和产品设计之间的跨界设计领域,其设计程序的严密逻辑、媒介的技术特质、以浏览为主的信息获取习惯、高度的人机交互等特点,都需要我们在设计中进行更多的理性思考。毕竟对于网站而言,有用、好用是及时位的。

作者:谢成开 单位:四川美术学院

网页设计论文:图像处理应用下的网页设计论文

1常见处理技术

网页中的图像,按照存储格式不同可以分为矢量图和位图,按照使用用途的不同,大致可以分为地址栏图像,网站Logo,网页内容图像等。地址栏图像类似一个图标,显示在地址栏网址前边,一般经过精心设计,能够传递公司专业与精细的形象。内容图像是指嵌在网页中或者作为网页背景的图像。伴随网络技术和软件技术的进步,用于图像处理设计的软件有了很大的发展。网页三剑客中的Dreamweaver在进行网页设计的同时,可以对一些图片进行简单的变化处理,fireworks能满足对网页图片处理的大部分功能要求。对于一些有特殊要求的图像,可以使用Adobe公司的Photoshop软件进行处理;在进行Logo等设计时,一般使用CorelDraw或Illustrator等软件来完成。在进行图像的设计、选择和处理中,掌握专业软件的基本使用技巧是必需的,图像在网页设计中的功能主要可以分为视觉吸引、信息引导两方面。要达到这样的目的,需要对图像进行合理的处理。使用动画图片,以及适当的色彩对比,形成版式的变化,吸引浏览者的注意,引导其对网站内容的阅读。根据公司对网站的功能定位,其所承载的任务与指向有所不同,对浏览者所作设定亦有差异。比如腾讯公司的腾讯网()和腾讯(),一个作为门户内容网站,一个作为公司形象网站是两个独立的网站,设计风格,内容和要求差异很大。

2新技术

网络作为第四媒体,其显示终端可能是计算机,平板,电视或智能手机,为了页面兼容等原因,前端设计出现了很多新技术,如div+css技术,Javascript技术等,为了方便管理,一般采用对象的结构、表现和行为分开。结构是对象的内容,表现是其外观,而行为是与浏览者的交互,或者说是浏览者进行鼠标点击或输入内容等操作时,页面的反应。在进行网页设计过程中,图像对象也是如此,利用代码可以对图像进行一些效果的处理,起到资源占用少,页面维护容易等目的,还可以达到一些用基本图像处理技术不易实现的效果。用div+css结合Javascript技术可以实现在网页前端一些设计效果和逻辑处理功能,比如图像轮播和验证码校验功能[2]。在一个存在后台管理的网站中,网页的很多内容来自于后台数据库,一些图片也不例外,内容需要和后台交互,根据数据库的内容和页面的特定逻辑,决定图像的外观。这是基本图像处理技术无法实现的,需要设计者了解动态页面设计技术,常见的技术有,php和jsp技术等。除此之外,还有连接数据库,缩放、剪切、相框、锐化、旋转、翻转、透明度、反色等对网页图片的处理。不再一一举例。

3结论

传统网页设计技术一般分为前台和后台技术,前台主要负责页面的版式和效果设计,在设计过程中,需要对图像处理有较好的理解,随着技术的进步和观念的变化,一般认为,网站的功能是及时位的,在此基础上,需要有良好的显示效果。技术是手段,是媒介,不能一味追求技术的先进与绚丽,设计要同公司网站的定位紧密相关,综合运用多种技术实现。网站的视觉吸引、信息引导两方面的功能并没有变,但是如何达到这一目的,是设计者关注并努力的方向。在功能完成的基础上,使浏览者获得良好的体验,简洁明快的设计往往会给用户留下较深的印象。页面图像设计者要对相关技术有较好的理解,页面前台效果不是孤立的,任务进行过程中,美工需要和后台设计人员进行沟通,反复修改,共同完成设计。

作者:智立甫王春写单位:石家庄职业技术学院电气与电子工程系石家庄市市容环卫服务中心

网页设计论文:网页设计多媒体技术论文

1引言

多媒体技术是将数字技术以及计算机技术的综合体,它是各种多媒体信息集合的产物,它将文字、视频、图像、音频等各种信息进行了有效的合成。多媒体技术已经广泛的应用到到了各个行业之中,如教育、旅游、广告等,并发挥着越来越重要的作用。多媒体技术在当前的应用范畴中所包含的内容也越来越多,其使用的素材也在不断地增多,并且使得网页更加的具有艺术性,使之更容易吸引浏览者的眼球,进而使得人们的工作学习效率得以提高。

2多媒体技术在网页中的应用

2.1图形图像处理技术

网页设计的最基础元素就是对图形、图像的设计,其设计程序主要包含着五个方面的内容,首先是对图像的获取,其次是对图像的编辑处理,还有就是图像的输出,以及图像的压缩和存储,要将这些图像转化成另一种平面或者是立体的图像,给浏览者一种视觉冲击的效果,进而吸引更多的浏览者。

2.2动画处理技术

一些动画往往运用了一些数字处理技术,这一技术的运用可以使得文字具有一些特殊的效果,同时还可以使的一些图形具有一种立体动态的效果。动画的格式有GIF、SWF、FLIC、Java动画等。

2.3数字音频处理技术

这一技术可以使音频不再是模拟,而是可以将音频和视频合成,可以通过数字化技术产生更加良好的效果,使整个网页不管是从整体的角度看还是从局部的角度看都可以产生良好的视觉与听觉效果,。

2.4视频处理技术

当前视屏在网页中的应用比较广泛,已经成为网页设计时必须考虑的多媒体元素,在网页视频设计的过程中,信号源是及时要素,它可以是高频信号、分离电视、复合视频信号。获取数字视频的方式主要包含着通过数码摄像机获取,CD获取以及模拟视频采集。

3网页设计过程中对多媒体技术的运用

3.1动画、视频设计

在一些网站中,不难发现一些动画、视视频之类的东西,通过这些可以生动形象的将主题突显出来,使得网页浏览者可以在感官上获得享受,同时产生空间的联想。这样也使得动画在网页设计中的地位越来越突出,成为网页设计中非常重要的组成部分。

3.2图形、图像的版式设计

在对网页进行设计时需要注意图像质量的选择,注意图像的质量,尽可能的做到精致,这样也就要求设计者在设计的过程中要对图像进行细心的筛选,使图片在整个网页中的效果既融洽又精致,同时还需要对图像的色调进行选择,对文字进行合适的排版,这样就可以使得图形和文字的效果在视觉上呈现出一种意境美,从而使得整个网页的形式统一,设计新颖。

3.3在对多媒体元素选择的过程中要注意与网页风格的协调

在设计网页的过程中需要注意网页的主体,通过视觉上的冲击效果以及浏览用户的心动情况吸引用户,促使用户直观的理解网页的主题,并通过艺术美吸引浏览者关注本网站,最终实现网站设计的目的。

3.4注意在多媒体设计的过程中体现艺术性

随着信息技术的不断进步,多媒体技术得到了迅速发展,当前网络传输的技术以及硬件技术也在不断的提高,这样也就为艺术和技术的结合创造了良好的条件,这样也有利于网页的设计体现出更为品质的效果,从而也为多媒体技术在网页设计中的应用创造了更为广阔的前景。

4在多媒体设计中恰当的融入艺术设计的成分

网页设计不只是由多媒体元素构成,为了使其更加的美观就必须要考虑艺术性,要注意平面效果的传达,这也就需要做到不同的元素结合起来,但是在结合过程中需要注意以下几点:

4.1在设计网页的过程中要注意内容和形式的统一

在进行设计时就需要做到形式与内容的统一,使得形式服从于内容,从而使得网络的整体效果表现出来,这也就要求网页的细节需要做得很到位,从而使得网页与多媒体元素的相关性凸现出来。

4.2突出主题要素

网页要尽可能的突出主题,使得风格与之相协调。在风格选择上要注意多媒体元素的选择,注意其色调的搭配,同时还要做好排版工作,从而使得整个网页具有较强的吸引力,达到应有的效果。

4.3注重色彩搭配

在一个网页中色彩数量好控制在4个左右,同时还要分出主次,确保总体上的统一,在局部上形成对比,要注意体现主题的色彩搭配,注意色系的选择,还要注意背景色的选择,尽可能的站在浏览者的角度思考问题。

4.4注重网页布局

网页布局大致可分标题型、拐角型、框架型等,选择布局类型的依据主要是信息状况,网页状况以及结构状况,这样就会使得网页的页面可以一目了然。国字型以及拐角型的适合用于信息量大的网页中,标题正文型的适合用于纲要性的网页之中,动画型的可以灵活的运用到各种各样网页之中,但是在布局的选择过程中需要注意各种布局类型优缺点的选择,只有这样才能使得网页的效果更为明显。

5结束语

多媒体技术在我国发展的速度非常迅速,并且不断地成熟起来。在网页设计的过程中要充分的运用多媒体技术,同时要注意与艺术性的结合,要注意实现艺术与技术的结合与统一,这样才可以使得网页设计更为立体,更加的生动形象,更具有空间效果,从而使得网页可以更好的吸引浏览者,给浏览者留下深刻的印象,从而达到一种影像的效果,达到网站所传输出的目的,使其价值得以化。

作者:文利单位:重庆工商学校

网页设计论文:网络教学网页设计论文

1多元化课堂教学

尽管成人教育的教学特点是以自学为主,但是面授课堂教学是必不可少的。面授课堂是其他教学形式的基础。他可以大幅度提高教学效率,有利于帮助学生系统、深刻、地掌握知识。结合此门课程特点,在面授课堂,我采用了“案例教学法”、“任务驱动法”和“分层教学法”的多种教学方法的融合。

1.1案例教学法案

例教学法是一种具有启发性、实践性,能开发学生思维能力,提高学生判断能力、决策能力和综合素质的新型教学方——“分析案例”——“制作案例”的过程,培养学生分析问题,解决问题的能力,达到学习知识技能,灵活应用的目的。例如,在讲解ASP中的Request对象时,教师先展示一个表单提交的案例,然后引领学生分析我们在点击提交按钮后,如何在另外一个页面中,得到提交页面相应的属性值呢?学生在老师的启发下动脑思考,引出Request对象的作用,接着教师讲授Request对象的各种方法的使用。学生在深入理解后,运用知识制作此案例。

1.2任务驱动法

任务驱动法在课堂教学中,教师为学生布置上机操作任务,通过实际任务展开教学。学生通过亲自动手操作,主动建构探究,培养了学生创新精神和实践能力,提高了学生的综合运用知识的能力。例如在学习表单制作时,以现实生活中注册电子邮件为例,提出表单的概念,然后讲解其实现理论,接着布置实际任务——投票系统,让学生用知识去解决任务,进一步加深理解知识。

1.3分层教学法

成人的学习能力差异大,存在个体差异,因此,教学中采用分层教学法。在实际教学中,教师根据学生现有的知识、能力水平和潜力倾向把学生科学地分成水平各自相近的几组,如A、B、C三组,A组是按大纲基本要求进行教学的学生;B组是按略高于基本要求进行教学的学生;C组是按较高要求(能发挥学生数学特长)进行教学的学生。学生分组不是固定的,而是随着学习情况及时调整。每组布置知识程度不同的学习任务,并且在教师恰当的指导下,让全体学生从各自的层面体验成功的愉悦。

2模拟化网络教学

开放教育是传统教育与网络教学相互融合的产物。网络教学以其独特的魅力在开放教育中发挥着越来越重要的作用。学习已经不再局限于课堂,学生只要有上网条件,无论何时何地,都可以方便的学习,打破了时间和空间的限制,因此,网上资源的好坏直接影响学生的学习效果。因此,笔者充分利用网络资源,以教学大纲为依据,遵循厚基础、重能力的原则,开发了此门课的模拟化网络教学系统。此系统有“教学大纲”、“课程教案”、“模拟实验”、“经典案例”、“自我测试”、“课程讨论”等栏目。分层次,多模块,手段直观、丰富有趣的一系列实验教学单元。制作文字、图像、声音、动画于一体的丰富多彩的模拟实验教学内容。模拟实验教学的指导效率更高。使理论教学与实验教学、基础与前沿、经典与现代、实验内容与实际应用有机结合,更有利于学生学习,并且可以反复阅读,是面授课堂一种好的补充与强化手段。

3多样化互动教学

3.1课堂互动

成人有丰富的社会阅历和人生体验,有更为强烈的对话意识和平等意识,因此,师生活动主要体现在,放下身段,深入到学生们之中,和他们们交朋友,交流心得,平等对话,互相学习。鼓励学生大胆地表达自己的想法,畅所欲言,和学生共去探索知识的世界。所谓生生互动,就是学生和学生之间可以互相讨论,交流心得。在实际操作中将学生分组,合作学习,这样促使小组成员积极参与,培养学生团结合作意识,集体荣誉感。人机互动是学习《动态网页设计》这门课必不可少的环节。只懂理论,不会应用,犹如纸上谈兵,失去了学习的意义。所以,课上学生必须上机实践,在实践中掌握知识,消化知识,融会贯通。

3.2网络互动

只要有上网环境,学生可以通过QQ群、在线论坛、电子邮件各种方式和教师互动学习。教师全天侯,多方位为学生学习提供服务。几种方式相比之下,受欢迎的QQ群。因为它不仅可以文本交流,还可以音频、视频交流,并且可以一对多、多对多地交流。同时,教师还可以实现个别化辅导和答疑,提高教学质量。

作者:龚爽单位:辽宁广播电视大学锦州分校

在线咨询