当前位置：首页 > 范文大全 > 实用文>网页设计论文

网页设计论文

2022-05-28 03:28:28 收藏本文下载本文

“输入昵称输入昵称输入法”通过精心收集，向本站投稿了14篇网页设计论文，下面小编给大家整理后的网页设计论文，希望大家喜欢！

网页设计论文

篇1：网页设计论文

网页设计论文

摘要：在互联网时代网页海量，如何设计出如何用户需求且具备交互功能的网页是所有设计师思考的重点，而网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求，而在海量的网页中唯有符合用户体验的网页才能与用户之间建立忠诚度。该文结合现有研究以及自身实践经验，阐述了用户体验设计的重要性,并从3个方面分析了以满足用户体验为落脚点的页面设计原则。

关键词：用户体验;交互设计;设计原则

交互设计作为一门关注交互体验的新学科在20世纪80年代产生了，它由IDEO的一位创始人比尔莫格里奇在1894年一次设计会议上提出，而随着互联网的快速发展，交互设计已经成为了网页设计乃至软件设计的重要因素，甚至在一定程度上决定了网页的成败。因此，以用户为中心强化交互设计的研究以第一时间给予用户最佳的体验以达到留住用户，进而与用户之间建立忠诚度的目的。

1用户体验概述

1.1定义

用户体验顾名思义即用户对于某个产品从外观、性能、使用过程等各个方面的感受，大多数产品投入市场均会受到用户从视觉、听觉、触觉等方面的认知，同时更会升华到情感上的认可度。用户体验虽然具有一定的主观性，但却在一定程度上反映出了一个产品是否符合用户需求、是否能够帮助用户解决问题、是否能够为大多数用户所用等。就此而言，用户体验是从主观到客观层面上的升华，是一个不断发展的过程。

1.2用户体验在网页界面交互设计中的重要性

网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求。因此，网页设计首先要满足用户的某个目标，让用户能够快速寻找到所需要的内容且无障碍地完成所需的操作任务。在此过程中用户与网页之间就形成了交互关系，同时交互使用的流畅与否直接影响到了用户的使用体验感。对于用户而言，简洁流畅的`交互功能是其最终的需求，不仅能够起到愉悦心情的目的而且更是提升使用效率的关键所在。设计师在设计过程中，应从用户角度出发去探索其需求并设计出相应的框架，将之融入页面设计之中。对于设计师而言，为确保网页设计朝着正确的方向迈进，应充分认识到用户体验的重要性，重视用户的需求,即从用户的角度出发，深入发掘用户对于网页的“痛点”所在，以达到愉悦的目标；其次，对于具备设计团队的设计师而言，可充分发挥出每个人员作用，为其安排相应的角色，使之为网页设计收集意见，进而保持正确的设计方向。

1.3用户体验与界面交互设计的关系

用户体验与界面交互涉及用户体验、界面设计、交互设计3个方面的相互关系，不论是界面设计还是交互设计均是为了提升用户体验而设置的，通过此两个环节的优化提升用户体验度，实现网页设计的目的。因此，在网页设计过程中，首先要做的就是明确目标用户所在。此外，调查用户对于网页的需求以及心理诉求，进而设计出相应交互功能或方式，以起到调动用户使用的兴趣。同时，再对页面进行美化处理，形成独具特色且符合大众审美的页面方可避免用户的流失。

2基于用户体验的网页界面交互设计原则

2.1以用户为中心的原则

其一，目标导向原则。交互设计之父AlanCooper其著作《AboutFace3:交互设计精髓》中首先强调了目标导向设计的方法。即从用户的目标出发进行设计，满足了用户的目标，用户就会感到满意、有效率，并且将产品推荐给其他人。目标导向原则最重要的是了解用户的目标、需求和动机是什么。因此，对于设计师而言，首先需要思考的不是采用何种软件或技术去策划漂亮的页面而且先思考用户需要什么、用户通过这个页面能够得到什么、设计的产品是否能够达到用户的需求以及能够为用户的生活、学习、工作等提供哪些价值；其二，尊重用户的习惯。用户的习惯是用户积久养成的生活方式，在互联网领域可以表现为用户心理模型。著名认知心理学家诺曼博士这样解释心理模型:心理模型是存在于用户头脑中的关于一个产品应该具有的概念和行为的知识。用户习惯来源于用户以前使用类似产品的经验，或是用户根据使用该产品要达到的目标而对产品的概念和行为的一种期望。任何用户在进行某项活动之中均会形成一定的使用习惯，在网页浏览过程中同样如此。网页设计师在设计网页环节时，应当充分考虑到目标用户的使用习惯，将之作为网页设计的重点和基础。根据用户的使用习惯以及对网页的期待进行设计，同时在网页上线之后再进行数据分析，检测是否有不符合用户使用习惯之处以再行修改。日本设计大师深泽之人在产品设计中提出的“无意识设计”，同样适用于网页界面的交互设计，以让用户在无需思考的状态下即可轻松自如地浏览网页，体会到网页的价值所在。同时，无意识设计能够减少用户在网页浏览过程中的负担，使之在轻松自如的状态下达成自己预订的目的。

2.2简易性原则

当今社会节奏越来越快，生活日益繁杂，人们更加倾向于简洁的事务。对于网页设计而言，简洁的网页能够减少用户思考时间，减少不必要的页面元素影响到用户浏览，使之在最短的时间内捕捉到所需的内容。反之，如果页面繁琐，用户在网页浏览中抓不住重点，反感情绪油然而生，导致直接关闭网页。用户对于页面的需求简洁胜过于复杂，将最具价值的信息通过简洁化的形式呈现给用户，最大程度上减少其他因素干扰。通过运用合理的结构、简洁的布局，呈现出结构层次分明，内容清晰可见，用户第一时间即可发现符合自己需求的内容。此外，网页功能要简单实用且易用。设计网页的目的在于为用户提供服务，网页存在的价值就在于被用户所用，能够满足用户的需求。在页面功能的设计之上，要充分考虑到不同年龄层次以及文化层次用户的具体情况，将网页功能尽可能简化。

2.3统一性原则

其一，视觉风格统一。网页界面的视觉风格整体统一非常重要，混乱跳跃的界面容易分散用户的注意力，让用户不知所措，影响用户的使用效率。根据格式塔心理学理论，在认知的过程中事物首先是一个整体，在认知整体后才是部分的认知。对于页面设计同样适用，当用户打开网页首先是视觉感受，页面整体风格是否和谐且有新意。一个具备和谐的页面，能够增进用户的好感，不会引起用户的反感，使之乐于浏览该页面；反之，用户则会立即关闭网页。同时，单纯追求和谐统一的页面设计容易形成死板呆滞的负面效应，随着时间的累积用户势必会产生视觉疲劳，久而久之逐渐失去使用的兴趣。为此，一个页面的设计既要达到和谐统一的状态又要不失活泼，具备动感，给予用户相对长久的“新鲜感”。其二，交互方式流畅统一。

3结语

当今互联网时代，海量的网页给予了用户极大的便利，但是也正是因此导致用户对于页面的要求越来越高，用户花费在页面浏览上的时间越来越少，如何在第一时间内吸引和留住用户是页面设计的关键所在。因此，在页面设计之初应重点策划吸引用户的元素或功能，在最短的时间内将用户需求的内容呈现出来，尤其是当用户在浏览过程中遇到问题能够及时提醒以解决问题。

参考文献

[1]周双.基于用户体验的专题学习网站设计研究[D].长江大学,.

[2]危丽丽，过宏雷.从用户体验角度谈网页设计中的色彩元素[J].大众文艺,,2(6)：112-113.

[3]张小玲，余岚.网页设计中的用户体验[J].文艺生活文海艺苑,(2):287.

篇2：网页设计论文总结精选

(一)一、教学内容的确定

教学内容通常包括HTML语言、CSS样式、网页设计原理及原则。由于针对的是中职生，在教学内容的安排上就会有所取舍，主要以实际案例为基础，重点掌握可视化网页编辑器的使用。除了介绍软件的使用外，还加入对于网页设计非常重要的图像处理的内容，传授网站结构、风格、配色及页面布局等知识。教学内容的选择上主要有以下几方面：

1.网页制作软件的掌握。学校开设的网页设计课程一般会选择FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比较专业的网页设计工具，因而通常选择它作为主要的网页设计平台。除了让学生掌握怎样使用这款软件制作网页，还要让学生了解网页基础知识，如让学生知道什么是网页文件;学会规划好自己的文件夹，将所有的网页文件和图片都放在自己的工作文件夹中，不要链接工作文件夹之外的图片，有的学生将做好的网页放到别的计算机上结果需要的图片无法显示，就是这个地方没有做好。

2.增加图像处理和Flash方面的内容。随着网页设计技术的不断变化，Photoshop、Fireworks与Dreamweaver网页制作软件的结合越来越紧密，由于网络速度的提升，图像元素在页面中早已变得不可或缺，利用图像处理软件的功能直接生成网页已经变得非常简单。而Flash以文件体积小、风格多样及良好的交互功能等优点在网页中所占的份额越来越大，甚至出现了完全使用Flash完成的网页作品，在教学中为了让学生简单了解，一般让学生通过设计常见的Flash广告条来实现。所以，在开设这门课程的同时，也开了Photoshop和Flash这两门课。

二、教学方法的探索

网页设计课程通常在机房授课，便于学生上机操作、巩固课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。这种枯燥的灌输方式难以调动学生的兴趣，即使学生将课堂上所学的知识都听明白了，上机操作时仍然无从下手，因而必须采用有效的教学方法。

1.采用案例教学法。案例教学是在学生掌握基本理论知识的基础上，根据教学目的和教学内容的要求，由教师精心策划和指导，运用典型案例，将学生带入特定事件现场进行案例的分析，使学生独立思考或集体协作，进一步提高学生分析问题、解决具体问题的能力的教学方式。笔者对教学目的和教学内容选用实际网页中的典型案例，在教学中先展示网页效果，再讲解相关的理论知识，在学生理解基本理论的基础上再演示完成案例，并对案例进行适当总结，将枯燥的理论知识融入生动的案例之中，理论与实际相结合，有利于学生更好地掌握知识。另外，根据学生的实际情况，还可在本案例的基础上延伸到其他类似的例子，达到举一反三的效果。采用案例教学法，学生不但可以掌握课堂上学过的案例，而且能灵活地运用课堂知识，提高综合运用能力。

2.采用任务驱动教学法。所谓“任务驱动”，就是在学习过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过学习资源的积极主动应用，进行自主探索和互动协作的学习。这种教学模式强调学生的学习活动必须与任务相结合，以问题来引导和维持学生的学习兴趣和动机。所以，安排第一次教学内容时，给学生欣赏一些优秀的、获奖的网页设计作品或浏览比较熟悉的网页，可激发学生的学习热情。在欣赏过程中，让学生说出该网页吸引他们的优点，教师适时讲解网页设计中关于色彩搭配和布局的知识，这样可提高学生学习的主动性，让学生主动地学习知识。同时，确定本门课的总体任务———设计并制作一个完整的网站，学生在后续的学习中就有了任务感，有了目标学习才会更认真。再针对课程中的每一部分内容，将总体任务细分为若干个小任务，如文本、图像、表格、链接、CSS样式等，由浅入深，让学生通过完成这一个个任务来掌握网页设计与制作的基本操作。例如，介绍Fireworks软件时，笔者采用了模仿式教学法，着重于网站Logo、整体效果设计与制作能力的培养，通过学习、模仿优秀网站的设计图稿，提高学生的审美能力，对各类网站的设计风格、色彩搭配、网页布局等有一定的认知。四、考核方法的探索根据中等职业教育的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。在网页课程的考核过程中，期末总评学习成绩可由两部分组成：平时成绩(平时到课考勤、课堂表现、作业和能力考核)和期末考核(期末上机考试)，各占总成绩的50%。这种考核方式注重实践操作和应用开发能力的培养，可发挥学生的学习积极性和主动性。此外，还可在校园内举办网页设计比赛，设置奖励分。如学校举办的艺术节、网页作品展示等，不但能提高学生学习本课程的积极性，还可让学生找到彼此的差距，激发学生的学习动力，不断提高网页设计水平。

篇3：网页设计论文总结精选

一、学报网络界面的内容编排概念分析

学报界面设计主版式分为三类，第一类是引导页，第二类是学报主页，第三类是学报期刊版面;其他版式共同依附于学报主页的版式设计。引导页的内容编排有视觉LOGO，学院名称，学报编辑部名称，中英文链接学报新闻。主页的内容相对于引导页要丰富很多，在眉头上显示的依然是学院Logo和学校名称。在标题的右边显示的是“中国标准期刊号”。眉头的下面编排三个链接，分别是“自然科学版”“工程技术版”“社会科学版”。一般进入到学报网站的人，可能最想登入到相关期刊页面中，所以在眉头下方编排相关期刊链接是最合适不过的。接下来便是主页的导航条，导航条的链接内容设计，可以让相关学者和社会人士充分了解苏州科技学院的学报编辑部的简况，工作内容和性质。主要包括八个部分，分别是“首页”“组织机构”“学报动态”“政策法规”“远程服务”“教育培训”“交流服务”“信息服务”“省学报研究会”“ENGLISH”。三类期刊杂志“自然科学版”“工程技术版”“社会科学版”的网络界面同意版式不同类别的设计方式，便于人们识别与记忆。期刊杂志网页界面标题设置为“苏州科技学院(工程技术版)稿件采编平台”(不同期刊则标明不同版面)，导航栏分别设置“首页”“学报简介”“文章查询”“期刊动态”“作者园地”“投稿须知”“网上订购”“在线留言”“联系我们”。版面内容分三栏，中间一栏的内容宽度占版面的二分之一，内容有“期刊中心”，对期刊内容性质的介绍。下分栏“《苏州科技学院(*期刊版)》*年第*期”，内容以滚动式显示论文名称，作者姓名发刊时间。左边版式的内容设置为“用户中心”，为作者投稿设计一个专门平台，包括“在线投稿查询”“专家在线审稿”“编委在线审稿”“编辑在线办公”，紧接下栏设置“文章查询”“期刊动态”“作者园地”“访问统计”等内容。右边栏设置“期刊信息”，显示期刊的性质。在“相关信息”栏里添写主办单位地址邮编等。

二、学报网络界面中的图片视觉概念分析

对于学报界面来讲，可以通过设计把图片与文字巧妙地相结合，图文并茂地向浏览者展示相应的信息，图片能直观地传达文字表现不了的信息，并且可读性强，便于记忆与影响。通过引入图片，可以根据图片的大小，色彩，进行构图，美化整个版面。为了使版面更加富有趣味性，最直接有效的方法就是，使用相应的图片来美化这个版面。当然，图片的作用也不仅仅是美化版面，更给人提供了一种直观的感受，文字更富有感染力。苏州科技学院学报编辑部网页界面设计中的图片采用的是苏州科技学院图书馆的建筑外观的图片形象。图书馆海藏大量图书，是学习、写文章的重要基地，在此处采用图书馆的图片是在恰当不过的了。尺寸控制在不超过版面的三分之一。图片像素在72DPI，图片像素太小，会给浏览者产生模糊，有马赛克的感觉，图片的像素太大，则会导致图片一直打不开，影响浏览速度，所以72DPI是最合适的图片像素。那么，在首页当中可以根据需要适当地调整的图片大小。在“自然科学版”“工程技术版”“社会科学版”三类版面中的图片，分别采用的是相关期刊的印刷封面，浏览者在浏览时，只要打开相关网页，便能直截了当地知道相关网页是关于哪种期刊。

三、学报网络界面中的色彩视觉概念分析

学报整体版面采用青蓝色，色彩的创意来源是根据苏州科技学院主页的色调来确定的，主页的色彩是青色。蓝色这个色系里面，既不脱离青色，自身又带有清爽，安静的感觉，所以设计师采用颜色时，主色调采用青蓝色。在三类期刊版面中的颜色则采用相对应期刊印刷色，浏览者在浏览之时便于识别与记忆，颜色分别是工程技术版采用蓝色，社会科学版采用土橙色，自然科学版采用绿色。各自网页背景色彩，分别是主体色降低饱和度与明度，颜色相对弱化，使其看起来是带有相对应色相的淡色背景，在淡色的背景中配上深色的文字，更加方便浏览阅读。学报界面的色彩设计从某种意义上来讲，它是一种艺术的创作，要求版面中的色块的形态要美，图片颜色要遥相呼应整体，文字与背景要容易区分，每一步都要做到完美，让浏览者阅读时能够一眼找到相关的信息。所以在用色的准确程度上一定拿捏到位，主体色青蓝色与分刊中的蓝色，青色、橙色，既有区分，又有联系。每个版式的下方用深灰压底，平衡整个版式，视觉便会稳重流畅。结束语学报网页的界面设计时一种视觉表现形式，它是学习、工作交流的一个重要的信息传播平台，对学术的交流有着不可忽视的影响力量。在苏州科技学院学院学报概念设计方案中，它的版面内容安排，版式设计，色彩设计，运用了心理学、视觉设计美学与人机工程学/哲学等相关学科的知识，在本文中对学报网页概念设计进行了阐述和分析。流畅优美的网页设计对浏览着来说是一次愉悦身心的学习，让他们在完美的视觉环境中享受工作学习的乐趣。

篇4：网页设计论文总结精选

一、网页设计视觉表达方法——以“简练”为首要原则

平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。

二、网页设计视觉表达方法——合理布局网页的界面

电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央，然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。

三、网页设计视觉表达方法——个性化网页界面的设计

独特的创意、个性化的品质是所有设计都追求的完美表达。个性独特的网页能刺激观者点击的兴趣冲动，让观者在“驻足”的过程中一直兴趣盎然。在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。

四、网页设计视觉表达方法——构成艺术的体现

构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色彩构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象;怎样处理形象与形象之间的联系;如何掌握美的形式规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色彩构成学则侧重对网页色彩的选择与指导。色彩构成属于设计领域内的色彩运用的方法，它的基本概念是：两个以上的颜色，根据设计的不同需要，按一定色彩配合的原则，重新组合，搭配构成新的色彩关系。色彩的特性、色彩的对比与调和、色彩的意蕴等等都是设计师设计色彩时的重要依据。此外色彩给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如，色彩的兴奋与沉静感：红、橙、黄等暖色系列的纯色给人以兴奋感，易表现快乐的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感，常常使人联想到和平、安静、休息和生机盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应该选择沉静一些的配色，而娱乐、体育等站点则应该倾向于兴奋一些的配色。色彩的轻与重感明亮的色彩如黄色、淡蓝等给人以轻快的感觉，而黑色、深蓝色等明度低的色彩使人感到较重。感觉轻的色彩给人以轻快感。相反，低明度的色彩有稳定的感觉。在网页、广告色彩设计时，应注意轻重搭配，如女性类的站点宜采用明度高的色调为主进行配色，以渲染女性温柔、妩媚的个性特征;为了突出男性坚实粗扩的气质，在男性类网站中，色彩的配置应选择凝重明度的色彩。网络发展至今，传统的设计学更多元化，并使工作结构产生交叉。静态的平面设计转化为动态的网页设计，这是应用新技术在新媒体中进行设计的产物真正开创了一个全新的视觉领域。

篇5：网页设计论文总结精选

一、网页设计中的构成要素

1、文字的编排

在网页设计中，其中文字的编排作为必不可少的基本构成元素，对这些文字的要求是易读性和可读性。其中易读性顾名思义就是文字的清晰表达，可读性则是指的是网页整体上的可视性，在文字的设计、词语的间距、行距等方面的处理。易读性和可读性在网页设计中对于文字的编排的作用是非常重要的。另外，和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：一是，因为在不同的电脑、操作系统中安装的文字的字体都是相同的，所以应该在文字编排的过程中选择一些经常使用，用户经常见到的字体，不然的话他们的系统就可能默认一种字体，就会导致网页看起来不能达到设计者的期望。二是，鉴于屏幕的显示会对字体造成一定的影响，在生活中人们大多都是采用的黑体和宋体，站在视角的角度上说，宋体的阅读方式最便捷，更富有现代气息，但是对于字体的形状应该注意。三是，因为不同的字体以及不同的字体属性可以帮助人们识别标题和信息。但是应该注意的是一个页面中字体风格是有限制的，如果使用太多面，就失去了强调的作用。

2、图片的编排

在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。经调查显示：对于一条信息来讲，图片对观众造成的吸引往往要高于文字产生的影响。在网页中使用图片时，应该注意以下规则：一是网页的统一性;二是图片要吸引用户;三是要注意突出图片的重点，特别是在处理和相关文字编排的时候。

二、网页设计与现在网络新技术的结合

1、网页设计和多媒体技术的结合

多媒体的使用能让人机交互技术趋向接近人的自然方向发展，能够让网页用自然的方式跟人交往。多媒体的产生实现了信息的多样化，让人与网页在交互的过程中，具有更宽阔和自由的发展空间。对于多媒体技术的信息多维化不仅指信息的输入，还包括信息的输出。从目前的形式来看，多维化包括人的视觉和听觉这两个方面，因为多媒体的使用，让页面设计表达的信息更具有人性化。为了增强网页的视觉效果，在网页设计中通过丰富的表现形式，能够让观众产生视觉效果，从而产生了继续观看的念头。在网页设计中，网页包含的内容是各个方面的。几乎容纳了所有的媒体的优点，现在已经成为了一种炙手可热的传播手段。

2、网页设计和多媒体相结合主要是增强了网页的交互性

一个优秀或者是成功的网站都应该和用户之间形成良好的互动关系，互动关系主要包括在整个页面的设计过程中以及使用界面上的指导体现出来，并且都应该坚持互动的原则，让用户在使用的过程中的每一个不走都能够得到相应的会用。在现在，交互性不仅是一种利用网络传播发挥信息的最大优势，而且是传达信息的人和用户进行交流的一种方式，在网页设计中，有效的互动性能够提高用户使用接受信息的主动性以及参与信息反馈的积极性，与此同时，还有助于传达信息的人了解信息传达取得的实际效果以及和预期之间存在的偏差，以便在下一步的网页设计中进行适当的改正，实现消息的升格传达。随着我国的动态设计技术，例如ASP以及PHP等的不断发展和普及，交互式设计的重要性也逐渐显现出来，采用交互式设计的目的不是为了控制用户采用怎样的行动，而是给他们的各种行动创造实现的基础。在多媒体以及网页技术中，设计人员采用的绝大部分的交互方式都是人们熟悉的模拟系统，例如，人们熟悉的拨号盘、按钮、开关以及滚动条等。所以设计师在创建人机交互方式时，浏览者所接触到的交互式界面，通常都采用这些方式，例如聊天室的界面，完全可以设计成房屋的场景，以给用户营造一种亲切的感觉。适当的对网页中的各种设计元素，例如flash、js等动态效果，就会增强网页的视觉审美，更具艺术欣赏性和互动性，对浏览者具有充分调动的作用，产生的效果也比传统的媒体要好。

三、总结

在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。

篇6：网页设计论文总结精选

一、项目教学法在《网页设计》课程中的应用

1、教学设计原理

《网页设计》课程的教学应用项目教学法后,学生的学习过程以分组的形式完成一个完整的网站项目为载体。一个完整的网站项目,它的建设周期往往较长,项目中涉及到的知识点较多,学生通常会觉得无从下手。因此,在设计、细化每节课的教学内容时,要根据项目的实施流程和功能模块,划分成若干个任务,将学生需要掌握的各种知识和技能融入到各个任务的教学中,让学生在完成每个任务后能学习到网页设计的相关知识和技能。

2、教学流程

项目教学作为一种革新传统教学理念的教学方式,它强调教学要以学生为中心,强调组织方式要以小组合作学习的方式,要求学生对现实工作与生活中的真实问题进行探索。我在《网页设计》课程的教学中使用的项目教学法主要按以下几个步骤进行:确定项目—项目分解—操作示范—独立探索—协作学习—总结评价。

3、教学设计

(1)确定项目任务。在《网页设计》的项目教学中,教师在设计教学项目时一般要考虑自己已有的项目经验、该课程的教学特点以及学生的认知发展水平,设计出来的项目要体现学习的主题和目标,很多时候由于项目都来源于现实生活,它具有一定的复杂性和不确定性,因此教学过程中教师要选择或设计合适的项目,以更好的控制教学的方向和进度,做到一切都在掌握之中。为此在项目教学过程中,教师在选择和设计项目时应综合考虑以下几方面的因素:①项目所涉及的知识和技能紧扣教学大纲和教学目标,要结合该课程的特点制定项目任务。②项目的难易程度要适宜,要适合学生的实际水平,这样学生才会有信心和兴趣去完成项目。③项目应该遵循实用性的原则,要与现实生活贴近,还应该考虑企业的实际工作岗位需求。我在上《网页设计》这门课程时采用的项目是:“乐游天下”旅游网。(2)根据学生情况进行分组。为达到协作学习,最终顺利完成项目的目标,在项目教学时教师先对所教班的学生进行合理的分组。在分组时,先要对所教班级的学生进行综合的分析,分析的内容包括学生的学习成绩、学习态度、学习目的、学习兴趣、个性特点、能力水平等。经过对学生的了解和分析,将“优秀”“中等”“一般”的学生进行组合,使每一组都包含这三个层次的学生,并安排优秀的学生担任项目组长。

4、教学实施

为了将理论与实践紧密结合,我们将理论教学与项目活动的进度调整为同步,将项目活动贯穿在整个理论教学过程中,这样有助于学生将所学的理论、方法和技术有机地结合起来,对以后的进一步深造打下坚实基础。项目实施阶段是项目教学中最重要的一个阶段。操作过程中按以下步骤进行:

(1)引导。由于学生以前没有接触过网页制作,对网页制作的相关知识都很陌生,所以在项目开发之前,先给他们演示已经开发完成并制作好的网站,使他们对要做的网站有明确的目标和感性认知,知道实施该项目该做那些内容与功能,关键在哪里,同时激发了学生的兴趣。

(2)制定项目计划。项目计划在项目实施前由教师根据学生的综合素质制定,制定好后分发给学生,让他们做到心中有数,并要求他们严格按照计划实施项目。项目计划的制定主要是按知识点划分成一些任务,每一任务又由多个子任务组成,每一子任务对应着项目中的一个或多个页面,也可以对应着一个功能。通过完成所有的任务来完成整个项目。

(3)实施项目计划。按照制定的项目计划逐步实施项目。整个项目划分成了11个任务,在执行每个任务前,老师要对新知识中的重点及难点内容进行讲解,其过程应该精练,最好通过简单的例子用操作演示完成,让学生更容易理解、接受。讲解后,留给学生充足的操作时间,由学生自主进行探索与学习,让学生大胆去试,使他们在使用中体会、感受和领悟,最终顺利完成此任务。在项目实施的整个过程中,教师要注意的是,学生遇到困难时应及时给予指导,不要让学生产生畏难情绪,从而影响学习的兴趣。此外,教师一定要把握好指导的尺度,尽可能对其进行启发性、提示性的指导,最终让学生自己去解决难题,这样即不影响学习兴趣又能锻炼学生解决问题的能力。

(4)阶段汇报、讨论及总结。根据项目的进展情况,在合适的时间,由教师在课堂上组织项目工作情况的汇报、讨论和总结。各小组组长将该阶段所做工作的进展情况进行展示,项目实施过程中的遇到的问题及解决方法进行交流与讨论,并回答其它小组同学或老师提出的问题。这个过程中,老师可对工作中的方法、过程、技术提出参考意见。汇报结束后,各小组对该阶段进行过程性的总结与分析,把各个环节抓紧抓牢。

(5)总结评价。项目结束后,各组长对其所有组员进行评价打分,各组之间相互对项目成果进行评价打分,教师再对每个小组的项目成果进行评价打分。最终,小组成绩由“其他各组给出成绩的平均值”+“教师给出的成绩”两部分组成,各占50%。个人成绩由“小组成绩”+“组长给出的个人成绩”两部分组成,各占50%。通过这种多元化的考核方式,有助于学生个性化、全面化的发展和综合素质的提高。

二、结语

项目驱动教学法相对于传统的教学方法,它能更好地将理论教学与实践教学有机地结合起来,并很大程度上提高了学生学习的积极性和主动性,提高了学生分析问题和解决问题的能力,充分挖掘了学生的创造潜能。

篇7：网页设计视觉表现形式论文

网页设计视觉表现形式论文

一部分网页设计只注重功能层面，重视服务而轻视视觉传播。在设计版式上，大多是“左中右”三大板块的死板规矩模式，千篇一律,变化性较差。

一个成功的网页设计单靠图形图像是无法负担的，非借助文字不可，文字表达最大的特征是表意的准确性。而现在的很多网页设计中对文字的使用修饰、创新成分很少，只是为了达到宣传目的而堆砌宣传文字。以上两条是由于“早期承传”而留下来的问题。目前还有待于进行规范和修正。我们所见到的很多网页，有相当一部分存在着这种毛病。设计制作者将各种文字、图片、动画等内容不加考虑地简单拼凑在页面上，既不够条理，也很不规范，更谈不上艺术技巧了。由于没有做好归类和整理，导致内容五花八门、不分主次；由于做不到用艺术手法突出内容层次，整个页面就像一个大杂烩。

网页设计不是唯美作品，它是一种实用设计，必须找准艺术与内容的结合点，关键是要把握住“度”，也就是“火候”。例如，有的网页页面做得虽花哨，但很不实用，它或是用“深色调”、带有花哨图案的图片作背景；或是随意使用颜色各异、风格不同的图片、文字、动画、页面，冲淡了整体感。又如，有的网页追求片面的唯美主义，将按钮溶入到页面的图片中去，虽然整体漂亮了，但是用户有时却找不到按钮，造成了网页使用方面的障碍。

一些“网站”，在标题的放置、按钮的编排到动画的采用上几乎都有相似之感，就像流水线上下来的产品，失去了自己的特点。造成这种现象的原因是，设计标准不高，只要能区分开文本和背景就达到目的。其采用的手法是“走捷径”，虽然用大众化的方法追求容易，但这样就失去了网页设计的目的。笔者认为为了克服以上不足，网页设计除了要具有自己独特的个性化设计外，还要顺应“网民”的要求，顺应市场的发展,不断推出新的栏目，来满足市场的需求，更好地服务“网民”。作为一个真正的设计师，不能只作画匠和工匠，而是要有综合的驾驭能力，包括综合的设计能力和顺应“民”心的能力。

我们在网页设计中既要注意强调个性化的创作和创意，自由流畅地表现自我意识，完成网页设计中的“这一个”的典型特色，又要善于开拓创造性思维，力避简单的图片拼凑。

网页设计的创新性视觉艺术表现：

1.加强网页整体布局，提高综合驾驭能力。

网页设计不只是一页的设计，而是诸多页面的组合，每一页与每一页的设计虽不同，但风格是统一的。所以我们在实际设计中，应首先做好网页的整体布局与版面的`合理分配。最好按以下步骤进行：一是将所有应表现的内容，按逻辑思维进行筛选排队，合理分配版面，好比是城市建设前的总体规划一样，做到统筹兼顾。二是根据网站的总体经营思路和整体风格，针对内容而决定应使用的表现方法。三是网页总体布局要把总体经营思路的创新策略放在突出的位置上，加以着重表现。因为创新策略往往是一个网站独有的，它与网页设计的整体创意和个性的表现有着直接关系。

例如，263网站从免费邮箱过渡到收费邮箱的运作就是一个适应国内消费心理的创新经营策略，263主页在最醒目的位置着重突出了这一内容，并在设计中较好地与平易简捷的操作方法结合起来，初学者非常轻易就能获得邮箱，并伴随着惊喜得到免费的实惠，使其形成依赖嗜好和使用习惯，由此过渡到收费，对263巩固垄断地位，起了很大作用。四是要靠恰如其分的艺术设计方法，来实现与深受“网民”欢迎情绪的对接，这是对网页设计制作者综合素质的考验。

2.传统与创新相结合，合理使用网页色彩提升视觉冲击力。

打开一个网站，给人留下的第一印象就是网站的色彩。色彩应让网络用户从计算机屏幕上得到赏心悦目的视觉呈现，引起他们的良好沟通情绪。例如在广告中，照片能客观、真实地表现产品的质量，如果根据需要合理地利用颜色，就可以达到更加直观的效果。如清凉型饮料可以使用鲜亮的绿色来暗示饮料的清凉可口，体育用品可采用大胆的红色来表现出运动给人们带来的健康与活力等。因此色彩的作用显得极为重要，它可以比任何绘声绘色的宣传文字更为有效地表现产品的直观感受。颜色的使用在网页制作中起着非常关键的作用，总的讲要尊重“网民”对网页颜色象征的基本共识。

例如：红色象征喜悦，黄色象征高贵，蓝色象征天空、科技，黑色象征夜晚，白色象征纯洁，绿色象征生机，灰色象征庄重，紫色象征富贵等。要将网页色彩设计的令人过目不忘，最常见的网页设计用色有这样几种：一是公司标准色与辅助色系的使用。公司标准色与辅助色系的使用，就是在网页设计用色上把握公司CI标准颜色形象的使用。二是风格色的使用。网页设计应遵循和依从整体风格。这种依从来自于公司产品、名称的遐想、性别特征等诸多方面。

比如“蒙牛”使用充满朝气和体现创新精神的中性绿色，“微软”使用象征科技含量与公司实力的蓝色和灰色搭配，网站较多使用漂亮的粉红色等这都体现了自己的风格。三是习惯色的使用。这种方法一般个人网站使用较多，设计者在网页设计中完全凭自己的个人爱好使用颜色，自己喜欢什么颜色，在网页设计中就倾向和着重使用什么颜色，因此称为习惯色，但其中也不乏优秀之作。在网页设计的颜色使用方面，除了学习各种色彩理论和方法之外，还要多学习先进的用色方法,利用电脑显示器的色彩加色原理，发挥计算机的优势，使网页设计的色彩与普通的平面设计色彩有截然不同的风格。

3.灵活运用现代技术手段，发挥好电脑软件的优势。

当前的网页设计，使用最多的电脑软件有：“Photoshop”“DreamWeaver”“Flash”“FireWorks”“FrontPage”等，我们要熟练掌握这些设计工具软件，做到灵活运用，将多种方法巧妙地结合起来。例如利用多级空间、动画技术等，追求智能化的设计，在静态中寻求动势，在平面中力求立体。又如，我们可以利用平面设计软件Photoshop与动画软件Flash的穿插配合使用，把动画设计能将物体以运动着的方式在时间、空间中进行表现的优势引用于网页设计制作中，达到画面生动、引人瞩目之目的。再如我们可以吸收塞尚和毕加索追求空间的多维跳跃性和多角度错位感的画风，采用电脑的技术手段，把多个画面重叠、融合，产生多层次、连续跳跃的视觉效果等。

4.严格遵守绘画原则，充分发挥专业技巧。

E时代的到来，使得网页设计这样一个新的艺术形式得到普遍推广和飞跃性发展。但是设计者在应用新的制造工具――计算机的同时,仍然需要以严谨的态度，遵循绘画基本原则。例如网页设计中最突出的特点就是颜色夺目，对比强烈。如果在一个画面中要重叠表现多个图片，在考虑颜色鲜艳夺目的同时，画面构图仍然要遵循平面构成的原则，即使打破了规律，也是在“否定之否定”的基础上的打破，与毫无美术知识的拼凑有着截然不同；进行写实表现时，吸收平面设计中图形表述的手法，有助于细致刻画图形美感；为了增加设计的趣味性，适当使用幽默夸张的绘画手法，也可以让画面变得生动，产生较强烈的视觉冲击力，这些都需要我们有过硬的绘画能力和技巧。

5.突出技巧设计，体现网页个性。

在这一点上，笔者有几点不成熟的做法，仅供参考：

①网页不只是单纯的欣赏，光顾者还要进行大量的互动式交互活动，要亲自动手去“点击”按钮。要做到让其亲手去做，网页本身就必须具备强烈的吸引力和引导性，这是竞争的一种必不可少的重要手段，所以必须做到。

②处理好网页设计中尺寸与版面容量的关系，是网页设计中一项“钢性”任务。在设计的图片太大、缩小又影响效果的情况下，可以采用切割法，将其设计在800×600像素内。即把大的图片切割成若干小块，在制作中再把这若干小块拼贴起来，就能收到工整精细的版面预期效果。

③为了更好地表达设计者的意图，可以利用具有图像和音乐合成功能的软件，在网页设计中加入音效或动画的合成，使网页更加生动。随着现代生活节奏的加快，人们在程序应用上的需求变为如何操作更便捷、更省力、更轻松，Flash软件在网页设计中的合理利用使得网页设计在视觉与听觉方面达到了极大程度的共融。

④网页设计在注重大的视觉效果基础上,还要注意做好一些小的细节，例如导航要设计得有特点，摆放位置要醒目；按钮设计要一目了然，操作简单；图标设计要让人过目不忘，有自己的个性等，这些都在一定程度上，对网页的整体设计起到了画龙点睛的作用。

综上所述，网页设计是现代高新技术带来的一个新的艺术设计门类，它是通过艺术设计的特殊手段，将各学科知识及创新成果浓缩的集结点，它传递速度之快、范围之广、突破时空限制之威力不可比拟。一切好的思路、创作及“潜智”都可以通过网页设计得以升华、实现。因此网页设计是高智能的艺术设计产品，它的创造力一定会伴随高科技的腾飞持续永久、无限扩张地发展，其前景是无限的。（本文作者：薛聪锐、侯志刚单位：河北大学）

篇8：平面规划网页设计论文

平面规划网页设计论文

一、平面规划基本思路

首要，在拿到规划项目以后，首要要对客户进行系统性的分析，比方能够公司布景、客户公司形象、客户商品形象，充沛把握客户公司或商品的详细信息，使平面规划作业能够有针对性，断定规划定位。当规划有关资料联系完毕以后，就需求针对这一项目展开适当的思考和断定，断定平面规划个性，断定体现手法。这是一个对比艰难的进程，由于平面规划的规划空间所限，致使平面规划的主题一定要凸显出来，且内容要饱满但不能负担，这就需求规划者进行仔细的思考和研讨，以佳的体现手法进行详细出现，一起，这一进程也需求做好有关资料的搜集作业，以便于有关创造作业的展开。在断定规划个性和体现手法以后，便能够展开详细的平面规划作业。平面规划作业能够凭借传统规划资料展开，比方绘图笔和纸张，也能够凭借领先的绘图软件展开，能够依据规划者的习气来断定，但规划进程中必须要保证规划的全面性和方向的精确性，要保证色彩的一致，也要保证满足的视觉冲击力，保证规划著作能够导致顾客爱好，招引顾客眼球。

二、页面规划与平面规划之间的差异以及彼此之间的联络

1、体现规模的不一样体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。

2、束缚性的`不一样束缚性也即是进行艺术创造时分的束缚条件，此种束缚性的条件是表如今许多的方面的，就像创造东西，传达的方式以及创造的平面，字体字号以及色彩标准等等。页面规划，通常情况下是只是能在电脑设备上进行创造的，而且也只能是在凭借电脑设备的前提下才干够展现出实在的创造作用。页面中规划的著作作用会遭到网速的影响，遭到客观的要素影响对比大。可是平面规划相对来讲就不会受那么多的束缚，不行是在创造空间上没有太多的束缚，而且创造的商品也能够在任何时分任何的场合中进行展现，没有严厉的规定。在进行平面规划的时分不管是触及的字体、字号仍是色彩都是十分的具有随意性的，能够依据规划者的实践需求以及规划师心思的状况进行创造。

3、技能上实践的不一样页面规划是对比依靠于互联网的，页面规划关于领先的软件具有十分强的依懒性，可是平面规划则不是这样的，它关于软件的依靠对比小，相对来讲愈加依靠于打印的技能。在进行页面规划的时分通常情况下都是凭借于绘图东西的，只有强壮的软件才干保证页面规划顺畅的进行。可是平面规划优化经济以及科学技能的展开，不仅能靠画图东西来进行创造，而且也能凭借有关的绘图软件来实现终究的作用，再即是平面规划关于打印技能的要求是对比高的，此也是两者之间十分显着的差异。

三、页面规划与平面规划之间的联系

页面规划与平面规划之间是有着十分亲近的联络的，可是两者之间也是存在着差异的。页面的规划与平面的规划都归于具有现代化特征的艺术方式，在如今社会中这两种艺术方式都是能够经过电脑技能来辅佐或许直接完结的，而且能够发生十分好的作用。页面规划与平面规划之间存在的差异也是对比的大的，其主要差异是它们的体现规模的不一样。体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。其是依据二维空间的一种艺术性创造，而且也不需求十分严厉的体现手法，不遭到东西或许是宣扬路径的束缚，著作成形以后，能够凭借杂志还有周刊或许是广告等任何的方式进行宣扬，然后到达进步影响力的方针。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。

四、结束语

平面规划同页面规划既有明显的差异也有亲近的联络，网络规划是平面规划的展开方向，也是平面规划的一种连续，咱们应该正确的知道页面规划与平面规划之间的联系，在实践的作业中要注意两者之间的联系，要做到彼此的弥补，彼此的学习，然后创造出优异的著作，用激烈的艺术作用来感染大家，进而为商业艺术的展开做出应有的奉献。

篇9：高职院校网页设计论文

高职院校网页设计论文

1正确认识网页设计与制作课程的性质和地位

与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。

2选择适合高职院校学生特点的教材

我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。

3遵循高职教学规律，加强和改进教学工作

高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。

3．1网页设计与制作课程的教学思路

首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。

3．2网页设计与制作课程的教学方法

用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的'积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。

3．3教学过程中因时因人改进教学手段和方法

高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。

4明确教学目标，把握教学内容

4．1选择合适的网页制作工具

目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。

4．2要求学生能够利用Dreamweaver设计各种网页，开发初具规模的网站

我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。

5考核方式

根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。

6社会实践

如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。

7总结

真正落实实训在网页设计课程教学过程中的基础地位和作用，调动学生做实训作业的主动性，切实培养学生的实际操作能力和思维创新能力才是我们教师共同努力的目标。通过以往的教学结果观察得出，学生在课堂上的态度也有了很大的进步，在最后的实训测试中又相当于重新复习巩固了一次，对网页设计的记忆深刻了许多，教学效果显著。随着我们对现行的综合评价考核机制的不断改进和完善，相信对学生的进步会起到不可估量的促进作用。在教学过程中，教师要对课堂理论教学、实例教学和课程实训等方面进行不断地整理、反思和改进，因为未来的社会中，网页在生活中所起的作用也在不断地变化着，对这门课程的教学的要求也越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。

篇10：中职教学网页设计论文

中职教学网页设计论文

1合理调整课程教学内容，让教学设计科学合理

将整门课程分为十二个单元，这些单元基本覆盖课程需要掌握的知识点，这些单元在设计的时候遵循循序渐进的设计思想，先易后难，先主体后次要，条理清晰并且每个单元的设计又相对独立，避免学生出现一个单元学不懂，就没有心思再继续后续课程的情况，通过这样设计优势不言而喻。在实施过程中可能分阶段进行，这种课程体系结构的安排证明在实践过程中、在教学质量中都取得了良好的教学效果。

2选择教学方法，激发学生学习兴趣

在《网页设计与制作》中，主要有案列教学法和项目教学法等教学方法，案例教学是在学生掌握了有关基本知识和分析技术的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过学生的独立思考或集体协作，进一步提高其识别、分析和解决某一具体问题的能力，同时培养沟通能力和协作精神的教学方式。项目教学法是学生在教师的指导下亲自处理一个项目的全过程，在这一过程中学习掌握教学计划内的'教学内容。学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难，提高学生的兴趣，调动学习的积极性。因此“项目教学法”是一种典型的以学生为中心的教学方法。教学无定法也采用以上两个教学方法，即采用项目教学和案例教学相结合的教学方法，例如在学习表格的时候，表格这个单元就可以设计成一个项目，同时本身也是一个案例。

3教学过程中，精确实施提升教学质量

在本门课程的教学过程中，如何抓住宝贵的40min宝贵的时间，达到教学目的，提升教学质量，就必须精确的实施教学的计划，既让同学们感兴趣，爱学习也要让同学们团结协作分工明确，提升专业技能，在完成了所有的学习后，布置综合实践环节，采用6人为一个小组共同设计系部网站这一个项目，每组选出一名小组长进行总体的策划，将这一完整项目分成多个子任务，每个任务分配到小组成员中，使他们各尽其责完成自己负责的任务;另一方面小组中的每个成员必须完成一个作品，这个网站的作品是由个人独立完成的项目。网站制作结束前经过教师核准验收后，可以宣布整个项目工作结束。接下来教师要对学生制作的作品进行展示，在进行作品展示时，教师可以把班级同学集中起来一起观看，促进学生的团队意识。同时，为了更好地利用网络空间和网上资源，可以把学生的好作品上传校园网站。让全校师生都来关注学生的成果。这样，既给学生施加压力，也激发了学生的学习动力与信心，让学生享受成功的快乐，享受成果的乐趣，真正提高对所学知识的理解和掌握。因此，通过个人项目、团队项目、作品展示等教学方法与形式，不仅锻炼了学生的自我设计、制作、审美及创新能力，还锻炼了学生的团队合作能力，分析问题、解决问题的能力，在很大程度上提高了学生的学习积极性和学习兴趣。实践证明项目式教学方法可行，得到了学生的喜爱与好评，也取得了良好的教学效果。

篇11：关于网页设计的开题报告论文

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实习操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实习之中来学习知识。因为我觉得实习不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

篇12：关于网页设计的开题报告论文

在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的CI形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的;连贯，页面之间关系连贯，统成一体;每版内容都自成一体，颜色各异，便于浏览;整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气;颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美;页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强: 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。