- 2021-04-16 发布 |
- 37.5 KB |
- 11页
申明敬告: 本站不保证该用户上传的文档完整性,不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
文档介绍
网页设计论文总结最新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 一、网页设计视觉表达方法——以“简练”为首要原则 平面设计最基本的要求便是简洁凝练,而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素,如,点、线、面、图形、图像、动画等都是要占据网络空间的,尤其是图片,如果图片数据过大,就会影响网页开启和传输的速度,同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度,做到少而精,如果非要运用大量图片宣传时,也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线,有效快捷的传达信息。 二、网页设计视觉表达方法——合理布局网页的界面 电脑屏幕的显示尺寸是十分有限的,怎样通过有限的展示界面传递更多的信息,成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中,不同的区域,被关注的程度不同,心里感受也不同,设计师可以依据不同元素的表达需要和画面重心的关系,来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央,然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域,突出重点,使主题一目了然。另外,建立网站导航可以激发浏览者访问更深层页面的兴趣,增进对网站的进一步观赏,使网站信息更清晰、明了的存在于观者的视线之内。 三、网页设计视觉表达方法——个性化网页界面的设计 独特的创意、个性化的品质是所有设计都追求的完美表达。个性独特的网页能刺激观者点击的兴趣冲动,让观者在“驻足”的过程中一直兴趣盎然。在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。 四、网页设计视觉表达方法——构成艺术的体现 构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色彩构成和立体构成,其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象;怎样处理形象与形象之间的联系;如何掌握美的形式规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色彩构成学则侧重对网页色彩的选择与指导。色彩构成属于设计领域内的色彩运用的方法,它的基本概念是:两个以上的颜色,根据设计的不同需要,按一定色彩配合的原则,重新组合,搭配构成新的色彩关系。色彩的特性、色彩的对比与调和、色彩的意蕴等等都是设计师设计色彩时的重要依据。此外色彩给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如,色彩的兴奋与沉静感:红、橙、黄等暖色系列的纯色给人以兴奋感,易表现快乐的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感,常常使人联想到和平、安静、休息和生机盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应该选择沉静一些的配色,而娱乐、体育等站点则应该倾向于兴奋一些的配色。色彩的轻与重感明亮的色彩如黄色、淡蓝等给人以轻快的感觉,而黑色、深蓝色等明度低的色彩使人感到较重。感觉轻的色彩给人以轻快感。相反,低明度的色彩有稳定的感觉。在网页、广告色彩设计时,应注意轻重搭配,如女性类的站点宜采用明度高的色调为主进行配色,以渲染女性温柔、妩媚的个性特征;为了突出男性坚实粗扩的气质,在男性类网站中,色彩的配置应选择凝重明度的色彩。网络发展至今,传统的设计学更多元化,并使工作结构产生交叉。静态的平面设计转化为动态的网页设计,这是应用新技术在新媒体中进行设计的产物真正开创了一个全新的视觉领域。 网页设计论文总结4 一、项目教学法在《网页设计》课程中的应用 1、教学设计原理 《网页设计》课程的教学应用项目教学法后,学生的学习过程以分组的形式完成一个完整的网站项目为载体。一个完整的网站项目,它的建设周期往往较长,项目中涉及到的知识点较多,学生通常会觉得无从下手。因此,在设计、细化每节课的教学内容时,要根据项目的实施流程和功能模块,划分成若干个任务,将学生需要掌握的各种知识和技能融入到各个任务的教学中,让学生在完成每个任务后能学习到网页设计的相关知识和技能。 2、教学流程 项目教学作为一种革新传统教学理念的教学方式,它强调教学要以学生为中心,强调组织方式要以小组合作学习的方式,要求学生对现实工作与生活中的真实问题进行探索。我在《网页设计》课程的教学中使用的项目教学法主要按以下几个步骤进行:确定项目—项目分解—操作示范—独立探索—协作学习—总结评价。 3、教学设计 (1)确定项目任务。在《网页设计》的项目教学中,教师在设计教学项目时一般要考虑自己已有的项目经验、该课程的教学特点以及学生的认知发展水平,设计出来的项目要体现学习的主题和目标,很多时候由于项目都来源于现实生活,它具有一定的复杂性和不确定性,因此教学过程中教师要选择或设计合适的项目,以更好的控制教学的方向和进度,做到一切都在掌握之中。为此在项目教学过程中,教师在选择和设计项目时应综合考虑以下几方面的因素:①项目所涉及的知识和技能紧扣教学大纲和教学目标,要结合该课程的特点制定项目任务。②项目的难易程度要适宜,要适合学生的实际水平,这样学生才会有信心和兴趣去完成项目。③项目应该遵循实用性的原则,要与现实生活贴近,还应该考虑企业的实际工作岗位需求。我在上《网页设计》这门课程时采用的项目是:“乐游天下” 旅游网。(2)根据学生情况进行分组。为达到协作学习,最终顺利完成项目的目标,在项目教学时教师先对所教班的学生进行合理的分组。在分组时,先要对所教班级的学生进行综合的分析,分析的内容包括学生的学习成绩、学习态度、学习目的、学习兴趣、个性特点、能力水平等。经过对学生的了解和分析,将“优秀”“中等”“一般”的学生进行组合,使每一组都包含这三个层次的学生,并安排优秀的学生担任项目组长。 4、教学实施 为了将理论与实践紧密结合,我们将理论教学与项目活动的进度调整为同步,将项目活动贯穿在整个理论教学过程中,这样有助于学生将所学的理论、方法和技术有机地结合起来,对以后的进一步深造打下坚实基础。项目实施阶段是项目教学中最重要的一个阶段。操作过程中按以下步骤进行: (1)引导。由于学生以前没有接触过网页制作,对网页制作的相关知识都很陌生,所以在项目开发之前,先给他们演示已经开发完成并制作好的网站,使他们对要做的网站有明确的目标和感性认知,知道实施该项目该做那些内容与功能,关键在哪里,同时激发了学生的兴趣。 (2)制定项目计划。项目计划在项目实施前由教师根据学生的综合素质制定,制定好后分发给学生,让他们做到心中有数,并要求他们严格按照计划实施项目。项目计划的制定主要是按知识点划分成一些任务,每一任务又由多个子任务组成,每一子任务对应着项目中的一个或多个页面,也可以对应着一个功能。通过完成所有的任务来完成整个项目。 (3)实施项目计划。按照制定的项目计划逐步实施项目。整个项目划分成了11个任务,在执行每个任务前,老师要对新知识中的重点及难点内容进行讲解,其过程应该精练,最好通过简单的例子用操作演示完成,让学生更容易理解、接受。讲解后,留给学生充足的操作时间,由学生自主进行探索与学习,让学生大胆去试,使他们在使用中体会、感受和领悟,最终顺利完成此任务。在项目实施的整个过程中,教师要注意的是,学生遇到困难时应及时给予指导,不要让学生产生畏难情绪,从而影响学习的兴趣。此外,教师一定要把握好指导的尺度,尽可能对其进行启发性、提示性的指导,最终让学生自己去解决难题,这样即不影响学习兴趣又能锻炼学生解决问题的能力。 (4)阶段汇报、讨论及总结。根据项目的进展情况,在合适的时间,由教师在课堂上组织项目工作情况的汇报、讨论和总结。各小组组长将该阶段所做工作的进展情况进行展示,项目实施过程中的遇到的问题及解决方法进行交流与讨论,并回答其它小组同学或老师提出的问题。这个过程中,老师可对工作中的方法、过程、技术提出参考意见。汇报结束后,各小组对该阶段进行过程性的总结与分析,把各个环节抓紧抓牢。 (5)总结评价。项目结束后,各组长对其所有组员进行评价打分,各组之间相互对项目成果进行评价打分,教师再对每个小组的项目成果进行评价打分。最终,小组成绩由“其他各组给出成绩的平均值”+“教师给出的成绩”两部分组成,各占50%。个人成绩由“小组成绩”+“组长给出的个人成绩”两部分组成,各占50%。通过这种多元化的考核方式,有助于学生个性化、全面化的发展和综合素质的提高。 二、结语 项目驱动教学法相对于传统的教学方法,它能更好地将理论教学与实践教学有机地结合起来,并很大程度上提高了学生学习的积极性和主动性,提高了学生分析问题和解决问题的能力,充分挖掘了学生的创造潜能。 网页设计论文总结5 一、网页设计中的构成要素 1、文字的编排 在网页设计中,其中文字的编排作为必不可少的基本构成元素,对这些文字的要求是易读性和可读性。其中易读性顾名思义就是文字的清晰表达,可读性则是指的是网页整体上的可视性,在文字的设计、词语的间距、行距等方面的处理。易读性和可读性在网页设计中对于文字的编排的作用是非常重要的。另外,和利用纸张阅读的方式相比,网页设计中的文字的易读性相对较差,再加上一般的用户在普通的页面上花的时间比较短,所以对于网页设计中的文字编排应该满足以下几个要求:一是,因为在不同的电脑、操作系统中安装的文字的字体都是相同的,所以应该在文字编排的过程中选择一些经常使用,用户经常见到的字体,不然的话他们的系统就可能默认一种字体,就会导致网页看起来不能达到设计者的期望。二是,鉴于屏幕的显示会对字体造成一定的影响,在生活中人们大多都是采用的黑体和宋体,站在视角的角度上说,宋体的阅读方式最便捷,更富有现代气息,但是对于字体的形状应该注意。三是,因为不同的字体以及不同的字体属性可以帮助人们识别标题和信息。但是应该注意的是一个页面中字体风格是有限制的,如果使用太多面,就失去了强调的作用。 2、图片的编排 在网页设计中,图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息,让用户更直接的了解,加大了网络提供的信息量,再加上图片的使用在很大的程度上也使页面更美化。因此,在网页设计中,要想单纯文字表达的信息变得有趣,最简单的方法就是使用图片。经调查显示:对于一条信息来讲,图片对观众造成的吸引往往要高于文字产生的影响。在网页中使用图片时,应该注意以下规则:一是网页的统一性;二是图片要吸引用户;三是要注意突出图片的重点,特别是在处理和相关文字编排的时候。 二、网页设计与现在网络新技术的结合 1、网页设计和多媒体技术的结合 多媒体的使用能让人机交互技术趋向接近人的自然方向发展,能够让网页用自然的方式跟人交往。多媒体的产生实现了信息的多样化,让人与网页在交互的过程中,具有更宽阔和自由的发展空间。对于多媒体技术的信息多维化不仅指信息的输入,还包括信息的输出。从目前的形式来看,多维化包括人的视觉和听觉这两个方面,因为多媒体的使用,让页面设计表达的信息更具有人性化。为了增强网页的视觉效果,在网页设计中通过丰富的表现形式,能够让观众产生视觉效果,从而产生了继续观看的念头。在网页设计中,网页包含的内容是各个方面的。几乎容纳了所有的媒体的优点,现在已经成为了一种炙手可热的传播手段。 2、网页设计和多媒体相结合主要是增强了网页的交互性 一个优秀或者是成功的网站都应该和用户之间形成良好的互动关系,互动关系主要包括在整个页面的设计过程中以及使用界面上的指导体现出来,并且都应该坚持互动的原则,让用户在使用的过程中的每一个不走都能够得到相应的会用。在现在,交互性不仅是一种利用网络传播发挥信息的最大优势,而且是传达信息的人和用户进行交流的一种方式,在网页设计中,有效的互动性能够提高用户使用接受信息的主动性以及参与信息反馈的积极性,与此同时,还有助于传达信息的人了解信息传达取得的实际效果以及和预期之间存在的偏差,以便在下一步的网页设计中进行适当的改正,实现消息的升格传达。随着我国的动态设计技术,例如ASP以及PHP等的不断发展和普及,交互式设计的重要性也逐渐显现出来,采用交互式设计的目的不是为了控制用户采用怎样的行动,而是给他们的各种行动创造实现的基础。在多媒体以及网页技术中,设计人员采用的绝大部分的交互方式都是人们熟悉的模拟系统,例如,人们熟悉的拨号盘、按钮、开关以及滚动条等。所以设计师在创建人机交互方式时,浏览者所接触到的交互式界面,通常都采用这些方式,例如聊天室的界面,完全可以设计成房屋的场景,以给用户营造一种亲切的感觉。适当的对网页中的各种设计元素,例如flash、js等动态效果,就会增强网页的视觉审美,更具艺术欣赏性和互动性,对浏览者具有充分调动的作用,产生的效果也比传统的媒体要好。 三、总结 在我国不断发展的进程中,网页可以说是一种全新的视觉表现形式,不仅包含了平面设计的各种理念,还具有跟其他文化不同的优点。如果要做好网页设计,绝对不是一件容易的事情,这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容,更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天,网页设计的价值不应该只局限于提高信息的传达效率,还应该重视给用户带来视觉的审美享受。查看更多