网页设计总结5篇

1、本文格式为Word版，下载可任意编辑 网页设计总结5篇 网页设计课程寻常在机房授课，便于学生上机操作、稳定课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。下面就是我给大家带来网页设计论文总结，欢迎大家阅读! 网页设计论文总结1 (一)一、教学内容的确定 教学内容寻常包括HTML语言、CSS样式、网页设计原理及原则。由于针对的是中职生，在教学内容的安排上就会有所取舍，主要以实际案例为基础，重点把握可视化网页编辑器的使用。除了介绍软件的使用外，还参与对于网页设计十分重要的图像处理的内容，传授网站结构、风格、配色及页面布局等知识。教学内容的选择上主要有以下

2、几方面： 1.网页制作软件的把握。学校开设的网页设计课程一般会选择FrontPage和Dreamweaver，而Dreamweaver使用便利，是一款对比专业的网页设计工具，因而寻常选择它作为主要的网页设计平台。除了让学生把握怎样使用这款软件制作网页，还要让学生了解网页基础知识，如让学生知道什么是网页文件;学会规划好自己的文件夹，将所有的网页文件和图片都放在自己的工作文件夹中，不要链接工作文件夹之外的图片，有的学生将做好的网页放到别的计算机上结果需要的图片无法显示，就是这个地方没有做好。 2.增加图像处理和Flash方面的内容。随着网页设计技术的不断变化，Photoshop、Fireworks

3、与Dreamweaver网页制作软件的结合越来越紧凑，由于网络速度的提升，图像元素在页面中早已变得不可或缺，利用图像处理软件的功能直接生成网页已经变得十分简单。而Flash以文件体积小、风格多样及良好的交互功能等优点在网页中所占的份额越来越大，甚至出现了完全使用Flash完成的网页作品，在教学中为了让学生简单了解，一般让学生通过设计常见的Flash广告条来实现。所以，在开设这门课程的同时，也开了Photoshop和Flash这两门课。 二、教学方法的摸索 网页设计课程寻常在机房授课，便于学生上机操作、稳定课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导

4、。这种枯燥的灌输方式难以调动学生的兴趣，即使学生将课堂上所学的知识都听明白了，上机操作时仍旧无从下手，因而必需采用有效的教学方法。 1.采用案例教学法。案例教学是在学生把握基本理论知识的基础上，根据教学目的和教学内容的要求，由教师精心计划和指导，运用典型案例，将学生带入特定事件现场进行案例的分析，使学生独立思考或集体协作，进一步提高学生分析问题、解决具体问题的能力的教学方式。笔者对教学目的和教学内容选用实际网页中的典型案例，在教学中先展示网页效果，再讲解相关的理论知识，在学生理解基本理论的基础上再演示完成案例，并对案例进行适当总结，将枯燥的理论知识融入生动的案例之中，理论与实际相结合，有利于学

5、生更好地把握知识。另外，根据学生的实际状况，还可在本案例的基础上延伸到其他类似的例子，达到举一反三的效果。采用案例教学法，学生不但可以把握课堂上学过的案例，而且能灵活地运用课堂知识，提高综合运用能力。 2.采用任务驱动教学法。所谓任务驱动，就是在学习过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在猛烈的问题动机的驱动下，通过学习资源的积极主动应用，进行自主摸索和互动协作的学习。这种教学模式强调学生的学习活动必需与任务相结合，以问题来引导和维持学生的学习兴趣和动机。所以，安排第一次教学内容时，给学生欣赏一些优秀的、获奖的网页设计作品或浏览对比熟悉的网页，可激发学生的学习热心。在欣赏

6、过程中，让学生说出该网页吸引他们的优点，教师适时讲解网页设计中关于色调搭配和布局的知识，这样可提高学生学习的主动性，让学生主动地学习知识。同时，确定本门课的总体任务设计并制作一个完整的网站，学生在后续的学习中就有了任务感，有了目标学习才会更认真。再针对课程中的每一部分内容，将总体任务细分为若干个小任务，如文本、图像、表格、链接、CSS样式等，由浅入深，让学生通过完成这一个个任务来把握网页设计与制作的基本操作。例如，介绍Fireworks软件时，笔者采用了模仿式教学法，着重于网站Logo、整体效果设计与制作能力的培养，通过学习、模仿优秀网站的设计图稿，提高学生的审美能力，对各类网站的设计风格、色

7、调搭配、网页布局等有一定的认知。四、考核方法的摸索根据中等职业教育的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。在网页课程的考核过程中，期末总评学习成绩可由两部分组成：平日成绩(平日到课考勤、课堂表现、作业和能力考核)和期末考核(期末上机考试)，各占总成绩的50%。这种考核方式重视实践操作和应用开发能力的培养，可发挥学生的学习积极性和主动性。此外，还可在校园内举办网页设计比赛，设置奖励分。如学校举办的艺术节、网页作品展示等，不但能提高学生学习本课程的积极性，还可让学生找到彼此的差距，激发学生的学习动力，不断提高网页设计水平。 网页设计论文总结2 一、学报网络

8、界面的内容编排概念分析 学报界面设计主版式分为三类，第一类是引导页，其次类是学报主页，第三类是学报期刊版面;其他版式共同依附于学报主页的版式设计。引导页的内容编排有视觉LOGO，学院名称，学报编辑部名称，中英文链接学报新闻。主页的内容相对于引导页要丰富好多，在眉头上显示的依旧是学院Logo和学校名称。在标题的右边显示的是中国标准期刊号。眉头的下面编排三个链接，分别是自然科学版工程技术版社会科学版。一般进入到学报网站的人，可能最想登入到相关期刊页面中，所以在眉头下方编排相关期刊链接是最适合不过的。接下来便是主页的导航条，导航条的链接内容设计，可以让相关学者和社会人士充分了解苏州科技学院的学报编辑

9、部的简况，工作内容和性质。主要包括八个部分，分别是首页组织机构学报动态政策法规远程服务教育培训交流服务信息服务省学报研究会ENGLISH。三类期刊杂志自然科学版工程技术版社会科学版的网络界面同意版式不同类别的设计方式，便于人们识别与记忆。期刊杂志网页界面标题设置为苏州科技学院(工程技术版)稿件采编平台(不同期刊则标明不同版面)，导航栏分别设置首页学报简介文章查询期刊动态园地投稿须知网上订购在线留言联系我们。版面内容分三栏，中间一栏的内容宽度占版面的二分之一，内容有期刊中心，对期刊内容性质的介绍。下分栏苏州科技学院(*期刊版)*年第*期，内容以滚动式显示论文名称，姓名发刊时间。左边版式的内容设置

10、为用户中心，为投稿设计一个专门平台，包括在线投稿查询专家在线审稿编委在线审稿编辑在线办公，紧接下栏设置文章查询期刊动态园地访问统计等内容。右边栏设置期刊信息，显示期刊的性质。在相关信息栏里添写主办单位地址邮编等。 二、学报网络界面中的图片视觉概念分析 对于学报界面来讲，可以通过设计把图片与文字奇妙地相结合，图文并茂地向浏览者展示相应的信息，图片能直观地传达文字表现不了的信息，并且可读性强，便于记忆与影响。通过引入图片，可以根据图片的大小，色调，进行构图，美化整个版面。为了使版面更加富好玩儿味性，最直接有效的方法就是，使用相应的图片来美化这个版面。当然，图片的作用也不仅仅是美化版面，更给人提供了

11、一种直观的感受，文字更富有感染力。苏州科技学院学报编辑部网页界面设计中的图片采用的是苏州科技学院图书馆的建筑外观的图片形象。图书馆海藏大量图书，是学习、写文章的重要基地，在此处采用图书馆的图片是在恰当不过的了。尺寸操纵在不超过版面的三分之一。图片像素在72DPI，图片像素太小，会给浏览者产生模糊，有马赛克的感觉，图片的像素太大，则会导致图片一直打不开，影响浏览速度，所以72DPI是最适合的图片像素。那么，在首页当中可以根据需要适当地调整的图片大小。在自然科学版工程技术版社会科学版三类版面中的图片，分别采用的是相关期刊的印刷封面，浏览者在浏览时，只要开启相关网页，便能直截了当地知道相关网页是关于

12、哪种期刊。 三、学报网络界面中的色调视觉概念分析 学报整体版面采用青蓝色，色调的创意来源是根据苏州科技学院主页的色调来确定的，主页的色调是青色。蓝色这个色系里面，既不脱离青色，自身又带有清爽，宁静的感觉，所以设计师采用颜色时，主色调采用青蓝色。在三类期刊版面中的颜色则采用相对应期刊印刷色，浏览者在浏览之时便于识别与记忆，颜色分别是工程技术版采用蓝色，社会科学版采用土橙色，自然科学版采用绿色。各自网页背风景彩，分别是主体色降低饱和度与明度，颜色相对弱化，使其看起来是带有相对应色相的淡色背景，在淡色的背景中配上深色的文字，更加便利浏览阅读。学报界面的色调设计从某种意义上来讲，它是一种艺术的创作，要

13、求版面中的色块的形态要美，图片颜色要遥相呼应整体，文字与背景要简单区分，每一步都要做到完美，让浏览者阅读时能够一眼找到相关的信息。所以在用色的确切程度上一定拿捏到位，主体色青蓝色与分刊中的蓝色，青色、橙色，既有区分，又有联系。每个版式的下方用深灰压底，平衡整个版式，视觉便会稳重流畅。终止语学报网页的界面设计时一种视觉表现形式，它是学习、工作交流的一个重要的信息传播平台，对学术的交流有着不可忽略的影响力量。在苏州科技学院学院学报概念设计方案中，它的版面内容安排，版式设计，色调设计，运用了心理学、视觉设计美学与人机工程学/哲学等相关学科的知识，在本文中对学报网页概念设计进行了阐述和分析。流畅幽美的

14、网页设计对浏览着来说是一次愉悦身心的学习，让他们在完美的视觉环境中享受工作学习的乐趣。 网页设计论文总结3 一、网页设计视觉表达方法以简练为首要原则 平面设计最基本的要求便是简单凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，特别是图片，假如图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持惜墨如金的态度，做到少而精，假如非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的减肥。总之简单的网页能在短时间内抓住浏览者的视线，有效快捷

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

16、内。 三、网页设计视觉表达方法特性化网页界面的设计 独特的创意、特性化的品质是所有设计都追求的完美表达。特性独特的网页能刺激观者点击的兴趣冲动，让观者在驻足的过程中一直兴趣盎然。在设计具有特性特质的网页过程中设计师应利用色调、图形、按钮、动画、声音等诸多元素协同最先进的技术手段描绘和装饰用户所能看见的页面。 四、网页设计视觉表达方法构成艺术的表达 构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色调构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色调构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象;怎样处理形象与形象之间的联系;如何把握美的形式

17、规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、比较与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色调构成学则侧重对网页色调的选择与指导。色调构成属于设计领域内的色调运用的方法，它的基本概念是：两个以上的颜色，根据设计的不同需要，按一定色调协同的原则，重新组合，搭配构成新的色调关系。色调的特性、色调的比较与调和、色调的意蕴等等都是设计师设计色调时的重要依据。此外色调给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如，色调的兴奋与沉静感：红、橙、黄等暖色系列的纯色给人以兴奋感，易表现开心的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感，往往使人联想到和平、宁静

18、、休息和活力盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应当选择沉静一些的配色，而消遣、体育等站点则应当倾向于兴奋一些的配色。色调的轻与重感敞亮的色调如黄色、淡蓝等给人以轻快的感觉，而黑色、深蓝色等明度低的色调使人感到较重。感觉轻的色调给人以轻快感。相反，低明度的色调有稳定的感觉。在网页、广告色调设计时，应注意轻重搭配，如女性类的站点宜采用明度高的色调为主进行配色，以渲染女性温柔、妩媚的特性特征;为了突出男性坚实粗扩的气质，在男性类网站中，色调的配置应选择凝重明度的色调。网络发展至今，传统的设计学更多元化，并使工作结构产生交错。静态的平面设计转化为动态的网页设计，这是应用新技术在新媒体

19、中进行设计的产物真正开创了一个全新的视觉领域。 网页设计论文总结4 一、工程教学法在网页设计课程中的应用 1、教学设计原理 网页设计课程的教学应用工程教学法后,学生的学习过程以分组的形式完成一个完整的网站工程为载体。一个完整的网站工程,它的建设周期往往较长,工程中涉及到的知识点较多,学生寻常会觉得无从下手。因此,在设计、细化每节课的教学内容时,要根据工程的实施流程和功能模块,划分成若干个任务,将学生需要把握的各种知识和技能融入到各个任务的教学中,让学生在完成每个任务后能学习到网页设计的相关知识和技能。 2、教学流程 工程教学作为一种革新传统教学理念的教学方式,它强调教学要以学生为中心,强调组织

20、方式要以小组合作学习的方式,要求学生对现实工作与生活中的真实问题进行摸索。我在网页设计课程的教学中使用的工程教学法主要按以下几个步骤进行:确定工程工程分解操作示范独立摸索协作学习总结评价。 3、教学设计 (1)确定工程任务。在网页设计的工程教学中,教师在设计教学工程时一般要考虑自己已有的工程经验、该课程的教学特点以及学生的认知发展水平,设计出来的工程要表达学习的主题和目标,好多时候由于工程都来源于现实生活,它具有一定的繁杂性和不确定性,因此教学过程中教师要选择或设计适合的工程,以更好的操纵教学的方向和进度,做到一切都在把握之中。为此在工程教学过程中,教师在选择和设计工程时应综合考虑以下几方面的

21、因素:工程所涉及的知识和技能紧扣教学大纲和教学目标,要结合该课程的特点制定工程任务。工程的难易程度要适合,要适合学生的实际水平,这样学生才会有信心和兴趣去完成工程。工程应当遵循实用性的原则,要与现实生活贴近,还应当考虑企业的实际工作岗位需求。我在上网页设计这门课程时采用的工程是:乐游天下旅游网。(2)根据学生状况进行分组。为达到协作学习,最终顺利完成工程的目标,在工程教学时教师先对所教班的学生进行合理的分组。在分组时,先要对所教班级的学生进行综合的分析,分析的内容包括学生的学习成绩、学习态度、学习目的、学习兴趣、特性特点、能力水平等。经过对学生的了解和分析,将优秀中等一般的学生进行组合,使每一

22、组都包含这三个层次的学生,并安排优秀的学生担任工程组长。 4、教学实施 为了将理论与实践紧凑结合,我们将理论教学与工程活动的进度调整为同步,将工程活动贯穿在整个理论教学过程中,这样有助于学生将所学的理论、方法和技术有机地结合起来,对以后的进一步深造打下坚实基础。工程实施阶段是工程教学中最重要的一个阶段。操作过程中按以下步骤进行: (1)引导。由于学生以前没有接触过网页制作,对网页制作的相关知识都很陌生,所以在工程开发之前,先给他们演示已经开发完成并制作好的网站,使他们对要做的网站有明确的目标和感性认知,知道实施该工程该做那些内容与功能,关键在哪里,同时激发了学生的兴趣。 (2)制定工程计划。工

23、程计划在工程实施前由教师根据学生的综合素质制定,制定好后分发给学生,让他们做到心中有数,并要求他们严格依照计划实施工程。工程计划的制定主要是按知识点划分成一些任务,每一任务又由多个子任务组成,每一子任务对应着工程中的一个或多个页面,也可以对应着一个功能。通过完成所有的任务来完成整个工程。 (3)实施工程计划。依照制定的工程计划逐步实施工程。整个工程划分成了11个任务,在执行每个任务前,老师要对新知识中的重点及难点内容进行讲解,其过程应当精练,最好通过简单的例子用操作演示完成,让学生更简单理解、接受。讲解后,留给学生充沛的操作时间,由学生自主进行摸索与学习,让学生大胆去试,使他们在使用中体会、感

24、受和领悟,最终顺利完成此任务。在工程实施的整个过程中,教师要注意的是,学生遇到困难时应及时给予指导,不要让学生产生畏难情绪,从而影响学习的兴趣。此外,教师一定要把握好指导的尺度,尽可能对其进行启发性、提醒性的指导,最终让学生自己去解决难题,这样即不影响学习兴趣又能锻炼学生解决问题的能力。 (4)阶段汇报、探讨及总结。根据工程的进展状况,在适合的时间,由教师在课堂上组织工程工作状况的汇报、探讨和总结。各小组组长将该阶段所做工作的进展状况进行展示,工程实施过程中的遇到的问题及解决方法进行交流与探讨,并回复其它小组同学或老师提出的问题。这个过程中,老师可对工作中的方法、过程、技术提出参考看法。汇报终

25、止后,各小组对该阶段进行过程性的总结与分析,把各个环节抓紧抓牢。 (5)总结评价。工程终止后,各组长对其所有组员进行评价打分,各组之间相互对工程成果进行评价打分,教师再对每个小组的工程成果进行评价打分。最终,小组成绩由其他各组给出成绩的平均值+教师给出的成绩两部分组成,各占50%。个人成绩由小组成绩+组长给出的个人成绩两部分组成,各占50%。通过这种多元化的考核方式,有助于学生特性化、全面化的发展和综合素质的提高。 二、结语 工程驱动教学法相对于传统的教学方法,它能更好地将理论教学与实践教学有机地结合起来,并很大程度上提高了学生学习的积极性和主动性,提高了学生分析问题和解决问题的能力,充分挖掘

26、了学生的创造潜能。 网页设计论文总结5 一、网页设计中的构成要素 1、文字的编排 在网页设计中，其中文字的编排作为必不可少的基本构成元素，对这些文字的要求是易读性和可读性。其中易读性顾名思义就是文字的清楚表达，可读性则是指的是网页整体上的可视性，在文字的设计、词语的间距、行距等方面的处理。易读性和可读性在网页设计中对于文字的编排的作用是十分重要的。另外，和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间对比短，所以对于网页设计中的文字编排应当满足以下几个要求：一是，由于在不同的电脑、操作系统中安装的文字的字体都是一致的，所以应当在文字编排的过程中

27、选择一些经常使用，用户经常见到的字体，不然的话他们的系统就可能默认一种字体，就会导致网页看起来不能达到设计者的期望。二是，鉴于屏幕的显示会对字体造成一定的影响，在生活中人们大多都是采用的黑体和宋体，站在视角的角度上说，宋体的阅读方式最便捷，更富有现代气息，但是对于字体的外形应当注意。三是，由于不同的字体以及不同的字体属性可以帮助人们识别标题和信息。但是应当注意的是一个页面中字体风格是有限制的，假如使用太多面，就失去了强调的作用。 2、图片的编排 在网页设计中，图片可以算得上是最早被使用的元素。这是由于网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在

28、很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得好玩儿，最简单的方法就是使用图片。经调查显示：对于一条信息来讲，图片对观众造成的吸引往往要高于文字产生的影响。在网页中使用图片时，应当注意以下规矩：一是网页的统一性;二是图片要吸引用户;三是要注意突出图片的重点，特别是在处理和相关文字编排的时候。 二、网页设计与现在网络新技术的结合 1、网页设计和多媒体技术的结合 多媒体的使用能让人机交互技术趋向接近人的自然方向发展，能够让网页用自然的方式跟人交往。多媒体的产生实现了信息的多样化，让人与网页在交互的过程中，具有更广阔和自由的发展空间。对于多媒体技术的信息多维化不仅指信息的输入，还包括信息的输出。从目前的形式来看，多维化包括人的视觉和听觉这两个方面，由于多媒体的使用，让页面设计表达的信息更具有人性化。为了加强网页的视觉效果，在