开篇:润墨网以专业的文秘视角,为您筛选了八篇网站设计论文范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!
论文摘要:网络上的动态网站以ASP为多数,我们学校的网站也是ASP的。笔者作为学校网站的制作和维护人员,与ASP攻击的各种现象斗争了多次,也对网站进行了一次次的修补,根据工作经验,就ASP网站设计常见安全漏洞及其防范进行一些探讨。本文结合ASP动态网站开发经验,对ASP程序设计存在的信息安全隐患进行分析,讨论了ASP程序常见的安全漏洞,从程序设计角度对WEB信息安全及防范提供了参考。
1网络安全总体状况分析
2007年1月至6月期间,半年时间内,CNCERT/CC接收的网络仿冒事件和网页恶意代码事件,已分别超出去年全年总数的14.6%和12.5%。
从CNCERT/CC掌握的半年情况来看,攻击者的攻击目标明确,针对不同网站和用户采用不同的攻击手段,且攻击行为趋利化特点表现明显。对政府类和安全管理相关类网站主要采用篡改网页的攻击形式,也不排除放置恶意代码的可能。对中小企业,尤其是以网络为核心业务的企业,采用有组织的分布式拒绝服务攻击(DDoS)等手段进行勒索,影响企业正常业务的开展。对于个人用户,攻击者更多的是通过用户身份窃取等手段,偷取该用户游戏账号、银行账号、密码等,窃取用户的私有财产。
2用IIS+ASP建网站的安全性分析
微软推出的IIS+ASP的解决方案作为一种典型的服务器端网页设计技术,被广泛应用在网上银行、电子商务、网上调查、网上查询、BBS、搜索引擎等各种互联网应用中。但是,该解决方案在为我们带来便捷的同时,也带来了严峻的安全问题。本文从ASP程序设计角度对WEB信息安全及防范进行分析讨论。
3SP安全漏洞和防范
3.1程序设计与脚本信息泄漏隐患
bak文件。攻击原理:在有些编辑ASP程序的工具中,当创建或者修改一个ASP文件时,编辑器自动创建一个备份文件,如果你没有删除这个bak文件,攻击者可以直接下载,这样源程序就会被下载。
防范技巧:上传程序之前要仔细检查,删除不必要的文档。对以BAK为后缀的文件要特别小心。
inc文件泄露问题。攻击原理:当存在ASP的主页正在制作且没有进行最后调试完成以前,可以被某些搜索引擎机动追加为搜索对象。如果这时候有人利用搜索引擎对这些网页进行查找,会得到有关文件的定位,并能在浏览器中查看到数据库地点和结构的细节,并以此揭示完整的源代码。
防范技巧:程序员应该在网页前对它进行彻底的调试。首先对.inc文件内容进行加密,其次也可以使用.asp文件代替.inc文件,使用户无法从浏览器直接观看文件的源代码。
3.2对ASP页面进行加密。为有效地防止ASP源代码泄露,可以对ASP页面进行加密。我们曾采用两种方法对ASP页面进行加密。一是使用组件技术将编程逻辑封装入DLL之中;二是使用微软的ScriptEncoder对ASP页面进行加密。3.3程序设计与验证不全漏洞
验证码。普遍的客户端交互如留言本、会员注册等仅是按照要求输入内容,但网上有很多攻击软件,如注册机,可以通过浏览WEB,扫描表单,然后在系统上频繁注册,频繁发送不良信息,造成不良的影响,或者通过软件不断的尝试,盗取你的密码。而我们使用通过使用验证码技术,使客户端输入的信息都必须经过验证,从而可以解决这个问题。
登陆验证。对于很多网页,特别是网站后台管理部分,是要求有相应权限的用户才能进入操作的。但是,如果这些页面没有对用户身份进行验证,黑客就可以直接在地址栏输入收集到的相应的URL路径,避开用户登录验证页面,从而获得合法用户的权限。所以,登陆验证是非常必要的。
SQL注入。SQL注入是从正常的WWW端口访问,而且表面看起来跟一般的Web页面访问没什么区别,所以目前市面的防火墙都不会对SQL注入发出警报,如果管理员没查看IIS日志的习惯,可能被入侵很长时间都不会发觉。
SQL注入攻击是最为常见的程序漏洞攻击方式,引起攻击的根本原因就是盲目信任用户,将用户输入用来直接构造SQL语句或存储过程的参数。以下列出三种攻击的形式:
A.用户登录:假设登录页面有两个文本框,分别用来供用户输入帐号和密码,利用执行SQL语句来判断用户是否为合法用户。试想,如果黑客在密码文本框中输入''''OR0=0,即不管前面输入的用户帐号和密码是什么,OR后面的0=0总是成立的,最后结果就是该黑客成为了合法的用户。
B.用户输入:假设网页中有个搜索功能,只要用户输入搜索关键字,系统就列出符合条件的所有记录,可是,如果黑客在关键字文本框中输入''''GODROPTABLE用户表,后果是用户表被彻底删除。
C.参数传递:假设我们有个网页链接地址是HTTP://……asp?id=22,然后ASP在页面中利用Request.QueryString[''''id'''']取得该id值,构成某SQL语句,这种情况很常见。可是,如果黑客将地址变为HTTP://……asp?id=22anduser=0,结果会怎样?如果程序员有没有对系统的出错提示进行屏蔽处理的话,黑客就获得了数据库的用户名,这为他们的进一步攻击提供了很好的条件。
解决方法:以上几个例子只是为了起到抛砖引玉的作用,其实,黑客利用“猜测+精通的sql语言+反复尝试”的方式,可以构造出各种各样的sql入侵。作为程序员,如何来防御或者降低受攻击的几率呢?作者在实际中是按以下方法做的:
第一:在用户输入页面加以友好备注,告知用户只能输入哪些字符;
第二:在客户端利用ASP自带的校验控件和正则表达式对用户输入进行校验,发现非法字符,提示用户且终止程序进行;
第三:为了防止黑客避开客户端校验直接进入后台,在后台程序中利用一个公用函数再次对用户输入进行检查,一旦发现可疑输入,立即终止程序,但不进行提示,同时,将黑客IP、动作、日期等信息保存到日志数据表中以备核查。
第四:对于参数的情况,页面利用QueryString或者Quest取得参数后,要对每个参数进行判断处理,发现异常字符,要利用replace函数将异常字符过滤掉,然后再做下一步操作。
第五:只给出一种错误提示信息,服务器都只提示HTTP500错误。
第六:在IIS中为每个网站设置好执行权限。千万别给静态网站以“脚本和可执行”权限。一般情况下给个“纯脚本”权限就够了,对于那些通过网站后台管理中心上传的文件存放的目录,就更吝啬一点吧,执行权限设为“无”好了。
第七:数据库用户的权限配置。对于MS_SQL,如果PUBLIC权限足够使用的绝不给再高的权限,千万不要SA级别的权限随随便便地给。
3.4传漏洞
诸如论坛,同学录等网站系统都提供了文件上传功能,但在网页设计时如果缺少对用户提交参数的过滤,将使得攻击者可以上传网页木马等恶意文件,导致攻击事件的发生。
防文件上传漏洞
在文件上传之前,加入文件类型判断模块,进行过滤,防止ASP、ASA、CER等类型的文件上传。
暴库。暴库,就是通过一些技术手段或者程序漏洞得到数据库的地址,并将数据非法下载到本地。
数据库可能被下载。在IIS+ASP网站中,如果有人通过各种方法获得或者猜到数据库的存储路径和文件名,则该数据库就可以被下载到本地。
数据库可能被解密
由于Access数据库的加密机制比较简单,即使设置了密码,解密也很容易。因此,只要数据库被下载,其信息就没有任何安全性可言了。
防止数据库被下载。由于Access数据库加密机制过于简单,有效地防止数据库被下载,就成了提高ASP+Access解决方案安全性的重中之重。以下两种方法简单、有效。
非常规命名法。为Access数据库文件起一个复杂的非常规名字,并把它放在几个目录下。
使用ODBC数据源。在ASP程序设计中,如果有条件,应尽量使用ODBC数据源,不要把数据库名写在程序中,否则,数据库名将随ASP源代码的失密而一同失密。
使用密码加密。经过MD5加密,再结合生成图片验证码技术,暴力破解的难度会大大增强。
使用数据备份。当网站被黑客攻击或者其它原因丢失了数据,可以将备份的数据恢复到原始的数据,保证了网站在一些人为的、自然的不可避免的条件下的相对安全性。
3.5SP木马
由于ASP它本身是服务器提供的一项服务功能,所以这种ASP脚本的木马后门,不会被杀毒软件查杀。被黑客们称为“永远不会被查杀的后门”。我在这里讲讲如何有效的发现web空间中的asp木马并清除。
技巧1:杀毒软件查杀
一些非常有名的asp木马已经被杀毒软件列入了黑名单,所以利用杀毒软件对web空间中的文件进行扫描,可以有效的发现并清除这些有名的asp木马。
技巧2:FTP客户端对比
asp木马若进行伪装,加密,躲藏杀毒软件,怎么办?
我们可以利用一些FTP客户端软件(例如cuteftp,FlashFXP)提供的文件对比功能,通过对比FTP的中的web文件和本地的备份文件,发现是否多出可疑文件。
技巧3:用BeyondCompare2进行对比
渗透性asp木马,可以将代码插入到指定web文件中,平常情况下不会显示,只有使用触发语句才能打开asp木马,其隐蔽性非常高。BeyondCompare2这时候就会作用比较明显了。
技巧4:利用组件性能找asp木马
如:思易asp木马追捕。
大家在查找web空间的asp木马时,最好几种方法结合起来,这样就能有效的查杀被隐藏起来的asp木马。
结束语
总结了ASP木马防范的十大原则供大家参考:
建议用户通过FTP来上传、维护网页,尽量不安装asp的上传程序。
对asp上传程序的调用一定要进行身份认证,并只允许信任的人使用上传程序。
asp程序管理员的用户名和密码要有一定复杂性,不能过于简单,还要注意定期更换。
到正规网站下载asp程序,下载后要对其数据库名称和存放路径进行修改,数据库文件名称也要有一定复杂性。
要尽量保持程序是最新版本。
不要在网页上加注后台管理程序登陆页面的链接。
为防止程序有未知漏洞,可以在维护后删除后台管理程序的登陆页面,下次维护时再通过上传即可。
要时常备份数据库等重要文件。
日常要多维护,并注意空间中是否有来历不明的asp文件。
一旦发现被人侵,除非自己能识别出所有木马文件,否则要删除所有文件。重新上传文件前,所有asp程序用户名和密码都要重置,并要重新修改程序数据库名称和存放路径以及后台管理程序的路径。
做好以上防范措施,您的网站只能说是相对安全了,决不能因此疏忽大意,因为入侵与反入侵是一场永恒的战争!网站安全是一个较为复杂的问题,严格的说,没有绝对安全的网络系统,我们只有通过不断的改进程序,将各种可能出现的问题考虑周全,对潜在的异常情况进行处理,才能减少被黑客入侵的机会。
参考文献
[1]袁志芳田晓芳李桂宝《ASP程序设计与WEB信息安全》中国教育信息化2007年21期.
1.1防范sql的注入
一般来说,网站设计的程序员在进行编写代码使需要对用户输入数据的合法性进行判断,防止信息轻易被泄露,但是如果程序员在网站设计时没有进行这项操作的话,用户就可以通过提交数据库查询代码的方式。根据程序返回的结果获得用户想知道的数据信息资料,这就是所谓的sql注入。Spl的注入很容易就可以使信息被泄露,因此,网站的程序员一定要对用于输入的数据进行合法性判断,对信息安全进行防御保护。
1.2or1=1以及union语句的注入
‘or1=1’注入是指在登录某系统时可以绕过密码验证,利用任意用户名登入系统内的侵入方式,它是网络应用中非常经典的注入语句。这种注入方式是利用程序员在编写验证程序的时候,没有验证用户的输入是否含有非预期的字符串,直接传递给计算机函数执行用户的操作请求,这种语句注入方式可以让密码匹配与否变得不再重要,而是直接绕过密码验证进入系统,轻易地获取用户资料与信息。与or1=1注入语句不同的是,union可以通过该语句的特殊性让程序原本默认的语句出错,通过让程序执行union之后自己构造的sql语句来达到语句注入的目的,并直接侵入程序内部。
1.3xss跨站攻击
xss是一种常见的网站攻击的手段。xss的工作原理与sql注入相差不大,只是xss是通过将javascript脚本注入到html标签中的方式,刻意的将恶意内容输入到网页输入框内,当这些恶意的输入内容重新读回到网站客户端时,浏览器会自动解释并执行这些恶意的脚本内容,通过影响网页的正常显示从而达到脚本片段注入的目的。
1.3.1xss探测
在判断一个网站是否存在xss漏洞是,通常需要输入探测语句进行网站漏洞监检测,首先要输入检测语句,然后找到该语句执行的地方,如果该地方有弹出窗口就意味着这个网站存在xss漏洞。如果确定该网站存在信息安全漏洞,黑客就会有很多种攻击手法侵入计算机网络内部,他们可以通过将当前的网页重定向到其他的网页中去的方式达到刷网站流量的目的,除此之外,黑客还可以通过在专享网站上挂上木马程序的手段,给网站种下病毒,一旦有不知情的用户进入该网站,他们的电脑就会自动感染上木马病毒。
1.3.2xss的利用
XSS是在web应用中经常出现的计算机安全漏洞,它通过将代码植入网页的方式利用XSS漏洞控制计算机。这种类型的安全漏洞也常常被黑客利用来编写恶意的程序。我们在有些网站进行浏览的时候,经常会出现有广告弹出的现象,黑客可以利用xss攻击页面,使那些正在浏览该网站信息的计算机用户自动弹出窗口,并且利用这种弹窗在页面挂上木马病毒,让网页用户无辜感染木马病毒,以此来获得用户信息。1.3.3利用‘iframe’标签进行xss攻击iframe的主要功能是在网页中嵌入其他网页是一个很常用的html标签,它可以通过height属性和src指定所嵌页面的具体信息。可以将页面地址设置为被挂马的网页进行cookie数据的窃取。
2安全防御常用方法
2.1安全措施对用户透明
进行网站的信息安全保护时要尽量做到安全措施对用户透明,让用户很难清除安全保护措施的应用。如果这种方法难以操作可以采用较为常见的信息安全防御措施。最直接的方式就是在用户访问受控信息或服务之前,让他们输入用户名和密码,这也是一种比较好的常用的信息安全保护措施。
2.2对数据进行随时跟踪
任何一个有责任意识的网络程序开发者,都会对数据进行随时的跟踪。通过对数据信息的动向进行跟踪观测防止出现信息安全问题。数据信息的时时跟踪其实是一种比较有难度的信息监测手段,特别是一些开发者对该运用原理不够了解的情况下,进行尤其是当你对web的运做原理没有进行深入理解时。一些开发者虽然对网站的开发环境很有经验,但是对web不是很有经验的时候,就会在程序开发中犯错并制造安全漏洞。
2.3对输入信息进行过滤
对输入的信息进行过滤的方法是保证网络信息安全的重要条件,也是验证输入的数据合法性的过程。通过对用户输入信息的确认对数据进行过滤。这种信息过滤的方式可以避免一些病毒在未知的情况下被误用。目前大多数常用的php应用都存在缺少数据过滤引起信息安全漏洞。
2.4如何防止sql的注入
虽然网络系统的注入的手段很丰富,但这些注入方式都有一个共同点,就是它们都是利用程序没有信息过滤这一弱点。因此,如果要防止非法注入,也就需要对查询语句进行过滤,一般来说,计算机程序的函数是通过正则表达式进行常用语句匹配并对这些语句进行过滤。因此,只要采用了过滤之后的函数,利用注入的方式侵入系统的话都会是失败的。
3结束语
在电子商务网站设计的应用在设计电子商务网站的时候,首选就需要帮助销售商对客户行为的了解,这样才能使得站点的使用效率得到有效提高,此时就需要应用数据挖掘技术,这样网络管理员就可以根据客户在上网过程中所浏览的网站页面及其数据信息归纳分析经常访问该站点的用户类型,及其访问途径和通过怎样的方式完成交易等内容,这样才能让建立的网站更吸引客户,同时也为网站结构的进一步优化、站点访问量和效果的提升提供有利的依据。整个电子商务网站的设计包括三个步骤,分别为数据信息的采集、分析以及提供个性化服务。
1.数据信息的采集
因为只有将客户相关的数据信息收集起来,才能在分析之后,将个性化的服务提供给客户,也就是说电子商务网站向客户提供个性化服务是基于说数据信息采集的。销售商能够得到客户在注册过程中保存的信息,即客户的基本信息,包括姓名、籍贯、家庭住址、出生日期以及爱好等,同时还能根据客户所浏览的网页和商品等信息,对客户关注和倾向的商品进行判断,进而为客户建立相应的服务档案。而且客户人员还能在计算机的数据库中存储客户与自身交流时的数据信息。当客户完成订单和付款之后,可以对其收货地址信息加以确定,进而掌握客户的所在地等信息,进而进一步完善客户对应的信息数据库。同时还能够对客户的投诉和评价进行分类整理,使客户的服务档案得到不断的完善,以此为网站的优化提供更加有利的数据资料。与此同时还会将数据挖掘技术引入到网络服务器中,进行一个可以对客户浏览途径和页面以及点击产品信息加以记载的数据库系统,实现各企业资源共享的目标,并且还不会对网络服务器的访问速度产生影响。
2.数据信息的分析
想要设计出一个成功的电子商务网站,就应该在保持对客户完全透明的基础上,及时、快速、准确的分析客户资料及其访问行为,进而保证客户访问页面的处理时间不被占用的条件下,为客户提供一个可以更方便、快捷的进行网购、网上交易等商务活动环境。首先,就要分析客户行为和登录方式,对网站客户群进行划分归类;其次在进行内容设计的时候重点考虑客户群的年龄、爱好和特点等方面,将网站内容加以归类,并针对不同类别的客户群,展示客户感兴趣的商品信息,最后再根据客户的访问、浏览信息以及订单信息,为客户的行为资料进行及时修改和完善。
3.个性化服务
这就是通过挖掘网络数据信息,了解和掌握客户的需求和兴趣,准确的向客户提供个性化的产品推荐,这不但要根据客户的诸多方面对其提供满足其需求的信息,而且还是主动为客户提供所需信息,使网站的个性化服务的特点更为突出,进而吸引更多的客户。并且为了使得客户类型更加稳定和准确,就需要优先臭氧统计具有较长注册时间、较多浏览记录以及产品购买数量大的客户。
二、结束语
[关键词]网站企业设计
企业网站是向用户和网民提供信息(包括产品和服务)的一种现代化方式,是企业开展电子商务的基础设施和信息平台,离开网站电子商务就无从谈起。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而企业网站则是Internet上宣传和反映企业形象和文化的重要窗口。网站设计对企业而言,就显得极为重要,在企业网站设计中要做好以下几个环节的工作。
一、网站的定位及方案设计
企业要建设好网站,就必须对网站进行准确定位。网站应以展现企业形象、介绍产品和服务、体现企业发展战略作为目标。具体内容包括:服务对象、提供的产品和服务内容、企业产品和服务的表现方式(风格)、企业的文化特色等。对网站而言,用户认可度和满意度是衡量网站建设质量和价值的主要标准,只有充分满足用户需求,为他们提供及时、准确、全面的信息和优质服务,网站的建设才是成功的。因此要充分调研消费者的需求、市场的状况,然后进行综合分析,从而做出切实可行的计划。
在目标明确的基础上,完成网站的构思创意即总体方案设计。对网站的整体风格和特色做出定位,规划好网站的组织结构。要以“消费者”为中心,而不能以“设计”为中心。应做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。充分调动一切手段充分表现网站的个性和情趣,办出自己的特点。
二、网站的版式设计
网页设计作为一种视觉语言,要讲究编排和布局,应充分利用和借鉴平面设计的优点。版式设计通过文字图形的空间组合,要表达出和谐美、色彩美。在栏目设置过程中,既要考虑当前工作,还要兼顾以后工作的长远发展,避免出现主页经常调整的情况。子栏目的设置则根据单位实际进行规划。如果用户经过5级以上的浏览还没有看到所感兴趣的信息则会出现厌烦情绪,所以在内容规划和整体设计时,网页内容查找深度以3~5级为宜;这样既方便用户使用,又符合人们上网的习惯和生理、心理适应力。页面设计应以美观、大方、简洁为原则,保持一致的风格,不宜太过花哨。一个优秀的网页设计者应该知道哪一段文字、图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
色彩是艺术表现的要素之一。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合和搭配来构成美丽的页面。要根据色彩对人们心理的影响,合理地加以运用。虽然网页颜色应用没有数量限制,但也不能毫无节制。应根据总体风格的要求先定出一至二种主色调,以此为基调进行设计。同时还要考虑用户的浏览器分辨率,要保证所有用户在浏览网站内容时得到的是一致的结果。网页形式与内容要统一,必须将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义,要突出本企业的产品特色、服务特色和文化特色。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。网页设计中点、线、面的运用并不孤立,合理使用点、线、面的互相穿插、互相衬托、互相补充就能构成最佳的页面效果,以表达出完美的设计意境。
三、网站的管理机制设计
Web站点建立后,必须经常进行信息更新,同时要保证信息的质量,让浏览者了解企业的最新发展动态和网上服务等,从而帮助企业建立良好的形象。企业要加强网站的管理,必须建立一支高素质的信息采编队伍和网站管理队伍。采编人员要经常搜集各种信息,将收集到的各种信息及时分析整理,及时、准确、全面地提供给网站管理人员。网站管理人员则要及时准确地将各类信息在网站上进行,并要保证信息完整、链接准确无误。
网站服务器应该二十四小时运转,网站的硬件和软件要做好备份,一旦出现故障,应立即组织技术人员排除,保证网站尽快恢复正常。为了防止黑客攻击和病毒侵入,应配备防火墙和杀病毒软件,要定期对系统进行检测并实时监测。对于网页和各种文档资料、数据库等重要资料,必须要定期备份,将数据备份在移动硬盘和光盘上长期保存,并同纸质档案一样进行分类整理,以便网站系统出现问题后能尽快恢复。
网站设计课程的教学内容会由于所在专业的定位不同而存在一定差异,但是一般来说,都会包含两个方面的内容,一方面是某种网页编程语言的教学,例如、PHP、JSP等;另一方面则是各种类型的网站项目的案例教学。因此,该门课程的教学内容安排顺序往往是:编程语言的语法、具体功能的实现(用户注册、登录、数据库查询、统计等)、典型网站项目(在线聊天、学生成绩管理、新闻管理等)、综合网站项目(多以购物网站为例)。上述的教学内容中,对具体网站项目建设过程的教学可以说是重中之重,其教学效果直接决定了学生独立建设动态网站的能力,因此在选择作为例子的网站项目时,总是希望能够尽可能多的涵盖各种典型的应用情境。但在课程课时数的限制下,这一目的往往很难达到,课程中能详细讲解的网站项目数量有限,学生在学习时往往会出现“讲课听得懂、演示看得懂、项目不会做的”现象,也就是在脱离教材和教师指导的情况下,对没有做过的网站项目无从下手。
2开源CMS的优势
CMS(ContentManagementSystem)即内容管理系统,是面向网站内容编辑与的应用系统。CMS发展到现在已经相当成熟,国内国外都有数款具有代表性的开源产品,例如国外的Joomla!、Drupal、Wordpress等,国内的织梦内容管理系统(DedeCMS)、帝国CMS(EmpireCMS)、Phpcms等。这些开源CMS均提供所见即所得的编辑、提交、修改、审批、等功能,同时还有快速切换模板、编辑和修改网站界面的功能。CMS的网站模板与程序分离,解决了数据库冗余和维护人员少的问题,大大提高工作效率和降低开发成本,因此被广泛的应用于各类网站的建设。同时,部分开源CMS有着良好的可扩展性,可以通过安装插件、增加模块等方式扩展系统功能,还可以根据需要进行二次开发。例如EmpireCMS,不仅提供了网站管理功能,而且还提供了系统扩展框架,用户可以直接在后台通过新建表、自定义字段,然后组成新的系统模型,以实现各种适合用户自己的系统。如下载系统、音乐系统、商城系统、产品库、分类信息等。可以说,一套优秀的开源CMS可以满足绝大多数类型的动态网站建设需求。
3加入开源CMS后的《动态网站设计》教学内容
要将开源CMS加入到《动态网站设计》的教学内容中,首先要选择一个具体的开源CMS产品,然后针对该产品来安排教学内容。在选择的标准上,应该考虑产品的市场安装量、可扩展资源数量、说明资料丰富程度等因素。以国外著名的PHP开源CMS——Joomla!为例,学生首先学习PHP语言基础,然后开始学习Joomla!的基础概念、内容组织形式、菜单与导航、Joomla!扩展、模板等内容。
4开源CMS对《动态网站设计》教学的促进作用
(1)增强课程的实用性。选择得到广泛应用的开源CMS作为教学内容,可以使教学更贴近实际应用。在条件许可的情况下,可以考虑通过外包的模式,将校外企业的实际建站需求作为实践教学项目,真正做到学以致用。(2)完善教学内容结构。由于开源CMS在创建动态网站上的高效率,使得在具体教学内容的设计上可以将更多的时间安排给编程技术以外内容。例如动态网站的内容组织管理,这些方面的因素对于一个网站的优劣评判往往影响更大,但是在实际教学中经常被忽略。(3)兼顾各种水平层次学生。开源CMS的使用门槛很低,即使不掌握动态网页编程语言,也可以轻松搭建一个具备基本功能的动态网站。因此在教学过程中,不同水平层次的学生都可以获得提高。例如,对于编程能力有限的学生,也可以在学习后掌握独立创建动态网站的能力,而对于编程能力较强的学生,则可以进一步学习掌握开源CMS的扩展、模板的制作。
5结语
网络多媒体技术日益进步,图形、图像、动画、视频、声音等多媒体元素的运用,网页由静到动,由无声到有声,极大地丰富了网页的表现力。动画与图片设计运用与表现效果也成为网页设计要考虑的重要因素。中心网站的导入页(图1)动画将图形和图像二者结合使用,即卷轴动态化向两边翻卷,卷轴中梅山文献图亦采用滚动式动画设计,这一方面强化视觉效果;另一方面更营造中心网站学术氛围以及活泼版面的作用。其次,网站的主页在标题图(图2)的设计上突破传统“模板”式网站的编排方式,图片则采用“紫鹊界”名胜古迹的独特性素材,紧密围绕了中心文化的主题。设计方式亦采用富有创意的处理手法,运用协调的色彩、渐变,确定合适的图片尺寸大小,精心设定页面位置,添加“飞鸟”、“云雾”等动画效果,有效活跃了版式并突显鲜明的区域特色。除此之外,网站的主页将谭谈、张炯等名人书法动态化,这一个方面将“书法写作”过程以趣味性的方式传达给受众,印象深刻;另一方面更提升了中心完善其宣传展示、信息公开、产业发展、学术交流的功能,扩大中心的品牌影响力。笔者认为文化类网站中的标题图片与书法字体设计在运用时应注意不要片面追求炫酷效果,而应突出和表现主题,不能和页面其它元素脱节;应动静结合,富于节奏,画面变化不能过于强烈刺激,以免引起视觉疲劳;动画数量不能太多,占用版面不能太大,以免喧宾夺主,影响信息呈现和网页打开速度。
2.页面色彩、主题色调巧设对比素雅不烈
首先,梅山文化研究中心的网站其主色调采用深灰色,使得网页色调显严肃沉稳的视觉格局,更加符合中心严谨务实、追求卓越的学术氛围。其次,在主色调确定后,笔者合理运用色彩规律,以主色调为中心,利用色彩的明度、纯度、色相三要素的变化,适当增加其他色彩作为对比色和补色,选取辅色调(浅灰、褐色、红色)等组成配色方案(图4),和主色调一起构成有节奏韵律、和谐统一的色彩关系。网页配色方案要避免出现色彩单一或用色过多的现象,色彩种类最好不要超过三种。最后,确定好主色调和配色方案后,在色彩的使用中应注意“总体协调、局部对比”,即网页的整体色彩效果应该是和谐的,只有局部小范围的地方可以有一些强烈的色彩对比。要适当保持用色的延续性,在风格统一的基础上,为子网站或功能模块选取不同的主色调和配色方案,既要从颜色上对不同内容加以区分,使得页面富于变化,又要保持色彩的整体性。
强化区域引导视觉流程
色彩在界面中的另外一个重要作用,就是配合网站版式结构,强化视觉区域,例如区分各个内容版块,如不同的频道、栏目。汽车门户网站是汽车互联网营销传播中的重要环节,汽车门户网站定位于综合性、信息密度高,受众广泛的站点,受众容易在繁杂的内容中迷失,因此更加需要利用色彩引导视觉流程。例如运用色彩主次关系来服务于不同层次的信息传达,控制浏览者关注点的变化的过程,用强调色来突出最重要的信息,用色彩的变化提醒浏览者页面或栏目的跳转等等。我们从国内主流的几个极高知名度的汽车门户网站如汽车之家、爱卡汽车等都可以体会到这些作用。
汽车之家、爱卡汽车整体界面以白色为主色,便于大量信息的展示和阅读。用蓝色来区分不同的板块,使得网站条理感较强,同时也突出了汽车的科技感。蓝色的深浅也不是一成不变的,蓝色的彩度和明度上面都根据网站内容版块做了不同深浅色调的调整。对于比较显眼的广告区域和重要信息上采用了视觉注目度很高的红色来强调。红色面积小但抓人眼球,在不破坏整体氛围的情况下又能凸显信息,担当强调色是再合适不过了。由此可见,优秀的配色方案能使得密集的信息通过色彩被很好地分层和归类,便于用户浏览和信息查找,极大地提高了网站的易用性。
汽车网站界面配色的原则
1.与企业形象相符、与整合营销传播相融
汽车企业把在互联网上设立自己的官方网站,作为自身品牌整合营销传播内容中的重要组成部分,官网如何与其他媒介的品牌传播很好地配合,形成合力,最重要的一点就是继承并强化已经通过时间的积累在消费者心目中留下了深刻的企业品牌印象。为了强化公司形象,在选择官方站点的网页配色时往往首选企业视觉识别系统中的色彩。
例如奥迪是中国市场上重量级的德系豪华车品牌之一。其网页中中明度的灰色主色调简洁、现代而又沉静内敛,用以传达德国汽车工业的先进技术与精良品质,以及中高端社会身份象征的奥迪品牌形象是非常恰当的,并和奥迪标志以及产品车身的金属灰相得益彰。页面中的广告图片构图用色俱佳,打破了大面积的灰色带给页面的沉闷感。再如大众汽车中国官网的界面上出现很多蓝色,首先蓝色是大众汽车品牌的标准色之一,加上配合大众汽车“ThinkBlue蓝•创未来”的品牌传播主题,充分运用蓝色就是十分自然的事情了。
2.用色彩表达品牌的社会文化内涵
设计是当下的艺术,网络艺术设计更是与当下的经济、社会、文化的产物。设计师需要懂得人们对色彩的感觉,除了色彩的直感效应,即生理上的感觉,更多是来自于色彩的社会感觉,即在不同时间、空间和国家、民族环境中,色彩在人们心目中的意义。
例如宾利车的网站主要是想突出“英伦汽车典范驾驶之巅”的品牌理念,主要是从汽车品牌的历史文化概念角度进行宣传,在配色上采用黄绿色来作为主色调,用橄榄绿为辅助色,再加上亮灰为强调色。在彩度和明度上面都是采用的中低色调来给人以怀旧、尊贵、高品位的联想。
3.用受众喜爱的色彩语言进行沟通
作为设计师我们要时刻牢记设计是一种沟通,是一种对话,而不是设计师自我表现和自我满足,设计师要通过色彩这一视觉语言和用户进行情感交流。良好的用户体验来源于对用户感觉的充分考虑,特别是从年龄、性别、族群等特征进行区分。宝马minicooper是宝马旗下一款个性十足的车型,产品周身散发着英国式的尊贵气息。其中文网站设计以黑色为主色,正是看中了黑色所代表的个性、酷感和时尚,以便能够赢得强烈地想表达独立、自我、自由的年轻人的心。
4.网站界面的配色由网站内容和类型具体决定
网站内容是决定界面色彩风格的基础。汽车类网站要根据其自身网站的内容和所要展现的汽车特征来挑选颜色。我们在做设计时千万不要忽视网站类型对网站色彩设计的限定和引导作用,不要因为过分追求所谓风格的独特而不考虑网站的具体内容。要牢记是产品第一,品牌为先,而不是设计师的个人秀。
汽车网站界面色彩设计的若干技巧
1.界面色彩不可过多过花
人同时感知色彩的数量是有限的,如果一个网页包含的色彩过多过杂,会使浏览者抓不住视觉中心。在一定的主色调下面,汽车站点首先选取好主色,主色一般可以是汽车车身颜色或者是品牌主题色,然后可以适当地加入一些辅助色和强调色,运用明度、纯度和色相上面的变化来取得和谐的效果。
2.考虑图片和网站色彩之间的关系
随着网速的提升,上网流量限制的减少,图片在网页中的比例越占越大,越来越多的网页开始使用精美的大图。俗话说一图胜千言,精美汽车图片本身就是一件艺术品,大大提高界面的冲击力和用户直观的体验。为了使图片能融入到网站的色彩氛围当中,通常会对使用的图片做一些修饰。让彩图的色调和界面的色调自然地搭配在一起有两个技巧。第一种技巧就是在彩色图片中选择一个核心色彩,作为界面的强调色或者网页菜单色彩。第二种技巧就是决定整体网站色彩后,相应制作出相配的照片和彩图。我们可以常常看到一些汽车产品图片使用很多的界面,其主色大多都是白色、灰色等无彩色,目的就是为了突出产品本身的形象。
通过本课程的学习,使学生能按照用户需求,编写网站需求分析报告;对网站进行策划与设计,运行多种技术对动态网站进行开发和制作;并经过技术测试,最终将其到Internet环境;能对网站进行维护。通过引导、项目实施、讨论、总结、测评,帮助学生学习网站设计与开发的基本知识和实用技术,为后续专业课程、专业实践打下良好基础,为将来从事网站设计、开发和维护工作奠定良好基础。同时,在教学过程中,通过团队开发,形成基本的职业道德意识和职业素质。
1.具体的能力目标能根据用户需求,确定网站类型与网站内容,编写网站需求分析报告;能根据实际情况设计出适合的网站页面风格和布局;能编辑网页;能运用JSP相关代码按要求协作完成网站功能;能根据用户需求设计并协作完成后台数据库的开发;能针对网站制订网站测试计划并进行功能测试;能申请域名和IP,成功将网站上传;能及时更新网站,合理优化网站。
2.具体的知识目标掌握域名与IP地址等基本概念;熟练掌握网站设计原则、网站建设基本流程;了解网站运行的硬件与软件环境;掌握Div+CSS技术;熟练掌握网页编辑软件Dreamweaver的使用;掌握数据库逻辑结构设计方法及数据库的创建、管理与维护;掌握JSP程序设计语言的语法知识;了解网站更新、故障排除及网站推广的方法;掌握网站测试的内容、方法和技巧;掌握网站的与管理方法。
3.具体的素质目标培养学生开发网站的团队协作、交流合作能力;培养学生良好的网站开发岗位人员的职业道德;培养学生与客户沟通的能力;培养学生的网络安全意识;提升沟通协调、共同开发网站的综合能力;培养学生具有较好的分析和解决实际网站开发问题的能力。
二、教学内容的组织与安排
课程组根据网站开发项目实施过程,进行了课程教学内容的开发,充分体现职业性、实践性和开放性的要求,在内容组织上彻底打破学科知识体系的禁锢,教学摆脱了传统的以教材为主线的逻辑教学结构方式。对实现案例的模块功能所需的技能和必备知识进行了全新的组织。
三、课程特色与创新
针对“高职教学背景下,如何提高学生的工程能力、创新意识和协作能力,培养社会需要的计算机人才”这一主题,按照“学研学工融合、突出专业特色、培养应用型人才”的改革思路,结合专业和学科建设,将网站设计与开发课程高职教学改革作为一个整体展开全方位的研究与实践。
1.“大案例、一案到底”教学根据专业建设思路,结合本课程的特点,推行“大案例,一案到底”案例式教学,课程将真实完整的案例——“网上商城网站的设计与开发”贯穿到整个教学过程中,教学组织上将网站设计与开发根据工作流程,分解成10个相对独立的模块,每个模块完成数据库开发流程的一个过程,充分体现职业训练的高职教学特征。