绪论:写作既是个人情感的抒发,也是对学术真理的探索,欢迎阅读由发表云整理的11篇网站设计制作论文范文,希望它们能为您的写作提供参考和启发。
2网站主体功能
网站为浏览者提供了一个互动的交流平台,为浏览者提供了了解西安交通大学生命科学实验教学中心的渠道,在这里能够了解到相关的学术及实验室的信息;本校师生也可以通过网站管理员把通告、新闻及教学资料到网站上,及时更新网站的信息。因此,本网站按照前台针对具有用户权限的访问者,后台针对各级管理员的功能设计。前台功能:①浏览生命科学实验教学中心概况;②了解专业相关发展资讯;③从校园网获取各类教学资源;④登录发文系统,上传/下载教学课件、作业;⑤查询教学计划,获取沟通方式;⑥浏览学生创新实验项目和相关成果;⑦留言板进行留言。后台功能:①管理员后台添加、删除实验教学、实验队伍、管理体制、设备与环境、特色项目、中心介绍、学生创新、教学资源等相关内容;②从后台信息,更新实验室开放公告;③添加/删除下级管理员,维护个人信息、密码管理;④收取作业、实验报告,添加教学课件;⑤添加/修改/列表教学文件等教学资源;⑥管理校内校外友情链接资源;⑦管理定制部分一级/二级导航菜单;⑧留言管理与回复。
3网站建设内容
用户访问站点是为了读取其中的内容,因此,内容是至关重要的,内容是设计存在的基础。它包括网站的前台页面设计制作,网站的后台编程,网站测试和资料上传等工作。网站设计主要是对网站前台页面进行制作,为了更好地表达网站主题,需要对网站的“美”和“功能”同时兼顾。实验教学中心的网站是在原有基础上进行改进提高,使其适应陕西省示范中心的要求。因此,针对现有网站存在的如页面简单,缺少特色,配色不尽人意,内容单一,不利于浏览者形成记忆与多次光顾等问题,设计工作首先在视觉上着手加强网站特色,给人以友好独特的视觉感受,网页页面风格追求简单明快、结构清晰、内容饱满,文化气息强烈,在页面色调上尽量选择高纯度,减少对比色,增加同类邻近色,依此原则对页面图文搭配、颜色配比、导航样式、网站标志、文字排版等内容进行了再设计和改进。对网站具体内容的设计需要做出框架设计,逐渐补充与完善,主要设计工作包括:(1)实验指导。详细列表实验室的各项设备(图文)和所在实验室地点,以及使用手册、实验指导书。(2)创新实验。提供学生申请自主实验平台,鼓励预约实验仪器。(3)人才交流。提供往届毕业生去向及发展信息(就职或研究项目概况),为往届毕业生与在校学生交流提供桥梁,帮助在校学生规划今后人生目标。(4)网络课程。供学生参与网络自我学习的平台,包含课程课件,上课时间及地点,网络化课程内容等。(5)答疑解惑。提供师生答疑解惑的平台和教师联系方式。(6)学术发展。提供生命科学领域最新学术论文,期刊等信息,为学生提供相关学科最新研究成果和发展状况。(7)联系我们。目的在于方便校外人士与中心取得联系,设立实时地图链接。(8)拓展链接。将链接国内外相关专业知名网站。(9)在线帮助。对浏览网站提供文字帮助。(10)企业交流。提供实践教学信息和专业相关企业信息,为学生企业实习以及应聘岗位提供帮助。
一、“双层项目驱动教学模式”在教改新课程中的构建
“网页设计与制作”课程是一门兼具设计性、综合性和实践性的网络技术入门课程。在该课程的开发过程中,教学团队通过调研后发现,在传统教学方法和课程内容组织上存在以下问题:
(1)教学中单纯介绍各个知识点的操作,忽视了各知识点间的联系。对于在学生头脑中形成“如何搭建整体网站”这一概念图式没有帮助。
(2)传统教学中教学内容的介绍顺序与“业内行家”制作网页的实际操作顺序严重不一致,不符合认知规律。
如使用上述“软件功能介绍式”教学方法,学生学习完成后,面对一个实际的网页制作项目时将面临不知从何处下手的困惑。因此,教学团队通过咨询网站设计从业人员及研究借鉴相关社会培训机构的教学经验后,确立了在“网页设计与制作”新课程中引入“项目驱动教学法”的思路。
F.J.Philip认为“项目驱动教学法(Project-BasedLearning,PBL)旨在引导学习者融入有意义的项目完成的过程之中,让学习者积极地进行探究与发现,自主地进行知识的整合与建构,以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标,项目完成的过程也是学习者学习活动进行的过程”。使用“项目驱动教学法”,学生不仅能够掌握单一知识点,更重要的是对于知识点间的有机联系及项目的整体解决方案有了清晰的认识,明白该如何去实际应用所学到的知识。因此,项目驱动教学法在一些实践性与应用性强的课程教学中能够发挥出色的效果,尤其适合计算机软件与程序类课程的教学。
2007年开始,教学团队以“项目驱动教学法”为基础,并根据“网页设计与制作”课程特点和大学计算机公共基础课程的特性,经过一线教学实践中不断的试验、调整,构建了“双层项目驱动教学模式”(见下图)。
“双层”的含义是在课程教学中贯彻“课堂”与“实验”两条项目主线。“课堂项目主线”是指教师事先建立一个有代表性的范例网站,以介绍其开发过程作为课堂教学的主线;“实验项目主线”是指学生需要自主完成一个网站开发项目,以其作为实验教学的主线。这两条主线保持进度一致,相辅相成,实现教与学的最佳效果。具体实施方法如下:
1 课堂项目主线
教师在教学前设计制作教学范例网站,将教学大纲中所列出的学生需要掌握的知识点融入其中,使范例网站开发项目的分解子任务与大纲知识点一一对应。
在整个学期的课堂教学实施中,教师以实例演示的方式从头至尾带领学生学习感受范例网站从无到有一步步搭建的全过程。教学顺序以“业内行家”从事网站设计开发的实际工作顺序来安排,力求符合学生在学习操作性知识时的认知习惯。同时知识点由实际的子任务表述。随着一个学期课堂教学的完成,范例网站也随着一个个子任务的完成而搭建起来。这样的做法有助于帮助学生将诸多知识点建构成为一个相互联系的有机整体,同时也有助于提高学习兴趣,获得习得的成就感。
2 实验项目主线
课程开始时,教师布置给学生一个贯穿整个学期的项目任务:学生自选主题,设计开发一个网站作品。学生项目作品开发的过程与课堂教学时范例网站开发的过程保持同步。这样学生在课堂通过范例网站的实例学到的某一项知识技能,马上可以在上机实验时间内用于自己作品的制作,在一学期的课堂教学完成时也同时完成自己的网站作品项目。
同时,教师团队考虑到计算机公共基础课实验的独有特性(学时少、学生人数众多、难以实现一对一辅导),将学生组成3~5人的协作学习小组,以小组为单位,共同完成项目任务。协作小组在小组作品的制作过程中展开协同工作,共同解决问题。
“使用和展示作品,对工作进行反思和评价”是项目驱动教学法的关键环节。在实验教学过程中组织开展一至两次的“小组作品公开展示活动”,能够有效地督促学生的开发进度,提高学生的积极性,促进小组间的相互学习借鉴,实现“以评促学”。
课程采用多元评量的评价方法作为学习评价的方式。教师在课程结束时组织“小组作品公开评议活动”,每个小组轮流公开展示自己的作品,回答台下师生的疑问与提议,师生共同给予评价。为避免小组协同工作中时常出现的分工不平均情况,可利用“协作小组任务分配表”、“项目阶段进程计划表”和组内互评制度,以达到最大程度的激励和监督作用,并提高多元评量的信度。
教学团队在华南师大2007~2009级20多个不同专业共5600余名全日制本科生中进行了教学模式试验,共计收到学生小组网站作品1100余份,取得了良好效果。课堂教学和实验任务的双层项目驱动使学生不仅能够迅速掌握知识技能,更能立即将知识技能灵活应用在实战中,培养了学生的创新能力和协同工作能力,促进了问题解决和自主学习的开展。对于这种针对课程特色、考虑学生实际需求的新型教学模式,学生给予了很高的评价,多名团队教师在学校各学期教学质量评估中均获得学生的好评,平均得分远高于全校平均水平。教学团队撰写的相关论文获得2010年广东省高校大学计算机课程教学指导委员会年会论文一等奖,并多次受邀在省教指委组织的教学模式专题研讨会中向全省同行介绍经验,受到广泛认可。目前该模式已被借鉴推广到“FLASH动漫设计制作”、“ACCESS数据库”等同类教改课程的教学中。
二、基于“双层项目驱动教学模式”的立体教材的设计开发
2009年,“广东省高校计算机教改教材资源建设项目”正式启动。教学团队投入一年时间,采用全新的教材编写视角,将“双层项目驱动教学模式”与课程知识内容有机结合起来,融入《网页设计与制作》立体教材的组织编排之中,以实现教改课程的实践经验在高校间的推广共享。
1 教学模式在教材中的体现方式
教学团队依照“双层项目驱动教学模式”的思路,以项目作品开发为主线,从课堂教学和实验教学两个层面设计教材的整体架构。
(1)课堂教学层面。课堂教学中,双层项目驱动教学的关键点在于教师对项目的选择和教学设计,需要遵循三个基本原则:①项目自身的主题内容必须适合学生专业知识或常识水平,方便学生理解,兼备实用性与强化实践性;②将各知识点合理地融入项目开发的子项目或分解任务中;③项目开发所需要的知识技能可将教学大纲要求全部覆盖。据此,教学团队在长期的教学经验积累的基础上,设计开发了“新疆之旅”教学范例网站,将课程大纲中的图像处理、动画制作、视音频处理、网
页页面设计制作、站点维护等多方面的上百个知识点设计融入其中。教材中每个知识单元的“案例任务”模块内容与范例网站开发的分解子任务一一对应,而大部分章节的编排顺序则模拟真实网站开发项目的设计制作流程来安排,由此“点”、“线”结合,串起整体框架。同时,为了兼顾知识点表述的全面性和资源的丰富性,每个知识单元除了包含范例网站的分解子任务讲解之外,还设计了“扩展知识”和“课后思考与练习”模块。整个课程教学设计不仅围绕上述三个原则,而且使学生在掌握课程知识的同时,又了解了旅游的相关知识和区域文化,起到了一举两得的效果。
(2)实验教学层面。教材在实验教学层面的“项目驱动”思路体现在:引导学生随着课堂教学的进度在实验时间中自主完成“主题网站设计开发项目”,以“做中学”的方式加速知识内化。各章的“本章学习指引”模块及各知识单元的“课后思考与练习”模块在功能上实现相互配合,对照实验教学进度要求,为学生完成“主题网站项目”提供各个关键阶段的规划和指导。
2 立体化的教学资源设计
作为《计算机基础课程多元系列教材》之一,本教材总体结构上遵循“文字教材+学习辅助光盘+网络学习平台+技能实训平台”四位一体的立体化框架结构。为课程的教与学提供了灵活、开放的教学辅助资源和不拘一格的方法途径。
立体教材各个部分在教学中承担的职能具有不同的侧重点:
(1)文字教材以项目方式引出各章的知识点和技能。让学生能够通过实际项目的开发,系统地掌握课程的应用技能和相关知识。
(2)学习辅助光盘是文字教材的拓展。每一个知识单元都将本书的教学重点内容录入,并形成各知识点学习时间建议、知识点导读、知识单元课件、制作素材、重难点操作演示、扩展知识、课后练习思考等对应的链接,为学生自主学习活动的开展提供清晰的指引。
(3)将教学内容中具有多样性、动态易变性、拓展性的部分放在网络学习平台上。通过互动论坛,师生间和学生间能随时就本课程的学习问题进行相互讨论。
(4)技能实训平台构建了高度交互的真实环境。以练习为主导,让学生在解决问题的过程中学习,并给出实时的评价与反馈以及动态多媒体教学链接,实现一对一的实训教学效果。
以上述方式构建的立体化教学资源不仅仅是各种媒体素材的简单叠加,而是教学模式与各类资源有机、科学、合理的结合,形成了教与学的一套整体解决方案。在其基础之上,教师可根据实际需要形成个性化的教案,学习者也可根据自己的学习能力和习惯来选择不同的学习方式。
关键词:
网站建设;中国传统元素;校园文化;界面设计
引言
随着社会的进步和发展,传承文明与创新知识已成为当代文明的主题主线,在此环境下,高校校园文化网站应运而生、蓬勃发展,而且近年来其社会地位也不断凸显。与此同时,全球文化的交流和碰撞日益激烈,导致高校校园文化日益开放和繁杂。因此,应从多角度、多侧面、全方位的视角梳理和评价高校校园文化,并逐渐建设完善高校校园文化网站,传承校园文化,构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素,如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中,将会取得全新的视角效果与经验,提供一种全新的触及世人心灵的感性认知,培养中国风格的审美情趣,激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的,也是浏览者与网页信息间的传递载体,例如在版面设计中采用留白的方式营造空灵韵味,在现代的版式设计中有指导意义。在构建中国风的网站时,加入中国传统文化元素设计,不仅会发挥现代科技美与创新美,而且还会体现传统的韵味美,保持着新与旧、古与今、传承与发展的高度契合,能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中,以期能彰显大同大学校园文化底蕴,并且能在网页中体现大同大学的校园文化精神,体现全体师生对校园文化的传承与发展。
一、校园文化网站概述
校园文化是在学校这一特定的文化氛围中,师生在从事各项课内外活动中所创造的精神财富,以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化,它包括学校领导、师生的价值观念、价值判断和取向,学校独特的文化特色、办学理念、办学目标,以及校风、教风、学风等精神风貌,以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展,网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间,可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化,也集中反映了当代教师与学生的精神风貌,对于文化的丰富、交流和发展具有重要意义。
二、中国传统元素概述
中国传统文化元素种类繁多,尤其是吉祥图形符号,如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号,代表并彰显着中国文化神韵。中国元素,是指在中华民族的融合、演化与发展过程中形成的,由中国人创造与传承的,反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富,它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素,如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素,思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中,时刻运用着“中国特征”,处处体现着中国式的意境和精神,是构建中国特色校园文化网站的基础。
三、中国传统元素在文化网站中应用的意义
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.
在Internet飞速发展的今天,互联网成为人们快速获取、和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。论文参考。Internet上信息主要是通过网站来实现的。因此网站建设在Internet应用上的地位显而易见。
中国有超过300万家企业,其中80%没有公司网站,目前有公司网站的大约60万个,大约20%的企业都有网站,不过仍有相当一部分企业,其规模非常的大,却没有正规的网站,或者只有母公司的网站,没有简体字网站,或者经过测试,还没有能顺利打开的网站。所以中小企业网站制作的市场比较大。网站是企业面向公众的脸面,一个企业在互联网上建立的站点,是企业开展电子商务的基础设施和信息平台,是实施电子商务的公司或商家与服务对象之间的交互界面。开展电子商务活动必须从网站建设抓起,通过网站把企业的商务需求、营销方法和网络技术很好地集成在一起。但网站建设是一项复杂的工程,如何进行中小企业网站建设是中小企业面临的主要问题。一个企业网站的制作就像盖一座大楼一样,从整体设计再到各个局部的施工,都要有一个整体的规划,一个成功的企业网站制作必须有完美的规划和出色的设计,它是网站存亡的关键。
1.确定主题
确定主题就是定位网站的主向,也就是确定网站的题材,这是制作一个网站的第一步。中小企业网站制作的基本目标是:网站建成后,人们能够通过浏览器访问该网站或通过该网站访问其他不同的网站,进行一定的信息交互,查询产品信息、下订单、资金确认、物流运输等,进而完成一次商务活动的全过程。此外,一般企业建站还有其他目标,如企业产品、服务信息,网上市场调查,开展网络营销,网上客户服务,逐渐实施电子商务等。
2资料的搜集
确定网站的主题后,下面则要着手搜集关于主题方面的资料来充实该网站,资料是网站的血肉,它是一个网站最能吸引浏览者的地方。这项工作也可以由企业人员来完成,因为只有真实的东西才能长久。尽可能使搜集的资料全、精、广。论文参考。这个阶段的准备工作做好后,刚可以将这些已经搜集好的资料根据其名方面的特点进行整理,分门别类,以备后面制作使用
3.设计制作
3.1网页外观设计
网页外观设计可以分为绘制页面草图、进行页面布局和添加页面元素三部分。绘制页面草图一般都是在平面设计软件中完成,用Photoshop,或者Fireworks。页面布局的方法比较多,传统的表格布局,现在比较流行的DIV+CSS布局,都是很好的布局方法。表格布局使用简单,制作者呆要将内容按照行和列进行拆分,再用表格组装起来即可实现设计版面布局。目前有很多网站在使用表格布局。在Photoshop中将大图片切分成若干个小图片,浏览器会同时下载这些小图片,就可以在浏览器上尽快地将图片显示出来。表格就成为了这些不图片装成一张完整图片的有力工具。但用表格制作网页代码视图显得非常臃肿,当页面需要修改时工作量难以想像。用DIV+CSS布局,灵活性很高。代码简洁,修改起来容易。页面元素有文字,图片,动画、表单、音频、视频等。现在有越来越多的企业选择用Flash来制作公司网站,或者网页元素喜欢用大量的Flash,喜欢那种绚丽的效果。但有些问题还是需要注意的:比如Flash不易维护,如果有需要更新的部分非常不方便;Flash的运算都要靠客户机,要求比较高,如果您在自己的电脑上或在设计公司的电脑上看的效果非常流畅,并不代表所有人都能看到这样的效果;Flash中如果需要插入大量的文字,最好用动态输入文字,这样体积小,而且看起来更清晰。
3.2确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。网站的链接结构的目的是: 用最少的链接,使得浏览最有效率。建立网站的链接结构有两种基本方式:一是树状链接结构;二是星状链接结构。在网站设计中,最好的办法是首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构,超过三级的使用导航条。使浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。
3.3网站后台技术
网站后台一般分两大阵营:linux+apache+php+mysql 和 nt+iis+asp+sqlserver。
除非对自己公司的技术实力非常有信心,否则还是选择后一种吧,这样在开发和后期维护上都比较方便。技术人员也比较容易找到。但如果网站功能要求非常强大,用户数量众多,可能后一种就力不从心了,这时可以考虑前一种方案。论文参考。一般中小企业选择后一种就行。后台程序的开发是根据网站功能而确定的。建设用户名,密码.登陆,分析网站流量,还有网络营销 序开发。这些功能都需要要会动态网页的编程,制作一个完整的网站最少要会动态编程中的一种才行(一般一个网站只用一种编程而已),不然以后的维护也是很难的,当然现在制作一个企业网站大部分还是团队合作,有专门制作网站页面外观的设计师,有专门文字编辑人员,有后台系统的编程人员。
4.维护
制作完成的网站最终结果还是要上传到网络服务器中,即;对于上传到网络服务器中的网站也需要日常管理和更新,即维护。和维护是网站制作的最后一个阶段。现在有越来越多的有实力的公司买一台服务器自己用,这是就要格外注意网络安全的问题了。如果是租用服务器空间,由专业公司来负责网络安全,而自己买服务器,要面临这样的问题,很多公司都注意不到它的严重性。所以如果是企业自己买了服务器,最好由专业的公司或网管来负责网络安全和数据备份这样的事情,否则一旦碰上黑客或者病毒之类的就傻了——辛辛苦苦累积起来的客户数据或者网站内容就丢了。租用网页空间是一种和虚拟主机类似而更为简单的方法,向ISP申请一个虚拟域名(实为一个超级链接),将自己的网页寄放在ISP的主机上,用户可以自行上传、维护网页内容,自行网页信息。
一般来说,租用网页空间费用较虚拟主机更为低廉。但这种方式主要以静态网页的形式介绍企业、展示产品、收发电子邮件等等,主页空间容量小,网页中对象单一,浏览不稳定,功能简单,不支持动态网页,不能进行实时的数据处理,特别是网站的管理很不方便。对网站要求不高的小企业可以租用空间更加实惠。
总之,在建立中小企业网站时,必须高度重视网站的总体设计和网站的硬件建设,建立一个结构合理、内容丰富、功能完善、和谐美丽、方便快捷的网站,以吸引更多的浏览者访问该网站,企业才能够通过该网站顺利地开展电子商务活动,提高企业的竞争力,为企业带来良好的经济效益。
参考文献:
[1]王宇川.电子商务网站规划与建设[M].北京:机械工业出版社.2007.8.
【论文摘要】在互联网飞速发展的今天,网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来,如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。结合自身的经验,阐述了如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳,最后对其艺术设计风格进行了深入的分类和阐述,这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研,才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是:
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计,提到界面还有艺术,那在网页上插入一些精美、适当的图片是必要的,否则,不会有人去浏览你的页面,因此,在设计网页之前,就应搜集或制作一些好看、适用的图片。提到图形、图像处理,大家都会想到的软件是Photoshop这个软件,对,这个软件是进行图形、图像处理的软件,但是,它不是专门的处理网络图像的软件,Photoshop这个软件会用到去进行一些平面的图形图像,我们网络的图形、图像处理用的是Fireworks软件,它可以制作出传输较快的gif格式的图片,占的空间也比较小,一般大小也就是KB,而Photoshop制作出来的是jpg格式的位图,并且是有损压缩,象素大了图像就清晰,但这样的话上传到网上会影响浏览速度,象素小了就会出现模糊或者马赛克小方格,所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Go live这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字,如:Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是,显示文本的时候,设计者的机器上装了很多漂亮的字体,设计的时候采用了,但是等上传到网上以后,别人在浏览的时候,如果别人机器上没有安装字体,那就显示不出来我们采用的漂亮样式字体,因此,在考虑网页界面艺术设计的基础上,我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式,然后转换栅格化图片再用切片切成小块,分别进行优化。输出的格式可以为gif或jpeg,再导入到Dream weaver进行具体编辑,做链接可以用图片特有的属性进行热区链接,这样就完成我们想要的字体样式效果了,就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式,它可以使网页更为清晰,可以把不同的页面超链接到同一框架中,使的页面更加紧凑。一般框架用在小说浏览页面,或者介绍图书章节的部分,或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的,可以布局,定位等等,它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html源代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时,会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中,网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,我门可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。当然这些都是个人看法,你可以根据实际情况,选择更贴切的字体。目前常见的中文字体有二三十种,常见的英文字体有近百种,网络上还有许多专用艺术字体下载,要寻找一款满意的字体并不算困难。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有安装你的特别字体,那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800×600下制作网页,最佳浏览效果也是在800×600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。现在我们设计网页,一般要考虑800×600和1024×768两种分辨率,因此我们的表格一般为居中的770左右的表格,表格的宽度最宽不要超过778。事实上,"做网页"不是单纯意义上的"制作网页",如果想让自己制作的网页美观大方,就必须要考虑"设计网页"的过程,一个好的作品,不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国,创新的页面极少,基本都是一种风格,这也是因以前我国的宽带水平跟不上有原因,一个漂亮的页面,必然体积会比较庞大,网络比较慢的话打开的速度也就可想而之,打开速度慢正是网页的一个最大杀手,所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及,我们也迅速括起了一阵韩风,很多大胆创新的页面出现,这是一个好现象,但是一味的模仿韩国也不行,我们也要有自己的特色,不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是有关网页版式编排的技巧和方法,而实际上,它不仅是一种技能,更是艺术和技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的功能。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个新问题那就是摘要:
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。事实上,"做网页"不是单纯意义上的"制作网页",假如想让自己制作的网页美观大方,就必须要考虑"设计网页"的过程,一个好的作品,不通过仔细的"设计"就成形是绝对不可能的。
中图分类号:G4 文献标识码:A 文章编号
随着计算机技术的发展,网络在人们生活中的作用越来越重要。企业或者个人通过网站进行交流或信息推广成为现代社会个人必备的技能,网页设计与制作也因此成为IT类学生必修的基础技能课。《网页设计与制作》是一门综合性和实践性很强的课程,教师在教学中应处理好理论教学与实践结合的关系。如何更好地解决这一问题是课程教师必须思考的问题。本文结合笔者教学中的实践经验,谈谈基于项目教学法的《网页设计与制作》课程改革。
1. 项目教学法概述
项目教学法是以学生为中心的教学方法,指的是教师根据教学计划,将教学项目进行分解并示范给学生,学生在教师的指导下单独处理一个独立的项目。学生通过对项目处理的全过程参与,掌握了这个过程中遇到所有问题的解决方法。项目教学法改变了传统的以教师、课本和课堂为中心的模式,转向以学生、项目和实际经验为中心。这种教学方法,在中等职业学校教育中被普遍采用,对于培养学生的能力和提高学生素质大有裨益。
《网页设计与制作》学习的目标是要求学生对工具软件命令的使用灵活掌握,并能运用软件独立进行网页设计和制作。项目教学法通过分析各种项目展开教学教学活动,学生在教师的指导下进入特定的教学情境,并进行独立思考或集体协作完成项目。在这个过程中,获取知识、掌握技能,从而提升自身能力。将培养学生的综合实践能力作为学习目标,培养学生的积极性和主动性,学生在课堂上有较大的自主权。总体说来,将项目教学法应用于《网页设计与制作》课堂,有以下优势:⑴激发学生的学习兴趣;⑵发挥学生的自主性,培养学生的自学能力;⑶培养学生的动手能力和创新意识;⑷项目的主题与现实生活密切相关,项目的实施具有针对性和可操作性,有利于学生学以致用。
在运用目教学法时,应以学生为中心,并遵循学生中心、充分发挥教师的协助作用;以项目选取作为关键;教师应为学生创设学习资源和协作学习的环境;以学生完成项目的情况对学生的学习效果进行评价等原则。
2. 项目教学法在《网页设计与制作》课程中的探索应用
2.1 确立项目任务
《网页设计与制作》课程具有很强的实践性和操作性,在实施时应首先确立切实可行的项目。按照教学大纲的要求确立项目的知识和技能,项目应具有能激发学生学习积极性和能动性的特点。项目的设计不应过于具体或者太复杂,在项目设计的过程中,应注意以下几个问题:首先,根据学生特点进行设计,针对学生的实际水平确定项目的难易程度;其次,应充分考虑到项目的内容能否引起学生兴趣,而使他们能积极主动地搜集资料并投入其中;再次,应确保项目的内容是学生力所能及的,根据最近发展区理论确立项目的知识和技能;最后,项目的完成过程,有助于培养学生的协作和团队精神。可以设计制作一些网站项目,如展示班级风采性质的“班级网站”、宣扬个性的“个人网站”等。教师把网站设计的要求告诉学生,让他们根据提供的素材或者学生会自己搜集的素材进行设计和制作。制作的要求主要包括网站的功能、总体布局框架、logo、网页内容及使用的框架和表格、相关链接和动态脚本、后台管理、网站的和维护等。这类贴近生活的项目,在设计上容易理解,有利于学生明确目标将更多的时间和精力放在项目的开发上。
2.2 项目的实施
项目实施的课程,应当分阶段进行。
首先,教师应为学生提供项目示范。如教师提供自己设计并制作出的“个人网站”,学生在浏览网站的过程中,了解版面的布局、网页内容、网页的色彩搭配等,了解并体会网站的后台功能。对于网站项目多需要完成的模块,以及Dreamweaver、Photoshop、Flash、Javascript和数据库的功能作用都有了更深刻的了解。通过这样的示范,引发了学生的兴趣,他们能够更深切的感受到使用者具体需求,在接下来的项目学习中能够明确目标。
其次,对学生进行分组。分组时应注意对每组人数的控制,以3~5人为一组最好,并设立项目组长,由组长负责分配任务。分组时还应注意学生的互补,根据性格特点和认知能力技能水平等合理搭配。如站点的整体规划由理论功底扎实的成员负责、版面的布局设计由美工基础好的成员负责,网页的设计应由计算机操作水平高的成员负责。通过小组成员之间的自主和合作学习,成员之间的互相交流会对学习产生有效地影响。在教师和项目组长的组织下,确定练习项目并开展分工协作。
这个过程中,教师应做好监督指导,督促各组成员及时、高效的完成项目计划的各个环节。对于学生遇到的难题,教师应针对不同的情况及时给予合适的指导,并鼓励学生以协作的形式分析问题。为确保项目的顺利进行,对学生的知识技能和行为习惯的培养受个性差异等因素的影响,也需要教师在项目实施过程中给予引导和帮助。
最后,对项目实施过程各阶段的工作要及时进行总结。各阶段的项目的实施过程中会有一定的收获和经验,也难免出现各种各样的问题,在项目结束之后进行总结能够发现存在的不足,以便在下次项目的实施中再次犯错。
2.3 项目评价
项目评价指根据学生项目的完成情况对学生的学习进行评价,主要包括教师对各小组项目完成情况的评定、小组成员的互评以及学生本人的自评。在评价时,应注意科学公正性,对于网站项目的评价应从主题突出、结构清晰规范、色彩搭配合理和具备后台管理功能等等反面综合评价。教师应引导学生客观正面的进行互评、并做好平时检查和最后结果检查的结合,多从学生的角度发现问题并提出改进意见。对于评选出的优秀作品,可以将其到校园网上,让学生因自己的设计成果受到肯定而产生成就感。
3. 项目教学法在《网页设计与制作》课堂的应用体会
通过教学项目的实施和探索,项目教学法的应用取得了良好的效果,与传统的教学方法相比 ,项目教学法具有不可替代的优越性。首先,项目教学法的实施,提高了学生学习的主动性。学生在项目的完成过程中将各知识点连接起来,形成了知识的系统性。项目教学中,学生通过各方面信息资料的收集,学会了对资料进行分析归类,将网页设计的知识与图形图形及编程等知识结合运用,形成了知识的系统性。在解决实际问题的过程中,运用创造性思维多角度地解决问题,促进了思维的深化。其次,有利于学生思维的开拓,提高他们解决实际问题的能力。网页设计要求新颖、独特,学生必须运用已有的知识经验对遇到的各类问题作出判断并想办法解决。因此能够帮助他们开拓思维、提高解决问题的能力。其次,项目教学法的实施过程中,学生学会了合作沟通并能自主学习。通过教师的示范引导,学生自己查阅并搜集相关资料开展项目,并与小组成员交流协作完成任务。这个过程中,小组内的成员必须齐心协力、互相扶持,寻找解决问题的办法,培养了学生的沟通和合作能力,并督促他们自主学习以保证在小组任务中不拖后腿。最后,项目实施的过程,增加了学生的责任感,增强了他们的自信心。
4. 小结
项目教学法是以学生为中心的教学方法,在《网页设计与制作》课程中采用项目教学法,通过确立项目任务、实施项目和项目评价,有助于激发学生的学习兴趣、发挥自主性,培养自学能力、动手能力和创新意识。更重要的方面在于,项目的设立与现实生活密切相关,完整的项目参与过程给学生提供了实践的机会。项目的可实施性和操作性,让学生将所学理论运用于实践,实现了学以致用的教学目的。
参考文献:
[1] 吴延水. 项目教学在网页设计与制作中的应用[J]. 电脑知识与技术, 2010,06(15):4037-4038.
【中图分类号】G642 【文献标识码】B 【论文编号】1009―8097 (2008) 08―0114―03
一 引言
21世纪的今天,“以电子计算机、网络通讯和多媒体技术等为核心的信息科学和信息技术在现代信息社会中占据着越来越重要的地位和作用。它彻底改变人们工作、学习和生活方式,成为人类探索自然、组织生产、策划贸易和金融流通等必不可少的工具,成为衡量一个国家社会发展和综合国力的重要标志”[1]。 高等职业教育的目标是培养具备综合职业能力和全面素质、直接在生产、服务、技术和管理第一线工作的应用型人才,使之既有专业知识,更有实践技能。作为未来的应用技术型人才,高职学生应具备较高的信息素养,掌握现代信息技术的知识和应用,能实现信息技术能力与专业知识能力的融合。《计算机应用基础课程》在高职院校中作为公共基础课开设,其教学内容和知识结构顺应技术发展而不断地发展和变化,我们从华东师范大学出版的《计算机应用基础》版本的不断升级可以看出其应用性、实践性、创新性的发展和变化。社会对高职学生的需求在变化、计算机应用基础的教材在变化,计算机应用基础课程的教学方法、评价体系也需要变化,只有采用先进而有效的教学方法、多元化的教学评价体系才能提升学生信息技能,具备适应岗位更新的可持续发展能力。
二 高职计算机应用基础教学的现存问题
作者认为当前高职计算机应用基础的教学存在一些典型的问题:
1 教学内容与实际需求脱节,学不能所用
虽然计算机应用基础在教材、教学内容等方面不断地进行更新,但与计算机技术、多媒体技术、网络技术等的发展速度相比还有一定的距离。学生从课堂和书本中获得的信息技术理论、操作和运用在一定程度上与学生的实际需求脱节,难以与自己的相关专业联系起来。例如我校经济管理系的学生通过学习已经熟练掌握EXCEL报表软件的各种功能,但却不能运用EXCEL2007对当天股票数据进行分析和统计,也不会灵活地使用各种图表分析说明问题。
2 教学方法单一,忽视学生的个体差异和主体性意识
学生是学习主体,但学习主体的信息技术能力因环境、前置教育、兴趣爱好等不同有着很大的差异。传统的、单向的“讲授法”、“演示操练法”等教学方法以教师的主动地位代替学生的主体地位,学生被动地接受知识,个体差异无法得到有效尊重,学习积极性和主动性难以得到充分发挥。
3 教学设计“缺乏引导学生主动参与的情景设计,学习活动缺少交互和协作”[2]
计算机应用基础涉及的知识范围广,既有办公软件使用,也有图像、图形处理,还包括网站的设计制作等。缺乏情景设计的教学设计和教学实施只能使学生对于知识的认识停留于概念、规则和机械操作,不能实现知识的意义理解和建构,不能将知识和技能迁移到专业需求中。同时教学设计缺乏互动和合作,有违于合作精神和职业素养的培养。
4 评价方法与应试教育挂钩,偏离与“以就业为导向,以能力为本位”的教学目的
一些高职学校将通过“高等学校计算机等级考试”作为评价计算机应用基础课程的唯一方法,学生只要达到优秀或合格就认为学好了计算机应用基础,导致学生机械学习,死记硬背操作步骤,虽然能考个高分,但未必高能。学生信息技能和信息素养的提升是一个连续的波动性的过程,单一的考试评价体系不能真实而全面地反映学生信息技能,偏离“以就业为导向,以能力为本位”的教学目的。
三 高职计算机应用基础教学方法的实践探索
以能力素质为核心、以知识素质为主体是高职学生综合能力素质的体现,因此作为一门培养能力的基础课程----计算机应用基础同样要将培养学生的实际动作操作能力和灵活运用能力作为核心目标,建立起既能发挥教师主导作用又能发挥学生学习主体作用的教学模式,并逐步实现教学内容、教学手段和教学方法的新探索。笔者从自身的教学实践出发,在如下一些方面进行了教学方法的探索和实践。
1 教学方法多样化,尊重学生个体差异、能力差异
高职学生的学习特点是理论够用、加强实践、培养能力,因此在传统的讲授法、演示操练法外,应更多地采用重视实践和技能运用的合作学习法、任务驱动法、探究学习法、案例学习法等。为此,授课教师要树立起新的教学理念,调整好自己的角色,从传统意义上的知识传授者和学生管理者转变为学生学习的促进者和帮助者,从教学活动的控制者转变为教学活动的设计者,从尊重学生的个体差异和能力差异出发,根据教学需要选择合适的教学方法展开教学,鼓励和引导学生主动参与、亲历实践、独立思考、合作探究,从而促进学生信息技术知识能力、操作能力和运用能力提高。以任务驱动法为例,教师通过任务设置如开发一个介绍本专业的网站或为网站的首页设计一个FLASH动画激发学生学习兴趣,帮助学生形成学习动机;再通过实际的、有意义的任务情景设置提示新旧知识之间联系的线索,帮助学生学习隐含在任务中的知识和技能;同时通过组间同质组内异质的协作学习组织发挥每个学生的不同能力,最终实现每个学生在自身的知识结构上任务完成和意义建构。
2 发挥信息技术工具在教学和学习中的作用,从技术的运用中提升能力
学习计算机应用基础是为了将计算机应用于工作和实践,作为传授计算机技术知识的教师首先要充分发挥信息技术工具在教学中的作用,以自身的教学工作为学生树立利用信息技术和计算机工具提升工作和学习质量的榜样,并以此鼓励学生要将学得计算机知识和技能运用到现有的专业学习中并用到将来的工作中。在具体的教学工作中,教师通过有效运用信息技术工具促进高职学生的知识建构和能力发展,并通过技术的运用提升计算机能力。如教师可以利用多媒体软件制作教学课件,创设有利于学生主体知识建构的教学情景和任务需求;利用数字化的网络资源制作和使用教师个人主页,为学生提供协作学习、探究学习的平台;利用移动学习工具和技术提供对学生随时随地的学习支持;利用虚拟现实技术和数字化游戏技术开发数字化教学游戏,满足学生“玩中学”的本能需求。总之,信息技术工具的恰当使用可以有效地强化和促进教学和学习,使学生通过学习的参与感受到计算机技术已经渗透到学习过程中,更可以渗透到专业学习和实际工作中,强化学生对计算机技术实用性和有效性的认同感。
3 创设真实的学习情景,促进学生知识建构和知识迁移
真实的学习情景和任务需求是和学生的生活背景和专业背景相关,学生将通过解决一个个现实的具体问题学习解决问题的方法、技巧,掌握计算机应用的技能、知识。创设真实的学习情景不但能激发和保持学生学习情趣,更能促进学生知识建构和知识迁移。以笔者的教学经验为例,在进行“电子表格的数据分析”模块教学时,尝试根据高职学生的专业特点创设真实的学习情景,如针对我校经管系证券投资专业学生提出的学习情景是每天我们都会关心股票的即时行情和收盘行情,如何利用EXCEL软件对某一天的收盘行情按股票大类进行分析和统计?如何制作股票的走势图?如何利用透视图分析几天内的行情变化?而针对计算机专业学生创设的任务情景是:我们经常关注省略网站查询计算机硬件的行情信息,如何利用EXCEL软件对某一天的硬件行情按主板、CPU、硬盘、内存等大类进行统计分析?如何制作一个月内内存价格的走势图?如何利用透视图分析不同品牌笔记本电脑的性价比?这些根据专业设置的学习情景与学生的专业知识和专业需求融合在一起,计算机应用基础的学习不再是抽象的操作,而是用于解决实际问题满足实际需要,激发学生了对相关知识的兴趣、关注和讨论。
4 利用网络资源展开协作学习,鼓励师生之间、生生之间的交流和合作
校园网、教师日志、教师主页等网络资源能为教师和学生提供协作学习的平台,改变教师一讲到底、学生一听到底的传统方式。在协作学习环境下,学生和教师都平等地以小组成员的形式参与到共同的学习中,共享信息和资源。由于个人的学习成功和他人的学习成功密不可分,师生之间、生生之间的关系是融洽而平等的,每个学生的能力被得到重视。基于网络资源的协作学习对于完成复杂的教学任务是相当有意的。如通过协作平台向学生布置一项适合于协作学习的教学任务:设计制作一个介绍世博会知识的网站或设计制作一个针对本专业的二级网站,按照教学任务每个学生可根据自己的能力特点和兴趣爱好参与不同的协作学习小组中并担任相应的角色,擅长多媒体技术的学生主动担任网站的页面设计,擅长数据库的学生担任网站的后台数据库设计,擅长编程的同学则担任网站的交互设计。在协作学习的平台上师生共享资源和信息,自由发表观点、意见,共同探讨问题,共同寻求解决问题方法,最终出色完成学习任务,并培养职业生涯中不可或缺的合作精神。
四 高职计算机应用基础评价体系的实践探索
现代教学理论提倡评价方式多元化,将质性评价方法和量化评价方法结合在一起。作者认为高职计算机应用基础可以采用多元化的学习评价体系,既包括评价方式多元化,也包括评价主体多元化、评价标准多元化。
1评价方式多元化
每个学期期末考试、参加统一的高等学校计算机等级考试是目前采用最多的评价方式。但在教学过程中更可以采用多元化的评价方式来记录学生计算机能力提高的每一步。如采用“当堂达标的评价方法,对学生在课堂上现场完成学习任务的态度、效果给出过程性的评价;采用上机考核的方法,在独立单元结束后通过完成综合性的操作任务考察基本操作技能的掌握情况;采用作品创作评价方法,考查学生综合运用知识、技能的能力,并考察学生主观上体验水平、感悟水平和审美取向”[3];采用“学生信息档案袋,综合记录学生运用计算机技术的实践活动”[4],包括参与的课件开发、网站设计、专业领域的数据收集和分析、使用信息技术工具的实习、实训、社会实践等等。学生是信息档案袋的管理者和充实者,是计算机技术的实践者和技术实践的评价者。
2评价主体多元化
评价的目标不仅仅在于帮助教师诊断、反馈、改善教学设计和教学方法,更在于激励、促进学生能力发展和知识建构。多元化的评价主体强调学生不仅仅是被评价的对象,同样也是参与评价的主要对象。教师评价、小组评价、组间互评、自我评价的有机结合能体现评价主体的多元化和立体化,能使评价的过程成为学生主动参与、自我反思、自我教育、自我发展的过程,成为学生之间、师生之间互动、交流的过程,成为以多渠道的反馈方式促进被评价者发展的过程。多元化的评价可以提升教学水平和学习质量,多元化评价可以提升评价能力和合作能力。
3 评价标准多元化
我们在教学方法中要尊重个体差异、尊重学生个性,在评价手段、评价标准上同样要尊重个体差异和个性发展。固定的考试模块、一成不变的百分制标准难以反映个体差异,更不能尊重个体差异。在笔者的教学经验中,曾经对某学年的考试成绩按模块作了一个统计分析,发现同样分值区间的学生在不同模块上的能力差异是相当大的(见图1和图2):有的学生在多媒体技术的运用上是强项,取得了相当不错的成绩,而在程序设计这一模块上近乎空白;而有的学生逻辑思维能力很强,可以完成大部分的编程设计,但对图形、图像的感悟较弱。从评价的总体分数上也许可以得出两类学生的信息技术能力相当的结论,但这个结论是模糊而不精确的,是不能给予学生全面而有效的认可的。因此评价标准必须多元化,如根据不同教学模块制定评价标准;根据作品的技术含量、审美倾向、感悟能力制定评价标准;根据高职专业的发展需要制定评价标准。
五 总结
高职院校的计算机应用基础要适应现代信息社会发展的需要,要适应学生能力发展和专业发展的需要,作为从事教学的一线教师要积极寻求适合本学科特点的教学方法和评价体系,充分利用数字化的网络资源和信息技术工具,提高高职学生的计算机应用能力和技术素养,为国家培养具备综合职业能力和全面素质的应用型人才。
参考文献
[1] 汪华,张世正.计算机应用基础教程2006版[M].上海:华东师范大学出版社,2006:1.
【关键词】
政府网站
网页制作
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/(温州市委农办)
中图分类号:G642.0?摇 文献标志码:A 文章编号:1674-9324(2012)12-0094-02
精品课程建设加快了教育改革的步伐,在建设成果不断涌现的同时,建设模式也在实践过程中被探讨和归纳。总结数字媒体技术专业“非线性编辑技术”精品课程建设的实践经验,可以归纳出“点、线、平台”结构的精品课程建设模式。“点”就是首先找准有专业特色、符合现代社会需求的先进建设目标,从而确立课程建设的核心点;“线”就是把培养学生的创新思维和创造能力做主线,按顺序贯穿课程体系、教学内容、教材建设、实践基地、师资队伍等环节,从可操作性的由易到难进行建设;“平台”就是教学环境平台化,把学校的传媒教育大环境作为特色教育背景,组合校内和社会的教育资源、信息资源、物化资源,形成课程的教学平台。
一、精品课程建设的核心点是确立先进的建设目标
精品课程建设的第一步是制定本课程的建设目标,而目标的先进性与可行性对课程建设成败有决定意义。精品课程建设目标的先进性体现在:贯彻“教育要率先实现现代化,教育服务经济社会发展要有新成果”的战略思想[1],课程建设要能够体现专业特色,专业人才的培养要为正处于改革发展攻坚阶段的经济发展提供人才支撑、智力支持和科技贡献。
专业建设带动精品课程建设。“非线性编辑技术”是数字媒体技术专业的核心主干课程,为了保证课程建设目标的先进性和可行性,这一项目的申报以“数字媒体技术特色专业”建设为基础。在特色专业建设过程中曾经邀请电视台制作部、技术部的高工、视频技术公司和软件公司经理、学生代表和家长进行座谈,听取他们对原来的培养方案、课程体系的意见和建议,请他们对实习生、毕业生的专业能力和整体素质做出评价和反馈,并且通过研讨形成数字媒体技术专业新的培养方案,然后在新的培养方案的框架下进行精品课程建设。
课程建设目标服从专业培养目标。数字媒体技术专业面向传媒业界和数字创意产业培养人才,而业界对数字媒体技术人才的需求具有多向性:电视台既需要懂得电视技术和艺术,又掌握计算机网络技术和了解软件开发的人才;视频技术公司的管理层则强调学生在校学习期间就应该具有一定的实际工作能力,要能够看懂工程图,了解项目管理知识,能依照客户的项目需求设计非线性编辑系统和虚拟演播室系统;软件技术公司希望学生用C或JAVA程序设计语言或VRML进行创作(动画、游戏、虚拟场景制作的编程),成为掌握编程技术又懂得视频合成、在线包装的复合人才。所以课程建设目标还要有利于学生的个性化发展。
因此,把先进的建设目标融入课程大纲,实现知识结构、课程内容整体优化是课题组首先把握的核心点。同时,精品课程建设还对教师进修和教改科研提出了新的要求。
二、把培养学生的创新思维和创造能力作为主线贯穿各个建设环节
把培养学生的创新思维和创造能力做主线,从可操作性的由易到难进行建设,贯穿课程体系、教学内容、教材建设、实践基地、师资队伍等各个环节。创新思维和创造能力的培养对于每一门课程都是艰巨任务。2012年教育部下达的全国教育工作要点第24条要求“提升高校科学研究水平。加强基础和前沿研究,提高原始创新能力”。实施《高等学校创新能力提升计划》,探索高校协同创新模式,推进产学研用的有机结合,还提出了“科研创新、协同创新、产学研用创新、项目创新”的要求[2]。这是对我国多年来创新教育经验的总结。非线性编辑技术课程以培养创新思维和创造能力贯穿各个建设环节和过程,可以采用如下方法。
自编并出版非线性编辑技术教材,教材中讲述国产非线性编辑网络系统的创业过程和创新设计,学生通过实践对知识综合运用,培养创新能力。课程设计和毕业设计,学生和教师“走出校门寻找课题和项目”,贴近现实更好地参与创新。
学习资料的数字化与网络课程资源建设是培养学生开发能力的重要手段。教材、教学参考书、实验设计、实习实践指导,加上计算机多媒体课件与网络课程、电子教案、教学资源库的配套建设逐年积累。本课程的数字化建设以非线性编辑技术网络课程为中心展开,自行设计的网络课程参加了教育部组织的多媒体课件大赛并获奖。
三、组合校内外的教育资源搭建起特色的立体化的教学平台
教学环境平台化,把学校的传媒教育大环境作为特色背景,组合校内和社会的教育资源、信息资源、物化资源,形成课程的教学平台。
作为传媒院校,各专业构成的传媒教育环境是精品课程的背景和平台。传媒院校设置的编导、动画、数字媒体艺术、影视摄影、媒介管理、播音主持、电视新闻、数字媒体技术等专业都开设非线性编辑课程。各专业的非线性编辑课程有共性,也有个性。教务部组织了非线性编辑平台课,平台课教师研讨和共享教育资源。校园内有大量的相关课程可供学生自主选学。
非线性编辑技术实验教学环境的构建坚持综合性、开放性、兼用性。课程实验分为基础实验、综合实验、创新实验三类,其中创新实验包括电视台内制播业务网站与网页设计制作、媒体资产管理系统设计、DV原创短片创作、动画与游戏编程、电视形象包装、课程资源开发等。与非线性编辑技术课程相关的实验、实践条件组合成实践平台。非线性编辑技术课程相关的实践教学条件还包括电视演播馆、虚拟技术实验室、数字媒体技术综合实验室、网络原理实验室。可以开设非线性编辑技术课程相关的综合类课程设计、数字影视项目设计以及毕业设计。项目设计类型主要有电视台业务运行网站设计类、媒资系统类、虚拟现实技术类、游戏开发与设计类、电视形象包装类等。
结合社会资源搭建教学平台,联系电视台、影视传媒公司、动画游戏软件企业、计算机软件培训机构,充分利用校外实践教学基地,组织和引导学生参加各种类型的实践活动。在校外校内教师共同指导下,学生作品“《One-piece》海贼王”获得过亚太动漫协会最佳造型奖(AYACC),在新华网报道、在优酷网展演的实习作品“农民工”等电视片;在工信部、教育部信息技术应用和就业技能大赛中多次获奖。院系组织学生科研立项、建立创新学分制度,使课程由单纯教学变为应用、开发。对、原创作品、获得专利、培训证书、参赛获奖给予创新学分;以学生为主体开办校园电台、电视台;成立学科竞赛指导组、组织学生工作室。这些活动都是非线性编辑技术实践机会,是课堂之外的课堂和考场。
总之,精品课程的建设模式是一个值得探讨的课题。教育部启动高等学校精品课程建设工作十年来,高等院校各门类、各专业的三级精品课程体系逐步形成。2012年教育部仍然把建设国家精品开放课程作为全面提高高等教育质量的举措之一。因此,继续探讨更好的建设模式,建设更高质量的精品课程,才能更快地培养满足国家和地方发展需要的高素质人才。
参考文献:
[1]刘延东.坚持改革创新,狠抓工作落实,努力开创教育事业科学发展新局面[EB/OL].(2011-01-25).
http:///ldhd/2011-01/25/content_1792264.htm.
[2]教育部.教育部2012年工作要点[EB/OL].(2012-01-20).