发布时间:2023-01-03 03:56:36
序言:写作是分享个人见解和探索未知领域的桥梁,我们为您精选了8篇的网站设计制作论文样本,期待这些样本能够为您提供丰富的参考和启发,请尽情阅读。
中华民族的传统文化博大精深、源远流长,也以其独特的魅力影响着中国乃至全世界。近年来,科学技术不断进步和发展,网络的社会地位逐渐凸显,校园文化网站建设也逐步趋于成熟和完善,它不仅传递着丰富多彩的视觉信息,也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型,以及中国传统元素在现代生活中的应用意义,将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中,旨在彰显大同大学校园文化内涵,贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训,表现同大学子对校园精神文明的继承和发展。
关键词:
网站建设;中国传统元素;校园文化;界面设计
引言
随着社会的进步和发展,传承文明与创新知识已成为当代文明的主题主线,在此环境下,高校校园文化网站应运而生、蓬勃发展,而且近年来其社会地位也不断凸显。与此同时,全球文化的交流和碰撞日益激烈,导致高校校园文化日益开放和繁杂。因此,应从多角度、多侧面、全方位的视角梳理和评价高校校园文化,并逐渐建设完善高校校园文化网站,传承校园文化,构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素,如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中,将会取得全新的视角效果与经验,提供一种全新的触及世人心灵的感性认知,培养中国风格的审美情趣,激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的,也是浏览者与网页信息间的传递载体,例如在版面设计中采用留白的方式营造空灵韵味,在现代的版式设计中有指导意义。在构建中国风的网站时,加入中国传统文化元素设计,不仅会发挥现代科技美与创新美,而且还会体现传统的韵味美,保持着新与旧、古与今、传承与发展的高度契合,能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中,以期能彰显大同大学校园文化底蕴,并且能在网页中体现大同大学的校园文化精神,体现全体师生对校园文化的传承与发展。
一、校园文化网站概述
校园文化是在学校这一特定的文化氛围中,师生在从事各项课内外活动中所创造的精神财富,以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化,它包括学校领导、师生的价值观念、价值判断和取向,学校独特的文化特色、办学理念、办学目标,以及校风、教风、学风等精神风貌,以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展,网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间,可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化,也集中反映了当代教师与学生的精神风貌,对于文化的丰富、交流和发展具有重要意义。
二、中国传统元素概述
中国传统文化元素种类繁多,尤其是吉祥图形符号,如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号,代表并彰显着中国文化神韵。中国元素,是指在中华民族的融合、演化与发展过程中形成的,由中国人创造与传承的,反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富,它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素,如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素,思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中,时刻运用着“中国特征”,处处体现着中国式的意境和精神,是构建中国特色校园文化网站的基础。
三、中国传统元素在文化网站中应用的意义
1.丰富网页的表现手法
中国传统元素的形式多种多样,对传统元素的挖掘和运用,能够极大地丰富网页创造的表现手法。在网页制作中,不仅要恰当地运用传统元素的表象特征,更要深层次地挖掘这些元素所具有的内涵,与传统哲学思想相呼应,共同激荡出更加出色的创意网站。
2.产生文化亲和力
中国传统元素取材于最贴近人民生活与民族情感的传统文化习俗,包涵了深厚的中华民族情感。对传统文化习俗的准确把握与运用,更能够体现国人的心理价值,使网站更具亲和力,增加受众的理解度、接受度,勾起受众对中国文化的精神联想,唤起对中国情结的共鸣,促进网站进一步传播与发展。
四、基于中国传统元素的大同大学校园文化网站的界面设计分析
在研究中,本论文主要是通过设计大同大学校园文化网站界面,结合中国传统元素体现出大同大学的校园文化底蕴。网站的设计主要分为八个部分,分别是“首页”、“书香校园”、“校园风光”、“学子风采”、“校园活动”、“舌尖校园”、“关于我们”和“论坛”,从各个方面介绍大同大学校园文化的组成部分,使参观者能够更加深入地了解大同大学校园文化的精神实质,贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训。其中从logo到小图标无不体现着“中国味”,网页以中国风色调为基准,将中国风格和校园文化巧妙融合。
1.翰墨书法演绎校园文化
汉字作为一种抽象的艺术符号,本身就具有很强的审美趣味。在网页设计中,汉字不仅是语言信息的载体,呈现着其“形”的特征,还能体现其审美艺术价值。把中国书法艺术中的形、神、意进行适当的融合,并运用到网页设计中去,有助于体现网站的文化民族特色。在大同大学校园文化网站中就运用到了不少汉字书法设计,首先表现在logo的设计中。logo图整体以书法为主要元素,在设计过程中采用左图右文的手法将传统印章、龙图腾作为设计元素与楷书汉字艺术相结合。红色印章中是运用毛笔一气呵成中国风的龙图腾,线条优美,若隐若现。配以毛笔书写的楷书文字,说明网站的主要性质———传播校园文化。印章与图腾的艺术形式巧妙组合,能让观者感受到浓烈的民族气息。运用毛笔书写“校园文化”四个字,大面积的浓墨书写文字贯穿着整个logo图,不仅突出主题,而且显得雄伟有神,运用毛笔书法“软”的特点能使简约的线条生成丰富的气韵之美,增强logo的视觉冲击力和表现力。不仅logo中运用汉字书法,网站中的滚图也大量使用汉字书法元素,并巧妙地与大同大学的校训相结合,运用书法形式加以表现,展现大同大学校园文化底蕴。在每一幅滚图中的黄金分割比例位置处书写“厚德、博学、慎思、笃行”这个同大学子熟记于心的校训,采用行书字样书写,突出我校校训的历史感和厚重感,从而体现出我校校园文化源远流长。在“厚德”这幅画中,整体以墨色荷花为背景,给人以空远悠扬的意境,以行书书写的“厚德”二字,对整个空间进行分割,对空白的切割体现书法艺术的形式美,随后以楷体小字对“厚德”校训加以解释,行楷两种字体交相辉映,共同呈现大同大学校园文化的历史感与厚重感。在“博学”这幅画中,整体背景采用从灰色到白色的渐变手法,灰阶层次的渐变达到空灵之效。行书书写的“博学”二字,从上及下,从左及右,涉及了文字的方向性,文字排列的方向性也会影响视觉效果,在大同大学校园文化网站中文字方向主要有平行、垂直两类,而平行、垂直的文字能给人以稳定厚重之感。同样以楷体小字对“博学”校训加以解释,采用古代文字的书写格式,文字方向从右及左的展现,体现了对传统文化风格的继承。在“慎思”这幅画中,字体圆润灵动,校训的行书字样与解释的楷体字样之间采用浓淡墨交替变化,空间中大量留白,以“慎思”二字对留白处进行分割,形成虚实对立之感,体现书法的韵味美。在“笃行”这幅画中匠心独运地使字迹融合了毛笔的意蕴,好似展示了毛笔书写的过程,别有风味。字体设计风格雅致,简洁中不乏品味。本画面中解释文字较其他几个画面较大,这里把解释文字作为填充空白的元素加以运用,不仅能够展示书法的独特魅力,而且也有补充空白之效。网站运用汉字书法让人感受到,当介绍具有历史文化特征的内容时,适当结合汉字书法,可以增加原有内容的意义与内涵。深入挖掘汉字的造型意趣和文化底蕴,并赋予它新的生命力,可以提升网页的文化韵味。
2.水墨经典阐释校园内涵
水墨画属于中国画的一种,主要以水墨的形式描绘中国的山水人情。以毛笔、纸、绢等绘画媒介,将笔的提按转折、疾徐轻重与墨的虚实强弱、干湿、浓淡相互搭配形成无穷变化,以绘画语言的形式表现中国文化特色之美。在大同大学校园网站中构图背景主要以水墨画为主。例如首页中的滚图设计以水墨山水画为背景,配以浓重笔墨书写出的圆,中间以汉字书法画龙点睛,整体营造出一种空灵之感,有浓浓的文化厚重感,与校园文化的风格交相辉映。其中,背景选择大量留白的水墨画,不仅可以方便其他元素的添加,也可以营造出空灵意境。在网页设计中更是如此,将中国式的艺术审美运用到设计中,让空白在字与图之间自由游走。中间以浓重笔墨书写出的圆,不仅可以体现中国特色,而且极具吸引力,把观者的目光第一时间聚焦在圆中间的内容上,突出主题。去除了外在复杂雕饰的墨白,传达了一种朦胧美感,也表达了一种特殊的张力,在网页中灵活运用墨白,会突出所表达的信息。在设计构思上,水墨元素的作用是平衡网页,水墨画元素作为艺术表现形式和视觉符号,它所营造的氛围,能呈现出东方人独特的感觉和心境。这幅图片画面中由水墨元素、墨竹、奇石共同组成。其中水墨元素能在水与墨、黑与白之间形成浓淡变化的色彩层次,在用水墨晕染出圆之后,在圆的缺角部分继续晕染出几条锦鲤,通篇水墨画将墨之黑作为主要色调,通过创造黑与白的气氛,将元素以一种非常单纯的方式最直接展示给观者,画面给人以广阔的想象空间,让人回味无穷。利用墨之黑色作为设计元素,既简洁有趣又能体现传统美感。不仅如此,水墨还可以与其他元素配合使用,例如以水墨图形勾勒与渲染出水墨鱼缸,锦鲤在勾勒出的墨色鱼缸中游动,营造出含蓄单纯、优美恬静的水墨意境。所以将水墨元素与其他元素配合使用是源于自然又高于自然的艺术表达方式。在设计表达上,采用水墨晕染的艺术效果,墨滴在水中舒缓地晕染开来,墨迹展现出千变万化的形态,可以想象它变换成连绵的山峦、广阔的大海、飞翔的仙鹤等,最终回归于墨迹本身的形态。从无形到有形,从有界到无疆,水墨的魅力在于它写实与写意兼具,在黑白的空灵世界中,让人仿佛置身于画中。将水墨画元素应用于网页设计中,是对中国传统文化的传承与创新,水墨画元素作为传播信息的重要表现手法能融合不同风格设计形式,绘画形式多样,题材广泛。网页设计的水墨元素运用能延续现代人从古代传统文化中继承的文化内涵和审美意识。水墨画元素的灵活运用不仅能丰富设计作品的文化内涵,传递中国民族文化特色,还能有效地传递表达主题信息,具有极高艺术审美价值和文化价值。
3.传统色彩点亮校园经典
传统色彩是传统文化的重要组成部分,也是传统文化独特的表现形式,是中国特色不可或缺的部分。在悠久历史和传统的影响下,传统色彩不仅讲究视觉美感,而且重视色彩的象征寓意,例如在中国红色被看做是喜庆色,颜色本身鲜艳明亮,也寓示红红火火、生气勃勃;又如黄色,因其明亮,被看做是阳光和大地的颜色,寓示期望、智慧、文明。不仅如此,黄色还是中国历代帝王的专用色,象征着古代中央。在大同大学校园文化网站设计过程中,主要以中国红为基调配以中国黄加以修饰。红、黄色是中国传统吉祥的象征,红色具有强烈的感知性,是血液与生命的颜色,是国际上以中国命名的颜色,即“中国红”。“红配黄”所呈现的是一种积极、热烈的视觉效果,是喜庆、吉祥的象征。在网站中首先可以看到logo是红色印章图案,突出中国味,与之配套的导航条、小图标均采用中国红与黄色相搭配。通过对大同大学校园文化网站的设计总结出以下几点经验:首先制作网站时,要保持网站色调的一致性,整体性是网站和谐的前提,每个网页、每个区域对色彩的运用,必须把握色调的整体性和连贯性。就像大同大学文化网站制作中整体采用“中国红”为主色调,不论是logo、导航、图标基本采用红色,强调整体协调性。其次,根据传统色彩的特点,灵活运用,把经典的色彩感觉引入到网站中,例如在网站中引入“中国红”、“中国黄”,主要目的在于营造具有中国传统韵味的色彩情调。再次,对中国传统色彩进行适当的加工处理,例如打破常规的色彩组合方式,这样可以搭配新的视觉效果。把徽派建筑、晕染的墨滴与红旗相组合,对以墨色为主的冷色调创新搭配鲜亮的“中国红”,两种颜色形成对比,刺激观者视觉,给人印象深刻。最后,在网站制作中注重现代风格色彩与中国传统色彩的融合,使二者既相互结合又相互区别,体现现代与传统相结合的时代感。在大同大学校园文化网站中以传统色彩(中国红、中国黄)为主色调,辅助色选用现代色彩,如有青草绿、宝石蓝、浅杏黄等,使网站既具有历史感又具有时代感。
4.古典图形彰显校园意蕴
中国传统图形具有中国独特民族艺术风格,经过历代传承经久不衰,是传统文化的重要组成部分。其形式丰富多样,既包含了具有审美价值的文字、绘画,还包含了具有实用价值的印章等。中国传统图形不仅是欣赏审美的体现,更是哲理与深刻寓意的化身,这些图形的作用甚至超越了文字符号,形成了具有深层民族精神的象征意义。在大同大学校园文化网站中运用到的传统元素有荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍等。其中,荷花代表圣洁,是佛教净洁的象征,荷花出尘离染,清洁无瑕,古代名人墨客都以荷花象征自己洁身自好的高尚品质,荷花在此网站中,彰显校园文化高洁之意,突出积极参与校园文化建设者的高尚品质。梅常常常被看做传春报喜的吉祥象征,梅花也是岁寒三友之一,梅以其凌寒独开的傲雪精神和不与百花争春的高洁之美,被人们所喜爱,象征高洁、坚强,而笔墨、书籍也是中国传统元素的象征,并且体现着网站的主题———推广校园文化。竹,是君子的化身,彰显气节,乃“四君子”之一,代表着坚持、正直、清高,在此运用说明同大学子拥有竹一般的气节。奇石,也作为传统文化的象征之一,尤以玉石为代表,古代文人骚客以玉指代自己高尚的品格,而且玉不离身。徽派建筑以粉墙黛瓦为表现特征,以砖雕、木雕为装饰特色,成为体现中国文化的重要组成部分。五星红旗是中国的国旗,国旗上的五星象征中国全体人民对党的拥护爱戴,是中国在世界的标志和象征,彰显我校一直坚持和拥护我党的正确领导,此处体现着我校不断发扬爱国主义精神。大同大学校园文化网站所运用到的传统元素均与传统文化密切联系,荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍,它们不仅说明网站的性质———传承传统文化,具有深厚的历史厚重感,而且说明同大学子拥有像荷花、梅花般高尚的品格———探求真理,不畏严寒。所以在网站中运用传统图形、图案时,要选择与网站主题相贴近的传统元素,不仅如此,更要深度挖掘传统图形深层意蕴,做到形与意、神与态的高度融合,才能更好地展现出对传统文化的传承与发展。中国传统图形为现代网站设计制作提供了血液和灵魂,将其放置于现代网站设计中发挥出无限的正能量。
5.哲学思想弘扬校园精神
适应性和包容性是中国哲学思想的显著特点。中国传统元素之所以能够成为中国艺术与文化精髓的代表,是因为中国传统元素与中国文化、中国哲学思想相存相依,与华夏民族传统人格一脉相承。中国文化的精神核心是天人合一,这种强调整体和谐的哲学,与网站设计的理念也是一致的,网站设计也是要达到整体的和谐,中国哲学主张世界是多样化的统一,认为以宽广的胸怀、有容乃大的气概,兼收并蓄,使世界达到“和”的理想境界,传统汉字书法艺术与传统图形的最终理想境界都是和谐,但这种协调与均衡并不是简单的线条处理分割,更不是一板一眼的类似数字化的均衡排序,而是通过对各种艺术设计表现手段的运用,达到一种整体上的制衡,即“中”与“和”的平衡。中国传统文化是以儒家思想为核心,儒道释并存,而中国元素是对中国传统文化的认知。儒家主张积极入世,讲求中庸之道,表现在网站设计上则是整齐、浑厚、中和的风格;道家主张法贵天真,崇尚自然,渗透到网站设计制作中,体现了黑白、虚实、浓淡、刚柔等艺术特点。佛教文化主张讲求禅机、心悟,在网站设计中的留白,在空白处留下无限遐想空间,从有界到无疆。儒、道、释三家哲学文化对中国传统文化有着深远的影响,而中国传统元素是它们有机的结合,也正是这种巨大的影响使它们成为中国传统文化的结晶与精髓。
五、结论
通过制作研究中国风校园文化网站,不仅可以发展中国特色,而且可以传承校园文化。让浓厚独特的校园文化以中国特色的形式表现出来,更具中国味,更贴近学生心理。中国文化有着独特的民族特色和文化底蕴,有自己的价值观和习惯,因此在网站设计过程中不仅要体现现代化的特点,更要注重对民族性的发掘,设计出具有国际性、实用性、民族性、文化性的网站。但是,本网站的设计还是存在着一些不足之处,比如,应拓展传统元素的素材范围、应设计传统元素的动态效果之美等等。因此还需在后期的制作中不断完善和改进。鲁迅先生在《且介亭杂文集》中曾说过,“只有民族的,才是世界的”。在制作现代文化网站时,对传统元素加以适当的改造提炼,能使网站更显历史厚重感,然后再结合现代的技术手段和审美情趣去发掘传统的精华,找到与时代的契合点,古今互补才能形成中国特有的设计风格。
作者:杜佳慧 单位:湖南师范大学
参考文献:
[1]周伟.高校校园网络文化建设网络平台的研究与实现[D].曲阜:曲阜师范大学,2010.
[2]陶亮.论中国传统文化元素的特点及运用[J].文艺研究,2012(8):9-25.
[3]高桂清.浅谈中国传统元素在网页设计中的运用[M].大众文艺,2010(24):18-33.
[4]梁景红.网站设计与网页配色实例精讲[M].北京:人民邮电出版社,2009:123-145.
[5]郑忘平.网页设计中的色彩运用及研究[D].西安:西北师范大学,2012.
[6]荆婧.试论中国元素在世界电影中的呈现[D].重庆:重庆大学,2011.
[7]刘德宇.高校校园文化发展论[M].青岛:中国海洋大学出版社,2009:134-156.
【论文摘要在互联网飞速发展的今天,网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来,如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。结合自身的经验,阐述了如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳,最后对其艺术设计风格进行了深入的分类和阐述,这一部分的重点是对网页界面艺术设计风格的探究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研,才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是有关网页版式编排的技巧和方法,而实际上,它不仅是一种技能,更是艺术和技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的功能。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个新问题那就是摘要:
1制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计,提到界面还有艺术,那在网页上插入一些精美、适当的图片是必要的,否则,不会有人去浏览你的页面,因此,在设计网页之前,就应搜集或制作一些好看、适用的图片。提到图形、图像处理,大家都会想到的软件是Photoshop这个软件,对,这个软件是进行图形、图像处理的软件,但是,它不是专门的处理网络图像的软件,Photoshop这个软件会用到去进行一些平面的图形图像,我们网络的图形、图像处理用的是Fireworks软件,它可以制作出传输较快的gif格式的图片,占的空间也比较小,一般大小也就是KB,而Photoshop制作出来的是jpg格式的位图,并且是有损压缩,象素大了图像就清楚,但这样的话上传到网上会影响浏览速度,象素小了就会出现模糊或者马赛克小方格,所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Golive这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字,如摘要:Dreamweaver软件或者Frontpage软件等都可以进行文本的编写。还有一点要注重的就是,显示文本的时候,设计者的机器上装了很多漂亮的字体,设计的时候采用了,但是等上传到网上以后,别人在浏览的时候,假如别人机器上没有安装字体,那就显示不出来我们采用的漂亮样式字体,因此,在考虑网页界面艺术设计的基础上,我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式,然后转换栅格化图片再用切片切成小块,分别进行优化。输出的格式可以为gif或jpeg,再导入到Dreamweaver进行具体编辑,做链接可以用图片特有的属性进行热区链接,这样就完成我们想要的字体样式效果了,就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式,它可以使网页更为清楚,可以把不同的页面超链接到同一框架中,使的页面更加紧凑。一般框架用在小说浏览页面,或者介绍图书章节的部分,或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的,可以布局,定位等等,它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(br)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道摘要:浏览器在读取网页html源代码时,是读完整个br才将它显示出来的。假如一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符。假如单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。
2色彩的运用
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功和否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类摘要:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注重网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等新问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3网页界面的优化
在页面设计中,网页界面的优化是较为重要的一个环节。它的成功和否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且和整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲惫,能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“和众不同”和特有风格,我门可以根据需要选择一些非凡字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。当然这些都是个人看法,你可以根据实际情况,选择更贴切的字体。目前常见的中文字体有二三十种,常见的英文字体有近百种,网络上还有许多专用艺术字体下载,要寻找一款满足的字体并不算困难。需要说明的是摘要:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有安装你的非凡字体,那么你的辛劳设计制作便将付之东流。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800×600下制作网页,最佳浏览效果也是在800×600分辨率下,在其它情况下只要保证基本一致,不出现较大新问题即可。现在我们设计网页,一般要考虑800×600和1024×768两种分辨率,因此我们的表格一般为居中的770左右的表格,表格的宽度最宽不要超过778。事实上,"做网页"不是单纯意义上的"制作网页",假如想让自己制作的网页美观大方,就必须要考虑"设计网页"的过程,一个好的作品,不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国,创新的页面极少,基本都是一种风格,这也是因以前我国的宽带水平跟不上有原因,一个漂亮的页面,必然体积会比较庞大,网络比较慢的话打开的速度也就可想而之,打开速度慢正是网页的一个最大杀手,所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及,我们也迅速括起了一阵韩风,很多大胆创新的页面出现,这是一个好现象,但是一味的模拟韩国也不行,我们也要有自己的特色,不能一味的拿来主义。
政府部门门户网站建设是根据国家对政府信息公开的相关政策要求,实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于ASP技术和ACCESS数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行,前台信息共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用Client/Server和Browser/Server相结合的技术方式,将超文本标记语言(HTML)和简单的JScript语言相融合开发,使用Session对象进行Web页之间的数据传递,并跟踪用户登陆,实现了不同权限用户对新闻信息的计算机网络管理和Web查询功能。网页新闻访问采用主页+标题面+子页面三级模式,主页面提供了本网页的一个宏观样式,并让各模块与之配合联系,构成一个完整的网页系统。
【关键词】
政府网站
网页制作
ASP 技术
ACCESS 数据库
【英文对照】
ABSTRACT
The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening, online government office, and online communication. The front-end consists of ten major modules, including leader's speech, government affair opening, government dynamics, policies and regulations etc. The backend is a hybrid of C/S and B/S technologies, HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon, web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page, title page and sub-page, the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.
【KeyWord】
Government website
Webpage Making
ASP
ACCESS database
【目
录】
前言 2
正文 3
第 一 章 概 述 3
1.1 网页制作背景 3
1.2 网页制作的意义 3
1.3 开发工具简介 4
第 二 章 可行性分析 5
2.1 B/S结构介绍 5
2.2 ACCESS 数据库 5
2.3 ASP 技术 5
第 三 章 网页需求分析 7
3.1 总体功能需求分析 7
3.1.1. 基本功能需求 7
3.1.2. 功能结构图 7
3.2 网页具体功能模块需求分析 8
3.2.1. 政务公开功能 8
3.2.2. 网站办事功能 8
3.2.3. 网上交流功能 8
3.3 网页结构图 9
3.4 网页版面规划 10
3.5 网站CI形象设计 10
3.6 网页布局技术 11
第 四 章 数据库设计 12
4.1 数据库概念结构设计 12
4.2 数据库逻辑结构设计 14
第 五 章 人机界面设计 17
5.1 后台登录界面设计 17
5.2 用户管理页面设计 18
5.3 信息检索页面设计 18
5.4 后台管理页面设计 19
第 六 章 系统程序设计 20
6.1 程序设计语言 20
6.2 部份源程序实现及文件 20
第 七 章 网页测试 30
7.1 测试网站的建立 30
7.1.1. 测试网站环境 30
7.1.2. Web服务器IIS5.1简介 30
7.1.3. 网页测试 30
7.2 网页及网站维护 31
第 八 章 结论 32
参考文献 33
致 谢 34
【前言】
在我国,继党的十六大提出推行电子政务、提高行政效率之后,十六届三中全会进一步强调要发展电子政务,提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段,它实现了按照用户对象进行信息资源的整合,提供覆盖用户全生命周期的各种信息和服务。同时,网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享,优化了社会资源配置,让政务信息更便捷、更低成本地进行传递。通过访问政府网页,企业和社会公众可以24小时不间断地,不受任何空间界限影响地与政府进行信息交互,在促进政务公开,改进公共服务,提高行政效能,确保公众知情权、参与权和监督权等方面有着显著成效。
政府网站建设的含义就是利用Internet/Intranet等计算机通信技术,在Internet上建立正式站点,通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能,推动政府办公自动化与网上便民服务,是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述,网页主要功能模块设置紧紧围绕部门职能职责,密切结合公众需求,实现了预期设计目标,网页经本地局域网测试运行正常。
【正文】
网页制作
第 一 章 概 述
1.1 网页制作背景
在当前这个网络时代,电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务,目前其电子政务的发达程度已备受世人瞩目。在我国,政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今,全国各地的电子政务建设已进入实质阶段,全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上,电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进,将极大地调动整个社会活力,推动中国社会的飞速发展,并对中国未来的发展产生巨大的影响。
1.2 网页制作的意义
首先,政府网站关系到政府的服务形象,关系到百姓的切身利益。政府部门通过制作网页建立网站,是电子政务的最佳切入点和重要内容,政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上,政务信息公开程度,有关为民服务栏目健全情况,信息反馈情况,在线办公与网上受理情况等关系到政府的服务形象,关系到百姓的切身利益。其次,政府网页制作有利于政府各类信息的充分共享,有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息,准确掌握外部环境,大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化,政民互动不断加强,政府将在公众面前展现出高效、透明的良好形象,这有利于提高社会凝聚力,对于维护社会稳定、促进社会发展具有重要意义。
1.3 开发工具简介
在众多的网页设计与制作工具软件中,我根据实际需求及对软件的熟悉程度,主要选取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8进行网页的开发和制作,这些软件的主要特点分述如下。
网页图像设计工具——Photoshop CS3、Fireworks 8.0
在网页制作过程中,首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件,它具有强大的图像处理功能和操作易用性,受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。
动画制作工具——Flash MX 2004
Flash MX 2004是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的,不管怎样放大、缩小,它还是清晰可见。 用flash制作的文件很小,这样便于在互联网上传输,它还采用了数据流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放,这些优点使flash日益成为网络多媒体的主流。
网页排版工具—— Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是由Macromedia公司推出的,用于网页开发和网站管理的专业化设计工具。它采用了多种新技术,具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能;它具有友好的操作界面,在文档窗口中可以打开各种浮动面板,同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务。
第 二 章 可行性分析
2.1 B/S结构介绍
B/S(Browser/Server,简称B/S)结构,即浏览器/服务器模式,它是WEB兴起后的一种网络结构模式,从传统的二层C/S结构发展而来,通常采用三层结构:浏览器-Web服务器-数据库服务器,WEB浏览器是客户端最主要的应用软件,浏览器通过Web Server 同数据库进行数据交互。
在B/S体系结构系统中,用户通过浏览器向分布在网络上的许多服务器发出请求,服务器对浏览器的请求进行处理,将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成,这样大大简化了客户端,减轻了系统维护与升级的成本和工作量,降低了用户的总体拥有成本(TCO)。
该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低,难以实现传统模式下的特殊功能要求。
2.2 ACCESS 数据库
Access是微软公司推出的基于Windows的桌面关系数据库管理系统(RDBMS),是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象;提供了多种向导、生成器、模板,把数据存储、数据查询、界面设计、报表生成等操作规范化;为建立功能完善的数据库管理系统提供了方便,也使得普通用户不必编写代码,就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全,执行效率高,所以Access后台数据库+ASP服务器端程序+客户端IE浏览器,是一个精练、实用、高效的组合模式。
2.3 ASP 技术
ASP是Active Server Page的缩写,意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是.asp,现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比,ASP网页具有实现动态网页技术;包含在HTML代码所组成的文件中,易于修改和测试;可以使用服务器端ActiveX组件来执行各种各样的任务;方便连接ACCESS与SQL数据库等多种优点,其主要缺点是开发人员要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击。安装ASP时,系统提供了两种脚本语言:VBScript和JScript,而VBScript则被作为系统默认的脚本语言。
第 三 章 网页需求分析
3.1 总体功能需求分析
网页功能分析就是以系统的观点,对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么,最终为后面的设计工作打下基础。
该网页作为电子政务的一种服务平台,政务公开、在线办事、网上交流是其基本的三大功能。
3.1.1. 基本功能需求
政务公开功能
根据2008年5月1日起施行的政府信息公开条例规定,行政机关应当将主动公开的政府信息,通过政府公报、政府网站、新闻会以及报刊、广播、电视等便于公众知晓的方式公开,确保公众享有充分的知情权、监督权。
网站办事功能
网上办公办事是网页功能服务中非常重要的组成部分,是电子政务建设努力的方向。通过提供一些行政审批等项目的在线办理极大地方便了群众,减少了不必要的人为环节,节省了社会资源。
网上交流功能
通过搭建政民交流平台,让公众不但能够将自己的建议与意见直接反映给部门领导,实现普通群众参政、议政的夙愿,而且使领导能够通过这一平台,倾听民声、关注民情、体察民意,进而为群众办理更多的实事、好事、贴心事。
3.1.2. 功能结构图
3.2 网页具体功能模块需求分析
根据总体功能需求分析,该部门网页确定政务公开、工作动态、领导讲话等功能模块,具体组成分别如下。
3.2.1. 政务公开功能
领导讲话模块
功能:即时领导关于三农工作的各种会议、现场讲话。
作用:传达精神,贯彻意图。
政务公开模块
政务公开模块包含七个子模块:机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。模块根据国家信息公开条例等法规政策要求,针对该政府部门必须公开的七个方面进行设置。
工作动态模块
工作动态模块,包含六个子模块:综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门各科室(办)所承担的职能职责进行设计,实现了各责任条块当前工作信息的即时公开。
政策法规模块
模块设置农业法规、政策文件两个子模块,提供近年来国家关于三农工作各种重要法规、政策的浏览和下载,同时对本区、部门关于三农工作制定的各种政策文件进行了公开,使法规政策透明化,接受公众监督。
专题专栏模块
模块包含科学发展观、调研文章、企业推介、农业前沿四个子模块。科学发展观子模块紧扣时代所需,调研文章子模块是在互联网上开辟的一个崭新的调研舞台,企业推介子模块为本地龙头企业的宣传、推广提供了一个新平台。农业前沿子模块放眼全球,宣传、推介农业领域的最新技术、最新品种。
3.2.2. 网站办事功能
网上办事模块
模块设置便民服务、服务流程、资料下载、统计报表四个子模块,将该部门能够进行网上办理的相关行政审批事项予以了公开,方便了群众,提高了办事效率,提升了部门形象。
3.2.3. 网上交流功能
在线交流模块
模块设置三农论坛、领导信箱、咨询留言、网上投诉、网上调查五个子模块。三农论坛子模块为公众之间相互交流提供了平台。领导信箱、在线咨询等四个子模块,为政府部门决策即时提供了群众的意见及建议。
联系我们模块
该模块主要功能:收集网站的反馈信息。
3.3 网页结构图
3.4 网页版面规划
全部网页采用1024×768分辨率制成,网页访问采用首页、导航页和新闻页三级页面形式。
首页
首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站的一些基本信息,联系方式,版权声明等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。
导航页
采用拐角型布局,优点是页面结构清晰,主次分明,缺点是规矩呆板,容易让人“看之无味。
新闻页
使用标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文;本站子页大部分是这个结构。
页头
本站页头以900×150的农村风景图为底,左置“巴中市”六字及名称英文“”Office of rural affairs,Bazhou District,Bazhong City,右边放置宣传语(FLASH动画)一起构成。
页脚
本站页脚如下:
3.5 网站CI形象设计
主色调与色彩
网站采用代表了春天、希望、田野的“绿色”为主色调,与部门的农业、农村、农民三农工作性质相吻合。
字体
导航栏字体为“黑体”,14px;网站主栏目字体为“宋体”,14 px;正文字体为“宋体”,9 px;
交互方式
网站设置了专门的在线交流模块,提供了论坛、网上投诉、咨询留言、网上调查等多种交互方式。
3.6 网页布局技术
网页使用表格方式布局,同时用CSS进行样式控制。表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。表格布局的缺点是,当我们用了过多表格时,页面下载速度受到影响。CSS层叠样式表是W3C组织新近批准的一个辅助HTML设计的新特性,它使整个HTML保持统一的外观。过去在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。采用CSS可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,获得统一的文本外观。
第 四 章 数据库设计
数据库在一个网页系统中占有非常重要的地位,数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。
4.1 数据库概念结构设计
数据库概念设计的任务是根据用户需求设计数据的概念数据模型,简称概念模型。概念模型是按用户的观点对数据和信息进行建模,是从用户的角度看到的数据库,它可以用E-R模型来表示。构成E-R图的基本要素是实体型、属性和关系,其表示方法为:实体型:用矩形表示,矩形框内写明实体名;属性:用椭圆形表示,并用无向边将其与相应的实体连接起来;关系:用菱形表示,菱形框内写明关系名,并用无向边分别将有关实体连接起来,同时在无向边旁标上联系的类型。
根据前面的需求分析,可以得到本网页数据库系统的E-R图,如图4-1所示。
上述E-R图的关系说明如下:管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑,它们都是1:n的关系。一个管理员可以对论坛所有注册用户进行监管,一个超级管理员可以对多个后台管理普通用户进行监管,它们的关系也都是1:n。
各实体属性的E-R图如下:
4.2 数据库逻辑结构设计
通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息,本网页数据库共设置了新闻信息表(News)等6个表,分述如下。
新闻信息表:用于存储新闻及政务信息。
表4-1 新闻信息表(News)
三农论坛表:用于存储论坛发帖。
表4-2 三农论坛表(BBS)
投诉留言表:用于存储群众来信、投诉、咨询及回复。
表4-3 投诉留言表(Message)
论坛注册用户表:用于存储三农论坛注册用户信息。
表4-4 论坛注册用户表(User)
后台管理员表:用于存储管理员姓名、密码、权限。
表4-5 后台管理员表(ManageUser)
网上调查表:用于存储网站调查项及投票。
表4-6 网上调查表(OnlineSurvey)
第 五 章 人机界面设计
5.1 后台登录界面设计
设计思想:登录页面主要实现用户的登录。通过用户名、密码、随机密码、IP、SessionID的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一IP上重复登陆,拒绝同一用户名在不同IP上重复登陆。
图5-1 登录流程图
图5-2 管理员登录界面
5.2 用户管理页面设计
设计思想:登录页面主要实现用户的登录,用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作,包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。
图5-3 用户管理流程图
图5-4 用户管理界面
5.3 信息检索页面设计
设计思想:根据输入的关键字实现单字段或多字段组合查询。
图5-5 信息检索流程图
5.4 后台管理页面设计
网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项,可以完成新闻信息的在线编辑、咨询留言的在线回复、网上调查项的增减等管理任务。
图5-7 后台功能结构图
第 六 章 系统程序设计
前面着重讨论了系统功能模块的设计,详细分析了每一个模块的功能,本章将就系统中模块功能的具体实现,选取部分源程序进行讨论。
6.1 程序设计语言
网站主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具可以方便地建立动态的、高性能的、安全的、跨平台的先进动态网站,其突出特点有以下几个:
ASP可以将内容的生成和显示进行分离
Web页面开发者可以用HTML或XML 标识进行对最终页面的设计,同时使用ASP Tag 或Java Script 来生成页面上的动态内容,因为所有的脚本都在服务器端运行, 所以, 如果核心逻辑部分被封装在标识中, 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式, 而不会影响其内容的实质。
对不同浏览器的兼容
由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法, 从而保证了对其它基于HTML的Web浏览器的完全兼容。
6.2 部份源程序实现及文件
数据库访问技术
网页在采用微软IIS/PWS的网络平台,通过服务器端运行的ASP程序来访问后台Access数据库。数据库访问采用匿名身份验证方式,使用户无需输入用户名或密码便可以对数据库进行访问。匿名身份验证是指由 IIS创建IUSR、计算机名称、帐户(计算机名称是正在运行IIS 的服务器名称),当匿名用户请求数据库内容时IIS 会将该连接分配给 IUSER_ComputerName 帐户,其中ComputerName。默认情况下,IUSER_ComputerName 帐户为 Guests 组的成员。此组具有 NTFS 文件系统权限所规定的安全限制,这些限制指定访问级别以及可提供给公共用户的内容的类型。建立Access数据库连接的步骤及参数意义如下:
第一行程序:建立一个ADO对象集中的Connection对象,也即连接对象。这是建立数据库连接的初始步骤。执行这行程序后,Conn成为一个连接对象。
第二行程序:建立一个ADO对象集中的Recordset对象,以便利用Recordset对象操作数据库(当然,这只是对数据库操作的多种方式之一)。执行这行后,rs就成为一个Recordset对象。
第三行程序:利用连接对象Conn的Open方法打开一个指定的数据库。首先利用Server对象的MapPath函数,取得要打开数据库的完整的文件路径,并存储在变量DBQ中。其次,因为我们要打开的是Access数据库,所以要指定ODBC驱动程序参数,表示要透过Access的ODBC驱动程序来访问数据库。到这里,就已经打开了数据库名指定的数据库。
第四行程序: Sql指令串。
第五行程序:利用rs对象的Open方法打开数据库中的数据表。这其中有四个参数,其意义如下:
数据表名或SQL指令串:在这个参数里指定要打开的数据库内的数据表名称,或者是用SQL的Select指令串确定的数据表的指定范围数据
Connection对象:指定已经打开的数据库的Connection对象。
Recordset类型:表示打开数据表的方式,有四种选择。数字0表示只读方式,且当前记录只能下移;数字1表示可读写方式,当前记录可自由上下移动,但不能及时看到别的用户建立的新记录,除非重新启动;数字2表示可读写方式,当前记录可自由移动,而且可以及时看到别的用户增加的新记录;数字3表示只读方式,但当前记录可以自由移动。
锁定类型:这个参数指定数据库的锁定功能。因为网络上的数据库都是多用户的,很可能同时有多个用户在操作数据库。为了避免错误,让同一时间只可能有一个用户修改数据,就要用锁定功能。有四种选择:数字1表示只读方式锁定,用户不能更改数据;数字2表示悲观锁定,当一个用户用rs对象开始修改数据时就锁定数据库,直到用户用rs.Update更新记录后,才解除锁定;数字3表示乐观锁定,只有在数据写入数据库中的时候才锁定。数字4表示批次乐观锁定,只有在使用rs.UpdateBatch成批更新数据时候才锁定数据记录。
身份验证
本网站身份验证采用服务器端验证代码方式,密码算法采用流行的MD5算法,同时附加客户端随机密码验证。MD5全称Message-Digest Algorithm 5(信息-摘要算法),是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一种不可逆运算加密算法,经MD2、MD3和MD4发展而来,面向32位的电脑。登陆验证按一个IP可以有多个用户登陆,一个用户只能登陆一个IP的原则进行设计,具体代码及解释如下:
网上调查功能实现
图6-1 网上调查投票界面
图6-2 网上调查结果界面
网上调查实现代码
第 七 章 网页测试
7.1 测试网站的建立
7.1.1. 测试网站环境
网页测试使用本单位局域网进行,配置如下:
服务器端:操作系统—Windows xp
Web服务器—IIS5.1
浏览器—IE6.0
客户端:Internet Explorer6.0
7.1.2. Web服务器IIS5.1简介
IIS是Internet Information Services的缩写,是目前使用最广泛的Web服务器,可以在UNIX和Windows平台上运行。它与Windows NT Server完全集成,允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS组件主要包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。
7.1.3. 网页测试
IIS配置
当IIS被成功安装后,将在计算机C:\Inetpub\wwwroot下新建一个默认网站,通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:\Wy目录下,首页文件名为Index.asp,其具体步骤如下:
第一步:在“默认Web站点”上单击右键,选“属性”,以进入名为“默认Web站点属性”设置界面。
第二步:转到“主目录”窗口,再在“本地路径”输入(或用“浏览”按钮选择)好自己网页所在的“D:\Wy”目录。
第三步:转到“文档”窗口,再按“添加”按钮,根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。
第四步:在“默认Web站点”上单击右键,选“新建虚拟目录”,依次在“别名”处输入“test”,在“目录”处输入“D:\Wy”后再按提示操作。
数据源(ODBC)配置
第一步:选择控制面板中的管理工具打开数据源(ODBC)。
第二步:在选项卡系统DNS中添加Microsoft Access Driver(*.mdb)驱动并指定数据源为网站的数据库文件。
测试
打开浏览器,直接在地址栏中输入:localhost/test/index.asp或者127.0.0.1/test/index.asp即可。
7.2 网页及网站维护
在测试完成后,网页就可以到互联网上了,接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间,制定相关维护规定,将网站维护制度化、规范化,主要包括以下内容:
即时更新新闻内容
留言、投诉、咨询、信箱定期回复
数据库内容定期备份、删减、分类
更正数据库使用过程中发现的问题
定期进行综合分析,不断优化数据库中数据结构,提高使用效率
在系统运行过程中应定期对管理员用户名和密码进行更新,并对IIS和NT权限作相应设置
第 八 章 结论
本次利用毕业设计的机会,为自己工作的单位设计了网页。网页使用ASP技术开发,具有良好的交互性能,具备强大的后台管理功能。新闻、信息检索、互动交流等主要模块设计做到了与单位职能职责的紧密结合,达到了预期设计目标。网页经单位局域网多次测试,在WindowsXP操作系统,IIS5.1的服务器环境上正常运行。
此次网页制作,通过大量阅读书籍和求助互联网,使我初步掌握了网页设计制作的一般过程、ASP简单设计应用、CSS和表单布局常识、ACCESS数据库设计技能。特别是在ASP编程阶段,通过无数次解决测试过程中排查出的问题,我不仅回顾和应用了以前学习过的理念知识,还掌握了许多新的知识和技巧,获益良多。但由于时间仓促,受一些技术和设备所限,网页在美工、需求分析、网页安全等方面存在诸多不足之处,有待后期运行中进一步改进和完善。
参考文献
1. 《Dreamweaver CS3 入门 提高 精通》,薛凯,康亚雄编著,机械工业出版社 2008
2. 《Photoshop CS3 平面设计标准教程》,李建宏,雷波编著,机械工业出版社 2008
3. 《ASP网页数据库短训教程》,刘瑞新,汪远征编著,机械工业出版社 2005
4. 《Flash CS3动画制作》,华信卓越编著,电子工业出版社 2008
5. 《网页设计三合一》,甘登岱编著,清华大学出版社 2009
6. 《网页设计与网站建》,邱云飞,温国峰编著,清华大学出版社 2009
7. 《Access2007数据库应用与开发》,杨继萍,孙岩,梁文新编著,清华大学出版社 2008
8. 《网页制作从入门到精通》,谭贞军,刘斌编著,清华大学出版社 2008
9. nbagri.gov.cn/index.jsp(宁波农村经济综合信息网)
10. 68design.net/(网页设计师联盟)
11. wznb.gov.cn/(温州市委农办)
12. bjnw.gov.cn/(北京市农委)