《网站网页设计毕业论文通用9篇》

网站设计制作论文 篇1

关键词：专业建设；多媒体；高职教育

中图分类号：G712文献标识码：A文章编号：1009-3044(2007)15-30847-02

NewExploration of Multimedia Information Specialty of Higher Vocational Education

ZHOU Xiang-jun

(Guangdong Teachers College of Foreign Language and Arts, Guangzhou 510507, China)

Abstract:This paper puts forward a thought about practice and reformon multimedia information specialty of higher vocational education, its emphasis includes: curriculum structure, academic and practical instruction，curriculum evaluation manners.

Key words:Specialty construction; Multimedia; Higher vocational education

近年来，随着计算机网络技术、数字电视技术和通信技术日益成熟，极大地推动了多媒体产业的兴起。目前，多媒体产业已经形成了以影像、动画、图形、声音等技术为核心，以数字化媒介为载体，内容涵盖信息、传播、广告、通讯、电子娱乐产品、网络教育、娱乐、出版等多个领域，涉及计算机、影视、传媒、教育等多行业的产业集合，被称为21世纪知识经济的核心产业，是继IT产业后又一个经济增长点。

由于计算机多媒体技术涉及面较宽，除了计算机、网络、软件等相关技术之外，还涉及到诸如数字图形图像技术、数字音频技术、数字影视技术、数字动画技术，再加上设计所需的艺术知识、制作所需的编辑知识和应用所需的行业相关知识，往往使人们对该专业的培养目标，人才规格要求与知识结构要求存在较大认识上的差异。

要解决这一问题，对于高等职业教育而言，首先必须坚持以就业为导向，以市场应用需求为目标，正确处理好多媒体人才规格要求与专业知识结构之间的关系，其次，必须解决好学校教育的规模性批量培养人才与企业分散性需求和学生的个性化教育之间的矛盾。

由于多媒体行业本身技术更新快，更重要的是多媒体人才是复合型人才，既要掌握很先进的科技知识，又要精通艺术。加之我国尚处在多媒体产业的起步阶段，解决媒体技术制作的人才问题是多媒体企业持续发展的关键因素。

1 技术与艺术相结合，实施规范化、系统化和特色化的专业建设

高职计算机多媒体技术专业是综合性强、跨学科的新型专业，打破IT学科和艺术学科之间传统的界线和隔阂，充分考虑IT学科和艺术学科的相互结合和渗透是本专业的特点。我们参考国外相关专业的教学、课程体系，结合学院自身的实际情况，按照“以技术制作为主，艺术设计为辅”的原则，建立以综合素质培养和多媒体技术应用能力培养为主线的理论与实践教学体系。

1.1 专业培养目标

我院多媒体技术专业强调技术与艺术相结合，以技术制作为主，艺术设计为辅进行专业定位，培养德、智、体、美全面发展，既掌握多媒体专业基础理论又精通艺术，面向企事业单位从事计算机多媒体技术规划、开发与创作、网站设计和网页制作、平面设计制作等相关市场亟需的多媒体领域高等技术应用型人才。

具体的培养规格：

具有多媒体作品创作制作能力、网站设计和网页制作能力、平面设计制作能力；

具备扎实的计算机基础知识和计算机的装配、维护、应用的基本能力；

具备较宽厚的文化知识和较好的人文科学素质，良好的艺术修养，了解计算机与多媒体技术的发展动向；

具有良好的职业道德，敬业精神及审美观所必备的美术专业知识和科学素养。

计算机应用技术专业（多媒体方向）面向的是社会上广大的企事业单位。培养出的人才能适应社会急需的多个岗位，从而形成了一个岗位群。这些岗位的工作分别为：多媒体开发与创作、网页设计、平面动画制作、网站的开发和维护。

通过以上主要岗位就业率的分析，多媒体方向人才培养方向基本可确定为：能从事计算机多媒体技术规划、开发与创作、网站设计和网页制作、平面设计制作等相关市场亟需的多媒体领域高等技术应用型人才。

1.2 课程体系建设

我院计算机多媒体技术专业坚持技术与人文艺术相结合，学习以技术应用为主，艺术设计为辅。其课程设置总的原则是：根据专业人才培养规格的需要，突出职业素质教育和技术应用能力教育这一主线，强调理论与实践教学相结合，技术与艺术相结合，注重创新精神、综合素质、实践能力和可持续发展能力的培养，使学生通过三年大学阶段的学习，全面达到本专业培养目标和人才规格要求。

我院计算机多媒体技术专业的课程体系采用了(山)字形结构，如图1所示。其中公共基础、专业基础和专业主干层次的课程是为了保证人才培养规格的基本要求开设的基本课程，是相对固定的教学内容，以保障学生必要的基础知识和基本能力。计算机多媒体技术专业知识结构关系专业方向课是相对变化的、动态的教学内容，本专业设置了媒体作品创作制作、网站设计和网页制作、平面设计制作三组方向课，学生可根据社会的需要和当前的就业情况选择其中一组专业方向课，以适应将来工作用人单位的需要，又能适应技术的不断变化和进步的步伐，还能满足学生个性化兴趣发展的要求，必要时学校还可适时调整或开设新的专业方向课程，充分体现因材施教和个性化教育的要求。

2 精心设计实践教学体系，形成学、练、训、创的实践教学特色

在实践教学方面，我们充分利用多媒体教室、实训室、工作室，努力做到三个“无缝对接”，即理论教学与实践教学对接，实训环节与多媒体技术应用对接，素质培养与公司、企业一线人才要求对接

图1 山字型课程体系结构

本专业的实践环节主要是课内、校内和校外，对每个环节都有具体的时间要求。

课内：改革和加强了课内实践性教学的比重，专业课、专业基础课的实践环节都占总课时的三分之一以上。

校内：每学期都举行各类专业技术比赛3次以上，如多媒体设计大赛、网页设计大赛、Flash设计大赛、网络方案设计大赛等，给学生创造更多的实践机会。

多媒体技术方向的学生都发有“校内学生实践手册”，规定每个学生每学期在校内实践时间不少于24学时。校内实践的主要内容为：校内各部门网页制作、精品课建设、多媒体课件制作的技术支持，机房设备、网络设施、办公设备的管理维护，各项活动的音响、摄像的技术支持，参加校内各类专业技术比赛等等。

校外：见习、毕业实习、社会实践、社会调查、参加各类专业技术比赛、寒暑假兼工等等。专业实践及实训工作都有完善的规章制度，能及时跟踪学生的实践过程，对学生的实践工作进行有效的过程管理，而不单是目标管理。如到企事业单位实习，有指导老师跟踪学生实习的各项工作，校内实践就更是能全过程跟踪。使学生的专业技能得到有力的训练，训练过程中得到及时的指导

为保障实践性教学环节，从第二学期开始，每学期要求学生参加一次社会实践活动或综合设计制作实践活动，并提交相应的文档材料：如调查报告、多媒体技术市场分析报告、多媒体广告设计方案、多媒体艺术设计作品、设计作品、动画设计作品、多媒体艺术网站、多媒体技术应用研究论文等，以培养学生的知识综合应用能力、创新意识和文字表达能力。第六学期为毕业实习与毕业设计阶段！要求学生到企事业单位第一线岗位参加实践锻炼和做毕业设计，所有毕业设计课题原则上要求来自企事业单位的实际项目，毕业设计必须符合用户需求，设计过程必须符合工程规范，设计文档(资料齐全，人人必须参与毕业答辩，参加优秀设计作品讲评活动。

3 注重技术应用能力，积极探索教学模式与考核方式的改革

根据办学特点，高职教育应该是培养应用型人才，这与普通高等学校不同，这决定了我们的教学方法与普通高校不同，与中等职业教育也不同。在理论教育方面，以够用实用为度，强调学生的动手能力与操作技能。在课程的讲授过程中，减少理论验证和公式推导内容，增加可操作性的内容；讲授的内容注重理论与实践紧密结合，注重课内与课外的互通，注重将计算机多媒体技术导入到专业课程内容中。我们针对高等职业教育学生的特点，积极进行教研教改，结合课程特点灵活采用以下教学方法与教学手段。

3.1 积极探索“四结合”教学模式

为突出职业教育的特点，强化学生的技能训练，我们在实践中探索提出了“四结合”教学模式和方法。对技术性、应用性较强的课程，我们实行：“应用案例”和“技能训练方法”相结合；“理论教学”和“实践教学”相结合；“传统课堂”和“网络课堂“相结合；“课堂教学和“技能竞赛、作品展”相结合。

根据专业特点我们对部分对技术性、应用性较强的课程的教学模式进行了改革，在学习他人经验的基础上，引进案例式教学方法。即针对某些专业课程的典型应用，结合实例举例分析，引出解决此问题的步骤和方法，最后再进行归纳总结，引导学生学会举一反三和灵活运用所学知识，给学生授之以渔。

在专业的教学改革实践过程中，我们坚持了学生动手能力的培养和锻炼不断线，即每个学期都安排了一定的操作技能课，从课堂练习到课外实践、从简单操作到复杂操作、从课程设计到毕业设计、从命题制作到综合竞赛设计、再到举办多媒体设计制作作品展等实践活动，使理论与实际有机的结合，让每一位学生的能力得到充分的锻炼和发挥，同时也提高了学生的职业竞争意识。

“四结合”教学模式强调教学过程要从实际问题出发引出相关知识和方法，从职业制作程序入手训练操作技术和职业能力，从竞赛和实例设计着手培养综合运用知识和创新能力，通过专业网站与同行，专家和大师进行交流，使学生的经验、能力和水平得到升华。

3.2 采用基于网络的任务驱动模式进行教学

借助教学资源平台，将传统教育技术与现代教育技术有机融合，构建新的教学模式。为学生提供自主学习的网络环境，形成了计算机辅助教学与辅助学生自主学习相结合的教学模式

充分发挥高职计算机多媒体技术专业的技术特点，注重研究探索在多媒体和网络环境中新的教学和学习模式。创造多媒体和网络的学习环境，尽可能的用资源库代替教材、教参，并且由师生共同编写和创建本门课程的教材和资源库。

通过网络延伸教学的时间和空间，很多课程涉及面广，操作性强，仅靠课内较难学好全部内容。我们通过任务驱动网络教学辅助系统，将任务、资源、案例、课件、学生作品放在网上，学生在校园网内都能进行自主学习。同时网络教学辅助系统还能进行网上教学答疑，师生互评等功能，有效延伸学生学习的时间和空间。发挥自身的专业技术优势，充分利用网络资源，计算机应用技术专业（多媒体方向）必修课程100%开发制作了多媒体教学课件和100%电子教案。

3.3 以实际技能为导向，把实践能力和项目能力纳入考核范围

在考核模式方向，我们配合教学模式改革，以“强化教学过程管理，注重平时知识积累，加强实践考核力度”为原则，改革考试内容和考试方法在考核的形式上，除了采用常规的笔试外，对考核形式进行一些改革，积极探索新的考核形式，我们采取了以下几种考核形式：

课程设计＋讲解答辩相结合的考核形式，如在多媒体设计与制作、Web技术与应用课程考试中，以课程设计为主，再辅以进行现场讲解设计思路。采用撰写技术方案的考核形式，如网站开发实训课程，不再考过多概念内容，给学生一份项目需求书，让他们完成网站开发的技术方案撰写，这样大大增加考试的实用性。在考核的标准上，与职业资格认证相结合；笔试与上机相结合的考核形式，如多媒体技术与应用课程；现场操作＋问答相结合的考核形式，如微机组装与维护课程，引导学生积极培养实际动手能力。

在计算机多媒体技术专业的建设中，我们坚持技术与艺术相结合，以课程创新为重点，强调三种能力训练，在提高教学水平方面取得了一些进步。面对末的更大挑战和发展机遇，我们需要付出百倍的努力继续前进。

参考文献：

[1]吴振峰，向聂琳，刘彦姝，廖建民，章臻。 计算机多媒体技术专业教学体系的创新研究与实践[J]. 湖南大众传媒职业技术学院学报，2005,5(4).

[2]代晓蓉。 多媒体设计专业教学创新探索[J]. 中国成人教育，2005,(11).

[3]赵建保，高俊文， 李法春。 高职计算机多媒体技术专业建设目标与改革探讨[J]. 广东农工商职业技术学院学报，第21卷第2期 2005,21(2).

[4]蒋尚文。 艺术与技术的结合――设计教育浅探[J]. 职教论坛，2005,2.

[5]李磊。 艺术设计教育应与现代科学技术相融合[J]. 郑州工业大学学报， 1999,17(1).

网站设计制作论文 篇2

2017年图形图像专业调研报告

根据《湖北省长期改革发展规划纲要》的战略目标要求，到20xx年具有高等教育文化程度的人数比20xx年翻一番。在第五章中要求大力发展职业教育，优化教育结构，转变发展方式，引入市场机制。在第五章(十四)中特别提出要深入推进校企合作。引导职业院校服务企业，推进职业教育与产业、学校与企业、专业设置与职业岗位、教材内容与职业标准的对接，系统设计和实施生产性实训和顶岗实习。促进资源整合和共享，支持企业与职业院校共建实习实训基地，逐步实现社会化供给、专业化分工。通过校企联办、企业冠名等方式，支持职业院校与行业企业联合开展人才培养，将职业资格标准融入专业人才培养方案，提高职业院校服务产业结构转型升级的能力。

在此前提下，我们信息工程系图形图像制作专业教研室6名教师对本专业从行业发展现状和背景、专业人才的需求、具体工人任务、职业能力要求等方面展开了深入细致的调研，分析如下：

一、专业背景调研

1、行业发展的现状与前景

在计算机应用技术日益发展的今天，图形图像处理技术层出不穷，以其简便、实用性强的特点，在社会经济生活等各个方面得到广泛应用。比如，商品的模型设计、包装设计、广告设计、企业的VI设计、网站设计、宣传设计；影视中的情景设计，动画设计、动画特效设计；摄影中的相片处理、图像合成、建筑行业中建筑图纸的绘制、效果图的制作、家居设计及室内外装潢效果图的设计与制作；机械工业中零部件的模型设计、教学中的课件设计与教学素材设计制作等。

平面设计师是近十年来逐步发展起来的新兴职业，与商业活动紧密结合，涉及面广泛且发展迅速，同时也是其它各设计门类(如网页设计)的基石。平面设计师的薪金待遇位于国内高收入职位的前10名。它涵盖的职业范畴包括艺术设计、展示设计、广告设计、书籍装帧设计、包装与装潢设计、服装设计、工业产品设计、商业插画、标志设计、企业CI设计、网页设计等。

中华英才网的9月上半月职业需求数据表明，网页设计人才需求呈现上涨趋势，在该项统计中，计算机软件类人才继续以10.8%的比例把持领先位置，互联网人才以9.3%的比例居次席，IT服务类人才以8.8%的比例位列第三。在IT服务类的细分职位中，Flash设计师，广告设计师，网页美工设计师等研发类职业占到了行业总需求的50%以上。

根据国家人事部门的权威统计，有成的年轻人希望成为设计专业人才，室内设计是最理想的选择，前三个原因依次是看好产业前景、薪资待遇高与工作比较灵活。室内设计师职业欣欣向荣。

近年来，买房、装修，已经成为市民关心的热点、焦点。房地产经济的持续走旺、装饰行业的快速发展，市场繁荣，人才需求自然旺盛。一些装饰公司甚至不愁没单，只愁没人。越来越多的人也看好室内装饰设计师良好的职业前景，纷纷加入到室内设计师的行业。室内设计师已经成为一个备受关注的职业，而被媒体誉为金色灰领职业之一。由于我国室内设计专业人才的培训起步较晚，面对高速发展的行业，人才出现较大缺口。

2、专业人才的需求

根据20xx年美国计算机协会图形图象分会年会报告信息，全球图形图像在工业与商业领域的应用，在20xx年度估计价值总量将达到1087亿美元，而到20xx年将达到1711亿美元，累计年增长率约为9%。据了解，目前国内图形图像处理领域所需的人才远远超过百万人之多，仅网页设计领域达到10万人左右。计算机数字图形图像技术在国内具有广阔的发展前景和巨大的市场需求。

目前我国图形图像专业应用技术人才缺口在30万人以上。在激烈市场竞争中，无论是国际还是国内的企业，都把提高设计水平作为提升竞争力的一种手段，从报纸到杂志、从电视到网络、从品牌到包装、从广告到形象设计，平面设计的功能和作用不断放大，其影响力涉及到社会生活的各个方面和各个行业。

为满足社会对图形图像技术人才的需求，培养从事影视、广告、平面设计、网页设计等相关行业图形图像技术人员，教育部考试中心和北大方正集团公司在20xx年共同推出全国计算机数字图形图像应用技术等级证书考试，该项考试每年5月和11月分别考试一次。从这一点也说明国家对计算机图形图像设计行业的重视以及社会对计算机数字图形图像技术人才的迫切需求。

当你在商场或大街消费购物时，可能不需要走100米就会有人塞给你一张报纸或宣传单，一天下来，你拿到得宣传单恐怕要以公斤来计量。你可曾想到，其中包含了多少商机和就业机会，每一张或每一本张宣传单都要专业人员去设计和制作，这就是图形图像制作。从平面和和广告设计的方向来说，我国图形图像专业应用技术人才缺口在30万人以上，其中还不包括大量业余和兼职的图形设计人员。

从目前我国现有的情况来看，有较大网页设计人才需求的主要有以下几个方面： 一是政府机关政府上网工程的实施造就了人才和培训的巨大需求。我们目前正在实施政

府上网工程，现如今政府网站数量据不完全统计，全国已有 2000 余个地 ( 局 ) 级以上政府机关上网建立网站并逐步形成网上办公。县 ( 处 ) 级以下政府机关上网单位数量将更加庞大。粗略统计，实现上网的政府机关不足政府机关总数的 5% ，已经实现政府机关上网的数量超过 1 万个。全国政府网站待建设的需求将不少于 15 万个。保守估计每个政府网站的人按照 2 人计算，从业人员约 2 万人。未来从业总需求将不少于 30 万人。

二是企业上网需求量猛增。目前全国已有企业网站 18 万个，按照每个企业网站 1 人计算从业人员共 18 万人，目前企业上网总数不足全部企业的 5% ，与国外相比还有相当大的差距，企业网站增长速度将还要大幅度的上升，未来从事企业信息化工作的专职人才需求将不少于 100 万人。

三是现有媒体的网站和商业、专业性质网站对专业人才的渴求更是迫不及待。网站今后的更大发展需要更加专业的人才来开拓。

单就以上需求来看，媒体、政府和企业上网工程现在从业人数为 42.5 万人，未来 10 年潜在人才需求在 135 万人以上，平均每年人才需求将不低于 13.5 万人。

从目前来说，尤其是在一些欠发达地区，广告公司、图形图像设计公司和网络网站设计公司规模可能不会很大，一个就业点所需要的专业人员不会很多，一名或两三名，但随着社会经济的发展，将形成大规模的产业化是必然的，图形图像处理专业是具有广阔的发展前景。

二、专业人才需求、工作岗位任务、岗位职业能力调研

本专业6名教师主要对武汉及周边地区30家企业、十几个往届毕业生、十场招聘会进行了图形图像制作专业人才需求调研，调研过程主要采用访谈法、实地观察法、电话调研、网络调研等多种方式展开，调研内容主要是本专业人才需求、岗位工作任务以及岗位职业能力等，最后对调研结果分析如下表1：

表1 图形图像制作专业人才需求、岗位工作任务及岗位职业能力分析表

三、图形图像制作专业发展目标和思路

根据党和国家的教育方针和政策，严格遵循教育教学的内在规律，围绕《湖北省中长期改革发展规划纲要》及学校中长期发展规划和专业定位，认真调查研究，结合学院和本系实际，充分发挥优势，注重培育特色，以重点专业建设为指导，加强专业基本条件和内涵建设，创造一个教学条件优良、有可持续发展能力、有利于培养应用型人才的专业教育模式和环境。

总体建设目标：到20xx年，形成协调发展的图形图像制作专业框架，专业设置与人才培养符合社会需要，学生数量与学校规模相适应，专业水平较高，在行业和地区内形成一定影响，力争在五年内建设成为湖北省重点示范专业。

(1) 明确培养目标，提高教学质量。

专业培养目标：培养面向湖北省及中部地区各类IT及相关领域企事业单位，从事网页编辑、网页美工、网页管理与维护工作，具备良好的职业道德、较强的实践操作能力和创新精神，具备平面、色彩、立体构成、程序设计语言等专业理论知识，具有网页编辑、网页设计与制作、平面设计、数据库管理、动态网页设计等能力，德智体美全面发展的高素质技能型专门人才。

毕业生的业务规格：思想品德高尚，积极向上、爱岗敬业、吃苦耐劳，能与时俱进、具有开拓性和创造性；专业基础扎实，语言、数学、外语、计算机操作与文字输入、美术、政治法律素养等方面都达到一定水平，能为今后长远发展打下良好基础；专业过硬；所有专业

方向须全部通过全国计算机数字图形图像应用技术等级一级，每专业方向须获得一项国内或国际高级专业认证；具有良好的管理和服务能力，能够适应工作转移或岗位转换的综合应用型人才。

(2)完善专业课程体系

以社会发展和市场需要为依据，以上级文件和相关科研成果为指导，以相关院校的办学经验为借鉴，以全国高职总体教学大纲为蓝本，以各教研室为最基本的教改单位，组织教师经常进行教学内容的提炼、整合、修改、补充和完善，以形成与图形图像制作专业相适应的完整而富有特色的理论教学体系。专业理论教学课程体系总体设计：第一学年：公共基础课(语、数、外、政)、专业基础课(平面、色彩、立体、计算机基础)、专业核心课(平面设计);第二学年：二维动画和网页(FLASH、DW、div+CSS)、三维动画和影视多媒体(3D、多媒体技术);第三学年：综合实训、顶岗实习，结合考证培训，以集中短期为主；通过项目的策划实施和毕业论文为综合水平考察。

(3)扩大教学规模，加快教学改革。

扩展专业发展方向，每年人数达150-200人，在20xx年左右图形图像专业学生人数达300人的规模。国家十一五将大力发展职业教育，面向全国招生，加上全系和全学院教师的共同努力，完成专业招生是完全可能的。

着重培养学生应用能力和创业能力。通过项目教学和产学结合，努力实现教学与就业无缝融合，进一步结合全国计算机数字图形图像等级考试、国内或国际平面、动画和多媒体的认证，逐步提高办学层次。

(4)广泛实现就业专业化。

广泛联系专业的广告、数码、装饰、网站、动画、多媒体、影视公司以及各级各类企事业单位，让学生实现更专业，层次更高的就业。

力争创办图形图像多媒体开发公司，直接让学生与市场接轨，并鼓励引导学生创业。

(5)大力改善实验和实训条件，着实提高学生的动手能力。

①逐步建设多个专业实验室 ，如平面设计实验室、素描、色彩与创意设计室等。 ②广泛建设校外实训与就业基地，具体建设目标和规划如下：

在武汉市联系5-10个实习基地：湖北知音传媒网络有限责任公司、武汉九九九网络科技有限公司、武汉天喻通讯技术有限责任公司等。

在深圳、上海、广州、北京、等地分别成立实习基地(须进一步联系)

(6)大胆实施教学改革、促进课程建设和教材建设。

结合日常教学，总结教学成果，撰并发表教学论文，每位教师每年至少发表一篇以上较高水平学术论文。

广泛开展课程教学改革，努力建设精品课程，计划在三到五年内，建设两门院级精品课程。

(7)大力加强师资队伍建设，具体目标和规划如下：

网站设计制作论文 篇3

在包罗万象的网络世界里，要制作一个具有学校特色的网页是需要一定方法与技巧。下面我对学校网页的制作浅谈自己的几点意见。

一：定位好网站的主题和名称

1.主题要有特色而且精巧。定位要有学校特色，内容要精巧。如果想制作一个包罗万象的站点，把所有认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。当然学校的网站的更要有学校的特色。

2.题材要与学校的各个内容有关。比如：学校的名称、学校的教育教学、学校的机构、学校的活动等等。同时题材的选取也要与所属学校的实际相结合。

二：首页的设计

在全面考虑好网站的栏目，链接结构和整体风格之后，就可以正式动手制作首页了。有一句俗语："良好的开端是成功的一半"。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页的设计。所以，首页的设计和制作是绝对要重视和花心思的。有关首页设计方法大致如下：

版面布局的窍门

色彩的搭配

字体的设置和表格的嵌套

细微之处见功力

考虑不同的浏览器和分辨率

设计好你的banner和位置

标签的重要性

首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：

确定首页的功能模块

设计首页的版面

处理技术上的细节

1、确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称(logo),广告条(banner),主菜单(menu),新闻(what''''snew),搜索(search),友情链接(links),邮件列表(maillist),计数器(count),版权(copyright).选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。

2、设计首页的版面

在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。设计版面的最好方法是先将理想中的草图勾勒出来，然后再用网页制作软件来实现。3、处理技术上的细节

制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色。等等，首页设计是整个网站设计的难点和关键，在制作的过程中要处理好各种技术的细节也是非常重要的。

三：定位好网站的形象

一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的形象设计，对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后，需要思考的就是网站的形象。学校的网站形象要具有代表本学校的特色。1.设计好网站的标志(logo).首先需要设计制作一个网站的标志(logo)。就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。同时也能非常宣明的代表到学校的标志。

2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。"标准色彩"是指能体现网站型象和延伸内涵的色彩。例如：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格，我门可以根据需要选择一些特别字体

4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。以上四方面：标志，色彩，字体，标语，是一个网站树立起形象的关键，确切的说是网站的表面文章，设计并完成这几步，网站将脱胎换骨，整体形象有一个提高。

四、确定网站的栏目和版块

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难，网站或许就此半途而废，所以，在动手制作网页前，一定要考虑好以下三方面：

1.确定栏目和版块；

2.确定网站的目录结构和链接结构

3.确定网站的整体风格创意设计

首先来讨论"确定网站的栏目和版块"。网站的题材确定后，收集和组织了许多相关的资料内容。能否吸引网友们来浏览网站。内容放的位置、好东西在版面上的分布都是至关重要的。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网站栏目安排要注意以下几方面：

1.一定要紧扣主题！一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站明显的专业，主题突出，容易给人留下深刻印象。

2.设一个最近更新或网站指南栏目。这样做是为了照顾常来的访客，让主页更有人性化。

3.设定一个可以双向交流的栏目不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。

4.设一个下载或常见问题回答栏目网络的特点是信息共享。也要设好其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，得出划分栏目需要注意的是：

尽可能删除与主题无关的栏目

尽可能将网站最有价值的内容列在栏目上

尽可能方便访问者的浏览和查询

网站网页设计毕业论文 篇4

1以就业为导向的网页设计与制作课程教学

网页设计与制作课程的内容与特点网页设计与制作是计算机应用的一个分支，主要涉及网页版面的规划设计与制作方法。这里所阐述的主要是Dreamweaver是如何使用的，并结合HTML语言讲述静态网页的制作过程以及简要介绍如何制作动态网页。通过对网页设计与制作的学习，学生可以掌握网页设计、网页美化以及网页制作的基本技能。网页设计与制作是一门技术性课程，但是也具有很强的艺术性，课程内容丰富，涉及面广，使学生在获取生存技能的同时也培养了艺术气息。因此，课程的学习要求学生具有较高的综合素质。以就业为导向的课程体系设置目标目前，网页设计的课程设计是以就业为导向的。这种课程体系以市场需求为提前，就业目标是课程设置的先决条件，职业中所需要的技能都能够找到相应的课程设置，学生毕业后的就业方向明确。岗位需求决定课程设置，课程内容与实际需要紧密相连，这充分体现了“能力本位”的就业趋势。专业化课程与个人的职业生涯息息相关，明确的就业方向解决了学生“毕业即失业”的尴尬局面。为与市场相连接，针对网页设计构建一套“以能力培养为本位、以动手操作实践为主线、最终构建顺应经济社会发展的课程体系”。这套课程体系将网页设计师在实际中的应用进行归纳总结，在教学时设立不同的模块进行训练，有组织有重点，让学生通过模拟训练掌握相应的知识点。相比理科专业，文科专业有着不同的专业特征、职业定位以及职业能力结构体系。如包含人文系、历史系、经管系在内的文科专业，大多具有自身独特的职业特征与能力要求。这就要求高校文科专业在进行网页设计与制作课程体系构建时，必须充分结合高校文科专业的特色，从其就业方向及职业能力需求出发。

2大学文科专业开展网页设计与制作课程的必要性

随着计算机和互联网的普遍应用，各企业和各单位对自身的网站建设越来越重视，网页制作的人才也就逐渐供不应求。现如今，网页制作与网页设计已成为高校学生的热门选修专业，每个专业的学生都需要具备基本的网站制作技能，网页设计与制作这一课程也已成为高等院校文科专业计算机教程的主要科目之一。互联网已经深入现代人的日常生活中，尤其是当代大学生，通过互联网获取各种信息已成为他们学习的主要手段。网页设计将互联网的背后运作展现在他们面前，很大一部分文科生对这些是闻所未闻的。因此，在一定程度上，文科生的网页制作学习会存在或多或少的困难。但与理科生的背景知识、计算机技术等优势相比，文科生的思维比较活跃，善于文字表达。如果文科生能够快速掌握计算机技能，将自己的知识背景与现代计算机相结合，满足市场的职业要求，那么在同一竞争环境中，他们的就业优势就会比较突出。所以，对于那些文科生占较大比重的综合性大学而言，为增加毕业生的就业筹码，在课程体系中加入网页设计与制作就是十分有必要的了。

3基于就业导向的大学文科网页设计与制作课程体系构建策略

结合学生不同的专业，优化课程内容设计在以文科生为主力军的综合性大学中，不同专业的学生需要掌握的计算机技术是不同的。因此，各高校要根据专业的不同设置不同的计算机课程。基于就业导向，引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连，课堂教学与实际操作是一体化的，理论与实践没有清晰的界限划分。为了使教学效果最优化，本文提出一些对教学方法的建议与意见。

1）模拟任务法，课堂教学与实际操练相结合。在教学活动中，教师模拟一个制作任务，将课堂氛围假设为实际工作环境，教师可以将制作任务分为若干个子任务进行模拟演练，一边为学生演示如何操作，一边讲解，学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣，课堂是以学生为主的，他们发现问题、分析问题、解决问题的能力得到有效提高，既学到了知识，又锻炼了能力。

2）实际案例分析法。教师可以将典型的分类网站引入到实际课堂中，在课上为学生做展示，分析并讨论这些网站的布局结构、内容分类以及技术特点。教材中的主要知识点要通过实际案例解释说明，在实践教学中培养学生的创新思维，锻炼他们的团队合作能力。有效利用多媒体、互联网等现代教育手段，采取第一课堂和第二课堂、产学研相互结合的人才培养模式。项目驱动的专题教学模式创新一是选择合适的教学项目，制定细化的开发进度表。一个优秀的教学项目可以充分调动学生的积极性，学生的学习态度也会由“要我学”向“我要学”逐渐转变。教师在备课时要充分考虑教学内容与实际案例的充分结合，选择一些略具挑战性、覆盖范围广的网络项目，这些项目是教学过程的中轴线，所有活动的展开都是以中轴线为标准的。二是引入专题教学模式，促进网页设计课程创新。完成一项网络任务的过程一般包括确定主题、收集并整理有关资料、选择风格、设计LOGO、编排网页的布局结构、确定配色方案、自定义网络样式、制作网络主页、制作各个分页、对网站进行测试、最终对外公布。教师需要将网络制作的这些过程与教学大纲紧密结合，收集整理并设计制作与实际情况相符的教学专题。教师在设计教学专题时应秉承以下几个原则：

1）尽量与教材中的主要知识点相结合；

2）寻找不同的教学案例，全方面、多角度满足学生的学习需求；

3）关注当前热点，紧跟时代潮流，网页制作技术要与时俱进；

4）把握学生对知识的接受与消化能力，精心设计课程，先易后难；

5）要从整体出发考虑专题的选择，每个专题之间都是环环相扣的，前后衔接之后才能出色地完成一个网站项目。

4结语

网站设计制作论文 篇5

关键词：院系资料室；网站建设；网页设计；个性化

中图分类号：TP393文献标识码：A文章编号：1009-3044(2010)07-1654-03

Analyses and Discussions on the Department Reference-Rooms Website Construction

SHAO Yue-Yin1, LI Yi-mei2, PAN Xing-xian2

(1.Soochow University,Suzhou 215123, China; 2.Anhui Normal University, Wuhu 241000, China)

Abstract: The actual state and the necessaries for website construction of reference-rooms in the universities were analyzed. The discussions on how to take scientific and effective means, to use the advanced techniques to do the website construction, designation and maintenance, and how to make good use of the reference-rooms characters to play their functions in the information construction were made.

Key words: department reference-room; website construction; webpage design; individuation

高校院系资料室网站要设置成信息资源共建、共知、共享系统联盟门户，营造一个与国际接轨的信息网络环境，凸现专业个性，成为专业师生教学、科研信息查询和检索的绿色通道。

1 高校院系资料室网站的现状与问题

网络时代，高校图书馆网站建设业已普及，并进行参考咨询、信息推送服务等特色服务。校图书馆面向全校各个专业服务，信息资源大而全，专业信息资源的精深层度欠佳，很难满足教师在教学科研中，尤其是教师的重点学科、科研项目申报与完成中信息资源的需要。与图书馆相比较，院系资料室信息资源专业性强、与本院系所开专业课程密切相关，是本院系师生教学科研的重要依托，是教师教学科研的重要支撑。资料室利用现有信息手段和精深的专业性信息资源，建立院系资料室网络信息资源网站，为专业教师和学生开设个性化定题服务和专业学科知识导航等特色栏目，可以弥补校图书馆网站专业性之不足，是对学校图书馆信息服务的弥补，其服务内涵比图书馆更具优势。资料室网站是在网络环境下的自我展示窗口，是院系资料室将自身的传统业务在时间上和空间上的延伸和拓展。

资料室网站建设是一项长期细致的工作，需要有一整套运行机制和管理机制，资料室网站的建设才能够有条不紊的进行。院系资料室作为专业师生最直接的信息资料来源地，虽资源有限但专业强，需要与学校图书馆资源共建共享，更需要利用学院网站空间资源整合网络信息资源使之变成自己的资源，节省经费开支，最终实现“不求所有， 但求所用”的夙愿。资料室网站建设很少，或参差不齐，出现的问题很多。如：领导缺少建设网站意识，网站定位不明确，馆员技术匮乏和信息素质水平有限等问题，使得院系资料室在网络参考咨询及面向本院系师生的信息推送服务等方面受到严重限制。为此，首先，院系资料室必须得到院系领导及校图书馆的大力支持，树立信息意识；其次，利用院系资料室的馆员优势的专业特性，在实践中注重结合网站技术和知识，使之形成专业技术和业务水平较高的骨干力量；第三，是要采用科学、有效的方法、运用先进合理的技术，凸现高校院系资料室网站设计的专业个性。

2 高校院系资料室网站建设的个性设计

院系资料室网站的建设是按照一定的检索方式，实现将所需要的信息及获取信息时的有序下载。需要分四个步骤进行：一是总体规划，二是网页设计，三是站点，四是站点维护。

2.1 总体规划

总体规划设计是至关重要的一部分，良好的总体设计能起到事半功倍的作用。

2.1.1 理念定位

院系资料室网站和校图书馆网站一样，既不同于娱乐性网站，也不同于新闻性网站，更不同于一般商业企业网站。但也不同于图书馆网站，应着重体现院系资料室专业性特色及直接面向专业师生特点，所包含的信息资源专业性强的突出的特色，不可面面俱到。资料室网站设计要有明确的目的，面对院系师生的资料信息服务是其核心内容，信息资源和受众的需求是其主要业务，重点及特色栏目为专业学科导航及重点学科建设的信息定题跟踪，为师生提供学习及科研的及时信息推送服务。在结构上必须内容充实、结构合理、特点突出、美观实用、简洁明了。 学科导航要清晰、细致、准确， 以适应院系教学科研的师生及其相关信息需求的专业人群。

2.1.2 栏目设置

明确了网站的定位和内容后，需要进行网页内容的设计时，应按照师生用户的访问习惯有序地展开，使师生用户很方便地定位网站的所有内容，力求突出院系自身专业性强的特色，做好教学与科研服务，使之成为资料室信息资源的大本营。在栏目设置中，专业学科导航、参考咨询服务、信息推送、重点项目跟踪服务及教师科研个性化服务是院系资料室网站的重点与特色栏目，其它栏目的可以参考图书馆的一般栏目设立。

1) 资料室介绍栏目。主要介绍资料室机构设置、人员构成、历史沿革、室藏主要文献资源、特色文献资源、藏书量、室藏分布等，这是资料室网站的必备栏目。

2) 个性化服务栏目。随着Intemet 的发展，作为院系的主要群体――教学科研人员越来越不满足于图书馆咨询馆员仅告知所需信息的可能方向，而更需要针对查询问题给出确切的信息解答，或直接提供最切题的事实或数据型信息。这种对文献中所包含知识点的索取， 反映出用户正从文献需求转向知识需求；许多用户在求助于咨询馆员之前，已具有相当多信息量，他们需要咨询馆员帮助剔除重复和价值不大的多余信息，提供与自己的需要最相关的内容。栏目内容要极具针对性，以实用、适用为前提的个性化目标，紧紧围绕专业的特点、内容，根据用户个体需要的“量身订制”的信息。

3) 定题服务栏目。开展专题服务，并结合教学与科研，进行课题跟踪和定题服务工作，利用网络不断更新的信息管理，针对既定服务对象所研究的课题，检索相关的文献信息，并及时推送给用户。网络使传统的定题服务具有主动活跃的动态信息服务功能，院系资料室依靠其专业特色网站开展定题服务则更具优势，可以为重点学科建设、重点科研项目，以及专家学者个人等开展专门的定题跟踪服务。

4) 专业学科导航栏目。院系教师在教学、科研及重点学科建设、课题申报与完成，所需的信息资源专业性较强，需要了解本学科最新动向和发展水平。栏目可以结合各院系的专业特点，利用搜索引擎进行网上搜集，并对其资源信息进行评估论证，从中精选出符合要求的网址信息，按中、外文资源分类， 采用主题树与数据库相结合的方式进行组织，并以动态链接的形式为用户提供一个友好的界面。可设置一些学术专业性较强的链接、重点和权威数据库链接，如Web of Science、Scifinder、Elsevier SDOL、John Wiley、Springer Link、EI Village等。

5) 资源检索栏目。包括光盘数据库、本地镜像数据库、网络数据库及自身数据库检索。目前各高校图书馆均有一些已经购买的数据库资源，如中国期刊全文数据库、万方数据库、超量数字图书馆、书生之家等以及适合本校专业特点的专题数据库，还有一些具有本校特色的自建数据库，这些数据库均通过资料室网站做出相应的链接提供给本院(系)师生使用。

6) 读者服务栏目。包括文献预约、文献续借、馆际互借、服务介绍、定题服务、书刊荐购、推荐图书、新书通报及导读、投稿指南、课题咨询、学科馆员等更多的服务内容。注意强调为科研和教学服务的栏目，为重点学科建设、重点科研项目、科研管理等开展专门的参考咨询服务。开展定题跟踪服务，针对既定服务对象所研究的课题，检索相关的文献信息，并及时推送给用户。

7) 读者论坛栏目。包括用户满意度调查、联系我们、读者留言、互动园地、各种申请等。在网页上设置留言板和电子信箱， 以便与读者进行交流， 接受用户的反馈意见和建议。此法可以帮助资料室不断改进服务工作， 提高服务质量。

8) 参考咨询服务栏目。包括常见问题( FAQ) 、《中国法》介绍、网上查询(电子邮件、实时在线咨询) 、核心期刊介绍、参考工具书、课题咨询、用户教育(新生教育、培训讲座、《文献检索》教学) 、科技查新、信息咨询的形式及内容等。利用电子邮箱或手机短信为用户提供教师科研不同专业方向的定题跟踪服务，信息推送服务，CALIS重点学科网络资源导航和网络参考咨询服务。

9) 公共信息服务检索栏目。包括常用链接，如英汉辞典、天气预报、火车飞机班次查询，设置了这些常用链接可以提高回头客，提高点击率。

2.1.3 特色数据

院系资料室一般都收藏自己院系的博硕士学位论文，将论文数据制作成反映自身馆藏特色和服务特色的学位论文数据库， 方便用户在资料室的网站上， 浏览、检索、查看院系专业学位论文， 起到学位论文推荐利用与资源共享的作用。

2.2 网页设计

网页的实现，即网页设计，是对站点的整体结构作进一步的调整。

2.2.1 软件选择

目前流行的网页设计制作软件很多，版本更新很快， Dreamwaver作为网页编辑工具，是一个 “所见即所得”的可视化网站开发工具，带有站点管理功能，可方便地设计和管理多个站点，它的与众不同之处是支持最新的DHTML和CSS,Dreamweaver UltraDev更支持 Asp,Jsp。ASP(Active Server Pages ) 是Microsoft公司推出的一种Web服务器端开发技术，利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序，是新一代的动态网页开发方案。

图像编辑工具可选Fireworks软件或Photoshop软件，设计、制作、编辑网络图像，使图片起到美化的作用。

Flash软件是制作动画的软件，主要适用于网络传输的矢量动画，使网页更加活泼生动。

Dreamweaver 与 Flash 、Firework 并称为 Adobe Macromedia 的网页制作三剑客，用于资料室网页设计制作，会得心应手。

2.2.2 个性设计

网站的信息内容是靠网页来实现展示的，网页的艺术设计，是技术与艺术的结合，内容与形式的统一。要想设计出优秀的资料室网页，必然网页设计服务于资料室网站的信息服务的主题，使网页从形式上获得良好的诱导力， 鲜明地突出诉求主题， 具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

资料室网站的内容栏目不是简单的堆砌，关键和特色内容摆在显著位置，还要采用动画闪烁吸引用户的注意力。内容设计应充分体现自己的风格，注重版面设计的简洁美观，尽可能展现自身的优势，以方便不同用户的使用要求为目标，体现资料室的工作流程和网络环境下新的服务模式。

资料室网站的导航与链接也是很重要的。读者除了浏览资料室网站首页内容，还将进一步了解深层次的内容，需要通过网页中的各个链接来访问站点中的深层次的网页。所以应该设计出站内的导航结构，确定好站点网页之间的链接关系，层层展开，逐步推进，使读者进得去，出得来，有条不紊，轻松浏览。另外，学科导航等站外资源的链接也是很重要的，同样也要做到链接准确，不要有死链接，最好是在新窗口打开，这样不会覆盖本站点的页面，以方便回来。

2.3 站点

制作好的网站，需要，通过上传功能，将整个网站放入特定的网络服务器中，别人才能在网络上浏览到制作的网页内容，站点的一般有以下三种方式：虚拟主机方式、主机托管方式和专线方式，这三种方式花费大，需要比较掌握专业技术的人员管理。基于院系网站数据信息量不是很大，可以直接挂靠存放在学校或学院网站的网络空间，这样既解决了经费困难，又便于管理，也很安全。

2.4 站点维护

资料室网站的宣传与维护是网站建设的后续保障工作，没有持之以恒地更新和维护， 网站很快就会失去品牌效应和存在的意义。网站建设不易，要想使其富有顽强的生命力，就要用心管理和经营，不断地增添，更新读者所需要的信息资源，因此，资料室必须非常重视本室网站的日常宣传和维护工作。

网站的更新维护包括技术和内容两个方面。技术维护主要解决网络不畅通、链接失败、病毒和黑客入侵等技术问题以保证网站正常运行，网站还要进行备份，以加强网站的安全性，不断引进新的技术，更新软件，开发使用新的技术，不断提高馆员的网站建设和网页制作技能；在内容方面，不断充实其丰富网站动态内容，不断地给浏览者最新、最即时的资料，随时向教学科研和广大读者传达网站的特点，数据库的特色，信息服务的范围等以吸引读者点击浏览，这样才能赋予资料室网站无穷的生命力；另外，加强宣传，多做友情链接，与学校图书馆合作、资源共享共建。更新读者所需要的信息资源，扩大信息服务的范围，吸引读者点击浏览，提高网站的生命力。

3 结束语

高校院系资料室网站的建设， 是一个不断更新、改进的过程，只有不断地推出更好更新的版本，才能保证资料室网站具有旺盛的生命力，才能将高度有序化的信息资源提供给广大师生，才能为老师、研究生、本科生等用户提供高效、及时、准确、个性化的信息服务，以满足教学科研的需要，使资料室的信息服务工作再上新台阶。

参考文献：

[1] 鲁莉莉，张学君，王荣。对普通高校图书馆网站建设的思考[J].现代情报，2007(12):75-78.

[2] 胡昌斗。高校图书馆的网页优化与网站建设[J].图书馆论坛，2006,25(3):98-100

[3] 柳胜国。因特网上高校图书馆的网页设计[J].图书馆工作与研究，2002(2):28-29

[4] 黄超美，孔庆杰，赵闯。我国图书馆网站建设研究综述[J].现代情报，2006,24(12):1909-1913.

网站设计制作论文 篇6

中华民族的传统文化博大精深、源远流长，也以其独特的魅力影响着中国乃至全世界。近年来，科学技术不断进步和发展，网络的社会地位逐渐凸显，校园文化网站建设也逐步趋于成熟和完善，它不仅传递着丰富多彩的视觉信息，也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型，以及中国传统元素在现代生活中的应用意义，将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中，旨在彰显大同大学校园文化内涵，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训，表现同大学子对校园精神文明的继承和发展。

关键词：

网站建设；中国传统元素；校园文化；界面设计

引言

随着社会的进步和发展，传承文明与创新知识已成为当代文明的主题主线，在此环境下，高校校园文化网站应运而生、蓬勃发展，而且近年来其社会地位也不断凸显。与此同时，全球文化的交流和碰撞日益激烈，导致高校校园文化日益开放和繁杂。因此，应从多角度、多侧面、全方位的视角梳理和评价高校校园文化，并逐渐建设完善高校校园文化网站，传承校园文化，构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素，如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中，将会取得全新的视角效果与经验，提供一种全新的触及世人心灵的感性认知，培养中国风格的审美情趣，激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的，也是浏览者与网页信息间的传递载体，例如在版面设计中采用留白的方式营造空灵韵味，在现代的版式设计中有指导意义。在构建中国风的网站时，加入中国传统文化元素设计，不仅会发挥现代科技美与创新美，而且还会体现传统的韵味美，保持着新与旧、古与今、传承与发展的高度契合，能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中，以期能彰显大同大学校园文化底蕴，并且能在网页中体现大同大学的校园文化精神，体现全体师生对校园文化的传承与发展。

一、校园文化网站概述

校园文化是在学校这一特定的文化氛围中，师生在从事各项课内外活动中所创造的精神财富，以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化，它包括学校领导、师生的价值观念、价值判断和取向，学校独特的文化特色、办学理念、办学目标，以及校风、教风、学风等精神风貌，以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展，网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间，可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化，也集中反映了当代教师与学生的精神风貌，对于文化的丰富、交流和发展具有重要意义。

二、中国传统元素概述

中国传统文化元素种类繁多，尤其是吉祥图形符号，如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号，代表并彰显着中国文化神韵。中国元素，是指在中华民族的融合、演化与发展过程中形成的，由中国人创造与传承的，反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富，它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素，如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素，思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中，时刻运用着“中国特征”，处处体现着中国式的意境和精神，是构建中国特色校园文化网站的基础。

三、中国传统元素在文化网站中应用的意义

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．

[8]许海。中国传统水墨画在网页设计中的应用[J].艺海，2008(6):08-16．

网站设计制作论文 篇7

现在互联网用户对网页设计的质量要求越来越高，没有内涵的华丽设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。在一个注重用户体验的时代，一个好的文学网站，不是只有华丽的界面或者良好的交互设计就可以，而是要在艺术和功能上做到两全其美。

关键词：网页设计；色彩；图片优化；用户体验

现代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我国的网页界面基本上都是框架式，创新的页面很少。随着我国各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而现在随着文学网的发展，仅仅是靠老一套的理论来做的设计已经不能满足现在用户的审美需求了。

1文学类网站设计原则

1．1色彩设计原则

众所周知，不管是做招贴、包装或者是VI，给人的第一印象往往是这个作品的色彩设计，它的色彩运用的好与坏，将直接影响到阅读者的兴趣。同样，在网页设计中，色彩也是居于十分重要的地位。现在的文学类网站的网页设计，大部分以比较浅的颜色为网页的背景色，如浅黄色、浅蓝色、浅绿色或者直接就是白色背景，再加上较深颜色的文字来做的配色。一般来说网页中所出现的字体颜色都是黑色，因为浅色背景中黑色字体的视认度最高，但是这种强对比，屏幕刺激较大，也更容易让浏览者产生视觉疲劳。在文学类网页设计中，这种对比过于强烈的配色会使用户长时间在线浏览的时候有不适，但是缓和的色彩搭配视认度不高，也不利于用户阅读。所以笔者认为在网页中出现大面积文字以及考虑到用户会长时间停留在一个页面的时候，比如文学网站的在线阅读界面，我们可以给用户一个选择，让用户自己来挑选网页的背景色以及字体颜色，让用户自己来选择适合自己的颜色搭配。

1．2文字和排版设计原则

在做网页设计的过程中，无论选择什么字体，都要基于网页的总体设想和浏览者的需要来使用。而且浏览器使用的是本地字库显示的页面内容，作为一个网页设计者，不得不考虑到用户电脑中是否有你选用的字体，所以说网页中的文字最好使用缺省字体，在必须使用特殊字体的地方，可以先把文字做成图像，然后再插入到网页页面中去。再者就是文字行距的问题，一般的行距比例为10:12，因为合适的行距可以很好引导浏览者的视线，如果行距过宽会影响行与行之间的文字延续性，影响阅读。而且在视觉传达中文字作为网页页面的要素之一，除了表达文字本身的意义以外，还有传达感情的作用，所以文字设计在视觉上要给人以美好的印象，让浏览者可以获得良好的阅读感受。而且网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，都是通过文字图形的空间组合，表达出和谐与美。在网页文字设计编排中最重要的一点，就是要与网页内容的性质和特点相和谐，其设计风格要与内容特性相一致，而不是相分离冲突，所以在我们把大量的信息整合到一个页面上去的时候，首先要考虑的是怎样把它们以合理统一的排布，达到变化与统一并存的和谐效果。在排版这方面，网页的版式设计同报刊杂志的版式设计有不少共同之处，基本上都是把页面中的文字字体、图形图像、色块线条等要素按照一定的节奏进行编排，同时注意其结构的大小、轻重、虚实等对比因素，并通过对这些要素的编排，使浏览者直观地感受到该页面要传递的信息。

1．3网页图形的优化和应用原则

对于一个网站来说，网页的下载速度是非常重要的，但是影响网页的下载速度的因素除了网速以外，网页中所包含的图像图形对网页的下载速度也有很大的影响。因此，对网页图形进行优化，使网页能够快速下载是网站设计制作中考虑的首要问题。所以，接下来就来探讨一下图片优化的基本方法。首先是图片的裁切，裁切时应尽量沿所需图像边缘裁切，避免不必要区域占用文件大小。如果在页面中有一张过大的图片，也可以先把它裁成小块，然后再使用Table语法所提供的Border=0、Cell-spacing=0、Cellpadding=0的无缝功能，将它们组合起来，这样也会提高图片的加载速度。再者就是图片的输出，一般情况下，色彩少的图片使用GIF或者PNG格式，色彩丰富的的图片使用JPG格式。如果是一些摄影网站，图片要求都是高清图片，那就可以用JPG格式做小图预览，然后链接到TIF格式(无损)的原图，这对没兴趣看这张大图片的浏览者而言，不但可快速下载该网页，而且也是一种体贴的选择。还有些图片，因为要在不同的背景中使用，需要输出为透明的效果，这时，就可以选用GIF格式，因为对于GIF图像来说，色彩越少，文件就越小。所以说在看起来可以接受的范围内，尽可能地将色彩数量减少，就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档，通常会加入Width、Height这两个属性，这样就可以在加载网页的过程中为图像预留空间，在加载图片时，用户就可以先浏览其他已加载项目。如果没有这些属性，浏览器就不能了解图像的大小，也就不能为图像预留下合适的空间，这可能会给网页中其他元素的显示带来很大的延迟，从而影响用户的阅读。

2现今专业文学网站设计趋势

以前，做网页设计基本上都是用PS设计网页版面，仅仅是PS就可以满足用户的需求，但是现在互联网用户对网页设计的质量要求越来越高，没有内涵华丽的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。另外在版式设计方面也逐渐加入了一些“留白”的理念，“留白”发源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表达一种“以无胜有，以简胜繁”的思想，这种设计理念与西方20世纪兴起的一些现代设计理念如出一辙。“留白”不是一个色彩的概念，而是一种形式的概念，通过欣赏者的审美联想和想象获得的一种“秒与生意，能不失真”的意想空间，从而使设计者能够更好地表达出设计的意图，将作品的视觉感染力加强。总之，一个好的文学网站的网页设计，不是只要有华丽的界面就可以，而是要在艺术和功能上做到两全其美。

2．1大背景图的网页设计

高清图片是一种可以产生极具视觉冲击力并迅速抓住读者视线的好方式，而且这些图片一般都是高质量写实的或者是抽象的精美照片，这些图片的用色和表现的内容都十分考究，并且趋向于一些比较柔和，比较透明的图片，不会影响到文字的阅读。不然再漂亮的图片，看起来和网站整体效果不协调，影响用户体验，也是白白浪费资源。除此之外，大背景图的运用还有一种方式，叫做拟真设计，听起来可能有点陌生，但是拟真设计就是和大背景图的运用相似的一种设计，它是指将界面元素设计成用户容易理解的，存在于现实世界中的实体。就文学网站，在书籍阅读的界面平台上，不单单是书籍内容完整无误的呈现，它的呈现方式可以像常见的平面媒体带给读者的愉悦体验一样。可以在书籍阅读的起始部分与结束部分分别放置图书原有的封面与封底；可以模仿纸张的材质，灵活设置；可以在文章的正文界面中配合插图，插图同文字共同营造书中的独特氛围，插图的类型可以配合文章的叙述情境进行绘制；可以与插画师合作，共同创造出良好的阅读环境，从而提高阅读质量和阅读效益。

2．2移动互联网时代

现在这个时代，智能手机几乎是人手一部，而且平板电脑、小型上网本随处可见。所以说，如今的网页设计已经不能只局限在普通电脑的显示效果上，还要考虑到更多的移动设备。但是，设计适合移动设备的网站不是去掉大量装饰，做得简单易于下载就可以，因为它不仅仅是变得简单，更是要表现出原网站的精华。另外，现在很多网站都推出了属于自己的方形的条形码，这种条形码被称为QR，全称就是QuickResponse。这个条形码就相当于一个快捷方式，让用户可以方便迅速地打开自己的移动网页。近几年来，移动媒体的优势越来越明显，利用这个优势所做的网页设计也是现在的热门。

2．3页面布局设计及特效设计

以前的网页设计，大部分都类似于书籍和杂志的版面设计。而随着互联网等各方面的发展，现在的设计更接近于影片的效果，更注重空间艺术，现在的网页设计已经不再是单纯的平面设计，而是立体设计、空间设计，致力于把浏览者带进一个现实的虚拟世界。我们都知道构成网站的是网页，网页本身也是很多个页面的总平面，所以说平面设计原则同样也适用于网页设计。但是网页设计的排版又是对平面设计的延伸，单独考虑平面设计原则的话，这样的网页设计是不能满足现在浏览者的需求的。在网页特效方面，文学类网站运用的不是很多。现在是一个注重用户体验的时代，适当地采用一些网页特效会给网站加分不少。比如说，视差滚动设计，让多层背景以不同的速度移动，形成一种类似于3D的视觉效果，吸引浏览者。但是值得注意的是，这种效果不适于导航。

2．4极简主义的运用

极简主义在早几年就流行起来了，但是在网页设计方面极简主义的影响力在近几年才逐渐大了起来。极简主义风格的网站设计，运行速度快，用户体验效果更好，接入也更加容易，所以无论哪一类型的网页设计都可以运用，文学类网站也不例外。但是就目前来说，还没有哪个国内文学网站尝试这种极简主义设计，因为接下来提到的文学类网站设计的一大要点，就是丰富的内容。但是，极简主义并不是把内容也变得极简。要知道极简主义有一个理念，少就是多，简洁就是丰富。所以说极简主义只是把不必要的东西去掉，使页面的每一个元素都和主题统一，用最简单的元素来传达更丰富的信息。

2．5丰富的内容

内容是一个网站的最有价值的部分，而对于文学网站来说，丰富的有价值的内容比起网站外观来要重要得多。但是做内容的建设时也要注意几点，首先，网站的内容要和网站的主题一致，不可偏离主题。其次，就是网站内容最好是原创内容。作为一个文学网站，不是说拿那些已经现有的作品就可以，还要有新的原创文学，大家没有看过的文学作品，这样才能让用户时刻保持对网站的新鲜感。最后，网站的内容要定时更新，并不是说有丰富的文学作品就万事大吉了，不然一个再好的网站不去更新内容，它也是一个死站。而且一般经常浏览文学网站的互联网用户对文学都是很有见解的，所以说作为一个专业的文学网站，为他们提供的不仅仅是一个文学资源库，更应是一个交流平台，让他们发表自己的原创文学及见解。

3文学网站中多媒体技术的运用

无论是图形文字，还是声音视频，设计者所要考虑的就是怎样才能使它们以最和谐的方式融合到网页这面大屏幕里。所以，多媒体技术的运用在这里必不可少。现在大部分的浏览器本身都可以支持在线播放或收听，比如GIF、JPEG图形和GIF89a动画。另外还有一些比较常见的插件，比如ActiveX，它可以播放更多种类的多媒体文件。总之，多媒体技术随着互联网的发展在网页设计中的运用也越来越多，也使浏览者能够体验到更加完美的浏览效果。在现今有很多网站设计都采用了flash软件来制作，用flash制作导航界面，随着鼠标的动作可以产生动画或者声音，让网页更有吸引力。而且制作flash时用的是矢量图形，它需要的内存和存储空间要比位图小很多。在网页设计中flash还具有一定的交互性，比如说网站导航栏动画、图片展示动画以及网站注册和登陆系统等等。在静态页面中，如果用到这些动画，一定能与浏览者有一个很好的互动，也能使网站看起来更加生动有趣。但是整体不可以太花哨，太杂乱，不然会使浏览者对该网页缺乏信任感。当然也有一些网站，为了表现自己的与众不同，使用flash来制作整个网站。而且设计制作flash时就已经包括网页内所有视听元素和版式的设计，并不会给人眼花缭乱的感觉。这样的flash网站，给人感觉都十分酷，给浏览者一种很特别的感觉，基本上可以完全调动浏览者浏览的积极性，同时给浏览者一种活跃的心理感受。总之，不只是文学网站的设计，所有的的网页艺术设计都需要大胆创新，需要不断地完善和突破，从而达到网络技术与艺术设计的完美结合，让浏览者获得最佳的阅读体验。

参考文献：

［1］王晓峰，焦燕．网页美术设计原理及实战策略［M］．北京：清华大学出版社，2009:8．

［2］张新伟．网页经典配色艺术［M］．北京：电子工业出版社，2009:6．

［3］郑国强．网页设计与配色实例解析［M］．北京：清华大学出版社，2012:6．

［4］张磊．专业色彩搭配手册：网页配色［M］．北京：北京希望电子出版社，2011:11．

［5］刘鹏．浅谈网页色彩的编排设计［J］．科技创新与应用，2012，(1)．

［6］李立伟．浅谈网页色彩设计［J］．郑州轻工业学院学报，2007，(2)．

［7］卫捷．“留白”理念在现代网页设计中的映射［D］．河南大学硕士学位论文，2011．

网站网页设计毕业论文 篇8

【关键词】:网页设计 新媒体 团队合作 课程设置

中图分类号：G4文献标识码：A 文章编号：1003-8809(2010)-06-0102-01

近些年来，全国各大院校相继开设了网页设计专业，有些院校称为“新媒体专业”,这主要是因为平面媒体、广播媒体、电视媒体曾被公认为三大传统媒体，网络媒体的出现在某种程度上彻底改变了这种垄断局面，这一点从日益繁荣的网络科技和数码产品中得到了充分的体现，所以不用过多的解释。由于这个专业只是近几年才出现的，所以在很多教学方法和课程设置方面还存在很多的缺陷和问题，为了更好的开展网页设计教育，让学生掌握更多更实用的网页设计技术，我决定对网页设计专业的课程设置进行详细的探讨和研究。以下是我与几位专业教师在查阅了大量的相关资料和结合了很多网页设计公司工作实践的前提下，得到的结论。

作为一个正在崛起的发展中国家，可以说潜在的市场空前的强大，然而纵观亚洲网页设计的发展进程，不难发现，中国的网页设计还远远落后于日本和韩国。其实不仅仅是网页设计，在平面设计、产品设计和建筑设计等方面，中国发展和执行的也不够好，当然，造成这种局面的原因有很多，比如政治因素和历史因素等等，这不在我们讨论的范围之内，所以不作为重点，幸而近几年来这种局面有所改善。

抛开外在因素，单纯的从设计本身来说，其实网页设计和其它设计门类一样，最根本的问题都是在解决“功能”与“形式”之间的矛盾，只不过这些矛盾在建筑设计和产品设计中得到了相对完善的解决，而在网页设计中却始终没有得到应有的重视！这也是为什么国内大部分的门户网站看上去版面都很拥挤和低劣的主要原因。其实网页设计是一门综合艺术，它要求从业人员不仅仅只局限于平面设计方面的知识，同时还必须具备计算机语言方面的能力，因为，只有这样才能设计出资源优化的高品质网站。然而当今大部分国内院校的网页设计专业都经历着各自为政的尴尬局面，一方面艺术设计院系，只注重培养艺术方面的设计人才，另一方面计算机院系，只注重培养技术方面的设计人才。这就使“功能”与“形式”之间产生了断层，虽然我承认纯搞技术的程序员也可以根据网上现有的模板，勉强完成网页设计中美工的工作，但是这毕竟是一种“抄袭”的被动方法，不能从根本上提高中国网页设计的艺术品位。在国外我们可以要求网页设计师必须先修完一个艺术设计方面的学位，然后再完成一个计算机方面的学位，在国内这种做法显然是不现实的。要想让中国的网页设计朝着健康的方向蓬勃发展，就必须想办法把两个专业的相关技术拿到一起。结合中国高等教育的实际情况，我对网页设计专业的课程设置进行了如下的整合：

网页设计课程体系设置的初步构想(根据时间的先后顺序排列)

01、平面构成

02、色彩构成

03、创意思维训练

04、图形设计

05、设计软件PhotoShop、Illustrator(版本根据实际情况而定)

06、标示与VI设计

07、网页版式设计

08、设计软件Flash、Dreamweaver(版本根据实际情况而定)

09、ActionScript:用于控制flash内容，并进行简单交互的脚本语言

10、Flash实训项目练习

11、Dreamweaver实训项目练习

12、网站设计实训项目练习(静态)

13、Html:Hyper Text Markup Language超文本标记语言

14、Css:Cascading Style Sheet层叠式样式表

15、Div:Div+Css一种全新的网页布局思想

16、JavaScript:一种最流行的Web脚本语言

17、Asp:Active Server Pages 一种动态网页编程语言(了解)

18、Asp.省略、Php、Jsp、Ajax、Smarty、MySql、Oracle和一些实训项目练习属于第二个方面，注重培养网页设计师的技术能力。第三个方面主要注重培养网页设计师的团队合作技巧和实际工作经验。

这里有一个问题需要事先声明，从事艺术工作的人大部分都习惯于感性思维，从事计算机工作的人则习惯于逻辑思维，让两种思维方式协调统一，当然存在一定的难度，这就要求从事网页设计教育工作的专业教师必须具备高水平的专业能力和科学的教学方法。相信经过这样完善的课程训练之后，我们的学生一定能够扎实熟练的掌握网页设计的相关知识，在世界经济危机的影响下，更具竞争力和主动权。

网站网页设计毕业论文 篇9

高职院校培养目标定位在培养高素质高级技能型专门人才。这种人才自身，要求不但能够从事相应的工作，而且具备较高的技能。在传统的网页设计教学中，大家采用的教学案例比较简单，许多教学案例的设计围绕知识点进行设计，即为了学会知识而设计教学案例。在考核中也偏重于理论考核。这样培养出来的学生，偏重于简单的网页设计，无法胜任真正的网页设计工作，当然也无法达到培养高素质高级技能型专门人才的培养目标[1]。这就要求在课程改革中，采用真实的企业网页，尤其的主流电商的网页，围绕真正的网站进行教学；在考核过程中注重过程考核，避免单一的理论知识考核。

二、课程内容的设计

（一）课程定位

网页设计课程是计算机应用技术专业职业能力模块中关于网站设计制作模块的一门专业核心课程。该课程是在专业基础平台模块的基础上开设的，与其他课程有着紧密联系。结合开设的《XHTML》、《数字平面设计基础》等课程，实现网页小前端设计。

课程围绕企业开发网页前端的整个过程进行设计，目的是使学生掌握网页设计与制作的常用技术和方法，使学生能够开发与制作出具有业界水准的网站，以适应社会对人才的需要。

（二）课程设计理念

1.以真实案例为中心，实现就业零距离

在教学案例的选择过程中，与企业著名的设计企业进行合作，校企双方通过对网页设计与制作必须的职业能力进行调研、分析，从实际工作项目中精选出本课程的教学案例。这些教学案例，全部是有一定专业水准的真实网站。学生通过真实网站的实训，欣赏水准和网页设计能力能够和业界接轨。实现就业的“零距离”。

采用“网站开发工作过程导向”的项目教学方法[2]，强调学生所学知识和技能在实践中的应用，各个教学单元采用“应用导向，任务驱动”教学方法[3]。彻底打破原有的网页设计与制作教学体系，重建教学内容，将章节的内容以案例的形式讲述。以网页设计与制作中的各个功能的实现为主线，结合平时上课时讲授的实例展开。

充分利用网页设计与制作课程应用性强的特点，把该课程的教学改革与产学研结合起来，开展多项与网页设计与制作有关的科研教研。鼓励老师和同学多参与国家或者学院组织的各项比赛。

2.遵循认知规律，先感性、后理性，实现感性、理性认识的辩证统一

对于人的认知来说，总是先感性认识，后理性认识。感性认识是理性认识的基础，理性认识是感性认识的升华和总结。

在课程设计方面，先进行感性学习，即使用可视化工具进行网站设计；然后对网站进行总结，逐步使用代码工具进行网站设计；最后通过综合实现，实现能力的提升。能力提升示意图见图1。

图1能力提升示意图

3. 课程内容的选取

围绕电子商务网站装修新的就业需求，针对性的选择课程内容。对于计算机应用技术的毕业生来说，由于电子商务的发展，近三年来，越来越多的毕业生到服装、饰品等淘宝店铺去做店铺装修。甚至部分学生自己在淘宝上开店自主创业，淘宝店铺的装修成为人才培养的一个新需求。另外，在威客网站上也常见淘宝店铺装修的任务。

对于河南省来说，电子商务才刚刚起步，网店形象差，规模普遍较小。追究其原因，很多人还是老思想，认为“酒香不怕巷子深”，不注意网店的装修和自己形象的塑造。而淘宝店铺的装修正是解决这个问题。

对于传统的网页设计课程来说，过于强调技术。而淘宝装修就是包括两个方面：即网页设计和与网页相关的艺术设计，是信息学科向文化艺术领域拓展的新方向，是以技术为主，艺术为辅，技术与艺术相结合的新兴方向。

因此，在课程内容的选取上，不但要强调技术，也且要关注相关的页面艺术设计，特别是有关电商企业的页面设计。在课程内容的选择上，包括淘宝网、天猫、京东商城等众多电商的网页被选入课程内容。

三、考核方式改革

由于教学内容围绕网页设计与制作的实际应用进行展开，理论、实践结合紧密[4]。因此，考核方式也要进行改革。

改变网页设计与制作的考核方式。为了使同学们更好的掌握网页设计，改变原来那种仅仅笔试的考试方式，增加过程考试权重。过程考核主要考核学生解决网站设计问题的思路和方法，占70%；笔试考核主要靠和学生对该课程基本理论知识的掌握，占30%。

四、结束语

由于教学内容选自业界真实网页，具有业界水准，学生的网页欣赏水平和设计水平提升明显。考核方式的改变，进一步提升了学生的实际动手能力，收到了良好的教学改革效果。

参考文献：

[1] 张伟娜。 《网页设计与制作》课程教学的探讨与实践[J]. 中国教育信息化。 2008（03）

[2] 林莉莉。 基于任务驱动有效开展《网页设计与制作》课程的教学[J]. 太原城市职业技术学院学报。 2008（10）

[3] 洪华秀，姚菊英。 项目教学法在《页面设计与制作》课程中的运用[J]. 江西教育学院学报。 2009（03）

[4] 龚茜茹。 基于软件项目管理的《Photoshop》教学模式[J]. 河北能源职业技术学院学报。2012（09）

作者简介：