理性网页设计论文

[摘要]Photoshop是网页设计师运用的工具软件之一；其简单、实用性也是其他工具软件无法替代的。就Photoshop在网页美工设计中的运用进行浅显分析，以期为网页美工设计提供几点参考。以下是小编精心整理的《理性网页设计论文(精选3篇)》，仅供参考，大家一起来看看吧。

理性网页设计论文 篇1：

论网页设计教学中任务设置的合理性

摘 要：目前，很多学校的计算机专业都开设了网站开发或网页设计与制作课程，而大多数教师在进行该门课程教学时采用任务驱动法。想要有效达到任务驱动在教学中的目的，任务设置合理是前提。在网页教学中，任务设置要完整，任务选择应真实，任务难度有层次，任务设计需开放。

关键词：网页设计；任务驱动

文献标识码：A

1 任务设置要完整

任务驱动教学是以一个任务为核心开展的教学模式，因此，保证任务的完整性是任务驱动教学取得成效的条件之一。网页设计的流程一般包括网站策划与分析、网站内容整理、网页设计、制作、修改、网站推广及后期维护。

网站策划与分析是整个制作过程的第一个环节，在这一环节中，制作人员需要对市场进行调查分析，并根据网站建设需要，确定网站结构与功能，制作出《网站建设方案书》。网站策划对网站建设起到计划和指导作用，对网站的内容和维护起到定位作用。然而，大多的网页制作教材仅使用很少的篇幅对该部分的内容进行简单的理论介绍，并没有提供策划范例，导致很多教师在授课中忽略了该环节。如果把一个完整的网页设计作为一个大任务，那么缺少了网站策划环节任务的完整性就得不到保障。

中职学校的教学应该是以实践操作为主的实战型教学，需要让学生完整的掌握整个的工作过程。因此，教师不应该将网页制作过程中的任何一个环节忽略，而应该认真的指导学生完成《网站建设方案书》。由于方案书的书写过程需要进行市场分析与定位、网站结构规划等各项工作，可见，在完成方案书的过程中也培养了学生的分析能力、判断与决策力、书面表达能力等。

2 任务选择应真实

学校教育的根本任务在于使学习者学会如何学习，学会如何工作，学会如何合作，以及学会如何生存。”中等职业学校的教学更强调教学任务要为学生未来工作服务，面向市场，满足市场需求。网页设计教学的任务都是让学生从摹仿他人作品开始的。我在给学生设置的教学任务中，募仿的对象主要来源于一些专业网站设计公司的成功案例。很多网站设计公司为了吸引更多客户，达到宣传效果，均会把自己曾经完成的优秀案例放置在本公司的网站上供人欣赏，我们可以通过网络搜索到这些案例，根据实际需要选取其中的一、两个案例作为任务交给学生完成。

当然，案例在选择时应该要考虑到覆盖范围要全面。各种不同类型的网站由于服务的目的、对象不同，制作结构、风格也会有所差异。门户网站设计主要是简单，界面友好，要追求网页打开速度。门户网站的首页通常是比较简单中留出一点独特的风格，在不影响网页速度的前提下保留个性与独到。企业网站的设计目的在于宣传企业及产品，根据企业自身的文化确定网站结构与风格，设计时在色彩感受、页面布局等各方面都为设计者预留了很大的空间。因此，在任务选择时，应该以企业网站为主，也要涉及到门户网站。

由于任务是真实的，具有较强的可操作性。在学生完成真实任务的时候，还应尽量创建真实的工作环境。学生以小组为单位完成任务。小组成员的分工应该符合市场需求，通常一个网站开发小组，要配备以下人员：网站总体策划师、网页设计师（美工）、网站制作、程序员。学生根据各自的角色定位完成工作任务，体现了任务驱动下学生的自主学习。同时，各人完成工作又需要为同一个工作项目服务，也培养了学生的团队合作意识。

3 任务难度有层次

网页教材中一般都是使用同一个网站项目贯穿整个网页教学的知识点，即整个学期的学习就是一个大任务。这样做尽管学生能够系统的学习到所有知识点，但因为整个学期只完成一个任务，耗时长，学生对整个制作流程也只经历了一次，无论是对制作环节或是制作方法都并未形成深刻的记忆，达不到良好的教学效果。为了解决这一问题，我们可以让学生在整个的学习过程中完成多个教学任务，让学生在一个个典型的信息处理任务的驱动下展开教学活动，引导学生由简到繁、由易到难、循序渐进地完成一系列任务，从而得到清晰的思路、方法和知识的脉络，在完成任务的过程中，培养学生分析问题、解决问题以及用计算机处理信息的能力。

4 任务设计需开放

建构主义教学设计原则强调：学生的学习活动必须与大的任务或问题相结合。以探索问题来引动和维持学习者学习兴趣和动机。学生必须拥有学习的主动权，教师不断地挑战和激励学生前进。

为此，网页制作的最终任务应该在原本募仿他人作品的基础上更富有挑战，即设计的任务要开放。学生通过一段时间的募仿，有了自己的想法与思路，这时教师应该为学生提供想象创意的空间，让学生根据一定的主题自行设计与制作网页。这样的任务具有综合性、创新性，学生通过完成任务，而获得成就感，更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环。教师在学生的制作过程中，不是袖手旁观，而是给予学生合理的指导与建议，体现“任务驱动”教学法“以任务为主线、教师为主导、学生为主体”的基本特征。

当然，教师在根据以上原则设计任务时，最重要的是要将教学内容蕴涵在任务中，落实教学要求，实现教学目的。同时，还要做好任务管理与检查工作。将学生操作情况记录在案，对学生完成任务情况认真检查和分析，为今后任务的设置提供依据，不要将任务驱动流于形式。

参考文献

[1]顾明远等.国际教育新理念[M].海南出版社，2001.

作者：唐毅

理性网页设计论文 篇2：

Photoshop在网页美工设计中的应用研究

[摘 要] Photoshop是网页设计师运用的工具软件之一；其简单、实用性也是其他工具软件无法替代的。就Photoshop在网页美工设计中的运用进行浅显分析，以期为网页美工设计提供几点参考。

[关 键 词] 网页；Photoshop；美工；设计；应用

随着网络进一步的普及，网站设计也更加逐向创意化、个性化以及多元化方向发展。网页设计者也须抓住浏览者的眼球，设计更具特色的网页。本文就Photoshop软件在网页美工设计中的应用及注意问题进行浅显分析，以期为网页美工设计提供几点参考。

一、Photoshop在网页美工设计中的应用表现

网页设计的主要目的就是为了让浏览者获得更为直观的信息，吸引浏览者的眼球；而欲吸引浏览者，并在网页中获取更多的信息，这就需要网页美工设计者在进行网页设计时既要保障网页的信息量，还要让浏览者在网页浏览过程中体验、享受到更多美的感受。而Photoshop软件恰恰能够满足网页美工设计者的需求。

（一）利用Photoshop实现合理布局

网页美工设计的关键环节就是布局的合理性。采用Photoshop软件可以让网页美工设计者在显示屏上进行不断的调整、优化，并对设计思路加以最终确认。另外，网页美工设计者还可以充分利用Photoshop的图层功能将不同的元素进行灵活配置与转换，进而使各图层之间具有较强的独立性；还可以利用图层所具备的修改属性对网页布局设计进行修改，使其在设计、创作过程中，不会受到过多束缚，布局创作的思维也随之更为灵活。

（二）利用Photoshop提升创作的效果

由于网页设计所需要的元素较多，如图标、导航条、页眉、标志等，针对这些杂乱的元素，往往会给网页美工设计者带来巨大的工作量，甚至元素设计风格还会影响其网页设计的整体性。而Photoshop则可以为设计者提供大量的创作元素与素材，且Photoshop还可以对这些素材进行制作、修饰，使之在满足设计者需求的同时更具质感，进而全面提升页网设计的整体效果。

（三）利用Photoshop丰富设计色彩

网页美术设计过程中的色彩搭配十分关键。利用Photoshop中的图层功能则可以为网页设计者提供一个丰富的色彩搭配平台。首先，设计者在确定基本元素之后，可对网页各区域、各图层进行“单独”的色彩调整与优化，也可以对某一颜色进行分析。其次，Photoshop还具有网页安全色功能，设计者可以直接在色板里挑选自己需要的web安全颜色或色谱，进而达到所设计的网页可以在不同的操作系统或浏览器中正常使用，极大地方便了设计者对网页安全色的设计需求。

（四）利用Photoshop完成動画设计

网页美工设计过程中，往往需要一些动画设计来提升网页浏览的趣味性，以达到吸引更多访问者的目的。Photoshop则具备一些简单动画的设计功能，如将多幅图片合并成一个图像文件，并设计、制作一些简单的GIF格式的“帧动画”。这种“帧动画”具有文体体积小、通用性强的特点。因此，也是目前网页美工设计者大量采用的方式之一。

（五）利用Photoshop提升速率

网页美工设计者在创作精美网页的同时，还要考虑网站打开速度的问题，一旦网站打开、运行速度过慢也会让一些浏览者失去等待的耐心。虽然造成网页打开速度较慢的原因较多，但网页元素的优化配置、网页大小等也会直接影响网页打开的速度。利用Photoshop则可以将网页内的一些图片进行压缩，如在不影响图片质量的前提下对图片进行减色处理，进而让图片的体积更小；也可以将大图像进行“分割”，使之成为不同的小图像，进而实现提升网页下载速度、提高传输速度的目的。

二、Photoshop在网页美工设计中的注意事项

虽然，Photoshop软件中的各项功能可以广泛应用于网页美工设计之中，为设计者提供更便捷的创作设计。但是，网页美工设计者在运用Photoshop创作网页美工设计时，也必须注意一些基本问题。如，网页美工设计初始阶段，设计者须对网页尺寸与分辨率的关系进行客观分析，通常而言，网页文档尺寸多以708×800像素为主，分辨率多设置为72。设计者在进行设计时则需结合创作设计需要对其分辨率进行适当调整，使之更符合设计需要。

综上所述，利用Photoshop进行网页美工设计，既是未来网页设计的方向，也是网页美工设计者提高创作水平及工作效率的有效工具之一。但在实际应用过程中，网页美工设计者也要充分发挥Photoshop软件的各项功能，并在掌握各功能运用技巧的同时，不断提升自身美术素养，合理利用Photoshop来控制、优化网页中的布局、色彩、质感等，为全面提高网页显示效果奠定基础，以此来提高网页的浏览量。

参考文献：

[1]周婧.Photoshop网页设计技巧[J].科技创新与应用，2012（3）.

[2]丁瑜.Photoshop在网页美工设计中的应用研究[J].管理视窗，2015（8）.

作者：卢娟

理性网页设计论文 篇3：

静态网页制作技术与动态网页制作技术的比较分析

摘 要：在我国科学技术不断发展背景下，互联网已经全面渗透到人们生活各个领域，不同的网页制作技术也会给人们带来不同的使用体验。文章分别对静态网页制作技术与动态网页制作技术分别进行了简单的概述，并且介绍了静态网页制作技术与动态网页制作技术分别使用的软件，在此基础上重点对静态网页制作技术与动态网页制作技术二者之间的关联、区别以及转换进行分析，旨在推动我国互联网事业的发展。

关键词：静态网页制作；动态网页制作；可扩展标记语言；程序设计语言

随着我国国民经济的发展以及人民生活水平的提高，社会各界对于我国互联网领域，特别是网页制作技术的关注程度越来越高。网页制作技术以及网页制作的效果对于网站运营发展、优化用户体验以及扩大网站影响等方面都具有十分重要的意义。网页制作技术主要分为动态与静态两种形式，因此，对两种技术各自的特点进行比较，选取更适合的方式进行网页设计和制作，是推动我国互联网事业发展的重要因素。

1 静态网页制作技术概述与应用软件

1.1静态网页制作技术概述

利用静态网页制作技术所制作出来的网页格式后缀均为“.htm”或者“.html”，且静态网页制作技术所制作出的软件内容无法进行随意更改和变动，用户在静态网页中进行浏览时，不会出现不同的网络服务器客户端程序之间发生相互交错的现象。虽然静态网页制作技术所制作出的网页为静态网页，但是不表示网页内部的所有内容都处于静止状态，即静态的网页是在某一方面存在限制，在限制之外的部分也会出现动画格式的文件，例如flash，gif， 3gp等动态效果‘”。

1.2静态网页制作技术应用软件

静态网页制作技术常用软件为可扩展标记语言与超文本标记语言两种，其中可扩展标记语言英文表达形式为XML。可扩展标记语言是一种标准通用标记语言，不仅具有操作简单的效果，同时其功能也十分强大，是一种相对容易理解和掌握的网页制作技术，因此，在静态网页制作技术中应用较为广泛。与之相比的另一种语言为超文本标记语言，英文表达形式为HTML，是通用标记语言之一，主要被应用于静态网页中的标题和段落等环节的设计，同时还可以实现网页中文档语义以及外观的描述、加入超链接等功能。

2 动态网页制作技术概述与应用软件

2.1动态网页制作技术概述

相对于静态網页制作技术，动态网页制作基础是一种动态化的网页制作和展示技术。动态网页制作技术是以静态网页制作技术为基础，将其进行更新实现自身的发展。动态网页制作技术常用语言技术为Java客户端、层叠样式表以及Dw+数据库等。动态网页制作语言和静态网页制作技术中的超文本标记语言能够实现融合发展，从而实现静态网页的动态化展示。但是由于动态网页制作技术的特性，用户在进行动态网页浏览过程中，需要注意服务器客户端的程序之间容易产生相互交错的问题[2]。

2.2动态网页制作技术应用软件

动态网页制作技术主要应用软件为两种，即动态服务器页面（Active Server Pages，ASP）与英文超级文本预处理语言。其中，ASP是一种服务器终端编写脚本的语言，ASP语言结合了Script脚本语言以及超文本标记语言等内容，并且其脚本内容的编写主要基于浏览器中所输入的CGI等脚本内容。所以，利用ASP可以在动态网页设计和制作过程中实现多种编程语言交互使用，从而提升网页页面的多元化。另一种动态网页制作技术所应用的软件为英文超级文本预处理语言，其英文表达方式为PHP。PHP的语言形式和语言算法与计算机程序设计语言，即C语言相结合，从而可以实现跨平台应用软件程序的设计，并且将程序设计语言的不同形式动态化展示，可以将动态网页的各个服务器进行快速切换，是当前世界范围内动态网页制作中应用范围最广也是应用效果最佳的脚本语言。

3 静态网页制作技术和动态网页制作技术比较分析

3.1静态网页制作技术和动态网页制作技术的关联

因为动态网页制作技术实现和发展的基础为静态网页制作技术，因此二者之间具有紧密的内在联系。以静态网页制作技术为基础，动态网页制作技术在其产生和不断发展的过程中，将静态网页制作技术进行了内化和升级，并且为适应不同网页形态设计的需求，不断实现自身的发展与完善，结合Dw+数据库以及Java客户端脚本语言等，为网站网页设计环节提供了强大的动力支持。从某种角度进行分析，动态网页制作技术也是对静态网页制作技术的继承与发展，所以当前世界范围内所使用的动态网页制作技术都蕴含了静态网页制作技术的相关理念。相比之下，因为静态网页制作技术先于动态网页制作技术出现，并且其应用和发展过程中所使用的各项技术和手段均为静态网页制作技术自身原本就具有的，所以并不具有动态网页制作技术内涵。因此，在网站设计之前，利用静态网页制作技术将网站基本结构图进行规划和设计，是网站网页设计建造的重点环节。例如，将网站基本结构组成、网站首页导航栏设计以及网站应用方向和基本内容等进行设计，都需要全面利用静态网页制作技术，从而有效确保网站网页设计的整体框架相对稳定，提高网站的使用效率[3]。

3.2静态网页制作技术和动态网页制作技术的区别

静态网页制作技术和动态网页制作技术之间存在着明显的区别，其中最主要的不同点体现在二者的应用领域和应用范围方面。静态网页制作技术通常情况下主要被应用到各大网站网页设计中的基础环节建设当中，因此，静态网页制作技术适用于网站网页前台设计开发环节。静态网页制作技术的应用能为网站构建奠定良好且稳定的基础。与之相比，动态网页设计技术主要被应用于网页其他主要内容的优化设计方面，利用动态网页设计技术还可以将静态网页以动态化的形式展现出来，将经过修改之后的内容进行发布可以提高用户在网页浏览过程中的浏览体验。

例如，在某网站的设计过程中，该网站设计和搭建技术人员首先将网站前台利用静态网页制作技术进行设计，之后通过Web浏览器发送动态网页的请求，此时Web服务器会根据网站设计人员的需求实现快速查找，并且将相应的数据传递到服务器终端。应用程序服务器会在网页内部的脚本命令当中对所需的数据进行查找，在查找完成之后将数据再次传回到Web服务器当中，实现网站的动态网页设计[4]。

3.3静态网页制作技术和动态网页制作技术的转换

因为静态网页和动态网页在运行过程中所使用的脚本存在一定的区别，所以静态网页中的所有内容脚本都无法在Web服务器当中实现运行。在服务器终端的接收器当中接收到静态网页所发出的请求之时，服务器不会处理该类文件，只会将来经过处理的数据直接返回到发出请求的浏览器网页当中。反之，若服务器终端的接收器接收到动态网页中所发出的此类请求时，服务器便会对软件进行相应的扩展，之后再将经过处理的请求信息返回到发出请求的浏览器网页当中。由此可见，相对于静态网页制作技术而言，动态网页设计技术具有更加先进性的设计功能，因此，在实际应用当中将静态网页制作技术合理转化为动态网页制作技术，可以优化网页使用效果。

但是，因为动态网页不能独立于静态网页而存在，针对此种情况，我国某地区的网站网页设计团队在进行前台软件开发环节利用了静态网页制作技术，在搜索引擎等环节的设计过程中，便将静态网页制作技术转化为动态网页设计技术，同时将用户需求与网站建设相结合，从而实现了静态网页与动态网页设计技术有机统一，为该地区互联网网站建设和网页设计工作提供了强大的技术支持，不仅有效满足互联网用户的使用需求优化了用户的浏览体验，还全面提升了网络技术应用的广泛性和有效性，推动我国互联网事业的发展。

4结语

互联网网站网页设计和制作环节主要依靠静态网页制作技术以及动态网页制作技术两种手段，两种技术既存在区别同时又有着内在的联系。因此，全面分析静态网页制作技术与动态网页制作技术的异同点，在此基础上对二者之间的转化形式和内容进行探究，对于提高我国互联网网站制作技术，优化网页设计效果具有十分重要的推动意义，在增强网页合理性的同时，也有利于推进我国互联网事业的发展和完善。

[参考文献]

[1]朱世美.軟件技术专业静态网页制作课程教学内容改革实践与反思[J]软件导刊（教育技术），2016 （12）：58-59

[2]吴秀娟.ASP、PHP和JSP在动态网页制作技术比较分析[J]数字技术与应用，2016 （10）：221-223

[3]谭东清.一站式高职电子商务网页制作教学改革与实践[J]中国教育技术装备，2015 （23）：115-117

[4]范云芝.动态网页制作技术ASP、PHP和JSP比较分析[J].电脑知识与技术，2005 （29）：19-21

作者：范芳东