网页设计论文汇总十篇

序论：好文章的创作是一个不断探索和完善的过程，我们为您推荐十篇网页设计论文范例，希望它们能助您一臂之力，提升您的阅读品质，带来更深刻的阅读感受。

篇（1）

2突出实践能力，部分内容实行协同教学

2.1设计学习任务，激发学生的学习兴趣

兴趣是最好的老师。在进行入门教学的时候，如何激发学生的学习兴趣，使得学生在主观上由“要我学”转变为“我要学”，是个关键问题。以讲授网页美工设计的内容为例，在开始几节课，要结合国内外的几个知名网站的整体结构进行分析，介绍知名网站在版面设计方面如何布局，在色彩搭配方面如何合理地统一网站的风格、网站Logo和Banner的设计理念，以及如何对网页图片进行处理才能更加吸引网民的眼球等，让学生意识到网页世界的丰富多彩，从而激发他们的学习兴趣。与此同时，在每个学习阶段结束的时候，都要求学生独立完成一个任务，从最基本的图片处理、Logo设计到整个网站结构的布局和色彩搭配，这样学生就会在自己心里形成一个风格，这也是学生学习好网页设计课程的基础和前提。

2.2举一反三，培养学生学习能动性

网页设计是一门专业技能，非常注重学生实际动手能力的培养。在实际教学中，教师要充分准备大量的具体案例，采用提问法、任务驱动教学法、讲练结合法等方法对学生进行教学。在开始教授一个新的内容时，要提出一个问题，让学生带着疑问去学习，这样才能有的放矢。教师可以先在教师机上演示操作一个具体案例，在演示的过程中，采用边讲边练的方式，让学生在“做中学”，然后布置一个与此案例类似的任务，让学生独立完成，在任务结束的时候，根据学生的完成质量情况，让做得比较好的学生在教师机演示自己的成果，谈谈自己在做的过程中的心得体会。这样，在课堂上，大部分的时间就交给了学生，让学生始终处于动手的状态。作为教师，在学生实施任务的过程中，不要过多干涉学生，而是多给学生以引导，让学生自己思考、设计、完善，让学生在实践中自我摸索，不断提高。通过这种方式，不仅起到了举一反三的教学效果，而且充分发挥了学生的学习能动性，使得学生学得扎实，记得牢固，也进一步提高学生的分析问题和解决问题的能力。

2.3部分内容协同教学，明确分工

组内成员的分工，首先是角色分工。每个合作小组要选定小组长，以分配任务，监督进度情况，协调组内成员等。对于小组内的成员，要明确分工职责。以网页设计综合实训为例，面对一个完整的网站系统任务，需要3个小组成员，其中，一个负责网页图片素材、动态效果的处理，一个负责整体网站的布局、色彩搭配，以及切片导入Dreamweaver的工作，一个负责数据库设计和后台服务器行为的实现。当然，为了让每个学生都能够全面掌握网页设计的技术，每次合作时的角色也是应该轮换的，而非固定不变，特别是小组长的轮换，体现了人人平等的精神，让每个学生都体会到自己在小组中的重要性，从而激发他们内在的能力。在任务实现过程中，通过协同合作，明确分工的方式，可以逐步培养学生的组织能力、交流能力、协调能力、相互尊重的态度等，以期学生在不同的学习任务中发展不同的能力，从而可以大大提高学习效率。

3教师要及时指导，将德育教育融入教学过程

在学生的学习过程中，无论是独立学习还是合作学习，教师绝不能是旁观者，而应该是学生的合作伙伴和指导者。特别是在学生以小组为单位的合作学习过程中，教师不是更清闲了，而是担负起了更大的职责。在合作学习中，教师要针对班级、小组的具体情况，在宏观层面给学生以指导，涉及整个任务的管理，调控和引导，要充分展示各种问题的形成过程和解决过程。实践证明，在合作学习过程中，如果有教师的及时指导，如指导学生一些合作学习的步骤，明确合作学习的规则，有利于学生顺利开展学习，充分发挥小组协同合作的作用。与此同时，要将德育教育融入到教学过程中。现阶段，作为网络信息承载者的网页是一把双刃剑，各种信息充斥其中，对于这些正处于青春期的中职生，如何正确对待这些信息，将对他们的成长发挥重要作用。因此要将网页作为德育教育的载体，通过制作以“健康、向上”为主题的网站，在搜集素材的过程中多接触先进人物、先进事迹，无形中让学生，逐步树立正确的人生观和价值观，让学生学会做人做事。

篇（2）

1系统设计目标和使用的主要技术……………………………….4

1．1设计目标………………………………………………………4

1．2主要技术………………………………………………………4

1．2．1模板技术………………………………………………….4

1．2．2标签库技术……………………………………………….4

2系统的组成和实现……………………………………………….6

2．1系统组成………………………………………………………6

2．2系统的实现……………………………………………………7

2．2．1模板库和标签库的实现………………………………….7

2．2．2系统开发环境…………………………………………….11

3结束语…………………………………………………………….11

引言

随着WWW（WorldWideWeb）的普及，动态网页技术也急速发展。从原来的CGI（CommonGatewayIn－terface）到ASP（ActiveServerPage），都从某种程度上满足了网页开发人员对动态网页开发技术的需求论文。但是不管是CGI还是ASP都存在一定的局限性，如CGI对服务器资源的耗费，ASP只能同MicrosoftIIS一起使用等，这些都限制了这些技术的使用范围，极大地阻碍了它们的推广。广大的页面开发人员都热切地盼望一种统一的页面开发技术，该技术应该具有的特点：①与操作平台无关，能够在任何Web或应用程序服务器上运行；②将应用程序逻辑和页面显示分离；③提供代码重用，简化开发基于Web的交互式应用程序的过程。

JSP（JavaServerPage）技术就是被设计用来满足这样的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的网页开发技术，它是基于JavaServ－let以及整个Java体系的Web开发技术，是Servlet2．1API的扩展。利用这一技术，可以建立先进、安全和跨平台的动态网站。

Java是未来的主流开发技术，具有很多优势。JSP则是Java在Internet／IntranetWeb上的重要应用技术，得到了广泛的支持和承认，它可以和各种Java技术完好地结合在一起，从而实现非常复杂的应用。

作为一种基于文本的、以显示为中心的开发技术，JSP提供了JavaServlet的所有好处。为了做到逻辑功能和显示功能分开，JSP已经可以和JavaBeans、EnterpriseJavaBeans（EJB）和Servlet一起工作。JSP的开发人员可以通过使用JavaBeans、EJB和Servlet来完成大部分与网站逻辑相关的工作，而仅仅把显示的工作交给JSP页面来完成。内容和显示逻辑分开的好处在于，更新页面外观的人员不必懂得Java代码，而更新Java类的人员也不必是设计网页的行家。这就可以用带Java类的JSP页面来定义Web模板，以建立一个具有相似外观的页面组成的网站。Java类完成数据提供，在模板中就没有Java代码，这意味着这些模板可以由一个HTML编写人员来维护。

JSP作为当前主流的网页开发技术，具有如下特点。

1）将内容的生成和显示进行分离：使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终的页面。使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求来变化的）。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。

2）强调可重用的组件：绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。得益于Java的操作平台无关性，开发人员能够很方便共享和交流执行普通操作的组件，或者使得这些组件为更多的使用者所使用。基于组件的方法加速了总体的开发过程，极大地提高了项目整体开发的效率。

虽然JSP功能强大，但是它要求网页开发人员对Java要相当熟悉。而现在Java程序员还比较少，对一般的网页开发人员来说，JSP的语法还是比较难于掌握的。所以，就需要有一种网页开发工具，为一般的网页开发人员提供常用的JSP应用，让只懂得一般页面开发技术（HTML）的开发人员也能够使用JSP的强大功能。

1系统设计目标和使用的主要技术

1．1设计目标

本系统的设计目标是为只懂得HTML但完全不了解JSP的一般网页开发人员提供一个网页开发工具，使他们能够根据系统文档，通过标签使用JSP的常用功能，最后生成一个只包含静态HTML和JSP标签的动态JSP网页。

1．2主要技术

本系统在设计时，主要考虑使用模板和JSP标签的技术来实现。

1．2．1模板技术

模板技术被广泛地应用于各种开发和应用系统中。它预先生成一些常用的框架结构，使用户可以根据自己的需要方便地从模板库中选择模板，而不用自己重新去搭建，节省了用户的开发时间，方便了用户的使用。在本系统中，将页面按照功能类型进行分类，归纳出常用的页面类型，生成模板库。

1．2．2标签库技术

在JSP中，动作是可以创造与访问程序语言对象和影响输出流的元素。JSP定义了六个标准的动作。除了这六个标准动作以外，用户可以定义自己的动作来完成特定的功能。这些动作被称为客户化动作，它们是可重用的程序模块。通过这些动作，程序员就可以在JSP页面中把页面的显示功能也部分地封装起来，使整个页面更加简洁和易于维护。在一个JSP页面中，这些客户化动作是通过客户化标签来调用的。而标签库（TagLibrary）就是客户化标签的集合。

JSP标签库是一种通过JavaBeans生成基于XML的脚本的方法。它是JSP的最大特点之一。通过标签库，能够无限制地扩展JSP应用，完成任何复杂的应用需求。

JSP标签库具有以下特点。

1）易于使用：JSP中的标签和一般的HTML标记外表上是完全一样的，使用起来和普通的HTML标记一样方便。

2）易于代码重用：标签库中的每一个标签都能完成一定的功能。一旦定义好了一个标签库，只需要把这个标签库包装成一个Jar文件，那么以后只要在别的系统中使用这个标签库就行了，而不用重新开发代码，极大地提高了系统开发效率，降低了开发成本。

3）易于代码维护：所有的应用逻辑都封装在标签处理器和JavaBeans中，所有的标签都集中在一个标签库中。如果需要更新代码或者需要修改一个网页上的功能，只需要修改相应的标签即可。通过这种统一维护方式，不用在每个网页上去作修改，极大地减少了维护的工作量，节约了维护成本。

4）易于系统扩充：如果需要向系统中添加新的功能，只需要定义一个新的标签来完成这一功能即可，无需对系统的其它方面作任何改动。标签库可以继承JSP规范各方面的特性。这样就可以无限制地扩展和增加JSP的功能，而不需要等待下一版本JSP的出现。

2系统的组成和实现

2．1系统组成

本系统主要由四个部分组成，见图1。

1）数据库连接部分：本系统支持常用的几个数据库，包括Oracle、Sybase、MSSQLServer、MySQL和DB2，根据用户选择的数据库类型和用户提供的数据库名称、用户名、密码使用JDBC同数据库相连。

2）系统基本表生成部分：和数据库连接以后，根据同数据库相连的用户名生成两个系统基本表TC－Tables和TC－Columns，TC－Tables表包含在该数据库中属于该用户的所有的表的英文名称、中文名称和一些属性，如是否可修改、是否可查询等；TC－Columns表包含在该数据库中属于该用户的所有的表的所有列的中英文名称和其它一些属性。如是否可显示、是否可查询等。这两个系统基本表在整个系统的开发过程中提供用户所使用数据库的基本信息。

3）模板选择和网页生成部分：该部分是系统的核心部分。它包含了两个子模块。

①模板选择部分：系统为用户提供模板选择界面，让用户根据需要从模板库中选择所要使用的模板。

②模板处理部分：根据用户选择的模板，系统调用指定的模板处理模块对这个模板进行处理。当处理程序遇到模板中的标签时，就为用户提供交互界面，让用户为指定的标签输入参数，并由系统验证用户输入的标签的有效性。最后由系统完成JSP页面的生成。

4）网页预览和修改部分：网页生成出来以后，系统为用户提供了一个网页预览窗口和代码查看修改窗口。通过这个预览窗口，用户可以预览一下生成出来的JSP页面的效果。如果用户对页面的静态方面的效果不太满意，用户可以通过代码查看修改窗口修改代码中的HTML代码。如果用户对页面的静态效果有进一步的要求，系统还为用户提供了一个调用DreamWeaver编辑器的接口，用户可以使用它来对生成出来的JSP页面的静态效果进行进一步的修改和完善。

2．2系统的实现

2．2．1模板库和标签库的实现

标签库的规划和设计在整个系统设计中至关重要，它关系到了代码重用的程度和系统运行的效率。它的规划应该遵循以下原则。

1）在标签中应该尽量少的包含静态的HTML。对于一般用户来说，标签是透明的。用户不能够查看和修改标签。如果在标签中包含了过多的静态HT－ML语句，将影响用户对页面的静态效果的修改和完善，限制标签的使用。

2）尽量提高代码的重用度。在对JSP应用进行分类是尽量把公用的JSP应用提取出来，形成标签。而不用在每个标签中都重复实现该应用。这样在以后要对该应用进行修改和完善时，只需对这一个标签进行修改即可，易于代码的维护。

3）方便用户的使用。在设计标签库时，应该充分考虑到用户的使用情况，使用户能够很容易和方便地理解和使用标签。

①标签库的定义：定义一个标签库，必须首先定义一个标签库描述文件（TLD）。这是一个基于XML的脚本文件，在这个文件中定义了XML的版本、所使用的编码、标签库的版本、所使用的JSP的版本、标签库的名称和这个库中所包含的所有的标签的定义和参数描述，包括标签的名称，标签所对应的Java类，标签的描述信息等。

②标签的实现：一个标签就是一个特殊的Java

类，这个类必须继承TagSupport类，这个类是在javax．servlet．jsp．tagext包中定义的。在标签类中，包含了这个标签的参数初始化方法（Set／Get）、标签的主体处理方法（Handler）以及供下一级标签调用的方法等。

③模板的实现：一个模板就是一个含有标签引用的JSP文件。为了在模板中引用所定义的标签，必须首先引入标签库。

＜％＠tagliburi＝“tag．tld”prefix＝“ctag”％＞

其中uri指定标签库描述文件的路径；prefix指定引用标签时所使用的前缀。

在模板中引用指定的标签时，使用引入标签库时所指定的前缀，指定标签的名称；为标签的参数赋值。

2．2．2系统开发环境

本系统主体程序开发使用的是Borland公司的JBuilder6．0，模板开发使用是Microsoft公司的Front－Page2000，标签库开发使用的是UltraEdit编辑器，JDK采用的是JDK1．4。系统测试环境是JRun3．0。

3结束语

Java是未来开发语言的主流，而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库，使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能，开发出技术先进的JSP动态Web页面。由于本系统采用Java语言进行开发，所以可以在任何支持图形化界面的操作系统下运行，实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口，使用户可以自己扩充模板库和标签库，进一步增强系统的功能。

参考文献

［1］CayS．Horstmann，GaryCornell．Java2核心技术（CoreJava2）［M］．北京：机械工业出版社．

篇（3）

1.1案例教学法案

例教学法是一种具有启发性、实践性,能开发学生思维能力,提高学生判断能力、决策能力和综合素质的新型教学方——“分析案例”——“制作案例”的过程，培养学生分析问题，解决问题的能力，达到学习知识技能，灵活应用的目的。例如，在讲解ASP中的Request对象时,教师先展示一个表单提交的案例，然后引领学生分析我们在点击提交按钮后，如何在另外一个页面中，得到提交页面相应的属性值呢？学生在老师的启发下动脑思考，引出Request对象的作用，接着教师讲授Request对象的各种方法的使用。学生在深入理解后，运用知识制作此案例。

1.2任务驱动法

任务驱动法在课堂教学中，教师为学生布置上机操作任务，通过实际任务展开教学。学生通过亲自动手操作，主动建构探究，培养了学生创新精神和实践能力，提高了学生的综合运用知识的能力。例如在学习表单制作时，以现实生活中注册电子邮件为例，提出表单的概念，然后讲解其实现理论，接着布置实际任务——投票系统，让学生用知识去解决任务，进一步加深理解知识。

1.3分层教学法

成人的学习能力差异大，存在个体差异，因此，教学中采用分层教学法。在实际教学中，教师根据学生现有的知识、能力水平和潜力倾向把学生科学地分成水平各自相近的几组，如A、B、C三组，A组是按大纲基本要求进行教学的学生；B组是按略高于基本要求进行教学的学生；C组是按较高要求（能发挥学生数学特长）进行教学的学生。学生分组不是固定的，而是随着学习情况及时调整。每组布置知识程度不同的学习任务，并且在教师恰当的指导下，让全体学生从各自的层面体验成功的愉悦。

2模拟化网络教学

开放教育是传统教育与网络教学相互融合的产物。网络教学以其独特的魅力在开放教育中发挥着越来越重要的作用。学习已经不再局限于课堂，学生只要有上网条件，无论何时何地，都可以方便的学习，打破了时间和空间的限制，因此，网上资源的好坏直接影响学生的学习效果。因此，笔者充分利用网络资源，以教学大纲为依据，遵循厚基础、重能力的原则，开发了此门课的模拟化网络教学系统。此系统有“教学大纲”、“课程教案”、“模拟实验”、“经典案例”、“自我测试”、“课程讨论”等栏目。分层次，多模块，手段直观、丰富有趣的一系列实验教学单元。制作文字、图像、声音、动画于一体的丰富多彩的模拟实验教学内容。模拟实验教学的指导效率更高。使理论教学与实验教学、基础与前沿、经典与现代、实验内容与实际应用有机结合，更有利于学生学习，并且可以反复阅读，是面授课堂一种好的补充与强化手段。

3多样化互动教学

3.1课堂互动

成人有丰富的社会阅历和人生体验,有更为强烈的对话意识和平等意识，因此,师生活动主要体现在，放下身段，深入到学生们之中，和他们们交朋友，交流心得，平等对话，互相学习。鼓励学生大胆地表达自己的想法，畅所欲言，和学生共去探索知识的世界。所谓生生互动，就是学生和学生之间可以互相讨论，交流心得。在实际操作中将学生分组，合作学习，这样促使小组成员积极参与，培养学生团结合作意识，集体荣誉感。人机互动是学习《动态网页设计》这门课必不可少的环节。只懂理论，不会应用，犹如纸上谈兵，完全失去了学习的意义。所以，课上学生必须上机实践，在实践中掌握知识，消化知识，融会贯通。

篇（4）

二、平面规划基本思路首要

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

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

1、体现规模的不一样

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

2、束缚性的不一样

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

3、技能上实践的不一样

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

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

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

篇（5）

网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。

2.网页设计是平面设计在网络时代的延伸

伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。

3.网页设计和平面设计在技术上的区别

网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。

篇（6）

1.1从编写代码到创建实际任务。传统的网页教学总是以编写HTML超文本标记语言、CSS层叠样式表文件、JavaScript为基础，通过Dreamweaver工具的拆分模式实现可视化的实际效果与基础理论的结合来展开。这样的教学方式与网页的实际应用联系较少。使得学生在学完网页之后难以解决具体的实际问题。采用任务驱动的教学方法，通过实际项目，引入真实情境，如玩具销售店、我的大学生活、学科资源网站等。让学们从单纯的学生角色转化为网站构建者，成为一个生产者。这样大大激发了学生的学习动力，并肩负责任感和成就感去学习。学生在构建实际网站过程中直接、频繁地接触计算思维的概念，如网页结构的搭建，样式美化的属性设置等，并不断提升系统性的思考能力和创意思维能力。构建网站时系统性的思考力是指学生需要在设计诸如导航条或链接中从设计网站、解决问题和理解用户需求的角度去“仔细思考用户与网站的互动方式以及根据意图实现功能的方式解决问题”[1]。构建网站中的创意思维是指学生可以把网页设计学习融入到创作具有实际意义和真实内容及富有个性的网站构建过程中，将学科学习与实际生活相统一。

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的，而是需要团队的合作共同完成，当前的信息产业的工作都不是一个人独立能够完成的，而需要与他人合作完成。因此，独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标（知识技能、过程与方法、情感态度三方面）制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法，采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程，根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况；阶段评价即是期中评价，通过期初时提出主题网站任务，学生在学习过程中着手规划、设计、实施并完成任务，在学期中期进行集中评价[2]，起到贯穿始终、承前启后的作用；期末考试采用上机考试，题型包括根据给定素材及代码截图拼出网页页面，根据给定模板和主题要求，在现有素材的基础上实现网站规划及网页设计。

篇（7）

二、图形元素

图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。

三、色彩元素

色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。

篇（8）

二、思考与探索

（一）优化教材体系

“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。高职高专《网页设计与制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。网页设计与制作课程教材，内容应以教授基础、基础与案例相结合、案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选教学内容，以使教学过程中教材利用最大化。

（二）改革教学方法与手段

1.明确学习目标

分阶段教学根据高职高专学生特点，明确学习目标，进行分阶段教学。前期以讲授课程基础为主，旨在让学生熟练掌握本课程基础操作，以便中后期案例教学能够及顺利递进难度；中后期教学需要理论联系实际，结合启发式、直观式、交互式教学方法，鼓励学生独立思考，勤于动手，激发他们的学习积极性和主动性。

2.加强实践

注重技能培养任务驱动，小组协作。开展以制作某一特定网站或者多类型网站为目标的项目教学，使得学生不仅能够掌握《网页设计与制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。以职业需求为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。

（三）加强“双师型”教师

培养优秀的师资是高职院校办学的根本保证。提高高职教师“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在合作企业顶岗工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。

篇（9）

最原始的方法是按下键盘上的<PrintScreen>键，将当前屏幕复制到剪贴板上，再通过其他图片处理软件进行加工；也可通过相应的屏幕截取软件工具进行屏幕采集如HyperSnapDX、SnagIt等。

2从网上下载

网络资源异常丰富，在Internet上可供选择的素材很多，可以直接访问网页，从网上搜集我们需要的图片，并通过保存图片或者通过电子邮件、网际快车等形式下载相关的资料素材。

3用扫描仪采集图像

可通过彩色扫描仪将报纸图书等纸质的图片素材进行扫描，把各种印刷品及彩色照片数字化后在计算机中存储起来供使用。

4使用数码相机及数码摄像机采集图像

可使用数码相机和数码摄像机进行图片的拍摄和录取，然后将相关图像信息存储到计算机中进行处理，这应用的非常普遍。

5通过计算机软件进行绘制

可通过各种绘图软件进行绘制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。这些工具软件在图形图像的处理方面功能很强大，不但可以很方便的处理图形图像，还可以优化图片的质量，提高网页的下载速度和制作效率。

二图片在网页应用中的处理方法

1退底处理

可以形成生动的边缘效果，使画面更具活力。有时也为了去除图片中繁杂的背景，使图片主体更简洁醒目。

2虚实处理

通过对图片进行虚实处理，也可使主体更突出，增强网页的空间与层次感。同时通过虚实的对比，使画面形成张弛有度的关系，其虚的部分可激发人们的想象力，有助于产生联想。

3影调处理

通过各种图形图像处理软件，对图片的色度、饱和度、明度、纯度等进行调整，可以制作出各种色调的图片效果，从而大大增强图片的感染力。如将整张图片进行去色处理、产生单一色调效果或突出某一主要色调等

4质感处理

通过对图片的质感处理，可以激发人们的联想与情感投入。如粗糙的表面效果，可以带给人们的质朴的感受；对图片进行残缺处理和作旧处理，可以带来一种沧桑感等。利用Photoshop图层和滤镜等相关功能，可以制作出不同质感的图像效果。

5局部与特写

有时为了突出某一特定部位，或获得某种特别的视角，需要对图片的局部进行特写处理，通过对图片的重新剪裁而获得一种特别的视觉感受。

6综合处理

在很多时候，为了某种表现效果，需将各种方式综合利用，以达到设计的目的。例如，对图片进行重新分割与组合、混合等。

篇（10）

点、线、面是视觉构成的基本要素，网页的所有信息都是通过点、线、面的合理搭配出来的效果，因此，要提高网页的视觉效果，首先就要从这三者的结合上来分析。例如：在点的运用中，工作者可以通过将点聚合或者离散使用，从而达到动静态结合的效果，满足用户的需求。另外，通过点的有效结合形成线，线之间交叉使用，虚实线的结合、线的明暗渐变等，让整个网页的版面形成大概的轮廓，达到版面的基本效果。

（二）图文、色彩的合理搭配

在网页设计中，图文、色彩也是必不可少的视觉构成因素，不同的图文、色彩搭配达到的网页效果就会千差万别。所以，设计者要想提高网页的视觉效果，还需要将更多的精力放在图文与色彩的合理搭配上。在选择网页的图片、文字、色彩等信息时需要与网页的主题结合起来。所选的文字、图片要具有代表性，能够体现出网页的主题，选择的色彩更应该科学合理，对于比较柔情的网站可以选择淡粉色，而对于某些具有科技研究性能的网站要选用蓝色、绿色等有生机的色调来渲染。另外，所选的色彩还需要合理搭配才能体现出网站的主题，同色调的搭配、相似色调的搭配、反差大的色调搭配以及主色调的选择、辅色调的选择等都要设计者仔细掂量，并将网站的主题结合进来，才能让网页的视觉效果吸引用户的眼球。

（三）将用户的认知习惯合理的结合起来

不同的用户具有不同的思维习惯，他们的审美观也各不相同，要想让用户对网页的设计效果满意，还需要将他们的认知习惯科学合理地结合到网页设计的过程中。设计者不仅要具有良好的专业素质，还要具有明确用户需求、了解用户认知习惯的能力，才能将各种网页设计中的视觉构成要素科学系统地结合起来，达到设计网页的效果，达到用户的需求。