网页设计论文总结最新5篇精选.docx

网页设计论文总结最新5篇精选.docx

《网页设计论文总结最新5篇精选.docx》由会员分享，可在线阅读，更多相关《网页设计论文总结最新5篇精选.docx（8页珍藏版）》请在冰豆网上搜索。

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

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

网页设计论文总结1

（一）一、教学内容的确定

教学内容通常包括HTML语言、CSS样式、网页设计原理及原则。

由于针对的是中职生，在教学内容的安排上就会有所取舍，主要以实际案例为基础，重点掌握可视化网页编辑器的使用。

除了介绍软件的使用外，还加入对于网页设计非常重要的图像处理的内容，传授网站结构、风格、配色及页面布局等知识。

教学内容的选择上主要有以下几方面：

1.网页制作软件的掌握。

学校开设的网页设计课程一般会选择FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比较专业的网页设计工具，因而通常选择它作为主要的网页设计平台。

除了让学生掌握怎样使用这款软件制作网页，还要让学生了解网页基础知识，如让学生知道什么是网页文件;学会规划好自己的文件夹，将所有的网页文件和图片都放在自己的工作文件夹中，不要链接工作文件夹之外的图片，有的学生将做好的网页放到别的计算机上结果需要的图片无法显示，就是这个地方没有做好。

2.增加图像处理和Flash方面的内容。

随着网页设计技术的不断变化，Photoshop、Fireworks与Dreamweaver网页制作软件的结合越来越紧密，由于网络速度的提升，图像元素在页面中早已变得不可或缺，利用图像处理软件的功能直接生成网页已经变得非常简单。

而Flash以文件体积小、风格多样及良好的交互功能等优点在网页中所占的份额越来越大，甚至出现了完全使用Flash完成的网页作品，在教学中为了让学生简单了解，一般让学生通过设计常见的Flash广告条来实现。

所以，在开设这门课程的同时，也开了Photoshop和Flash这两门课。

二、教学方法的探索

网页设计课程通常在机房授课，便于学生上机操作、巩固课堂教学效果。

传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。

这种枯燥的灌输方式难以调动学生的兴趣，即使学生将课堂上所学的知识都听明白了，上机操作时仍然无从下手，因而必须采用有效的教学方法。

1.采用案例教学法。

案例教学是在学生掌握基本理论知识的基础上，根据教学目的和教学内容的要求，由教师精心策划和指导，运用典型案例，将学生带入特定事件现场进行案例的分析，使学生独立思考或集体协作，进一步提高学生分析问题、解决具体问题的能力的教学方式。

笔者对教学目的和教学内容选用实际网页中的典型案例，在教学中先展示网页效果，再讲解相关的理论知识，在学生理解基本理论的基础上再演示完成案例，并对案例进行适当总结，将枯燥的理论知识融入生动的案例之中，理论与实际相结合，有利于学生更好地掌握知识。

另外，根据学生的实际情况，还可在本案例的基础上延伸到其他类似的例子，达到举一反三的效果。

采用案例教学法，学生不但可以掌握课堂上学过的案例，而且能灵活地运用课堂知识，提高综合运用能力。

2.采用任务驱动教学法。

所谓“任务驱动”，就是在学习过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过学习资源的积极主动应用，进行自主探索和互动协作的学习。

这种教学模式强调学生的学习活动必须与任务相结合，以问题来引导和维持学生的学习兴趣和动机。

所以，安排第一次教学内容时，给学生欣赏一些优秀的、获奖的网页设计作品或浏览比较熟悉的网页，可激发学生的学习热情。

在欣赏过程中，让学生说出该网页吸引他们的优点，教师适时讲解网页设计中关于色彩搭配和布局的知识，这样可提高学生学习的主动性，让学生主动地学习知识。

同时，确定本门课的总体任务———设计并制作一个完整的网站，学生在后续的学习中就有了任务感，有了目标学习才会更认真。

再针对课程中的每一部分内容，将总体任务细分为若干个小任务，如文本、图像、表格、链接、CSS样式等，由浅入深，让学生通过完成这一个个任务来掌握网页设计与制作的基本操作。

例如，介绍Fireworks软件时，笔者采用了模仿式教学法，着重于网站Logo、整体效果设计与制作能力的培养，通过学习、模仿优秀网站的设计图稿，提高学生的审美能力，对各类网站的设计风格、色彩搭配、网页布局等有一定的认知。

四、考核方法的探索根据中等职业教育的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。

在网页课程的考核过程中，期末总评学习成绩可由两部分组成：

平时成绩（平时到课考勤、课堂表现、作业和能力考核）和期末考核（期末上机考试），各占总成绩的50%。

这种考核方式注重实践操作和应用开发能力的培养，可发挥学生的学习积极性和主动性。

此外，还可在校园内举办网页设计比赛，设置奖励分。

如学校举办的艺术节、网页作品展示等，不但能提高学生学习本课程的积极性，还可让学生找到彼此的差距，激发学生的学习动力，不断提高网页设计水平。

网页设计论文总结2

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

学报界面设计主版式分为三类，第一类是引导页，第二类是学报主页，第三类是学报期刊版面;其他版式共同依附于学报主页的版式设计。

引导页的内容编排有视觉LOGO，学院名称，学报编辑部名称，中英文链接学报新闻。

主页的内容相对于引导页要丰富很多，在眉头上显示的依然是学院Logo和学校名称。

在标题的右边显示的是“中国标准期刊号”。

眉头的下面编排三个链接，分别是“自然科学版”“工程技术版”“社会科学版”。

一般进入到学报网站的人，可能最想登入到相关期刊页面中，所以在眉头下方编排相关期刊链接是最合适不过的。

接下来便是主页的导航条，导航条的链接内容设计，可以让相关学者和社会人士充分了解苏州科技学院的学报编辑部的简况，工作内容和性质。

主要包括八个部分，分别是“首页”“组织机构”“学报动态”“政策法规”“远程服务”“教育培训”“交流服务”“信息服务”“省学报研究会”“ENGLISH”。

三类期刊杂志“自然科学版”“工程技术版”“社会科学版”的网络界面同意版式不同类别的设计方式，便于人们识别与记忆。

期刊杂志网页界面标题设置为“苏州科技学院（工程技术版）稿件采编平台”（不同期刊则标明不同版面），导航栏分别设置“首页”“学报简介”“文章查询”“期刊动态”“作者园地”“投稿须知”“网上订购”“在线留言”“联系我们”。

版面内容分三栏，中间一栏的内容宽度占版面的二分之一，内容有“期刊中心”，对期刊内容性质的介绍。

下分栏“《苏州科技学院（*期刊版）》*年第*期”，内容以滚动式显示论文名称，作者姓名发刊时间。

左边版式的内容设置为“用户中心”，为作者投稿设计一个专门平台，包括“在线投稿查询”“专家在线审稿”“编委在线审稿”“编辑在线办公”，紧接下栏设置“文章查询”“期刊动态”“作者园地”“访问统计”等内容。

右边栏设置“期刊信息”，显示期刊的性质。

在“相关信息”栏里添写主办单位地址邮编等。

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

对于学报界面来讲，可以通过设计把图片与文字巧妙地相结合，图文并茂地向浏览者展示相应的信息，图片能直观地传达文字表现不了的信息，并且可读性强，便于记忆与影响。

通过引入图片，可以根据图片的大小，色彩，进行构图，美化整个版面。

为了使版面更加富有趣味性，最直接有效的方法就是，使用相应的图片来美化这个版面。

当然，图片的作用也不仅仅是美化版面，更给人提供了一种直观的感受，文字更富有感染力。

苏州科技学院学报编辑部网页界面设计中的图片采用的是苏州科技学院图书馆的建筑外观的图片形象。

图书馆海藏大量图书，是学习、写文章的重要基地，在此处采用图书馆的图片是在恰当不过的了。

尺寸控制在不超过版面的三分之一。

图片像素在72DPI，图片像素太小，会给浏览者产生模糊，有马赛克的感觉，图片的像素太大，则会导致图片一直打不开，影响浏览速度，所以72DPI是最合适的图片像素。

那么，在首页当中可以根据需要适当地调整的图片大小。

在“自然科学版”“工程技术版”“社会科学版”三类版面中的图片，分别采用的是相关期刊的印刷封面，浏览者在浏览时，只要打开相关网页，便能直截了当地知道相关网页是关于哪种期刊。

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

学报整体版面采用青蓝色，色彩的创意来源是根据苏州科技学院主页的色调来确定的，主页的色彩是青色。

蓝色这个色系里面，既不脱离青色，自身又带有清爽，安静的感觉，所以设计师采用颜色时，主色调采用青蓝色。

在三类期刊版面中的颜色则采用相对应期刊印刷色，浏览者在浏览之时便于识别与记忆，颜色分别是工程技术版采用蓝色，社会科学版采用土橙色，自然科学版采用绿色。

各自网页背景色彩，分别是主体色降低饱和度与明度，颜色相对弱化，使其看起来是带有相对应色相的淡色背景，在淡色的背景中配上深色的文字，更加方便浏览阅读。

学报界面的色彩设计从某种意义上来讲，它是一种艺术的创作，要求版面中的色块的形态要美，图片颜色要遥相呼应整体，文字与背景要容易区分，每一步都要做到完美，让浏览者阅读时能够一眼找到相关的信息。

所以在用色的准确程度上一定拿捏到位，主体色青蓝色与分刊中的蓝色，青色、橙色，既有区分，又有联系。

每个版式的下方用深灰压底，平衡整个版式，视觉便会稳重流畅。

结束语学报网页的界面设计时一种视觉表现形式，它是学习、工作交流的一个重要的信息传播平台，对学术的交流有着不可忽视的影响力量。

在苏州科技学院学院学报概念设计方案中，它的版面内容安排，版式设计，色彩设计，运用了心理学、视觉设计美学与人机工程学/哲学等相关学科的知识，在本文中对学报网页概念设计进行了阐述和分析。

流畅优美的网页设计对浏览着来说是一次愉悦身心的学习，让他们在完美的视觉环境中享受工作学习的乐趣。

网页设计论文总结3

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

平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。

网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。

介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。

总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。

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

电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。

合理的界面布局使视线流畅、融会贯通。

在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。

浏览者的视线通常垂直在屏幕中央，然后再向四周游动。

设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。

另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。

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

独特的创意、个性化的品质是所有设计都追求的完美表达。

个性独特的网页能刺激观者点击的兴趣冲动，让观者在“驻足”的过程中一直兴趣盎然。

在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。

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

构成艺术是现代视觉传达艺术的基础理论。

它包括平面构成、色彩构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。

平面构成学指导我们如何运用平面元素点、线、面创造形象;怎样处理形象与形象之间的联系;如何掌握美的形式规律等。

在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。

色彩构成学则侧重对网页色彩的选择与指导。

色彩构成属于设计领域内的色彩运用的方法，它的基本概念是：

两个以上的颜色，根据设计的不同需要，按一定色彩配合的原则，重新组合，搭配构成新的色彩关