创新网页设计精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的创新网页设计主题范文，仅供参考，欢迎阅读并收藏。

第1篇：创新网页设计范文

关键词：网页设计；创新；网络

在科技力量的推动之下，网络信息技术正在无声的影响着人们的生活和工作，它不仅为人们的生活提供了较多的便利条件，同时也为人们带来的更多的欢乐，网络正在全面的渗透到人们的生活当中。网络是一种全新的信息承载媒体形式，它使整个世界在逐渐“缩小”，为信息的传播提供了更加快速的平台，并且在极大程度上拉近了人与人之间的距离，为人们的交流提供了更好的平台。网页作为网络中的重要应用工具，它的设计影响着人们的整体网络感受。为了可以为人们提供更好的网络感受，并追上时展的步伐，网页设计应该要不断地创新来满足人们的应用需求和审美理念。

1网页设计和审美

网页是人们利用不同的颜色、字符及图形构建的一种网络媒体，它可以使信息进行更好、更高的传播，为人们的沟通和交流提供了积极的作用。网页设计并不是凭空捏造，二是要针对人们的需求及信息特点来对网页进行合理规划、设计，它拥有较高的应用价值。网页设计包含着很多方面，其中最为重要的内容就是要满足人们的使用需求及审美需求，并将艺术和技术进行全方位的整合。信息更新快、网页美观、布局合理、艺术性强、应用方便是网页设计的几大要素，只有这样的网页才能为使用者提供高质量的服务。随着信息的快速流动和科技的高速发展，传统的网页设计已经逐渐退出了网络舞台，为了增强网页的应用能力，同时也为了给使用者提供高质量的视觉享受，人们必须要对网页进行合理性创新设计。要想使网页较好地契合人们的审美观念，让使用者在接受信息时有较为良好的视觉感受，网页在设计过程中必须要利用好图形、文字、音效等等，使其变得更加统一化、整体化、和谐化，加强多元素的融合。

2网页的功能和形式美

网页的设计理念是非常明确的，那就是既要实现信息的快速、准确传播，又要满足大众的审美需求。网页在功能分布方面是有一定规律的，第一，网页在设计时必须要符合使用者的感官需求，也就是说必须要考虑人们的注意点；第二，网页在整体信息布局这届关系着信息的重要程度，一般情况下人们都会比较注意大图形，所以较为重要的信息往往被摆放到比较重要的位置，这更容易吸引人们的注意力；第三，网页设计更加重视整体性与统一性，无论是哪一个网站，在对网页进行设计时都会有比较统一的框架，这会让使用者在视觉上得到一定的享受，如果网页比较乱，那么必然会给网页使用者造成一定的混乱感。高质量的网页不仅要拥有较强的实用性，同时还要拥有一定的艺术美感，這样才能更好地体现出网页的重要价值，也是网站可以高效发展的重要措施。现阶段的人们对审美有着更高的认知，当他们的实用性能得到满足后，就会对审美有了更高的追求，所以一个高质量的网页必须要兼顾实用与艺术美，只有将二者进行深度融合的网页才能得到广大网民的喜爱。

3网页视觉审美法则

现阶段的网站种类越来越多样化，为了提升网站使用者的数量，提高网站的竞争能力，越来越多的网站将自身的精力投入到网页的设计当中。为了更好地提高网络信息的准确性，高效的引导使用者的使用流程，同时也想让使用者有较强的感官享受，网页设计者正在努力的加强思想与设计相融合。而形式美感正是增强用户体验的一种较为高效的设计方法，它为人们的网页浏览带来了更高的视觉感受。无论是哪种事物，都有一定的发展规律，形式美的规律主要体现在以下几个方面：一、简单美。在条件许可的情况下，网页的设计应该倾向简单化，这可以使网页变得更加清洁。网页之中包含着大量的信息，如果网页变的复杂会对人们的视觉及记忆造成严重的干扰，甚至是影响用户的正常需求。所以在对网页进行设计时，设计人员要尽量的做一些“减法”工作，适当的删减或是隐藏一些不常用的功能，这可以提升网页的利用效率。二、保证网页拥有一致的美感。网页所表达的信息一定要拥有明确的含义，同时还要相一致，这样才能为用户提供最为便捷的操作，这使网页应具备的一个显著特点。三、合理的布局。网页的布局直接关系到用户的浏览效果，人们一般都习惯从上往下浏览，所以应该将功能导航设置在网页的顶端，这便于使用。文字的设计应该与页面的边界有一定的距离，这才能方便人们阅读。

4网页设计与创造性思维

对网页进行设计是为了更好地满足用户需求，所以网页设计不仅要符合网络特点，同时还要满足人们的内心使用需求。高质量的网页设计会使人们产生耳目一新的感觉，进而吸引更多用户的使用，所以网页设计对提升网站竞争能力有着重要的作用。在对网页进行设计时，既要符合网页设计的原则，又要有独到的见解和创造性。要想对网页进行独特的设计，首先必须要了解到自身所处的特殊环境，而且还要了解使用者的内心需求，只有这样才能有针对性地来表述自身的设计理念。创造性思维主要表现在选择、突破、创新三个方面，而在网页设计过程中，创造性思维主要表现有以下几点：一、要有突破性。良好的创意设计不能按部就班、不能简单模仿、不能受传统观念束缚，必须要将自身思想放空，突破常规束缚，往往是非常规设计更容易吸引人们的注意力。所以在网页设计时，一定不要被其他观念所左右。二、要有一定的跨越。在网页设计过程中，设计者要善于利用自身的思维来跨越时间与空间的束缚，只有出其不意的全新设计才能带来更好的冲击力。三、整体性的确立。网页的主要功能还是要以传达信息为主体，所以网页设计必须要有一定的整体.陛。四、灵活的思维。网页设计思路要灵活多变，不能受外界因素局限，灵活的思维可以为设计增添风采。

5网页的创新设计

5.1重视简洁性

现阶段的网页都存在相同的问题，那就是网页内容比较长，而且总会有一些广告弹屏，这为用户带来了较多的不便，当他们需要查询某个信息时，会不受控制地浏览到其他信息，所以如何对网页进行简洁设计已经成为了非常重要的一个话题。网页是为了给用户提供良好服务的媒体，如果出现过多的其他无用视觉元素，那么必然会增加用户感官负担，使人们的视觉产生疲劳感，进而降低用语的需求度，严重时会引起人们的厌烦感。所以网页在设计时必须要拥有简洁性，内容尽量要直达主题，保证用户可以快速的寻求到自身所需要的信息，进而提升网页的应用效率。简洁与减少信息量并不是同一概念，而是将网页之中的内容进行精简，以便提升信息的利用效率，为人们节省有效时间。

5.2强化变化性

互联网最受人们喜爱的特点就是信息传播速度快、信息量大和更新速度快，在信息时代，人们不出房门就可以了解到天下大事，如果网页中的有效信息不能做到及时更新，那么必然会降低用户的使用效率，这也放弃了自身的优势。无论是大人还是孩童，他们都无法长时间对相同的信息产生较强的兴趣，如果人们在多次使用后发现所浏览的都是相同信息，那么必然会放弃这样的网页。所以在对网页进行设计时，人们必须要加强网页变化性这一特点的体现，及时对网页中的信息进行更新，只有这样才能确保使用者拥有较高的浏览热隋l3l。

5.3关注趣味性

人们的生活质量在日渐提高，单纯的物质生活已经无法满足人们的需求，人们对精神上的需求逐渐变得强烈，他们希望自身的生活可以多姿多彩，充满更多的情趣。在这样的大环境下，网页在设计过程中应该更加贴近人们的日常生活，要以人们的情趣为切入点进行设计。这就如同广告设计一样，高质量的广告既能让人们开怀一笑，又能使人们长久的记住产品。网页设计更应遵循这样的理念，利用有趣的表现方法来体现网页的主要内容，在给使用者带来良好视觉感受的同时，增强他们的趣味性，这不仅增加了信息的有效性，又为人们带来的愉悦的心情。

5.4侧重实用性

不同产品的设计理念都是要为人们服务，产品的实用性决定着产品的需求市场，当然网页设计也在这一范畴内。网页也是一种网络产品，它的服务对象就是大数量的网民和需求者，所以在对网页进行设计时，设计者应该利用换位思考思维，站在用户的角度来看待网页设计，在了解人们的需求及使用习惯的基础上来对网页进行设计，保证功能、操作等符合人们的应用习惯。网页设计要有一定的合理性，既要操作舒适，又要达到快速检索的目的，让使用者拥有绝对的主控能力，充分体现出“顾客就是上帝”的服务价值观。只有得到使用者的好评，才能从根本上提升产品的竞争力。

5.5体现个性化

网页设计就好比艺术设计，网页既要有较强的实用价值，又要有一定的美感。网络就像是一个庞大的渔网，网线与网线之间都有这自己的连接点，用户的注意力时刻都有可能被这些连接所吸引，为了更好的保留客户资源，网页再设计过程中一定要体现出自身的特性化特性，可以增加一些其他网页没有的元素，例如不同的图形条、不同的色彩等等，这可以增强网页的吸引力。个性化设计不代表特立独行、孤芳自赏，而是要跟随时展的步伐，满足大众的审美觀点和理念，这样才能使网页得到长久的关注。

6结束语

第2篇：创新网页设计范文

一、采用教学内容项目化的教学方法

现在大部分院校采用“理论+实践”的模式来开展教学，即先在教室上理论课，然后去机房实践，并且在理论讲授时，学生只能看教师的操作而不能及时动手操作。由于排课的安排，上机要到一两天后，等到去机房实践的时候，大部分理论课上的内容已经基本忘记，学生实践的内容还需要教师再演示，即使这样，学生只能跟着教师模仿操作和练习，结果导致学生只会课堂上的几个实例，课后仍不会灵活运用所学知识。采用灌输式教学，学生作为认知主体，处于被动接受状态，教学效果较差。由此看来，高职《网页设计》课程的实训方式改革势在必行。“项目化教学”的教学内容体现工学结合、职业活动导向，激发学生关注未来的职业需求。该模式以学生为主体，采用任务驱动、做中学、学中做的“理论与实践一体化”的教学模式，充分发挥学生的积极性。学生通过完成具体任务或项目的工作过程训练，使学生获得普适性的工作过程，实现学生思维过程的完整训练，培养学生的创造能力和独立工作能力，全面培养学生的综合素质。开展“项目化教学”，促进教师改变传统课程教学观念和教学模式，树立新的课程教学观念，按照现代职业教育理念组织课程教学，有效提升教师的职业教育教学能力。在《网页设计》教学中使用项目教学法，即教师在讲授这门课之前，设计一个较为完整的网站项目，要求学生在学期结束之前完成。该项目既要易于理解，又要与学生的背景相关，难度要适中，项目不能太过于具体，也不能太复杂，以能够将所学知识点串联为目的。还需要将学生分组，每组学生独立完成，并将项目分解成若干个子项目，将每个子项目分给小组中的每个成员。教师以项目为主线，根据学生所要完成的任务，主动引导学生发现要解决的问题。对于每个项目中所涉及的知识点，教师可将其渗透到教学活动中，合理引导学生将相关的问题与所学的知识点联系起来。每个学生带着任务学习，不仅提高学习的主动性和目的性，并将所学的知识链接起来，形成系统性。项目化教学法比传统的实例教学更具有创新性，学生的创造性得以自由发挥，提高了学生分析问题解决问题的能力；通过项目化教学法，使学生的独立思考能力、团队合作能力、正确的决策能力、沟通能力得以很大程度的提升。所以说，项目教学法是一种将理论和实践合理结合的一种高效的教学方式。

二、考核评价方式合理

《网页设计》课程教学的目标是让学生掌握网站设计、开发和维护的知识和技能，能制作出较高水平的网页，同时培养、训练和提高学生的创新意识。早期的《网页设计》课程考试主要采用卷面笔试的方式，考核范围局限于理论知识点，学生死记硬背就很容易得高分。因此，笔试不利于学生发挥出真实水平。现在该课程的考试由原来单纯的笔试发展到上机考试，在规定时间内学生在计算机上操作完成后上传至服务器，虽然在一定程度上体现了软件基本操作能力，但是不能考查学生具体解决问题的能力和综合操作能力。因此，单一的上机考试仍不能完全满足考核要求。经过几年的探索和实践，笔者认为在《网页设计》课程考核中应减少理论考试的比重，增加综合实践技能的考核，采取形成性评价加期末考核相结合的方式。结合《网页设计》课程特点，该考核方式主要包含以下几个部分：1.平时成绩平时成绩主要就是根据学生在日常学习过程中的表现来评定，主要分两部分，即平时考勤和平时课堂作业，占总成绩的30%。2.课程大作业考核课程大作业考核就是根据所学的知识设计的综合作业，教师根据课程中的各个知识技能点给出项目要求，学生自定义网站的主题，自行设计制作，在规定的时间交回作业，而后教师根据学生完成的情况给予评定，主要考查学生的分析问题、所学知识运用以及创新能力。考核中采用真实项目和情景模拟，以达到测试学生综合应用能力，使学生能在今后的工作中承担相应的工作。此部分占总成绩的45%。在考核过程中，为防止学生作弊或到学期末“加班加点，突击完成”，该项考核要分阶段进行。主要分为网站选题、网站设计、网站制作三个部分。在网站选题阶段，学生根据教师给出的要求选定自己网站的主题，做出策划书，提交给教师，得到相应的成绩。网站设计阶段，学生定出网站的设计风格以及布局结构图，提交给教师，得到相应的成绩。网站制作阶段，学生根据自己做出的规划及教师给出的要求，在教师的指导下制作出所有的网站页面，并完成测试后提交给教师，得到相应的成绩。3.期末考核期末考核主要分理论部分和实践部分。理论部分采用机试或笔记的形式，主要考查学生对理论知识点的掌握情况；实践部分采取上机操作的方式，完成教师给出的操作题，主要考查课程中的关键技术操作，此部分占总成绩的25%。该考核方式目的在于让学生参与到学习过程中，提高学生自主学习的能力。采用过程性考核，既保证了学生的到课率，又提高了学生的学习效率，让学生对理论知识和操作技能都有了较完善的接触和掌握。同时，通过大作业模拟真实的工作流程，训练了学生网站策划、设计和制作的能力。这样，从学生的考核结果可以看出学生成绩呈现出正态分布，对实施教学也有了明显的改进作用，提高了教学质量。

作者：畅玉洁 单位：晋中职业技术学院

第3篇：创新网页设计范文

论文摘要：《网页设计》是计算机课程体系的重要专业基础课程。笔者通过多年实践教学经验研究，努力实现以知识为本位向以能力为本位的转变，以就业岗位对人才知识结构的要求为依据，以项目教学为主线，以企业网站建设为目标，进行课程内容整合，研究适合本专业学生的的教学模式，探索出一条培养复合型大学生的新途径。

随着计算机的普及以及互联网的迅速发展，截至2010年12月，全球网站数量为2.55亿个，仅智联招聘网页相关从业人员就不少于3万名。当前，各高校普遍开设了网页设计类课程，但在其教学过程中，大多数还采用传统的教学模式，学生内驱力较弱、动手能力有限，学习积极性不高，职业竞争力差，毕业后不能真正进行项目的开发。根据社会对网页设计人才的巨大需求现状，改革现有教学模式，增强学生的学习兴趣，对于提高学生的实践技能，增强职业竞争能力，具有十分重要的意义。[1]因此，《网页设计》课程进行教学改革势在必行。

一、课程现状及存在的问题

目前，许多高等院校都开设了《网页制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用、电子商务、物流等专业公共的必修课程，也受到了其它专业学生的欢迎。网页设计教学内容通常包括HTML、语言、JavaScript 语言、CSS+p、图像处理、动画制作等方面，常用的软件是网页三剑客和Photoshop 的搭配使用。因此就授课内容而言，该课程具有知识点多、操作性强的特点。[2]

分析目前课程中存在的问题，主要包括：教条式的课程教学内容，内容无法反映当前社会需求；教师在教学中与学生缺乏互动，学生缺乏积极性；实验教学与实际需求脱节，课程实验往往是一些基础知识的练习，缺乏用于解决实际项目的技术，形成了学生学而不会用的局面。同时，各高校网页设计课程多为36学时，课堂上学生无法获得足够知识点。而一些课程网站则只是简单的知识堆积，缺乏对学生的引导作用。

二、教改思路

本课程改革的宗旨是：由以知识为本位向以能力为本位转变，以就业岗位对人才知识结构的要求为依据，以项目教学为主线，以学校网站建设为目标，进行课程内容整合，使学生明确学习目的和内容。[3]通过讲授项目实施的全过程，介绍网页制作的知识，使学生在学习的过程中，成为参与项目、创造实践的活动者，将知识转化为实际能力，实现具有独立完成网站建设与开发的专业技能，[4]同时，通过本课程的改革与研究，找出适合专业学习的教学模式，探索出一条培养复合型大学生的新途径。[5]

三、教学改革措施与方法

1.教学内容安排

整个教学内容的安排必须以实际应用为主线来进行，完成必要的知识点传授。同时，按照项目应用实际需求，改变教条式的教学内容安排。[6]在以教师为主的主动“教”、学生被动“学”的传统灌输式教学模式下，学生无法全身心投入到学习中。为了让学生知道怎么学、学到什么以及知道学会了后具备什么能力，在教学内容安排上要以实际项目或目前应用中的项目为教学内容，让学生参与到实际项目的研究内容中去，从项目制定、需求、开发、测试的全过程安排教学内容，从“因材施教”转变为“因需施教”，从而调动学生的学习主动性和热情。[7]

2.课程教学方法

采用实训——教学相辅相成的方式，选择合适的案例贯穿到整个教学过程中。在每节课讲授一个模块的同时，完成一个实际项目。在“因需施教” 的教学内容安排中，从“教”与“学“的传统教学模式过渡到“学生为中心”的教学方法。实验课则致力于充分发挥学生的主动能动性，教师只是讲解基础知识点，启发学生学会在项目开发中主动应用学到的基础知识，通过实训——教学的训练方法完成实际项目，从而提高学生对知识点的理解能力，增加学习效果。

3.基于用户体验的教学网站建设

目前的网页制作课程学时量较少，对这类实际操作要求高的课程，必须通过课外练习的手段达到学习效果。而传统的课程网站多为知识简单的堆积，无法提高学生的兴趣。本文提出采用基于用户体验的教学网站设计，来达到快速吸引学生眼球、发挥课程网站对课程教学的作用。在教学网站内容安排上，既要有课堂教学内容，还必须结合课程安排大量有趣、巩固知识内容的课外练习。同时，基于用户体验的教学网站也是网页设计课程所要掌握的知识点。在课程网站教学的过程中，处处体现网站采用的知识点及其用户体验，学生在通过课程网站学习的同时，也学习了网站的制作方法，从而增强课程网站对学生的吸引力。

4.基于认证的课程培养模式

目前社会就业对网页设计人才需求的缺口较大。针对一部分学生对网页设计有较大兴趣的实际，努力培养学生成为从事网站开发、WEB技术等方面专业技能的IT高级专门人才。依据目前网页设计认证方向和学生的经济承受能力，可以选择ADOBE网页设计认证作内容作为培养方向，在教学内容、网站设计中穿插一些网页认证的教学设计，起到以点带面、提高学生就业能力和水平的作用。通过网页认证知识的学习，促使学生不仅能学到新的和社会接轨的知识，还可以通过参加认证考试，获得相应网页设计认证证书，提高学生的专业技能和就业能力。

5.工作室培养模式

有条件的学校，也可以针对本地或本校实际情况，在指导教师指引下，采用工作室培养的方法，积极和实习基地以及相关企业合作，对外承接一些小型网站设计项目。以工学结合作为切入点，改革人才培养模式，以工作室模式作为该课程的配套改革措施。工作室建设采用学生自愿、教师引导机制。学生在教师指导下参与真实商业项目，在工作室中的学习、开发完全利用课余时间，工作室运行完全采用商业公司运行机制，按学生能力进行分工，最后完成作品并交由企业运行。工作室的建立，既锻炼了学生，又使学生明白课堂学习与实际项目的不同。既锻炼了学生，提高了他们的学习积极性，同时以点带面，对其他学生产生了很好的促进作用。

经过多年的教学改革，笔者发现网页设计课程改革最重要特点是，必须适应社会就业需求。课程定位要明确与相关岗位技能全面接轨，培养网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等五大关键能力。课程改革通过项目引导，工学结合，精心选取典型的实用案例，形成循序渐进、种类多样的教学项目。同时加强与相关合作单位的实际交流。课堂教学与面向用户体验的网络教学相互补充，依托丰富的网络资源，使得课程教学不再局限在小规模的案例范围内。利用大量多媒体课件、课程录像、习题库、试题库等手段，满足不同基础的学生进行自主学习。基于认证的培养模式和工作室培养模式则作为课程改革的配套措施，极大地调动学生的学生积极性，提高学习效果。当然，本课程的教学改革，对计算机应用类其它相关课程教学方法和模式的改革，也具有有益的借鉴作用。

参考文献

[1]杨宁.浅议《网页设计》课程改革[J].中国科技博览，2009，(26).

[2]李海燕.基于项目化的《网站规划与网页设计》课程教学改革初探[J].电脑知识与技术，2010，06(30).

[3]吕立霞.以产品开发为工作过程的《静态网页设计》课程改革[J].当代教育论坛， 2011，(10).

[4]郭玉.“网页设计与制作”教学改革的思考与实践[J].长沙通信职业技术学院学报，2005，26(13).

[5]娄淑敏.基于工学结合的高职计算机专业“网页设计”的课程改革探索[J].计算机教育，2009，(6).

第4篇：创新网页设计范文

【关键词】网页设计与制作 课程 创新能力 教学设计

【中图分类号】G42 【文献标识码】A 【文章编号】2095-3089（2013）05-0234-02

一、前言

创新能力是人最重要和最有价值的一种能力，目前世界各国普遍重视创新能力的研究与培养。综观已有的创新能力及其培养的研究，人们做了大量的工作，但从教学设计理论与试验的角度去系统而深入地研究这个问题的并不多。

现代认知心理学认为，在大多数情况下，只有当学生嵌入到真实的情景中，问题复杂且为劣构时，才会发生有意义的学习，而我们的教学意图又是要学生形成创新能力，因此，我们在进行教学设计时应该强调学生在学习知识、解决学习和生活实践的问题过程中，以新颖和独特的方式确定和解决问题。

二、创新能力的含义

创新能力包含创新意识、创新思维、创新技能和创新情感。创新意识培养即推崇创新目标， 发挥创新潜力，释放创新激情。创新思维培养即发明或发现一种新方式用以处理某种事情或事物的思维过程。创新思维具有积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构以及活跃的灵感五个特征。创新技能培养即创新主体行为技巧的能力， 包括信息加工能力、动手操作能力、运用创新技术的能力、创新成果的表现能力及物化能力等。创新情感培养即创新的情感动力， 包括独特的创新目标， 为提高人类美学价值而创新的高尚情操， 为优化个体创新功能而掌握创新技巧的热情[1]。

《网页设计与制作》课程中学生创新能力培养体现在一是通过课程引导学生发挥创新潜力，释放创新激情；二是培养学生运用所学课程知识解决问题时进行创新思维训练，培养积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构。三是针对操作类软件课程更注重实际操作的特点，在实验、实训和拓展训练中培养信息加工能力、动手操作能力和创新成果的表现能力及物化能力等。四是培养学生创新的情感动力， 包括独特的创新目标， 为提高人类美学价值而创新的高尚情操， 为优化个体创新功能而掌握创新技巧的热情。

三、课程的特点

《网页设计与制作》是一门动手操作性很强的课程，课程特点体现在以下几方面：

（1）实践性强

操作类课程理论与实践联系紧密，核心是将基本技术，根据相关的理论支持，将创意转化为具体的作品。教师在实践中教，学生在实践中学。离开实践教学效果无法保障。

（2）强化职业能力

操作性技能类课程是计算机应用技术及相关专业的职业能力应用课，课程是从职业技术教育的特点出发，以职业能力培养为重点，与行业企业合作进行基于工作过程的课程开发与设计，充分体现职业性、实践性和开放性的要求，以培养学生实际动手完成真实项目制作的能力为目标。

（3）课程内容实用

操作类课程在内容上偏重基础、实用与普及，在教学对象上多层次、跨专业、范围广泛。

（4）与最新技术发展紧密联系

人们对于计算机应用要求的提高催促着技术的发展进化和开发工具的更新，发展相当迅速。

四、《网页设计与制作》课程创新能力培养教学设计应该注意的问题

《网页设计与制作》课是一门与生产、生活紧密联系的课程，它能使学生的思维处于积极活跃的状态，从而使学生的创造潜能得到最大限度的发挥。在教学中，学生主要通过验证性实验和探究性实验教学设计来掌握基本知识和学会学习运用新的知识，培养创新能力。《网页设计与制作》课程的教学设计是依据现代教学理论和学生的认知水平，根据课程的教学目标的要求和特点，针对学生的实际情况，充分利用现有教学条件，去选择组织教学内容、教学形式、教学方法及教学手段等进行系统的规划设计的过程。

（1）结合课程特点培养学生创新能力

《网页设计与制作》是一门动手操作性很强的课程，在教学中更强调学生的动手操作能力，而动手操作往往是创新的必要条件。因此，老师要努力创设与学习主题相关的、尽可能真实的学习情境，引导学生带着真实的“任务”进入学习情境，使学生学习直观化、形象化，使他们处于积极的学习状态中，这对于学生来说可以实现他们对知识的积极建构，唤起学生原有的认知结构中的有关知识与经验，进而使学生充分利用有关的知识和经验，同化到新知识的学习中，创造出新的形象，激发他们的联想、判断，诱发出他们的创新意识。例如：在讲flash中缩放工具和变形面板的使用时，首先给学生播放一段以制作好的风车动画。教师引问：要制作风车动画效果，我们应该如何绘制风车呢？（教师引导学生观察风车是由4个相同的叶片组成。）今天我们大家一起来画一个风车图形。至此，学生处于愉悦的情境中，学习的积极性被充分调动，创新意识被诱发出来，引导学生积极思考。学生通过情境的感染，对分解的任务，自己通过自主探究性学习获取相关的单个工具应用技能和完整图形绘制方法，从而培养学生运用所学课程知识解决问题时进行创新思维训练，培养积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构。

（2）尊重学生的主体地位

大多数学生在技术应用方面的接受能力和自学能力永远出乎教师的意料，灌输式的教学方式只能招致学生极其厌烦的回应，教师只需要点到为止即可。通过开展基于网络资源自主探究学习模式、探究性试验、拓展训练让学生在未知世界中自由探索，为学生的创新预留了广阔的空间，让学生体验到发现的快乐，而灌输式的教学则只会束缚学生的想象，扼杀学生创新的火花。例如：基于网络资源自主探究学习模式“在网页中插入文字、图片、动画，添加链接”，教师先演示一个成型农业示范园网站，给学生展示网页内的文字、图片、动画以及链接的表现形式，让学生通过访问该网站网页查看、选择、浏览对网页中文字、图片、动画以及链接的表现形式有直观的了解，让学生在轻松的情境下欣赏、学习，这样就调动了学生的学习兴趣，激发了学生的学习热情。然后教师只讲清楚方法：怎么确定方法？在哪些地方收集资料？如何收集资料？在网页中加入文字，插入图片、动画和添加超级链接。最后，让学生自己去发现如何确定主题，收集相关资料，如何排版布局，将这些技术综合应用在网页中，自己动手去做。总之，“点到为止”是一门艺术，更是一种对学生的信任，是对学生主体地位的尊重，有利于学生创新思维的培养。

（3）广泛交流，培养学生创新的情感动力

师生的交流非常重要，学生之间的相互交流更加重要。在自主学习和探究性实验、拓展训练过程中，一方面要积极引导学生在遇到问题的过程中与老师的交流，另一方面引导学生在学习中与同学的交流，通过搭建实地教学环境、课程讨论区、在线答疑、邮件答疑等多种平台鼓励学生大胆地说出自己独特的想法与解决问题的方案，培养学生相互交流的习惯，努力创设一种充满了研究氛围的课堂，有利于培养学生创新的情感动力。

（4）自由作业，让学生自主探究

操作类课程的作业或作品可以通过采用多种不同的操作方法而实现达到某一特定效果或解决某一问题，在形式上的表现多种多样，在特定的课程内容下制定相关主题，让学生自主探究、自由创作，每一个学生都会上交一份与众不同的作业或作品。这样的作业对于每个层次的学生来说都是可以完成的，每个学生都能找到一个适合自己能力的定位。例如：探究性试验主题“用形状补间和动画补间制作动画”，教师先演示形状补间动画范例“飞毯”和动画补间范例“不倒翁”，让学生在轻松的情境下欣赏、学习，这样就调动了学生的学习兴趣，激发了学生的学习热情。然后教师只讲清楚方法：形状补间动画和动画补间的制作要求。最后，让学生自己去发现能用这两种技术表现的一些现象，自己动手去做，为学习的创新预留空间，培养了学生的创新思维。

（5）展示学生作品，培养创新技能

学生学习的积极性来自于学习的成就感。教师在教学中应该时刻让学生感受到学习的成功体验，充分展示学生的作品，给予充分的鼓励，即使是一个很粗简的作品，只要有独特之处就应该予以肯定，赏识学生的每一件作品。针对课程注重实际操作的特点教师在平时的教学中应渗透这种“作品意识”，充分展示学生的作品，在实验、实训和拓展训练中培养信息加工能力、动手操作能力和创新成果的表现能力及物化能力。

总之，教师要充分设计现代教学理论，结合课程特点，利用和发掘教材自身的优势，充分考虑学生与学校的实际情况，选择适合自己、适合学生的教学方法，从创新入手，尊重学生的主体地位和个性发展，培养学生的创新精神和创新能力。

参考文献：

[1]胥群.浅论培养大学生创新能力的方法和途径[J].黑龙江高教研究.2004年04期

[2]李文光，何志龙，何克抗.基于创新能力培养的教学设计理论与试验探索[J].中国电化教育.2002年10月

[3]查春华；张宝华.基于资源型学习的健美操网络课程教学设计探析――高校体育专业术科课程教学改革探索[J].首都体育学院学报.2007年03月

第5篇：创新网页设计范文

关键词：网页艺术设计；审美视角；研究

互联网技术的发展，使各行业领域面临新的机遇和挑战。网页设计作为信息技术的产物，目前已无法满足现代人的审美标准，因此，突出设计的艺术性，是设计者亟需解决的重要问题。例如，坚持网页艺术设计的原则和特点，积极探讨网页艺术设计的设计技巧，以符合现代审美的艺术型网页，进而提高网页浏览量，达到网页信息传播的目的。

1网页艺术设计的原则

1.1突出设计主题

“突出主题”是网页艺术设计的根本原则和核心宗旨，无论设计师如何创新页面色彩、布局、文字等，都必须以突出主题为原则，以保障网页传播信息的目的。首先，确定网页主题，当有了明确的主题后，一切的设计都应围绕主题展开，在此基础上进行网页视觉的创新。其次，页面艺术创造要有度，切不可夸张的采用所谓的“后现代”色彩，保障网页符合大众审美，而不是为了迎合某一部分非主流网民，应以高端大气的艺术设计强调网页的视觉冲击，进而使主题突出。总之，在保障页面清晰、美观、艺术、简练的视觉效果之外，也要突出页面或栏目的重点、热点信息和主题。

1.2统一设计风格

网页设计的风格决定着网页内容、布局、色彩的运用，不仅是设计师设计水平及设计理念的重要体现，同时不同风格的网页设计也会给网民不一样的视觉审美效果。与书籍、杂志的版面设计类似，网页艺术设计同样忌讳同一页面运用多种不同设计风格，这会使网民在浏览网页时感觉到眼花缭乱，根本无法掌握页面主题，也与网页艺术设计中“突出主题”的原则相背离。一般同一页面设计风格不超过三种，而且这三种风格需设计者严格把控，以保障页面的审美效果以及主题突出。

1.3丰富网页色彩

网页色彩影响着网民对网页的第一感觉，若设计时将网页的色调统一设计，虽给人以舒服、流畅的感觉，但若长时间浏览单一网页时，统一的色调又会给人乏味之感，降低浏览质量。因此，把握网页设计时的色彩对设计者的设计功底具有很大挑战。设计时，不仅要综合考虑页面的整体色彩布局对内容的影响，也要求设计者在创新页面色彩时，保障主题突出的初始原则，同时也要注重多数网民的主观感受，保障网民浏览视觉美好，达到网页艺术设计审美效果。

2网页艺术设计的特点

2.1即时性

网页艺术设计的即时性特点与传统纸质媒体最大的不同就是可以随着热点话题或事件的进程实时更新。作为网页艺术设计最突出的特点，其在网络端口更新、推送时要求设计师根据当前网页浏览实际数量进行微调整或修改，以保障网页信息的即时性，吸引更多浏览量。其次，网页艺术设计时的互动性是最大的优势，设计师可将网页反馈的信息作为再设计的基础或参考，更新网页信息时体现网页的互动性、亲民性，进而体现网页的影响力。

2.2交互性

信息技术、网络技术的发展，使全球网络化发展迅速，使人们的交流沟通更加顺畅，尤其是以手机为代表的移动终端的应用。现代网络平台交互方式多种多样，如：视频、语音、文字等，且近年来随着各直播平台的推出，使人们获取信息、信息的渠道再上一个台阶。网页新闻受到严重冲击，因此，如何创新网页艺术设计、保持或增加网页浏览量是各大网站面临的重大发展问题，其中最重要的一点就是积极探索网页设计时多媒体式的交互性。

2.3不可操控性

设计的不可操控性主要体现在网页版式方面，即在规定的页面内应用不同的视觉或听觉技术将页面元素进行构建，以体现设计师的设计风格和设计理念，并注重以视觉倾向表达视觉效果。虽然网页版式在网页设计中只占据一部分，但其是网页表达审美的直接体现。与传统平面设计不同，网页设计脱离固定的设计尺寸，完全由网民自行调整网页尺寸，这就使网页在设计时要兼顾不同尺寸的页面显示。其网页版式的不可操控性，对设计师的设计精准度是一项极大的考验，也是网页艺术设计独特之处。

2.4融合性

网页艺术设计有网页和艺术两个基础。其中网页考验的是设计师的网络技术水平，也是设计的客观因素；艺术考验的是设计师的艺术创造能力和审美能力，也是设计的主观因素。因此，成功的网页艺术设计必须同时融合设计师的主客观两方面的思维，利用现代化的网络技能结合自身的设计理念和设计主题，完美地设计出符合大众审美意识和取向的优秀作品。

3网页艺术设计的设计技巧

3.1文字的设计技巧

文字是网页艺术设计的灵魂，也是设计的主体。文字的大小、颜色要遵循易看、易认、易读、易懂的设计原则，其技巧主要为：（1）合理安排字体，同一页面字体样式不可多于三种，否则繁杂的字体只会使网民产生杂乱感，没有任何网页审美视觉，同时也要避免使用对于某些显示器无法显示的字体。字体选择时应以易看、易认为原则。（2）确保文字的可读性，也就是文字的易读、易懂原则。设计网页文字时切不可过多的文字装饰，保持文字清晰可辩，给网民创造良好的视觉印象。（3）科学利用字号差，即大标题配小内文，但这个差异一定要控制好，以突出网页艺术设计的主题。

3.2图片的设计技巧

网页艺术设计时，图片的位置、数量、尺寸、形式等都直接影响着网页的视觉传达效果。在设计时网页图片应遵循的设计技巧为：（1）图片精准定位，突出网页设计主题，符合主题要求和约定。（2）图片设计的独特性作为网页的一部分，创造性图片更能吸引眼球，带动网页浏览量。设计师在创造图片时，应打破传统思想壁垒，以全新的视角设计出具有强烈视觉冲击的图片。（3）坚持图片审美标准，在网页艺术设计方面，图片被赋予特殊的情感表达。不同图片的视觉效果可以直抵人的内心情感世界，这也是图片最大的魅力所在。因此，图片不仅给人视觉上的享受，更要表达更深层的情感。

3.3版式的设计技巧

第6篇：创新网页设计范文

商业购物网站是企业向用户提供的一个自由购物平台，实行挑选，考量，咨询，购买，评价一站式服务。网站则是在INTERNET平台下宣传企业形象和企业文化的重要窗口，因此网站的网页制作已不再是随意的把企业想要宣传的内容及图片随放在网上，更重要的是传达一种自身购物网站的设计理念及风格，其中自然包含更多的设计元素，根据不同消费人群的不同心理需求来设计网页，在为顾客提供视觉享受的同时，更刺激顾客购物。

商业网站网页设计作为视听设计的新课题，将以网页设计者的精湛技术和艺术审美为依托，对设计元素进行艺术规划，从而达到艺术与技术的高度统一。设计者将网页界面中的文本、声音、动画等多种数字媒体信息与创新的设计理念汇于一体，真正打造网上快捷交易、客户信息反馈等多线条一站式服务平台，也使得更多的商家纷纷加入到商业网上购物的潮流中，展现自身独特风格以增强企业知名度。

现实生活中，由于地区差异，造成人们购物不便，此类购物网站则汇集各种物品，省去繁多环节，降低成本，将最合理的价位和最好的品质同时提供给消费者，通过顺畅、享受的浏览体验，使得网站得到更多人的关注。

网页作为新的一种传播载体，同其他出版物如报纸、杂志等在设计上有许多共通之处，都要遵循基本原则。但是，由于表现方式、运行模式的不同，网页设计又有其特殊的设计原则，它是技术与艺术的结合，内容与形式的统一，在主题鲜明的前提下，更注重视觉效果，将其展现给观赏者，以满足其诉求。

国内外商业网站设计简析

目前国内商业网站自身存在不少问题，主要表现在：第一，规模小，相互之间联系不紧密，处于分散状态；第二，国内网站在首页页面设计上放置太多内容，尤其是大量的植入广告，使整体版面过于杂乱，给人视觉效果不佳；第三，过多的展示内容，而忽视其整体的设计理念。由于国内商业网站现存的种种问题和不足，难以与国外一些知名网站抗衡。因此，国内商业购物网站进行资源整合、共享可谓是大势所趋，采取先进和有特色的设计理念迫在眉睫。

相比而言，国外的商业购物网站的设计则融入了时尚的元素，行业分工明确，安全性较高，值得我们运用和借鉴。如欧美用户较不习惯过于鲜艳的设计风格，仅以的简洁、大气严谨的风格展现其网页，但简约中不失设计理念及元素的融入，给人过目不忘之感。而韩国网站设计则在内容排版、色彩搭配、图片运用上非常和谐统一，突出其特有的韩流文化，使“韩流文化”深入人心，更引领时尚潮流，人人追捧。

科技时代引领人们进入快速生活的轨道，繁杂的购物过程不再是人们，尤其是年轻人的选择，商业购物网站作为新兴的时尚标志性行业，受到了诸多年轻人，甚至是中年人的青睐。面对即将兴起的90后的主要消费群体，网上购物将成为他们生活中不可或缺的一个重要组成部分，因此，他们更注重的是彰显个性，弘扬年轻的购物体验，在内容丰富的基础上，新颖、创新、大胆、具有时代风格展现的购物网页将引起他们的极大关注和追崇。

网页设计应符合系统性，灵活性，创新性的要求。

网站CI要素的确定

商业购物网站的中心词就是购物，因此logo的设计主要是以图形与文字相互结合的基本形。通过对产品的特殊表现体现站点的中心。商业购物网站的网页设计完全可以从图像入手，让图像传递信息，以强烈的视觉冲击力打动观众的心，激发观众的购买欲，网络广告还可以很好地将概念化的东西转化为视听语音，以此来感染大众的情绪，影响他们的心理，完成商业运作及广告宣传，让大众最终实施消费行为。

合理的布局，可以将页面中的文字、图像等内容完美地展现给浏览者，优化网页的页面效果，提高视觉享受。网站网页具有许多特性，如多屏、分页、嵌套等。因此，设计者可以在形式上对其进行优化和合理编排，达到多变性的处理效果，展现其形式美。作为商业网站，网页应采用“三”型结构布局（此布局也常用于国外的网站），这种网页布局是用横向的两条色块将整个网页划分为上、中、下三个区域，其中会员管理模块包括用户注册、用户审核和用户登录验证； 在线购物模块包括商品搜索、购物车管理、订单查询； 系统管理模块包括商品信息管理、用户管理和交易信息管理，层次分明。而对于网页的二级目录网页和文章阅读网页采用了“T”型结构布局，一般是网站标志和广告条，使得网页页面设计结构清晰，突出内容，更彰显创造力。

做到内容与形式的高度统一，内容是设计存在的基础，可谓是“设计的灵魂”。而形式是内容的外部表现方式。网页设计的内容指的是其主题、题材、主要内容等要素的总和，形式则是对它的布局、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）网页设计表现其形式美，不但要适合主题的需要，更要彰显其独特的设计风格，不能只有花哨的一面，而缺乏艺术的表现，是整个网页空洞无力，给人虚无缥缈之感。在设计网页时，不必刻意注意冗长而繁杂的技术，更强调的是其艺术感的展现，最终达到内容的高度形式化的展现，宗旨还是为购物网站的推广和营销做足准备。

色彩的选择对一个网站来说是至关重要的。若网页页面的色彩和谐统一，则给人一种幽雅、宁静感；若色彩明快，则会使网页显示出活跃、生动的氛围。但是，若色彩对比感过于强烈，虽具有一定的冲击力，但会造成浏览者视觉上的不舒服。因此我们的色彩设置需符合网站的定位，迎合受众心理，将主色调设置为暖色系，辅以白色，它代表纯洁，干净，无处不在的生机和活力，充分体现了受众群体的向往和热爱，从而刺激浏览欲和购买欲。

视听元素，主要包括文本、图像、导航工具、背景音乐、动态影像等。数字及新媒体技术的应用大大丰富了网页艺术设计的表现力。以上各视听元素都可以显示或收听，无需任何外部程序或模块支持。比如，浏览器大多可以显示PNG、JPEG图形和GIF动画。还有音频文件（如MP3）无需启动外部程序来播放，实现网站环境下的播放。目前ActiveX已成为热门技术，并日渐成熟。而Java Applet，则是用Java语言编写的应用于网页之中的小应用程序，更具灵活性和跨平台工作能力。由此可见，技术的发展对网页设计起到了良好的推动作用，使浏览者可以享受到更加完美的视听效果。

作为商业购物网站的系统开发平台Windows 7 所支持的常用字体就应该作为标准字体，因此本网站选择宋体作为标准字体，对于一些特殊的，需突出展现的可采用其他艺术夸张字体。

而对于标志性图片，则将人物以漫画的形式表现出来作为标志性图片，更加体现了购物的乐趣。图像是文字的具象化，能极大地提升文字感染力，将抽象的思考予以“具体化”的表达，把某些无法用文字表现出来的视觉特征，通过图像形象地表现出来，它应该是一种文字意念的“再创造”。

国内现有商业网站缺陷

目前的商业购物网站在商品展示时大多是采用同一个模式，即图片与文字并用。在商品外观的展示方面则主要依靠图片。这种展示方式的缺陷就在于，缺乏直观感受和冲击力，消费者在购买商品时，需要花费大量的时间和精力去了解商品，浏览很多图片，这只会造成消费者快速寻找到自己所需的产品后结束购物，不能够起到很好的刺激消费的作用。而各种网页设计手段与编排手法的运用，就是要让消费者产生一种心理暗示，引导其对目标网站产生兴趣和购买欲望，尤其是网站的主推商品。

现今的网页设计所追求的形式美，不太适合主题的需要，只讲究形式美感，过于强调独特的设计风格而脱离内容，或者只求内容而缺乏艺术的表现，都会使网页的页面设计空洞乏味。另一方面，有很多图片并没有存在的必要性，为了展现而刻意装饰，不了解企业或商家的经营策略，设计没有针对性，往往造成图像与内容特性不符，不能吸引读者注意力，而提高网站知名度，达到很好的宣传效果。

总结

商业购物网站的网页设计作为一种新的视觉表现形式，它的发展虽然没有多长时间，但同时融入了传统平面设计与三维动感设计的特征，成为今后信息交流的一个主要的途径。也使得网页设计可谓是一种综合性的设计，它所涉及的范围非常的广泛， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然科学技术的发展是其基础所在。电子商务网站具有帮助企业达到自身与个人、企业和政府快速沟通、宣传企业文化、树立企业良好形象的目的。网页设计不仅是为了满足浏览者购买商品的需求，更重要的是创造一种愉悦的视觉环境，将技术与艺术进行有机结合，是网页设计的功能和理念得以更好的突出。

作为视觉设计范畴下的一种艺术展现，其目的是更好的满足诉求需要。以上设计感的满足依赖于主题思想在逻辑线条下的理性展现，同时辅之设计理念的，嵌入时尚元素，使之能够突出主题，符合浏览者获取信息的心理需求，增强视觉享受，增强浏览者对网页的浏览欲。只有内容与设计达到高度地有机地统一，才能达到最佳的主题诉求效果。

第7篇：创新网页设计范文

关键词：ASPDW网站制作网络化

中图分类号：F270.7 文献标识码：A 文章编号：1007-9416（2012）03-0000-00

工会是学校的重要部门，工会网站可以作为网上信息的重要阵地。使用网络信息，凝聚会员是新时代的工作要求。本校园工会网站采用动态网站制作技术，网站的设计与制作工作完成后，由工会工作人员在远程计算机上对服务器上的网站进行日常信息的更新和维护，制作网站后台管理模块即可实现此功能。

网站的设计和制作包括多方面的知识，它是艺术和技术的综合应用，具体说来有网站策划、网站美工、网站具体模块规划，总体数据库设计，网站制作、后台内容管理模块制作、网站测试、网站上传等步骤组成，作者结合某学校工会网站的制作，总结小型网站的制作经验和技巧，以为网站制作积累宝贵经验。

1、网站的策划与设计

网站的整体策划是根据学校工会领导的综合部署下进行的，这里需要工会工作人员认真讨论研究后，给网站制作人员下达明确的任务说明，由于工会工作人员的精心准备，对网站的风格、网站的功能、网站的规模、网站的模块划分已经非常明确。经过工会工作人员和网站制作人员的共同探讨协商，整理出网站的初步风格、功能要求和模块设计。

参考其他学校的网页制作效果，使用美术基础和网页制作软件PS，设计出来3套网页效果图初稿，每套均有首页，二级页面、三级页面的具体效果，最终由领导确定了一套。在设计的过程中，参考美术老师的意见，借鉴加创新，结合网页的特点，如单位使用像素，宽度适合于800像素的显示器。导航栏的高度要适中，整体结合“块”结构，使用分栏设计，整体风格统一。定稿后，由网站制作人员对网页效果图进行切片处理，作为组装网页的原素材和参考图。

根据网站的具体功能，将网站划分为模块：工会简介、工会文件、工会简讯、工会活动、女工园地、健康人生、法律法规、友情链接。其中有些模块只需要一个页面，更多的模块需要二级网页、三级网页的显示。多数模块的内容是需要存储在数据库中的，因此二级模块、三级模块的设计要用到数据库中的内容。

首先是选择使用何种类型的数据库管理软件，数据库管理软件根据功能可分为大型，中型，小型数据库。根据工会网站的具体内容并不复杂，所以选择了小型数据库管理软件Access。但在数据分析和数据表，表结构的设计上却耗费了作者一定的精力。因为没有考虑到后台内容管理的功能设计，所以最初设计表时把需要用到数据库的各个模块都分别设计了表，但最后的后台内容管理模块在数据库内容增删改查时却遇到了大麻烦，因为最初表设计得多了，在做增删改查时也需要做相同多的模块设计，内容就重复了，所以又重新设计表，使用类别字段来区分模块。由此总结的经验就是：数据库设计非常重要，一定要把前期后期工作全面考虑，相互结合，才能为后期程序的编写提供方便。

2、网站的制作

网站的制作使用DW软件完成，具体制作步骤是：首先创建站点，设置服务器，使用DIV+CSS方法创建各个模块的页面和框架，链接数据库，在各个页面设置绑定记录集，设置服务器行为。网页的制作是最为繁琐的工作，首先依据网页设计效果进行布局的设置，具体方法是使用DIV进行布局，然后使用CSS方法对各个DIV样式进行设置，在设置样式的时候，选择使用外部样式表的方法，因为外部样式表更易于管理。在设置背景图像时，使用PS的切片工具进行制作，切片工具有一个BUG，就是其存储名称不能修改，因此在切片时，最好的方法是先设置好切片的名称属性，在导出时就可以使用这个名称命名切片了，同时存储的格式最好是GIF格式，因为这个格式支持透明背景，并且在网页浏览器中支持渐变效果。

网页特效的制作是很有意思的一件事情，这是需要使用JS代码，网上有很多JS代码的效果和原程序，但很麻烦的一件事情是如何读懂这些代码，把相应的内容替换成你所需要的内容，比如，图片说明文字，超链接等等，还有一件事情是，网上提供的JS效果并不是你所需要的尺寸和颜色，这也需要你读懂JS代码，同时把相应的样式修改成你所需要的样式。本网站使用的JS特效有一个新闻展示效果，具体制作方法是下载JS代码，修改JS代码，把JS特效嵌入到相应的DIV中，其中的制作难点是，网站要求新闻展示是随时间更新的，这就需要把静态的新闻换成动态的新闻，因此需要从后台数据库中提取相应的字段，同时在后台管理模块中，还要相应的模块处理新闻的增删改查。

网站后台内容管理是方便网站维护人员工作方便专门制作的，工会网站的维护工作是由工会工作人员远程进行管理的，因此就有必要制作一个专门方便工会工作人员管理网站内容的模块。其制作内容就设计到对后台数据库的增删改工作，由于在数据库设计过程中，没有考虑到后期的维护工作，因此在对新闻内容的增删改工作上，出现了需要给多个表进行增删改的要求，因此建议今后设计数据库时，将所有的新闻表重新整合，以类别区分各种信息。

另外在处理图片上传的工作时，需要考虑如何上传图片信息。之所以要专门指出图片上传是有原因的，因为图片需要上传到服务器上才能将其具体路径信息记录到相应数据表记录的字段中，也就是说，如果某条新闻需要图片的支持，那么这条新闻的图片是以相对路径的形式存储在数据库中的，所以在增改新闻图片时，必须先把图片上传到服务器相应的目录下。图片上传到服务器后，它的文件名将随机改变，所以要记录好图片的新文件名。这样才能进行和图片相关的操作。文件上传可以分为两种：有组件上传和无组件上传。作者使用的是无组件上传，原因是有组件上传要求远程服务器上必须安装相应的组件才能完成文件上传功能，而无组件上传不需要在服务器上安装相应的组件即可完成文件的上传。

网站的测试是网站制作必不可少的步骤和环节，网站制作完毕之后，必须及时进行网站测试，测试可以分为两种测试：黑盒测试和白盒测试。作者将黑盒测试的任务交给3名学生进行，经过2天的测试，将各个模块统统测试3遍，测试中发现了一些问题：网页标题没设置、个别网站内容出现DIV跑位现象，不同的浏览器出现不同的效果，个别网站出现内容描述不清晰的情况等等，通过作者的核实，都进行了更改并重新测试。白盒测试则是由作者亲自完成的，在测试中出现的问题主要有：站点中出现了没有用的网页，处理的办法是将其删除；表单中出现了没有用到的项目，有些项目类型不合适，处理办法是删除或修改；经过黑盒测试和白盒测试之后，还需要使用者在长期的维护过程中，不断的测试，并把需要修改的地方指明给作者，由作者进行修改，这就出现的软件的不同版本。

3、网站的上传与更新

网站制作、测试完毕后，就交付给学校网站维护人员进行上传，网站是存放在学校服务器上的，也就是说，所有的网页浏览者通过浏览器将网页请求发送到学校网站服务器上，由服务器将浏览者请求的网页发送给浏览者。

网络信息的更新需要使用后台管理系统进行，这个系统是作者专门针对本网站设计制作的，专为网站信息的更新维护设计，这样通过此系统，公会工作人员通过远程浏览器即可更新网络服务器上的公会网站数据库，从而方便轻松的维护更新网站内容。值得一提的是，网站后台管理系统也是相当复杂的一个模块，涉及到管理员密码设置更改，网页访问限制，数据库信息的增删改查等内容，所有动态信息均通过此模块对网站数据库进行更新。

4、结语

工会网站的使用，实现了无纸化办公，能够快捷的消息，减少了许多人力物力的开销，提高了工作效率，这是本系统的功能和特点。从网站的策划，设计，制作，测试到，整个过程作者亲力亲为，其中体会非常深刻，本网站的建设基本完成，其基本功能全部实现。如何把类似的网站设计成网站模板，如果实现模板化，此类网站的制作将会更加便捷快速。

参考文献

[1]陈益材. DWCS4+ASP――动态网站建设从入门到精通[M].机械工业出版社,2010.

[2]魏洪斌,周鑫,刘志江.Dreamweaver MX 网页设计[M]. 清华大学出版社,2005.

[3]荣钦科技.ASP+Dreamweaver MX 2004 数据库网站开发与实例[M].清华大学出版社,2004.

[4]秦学礼.DreamweaverMX2004 实用教程[M]. 清华大学出版社,2004.

[5]周双娥,李其锋.基于ASP．NET技术的管理信息系统的研究与设计[J].湖北大学学报:自然科学版.

作者简介：

第8篇：创新网页设计范文

常用的网络营销方法除了搜索引擎注册之外，还有网络广告、交换链接、信息、邮件列表、许可Email营销、个性化营销、病毒性营销等。下面对这几种常用的网络营销方法作个简要的介绍。

交换链接

交换链接或称互惠链接，是具备一定互补优势网站之间的简单合作形式，即分别在自己的网站上放置对方网站名称，并设置对方网站的超级链接，使得用户可以从对方网站中发现自己的网站，达到互相推广的目的。

病毒性营销

病毒性营销并非真的以传播病毒的方式开展营销，而是通过用户的口碑来宣传网站。信息像病毒一样传播和扩散，利用快速复制的方式传向数以千计、数以万计的受众。病毒性营销的经典范例是Hotmail.com，现在几乎所有的免费电子邮件提供商都采取类似的推广方法。

网络广告

几乎所有的网络营销活动都与品牌形象有关，在所有与品牌推广有关的网络营销手段中，网络广告的作用最为直接。进入21世纪之后，网络广告领域发起了一场轰轰烈烈的创新运动，新的广告形式不断涌现，由于新型广告克服了标准条幅广告信息量有限、交互性差的弱点，因此获得了比较高的点击率。有研究表明，网络广告的点击率并不能完全代表其效果，网络广告对那些只浏览网页而没有点击广告的访问者(占浏览者总数的99%以上)同样产生作用。

信息

信息既是网络营销的基本职能，又是一种实用的操作手段，通过互联网不仅可以浏览到大量的信息，同时还可以自己信息。最重要的是将有价值的信息及时到自己的网站上，以充分发挥网站的功用，比如新产品信息、优惠促销信息等。

许可Email营销

基于用户许可的Email营销比传统的推广方式或未经许可的Email营销具有明显的优势，比如可以减少广告对用户的滋扰、提升潜在客户定位的准确度、增强与客户的关系、提高消费者的品牌忠诚度等。开展Email营销的前提是拥有潜在用户的Email地址，这些地址可以是企业从用户、潜在用户资料中自行收集，也可以是利用第三方的用户资源。

邮件列表

邮件列表实际上也是一种Email营销方式，它们的相同之处在于用户可以自愿加入和退出，不同处是，Email营销直接向用户发送促销信息，而邮件列表则是通过为用户提供有价值的信息，在邮件内容中加入适当的促销信息，从而实现营销目的。

第9篇：创新网页设计范文

搜索引擎注册与排名这是最经典、也是最常用的网络营销方法之一，现在，虽然搜索引擎的效果已经不像几年前那样有效，但调查表明，搜索引擎仍然是人们发现新网站的基本方法。因此，在主要的搜索引擎上注册并获得最理想的排名，是网站设计过程中就要考虑的问题之一，网站正式后尽快提交到主要的搜索引擎，是网络营销的基本任务。

交换链接

交换链接或称互惠链接，是具有一定互补优势的网站之间的简单合作形式，即分别在自己的网站上放置对方网站名称并设置对方网站的超级链接，使得用户可以从合作网站中发现自己的网站，达到互相推广的目的。

病毒性营销

病毒性营销并非真的以传播病毒的方式开展营销，而是通过用户的口碑宣传网络，信息像病毒一样传播和扩散，利用快速复制的方式传向数以千计、数以百万计的受众。病毒性营销的经典范例是Hotmail.com。现在几乎所有的免费电子邮件提供商都采取类似的推广方法。

网络广告

几乎所有的网络营销活动都与品牌形象有关，在所有与品牌推广有关的网络营销手段中，网络广告的作用最为直接。进入2001年之后，网络广告领域发起了一场轰轰烈烈的创新运动，新的广告形式不断出现，新型广告由于克服了标准条幅广告条承载信息量有限、交互性差等弱点，因此获得了相对比较高一些的点击率。有研究表明，网络广告的点击率并不能完全代表其效果，网络广告对那些浏览而没有点击广告的、占浏览者总数99%以上的访问者同样产生作用。

信息

信息既是网络营销的基本职能，又是一种实用的操作手段，通过互联网，不仅可以浏览到大量商业信息，同时还可以自己信息。最重要的是将有价值的信息及时在自己的网站上，以充分发挥网站的功能，比如新产品信息、优惠促销信息等。 许可Email营销基于用户许可的Email营销比传统的推广方式或未经许可的Email营销具有明显的优势，比如可以减少广告对用户的滋扰、增加潜在客户定位的准确度、增强与客户的关系、提高品牌忠诚度等。开展Email营销的前提是拥有潜在用户的Email地址，这些地址可以是企业从用户、潜在用户资料中自行收集整理，也可以利用第三方的潜在用户资源。

邮件列表

邮件列表实际上也是一种Email营销形式，邮件列表也是基于用户许可的原则，用户自愿加入、自由退出，稍微不同的是，Email营销直接向用户发送促销信息，而邮件列表是通过为用户提供有价值的信息，在邮件内容中加入适量促销信息，从而实现营销的目的。

个性化营销

个性化营销的主要内容包括：用户定制自己感兴趣的信息内容、选择自己喜欢的网页设计形式、根据自己的需要设置信息的接收方式和接受时间等等。据研究，为了获得某些个性化服务，在个人信息可以得到保护的情况下，用户才愿意提供有限的个人信息，这正是开展个性化营销的前提保证。