网页设计论文范文

引言：寻求写作上的突破？我们特意为您精选了12篇网页设计论文范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

（1）上课主要讲解Dreamweaver软件的使用，主要介绍如何使用这个工具进行网站的开发。

（2）介绍fireworks如何绘图，并将绘图的内容切片，将网页展现出来。

（3）将Dreamweaver、Flash和Fireworks分别教给学生。由于课时的原因，学生每种都会点，但没有一样能精通。

2、存在的不足：

经过与现从事网站建设相关工作的学生调研，我发现上面的任何一种教学内容，都无法在实践中得到充分的应用，原因如下：首先，从事网站设计的企业，一般都有专门的美工，负责网页界面的设计，他们的美术功底及设计能力远非计算机专业的学生能达到。其次，现在的网站基本采用DIV+CSS进行设计，原先采用表格设计网页的技术已处于淘汰阶段。而在目前的教学中，DIV+CSS在中职学校中根本没有开展教学。于是就出现了这样的现象：计算机专业的学生在网页设计的岗位上美工做不好，页面也不会设计，教学内容和实际需求的能力脱节。

3、当前计算机专业的网页设计课程教学内容的组织

首先，在学习Dreamweaver的基础上，讲解HTML语言。其次，好的网页需要有新的技术支持。现在主流的网站都采用了DIV+CSS结构,DIV+CSS是网页美工必须了解和掌握的一门技术,DIV+CSS采用样式和结构分离的方式,利于搜索引擎读取网站页面,方便管理和网站维护。

二、教学方法和教学思路探索改善

针对上述提出的实际问题，我对中职网页设计教学的教学思路和教学方法提出以下的见解：

1、提高教师实践能力水平，改进教学方法。

作为网页设计课程教学的教师来说必须关注互联网应用的实时趋势，走出课堂、走出校园、深入到企业了解就业市场需求。学校可以加强校企合作，从政策上引导和鼓励教师利用寒暑假深入到企业进行实践。深入了解一个完整的网站的创建过程，从规划到素材的搜集与处理，到网站制作，再到网站维护。教师把企业中的项目拿到课堂教学中，学生从完成项目的过程中，明确地知道自己学习了网页设计这门课程，以后能做什么工作，在工作中怎么去应用课堂上的知识。

2、多种教学方法并用，优化课堂教学。

(1)分层次教学法

传统的课程设计对所有学生都制定统一的标准和要求,这样影响了基础好、动手能力较高的学生,抑制了他们的发展。“分层教学”就是进行有层次的教学，针对于每堂课程给每个层次学生制定不同的标准,根据学生掌握的水平和对这门课学习的兴趣、智力水平及内在潜力等一些软指标来区分学生层次,让同学们在正确认识自己、评价自己的基础上进行自我选择。教学对象的分层有利于教学目标的分层,可以更好地调动每一个学生的学习积极性、主动性。

(2)个性化教学法

网页设计教学有别于其他软件的教学,它具有较强的实践性。所以在教学中应充分体现学生的主体作用,虽然很多教师都注意到了这一点,教师利用较短时间操作演示,让学生用大量时间去实践,但是学生出现了模仿、记忆的操作过程,往往按部就班的学习,知识没有经过自己思维的深加工而一知半解。为了避免该问题发生,教师在综合训练时可以提供给学生一些优秀的网页作品供学生参考,让他们在某一特定主题下自己动手制作。这样才有利于学生探究知识、自我学习能力的培养,也能充份体验出学生的个性，从而保护了每个学生的创造力。

(3)案例教学法

案例教学法对于这门课程是非常重要的，要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，见多才能识广，教师在上课的过程中，一定要精心设计案例，案例应该由易到难，不能让学生产生畏难情绪，而降低积极性。案例教学的着眼点在于学生创造能力以及实际解决问题的能力的培养，不仅仅是获得那些固定的原理、规则，而是如何用更有效的方式获得知识。案例教学是一种“做中学”的形式，它是从经验与活动中获取知识，增进才干。通过案例教学，学生不仅可以从中获得认知的知识，而且有助于提高表达、讨论的技能，增强面对困难的自信心。

（4）任务驱动法

任务驱动法是以完成具体任务为目的而展开教学活动，使学生紧紧围绕任务进行探索学习，由浅入深，由简及繁，循序渐进地完成特定的教学任务。在整个过程中，学生是学习的主体，教师只起到引导的作用，从而使学生逐渐养成发现问题、思考问题、分析问题、解决问题的习惯。同时“任务”的完成使学生有成就感，激发学生学习兴趣，从而使学生由传统的“被动学习”状态转化为“主动学习”状态。本课程期末考核可以通过设计一个覆盖网页设计与制作所需要掌握的知识和技术的总任务，然后再将总任务进行细分为一个个小的任务，做到具体小任务的完成推动总任务的完成。通过任务的完成，学生能够在一个学期内有效的掌握相关知识和技能，提高了学生学习效率和实际操作能力。因此，任务驱动法在网页设计教学中是非常有效的。

3、教学手段，以启发和体会为主

在网页设计教学中，理论知识讲得再多，如果学生不会灵活运用，一点用处也没有。在教学中，不必太拘束于理论，应让学生结合实践，去理解和体会知识。如在学习网页的布局和页面色彩时，教师应找各种各样的典型网页或网站，让学生在上网或观察中体会。学生在观察和研究这些不同的网站设计的时候，教师可以让学生评选出自己喜欢的或者是觉得最好的和最差的，让学生说说它们的差异。通过这样的观察和体会，让学生明白网页设计过程中，需要注意什么，怎么做才会更好。学生结合自己的实际体会，归纳总结出自己能理解和掌握的知识。

4、实践环节重引导

中职计算机教学更重视实践，重视动手操作，否则理论知识再丰富，如果不会动手实践，也不能保证学生能够更好地就业。实践环节不但要重视，还要高效，有些学校在课程的实践方面，分配了足够的课时，但实践的效果并不好。在网页设计这种相对比较开放和自由的实践课上，可让学生充分发挥自己的想象力和创造力。值得注意的是，在学生的实践过程中，教师要对学生进行适当的帮助和引导，如果任由学生自己去摸索，那么很可能在上机实践这段有限的时间内，学生很难做出点东西来。这个阶段并不是学生探索的阶段，重要的是鼓励学生把设想变为现实。

三、考核、评价方法的改变

网页设计课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，那么单纯靠最后的期末考试，是不能确切的评价一个学生的真实水平，而要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占50%，期末考试占50%。平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，而不是要求在给定时间内完成任务，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，何况学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。

篇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

2逃避验证存在的安全问题

如果用户知道网页的文件名或者是路径，就会出现逃避验证现象，使网站的安全性下降。一旦网页没有用户的登录限制，用户在网页中直接输入网页的文件名，不用进行登录验证，就可以读取网站内容，这对网站的安全是严重的威胁。所以，为了有效避免这个问题，需要网页设计人员加强网页设计信息的保密工作，提高网站信息的安全性。此外，对一些重要的网站内容加强用户身份验证限制，这样所有的用户在登录相关页面时，都必须进行身份验证工作，验证通过之后，才能使用里面的相关信息，这样会大大提高站点的数据安全性。

3桌面数据库被下载的安全漏洞

桌面数据库被下载的安全漏洞主要是ASP+Access应用系统中的问题。通常情况下，用户都可以通过网站下载相关的信息，但是如果知道Access数据库名称及存储路径，就可以任意下载数据库中的信息，从而导致数据库中的机密信息泄露。比如，图书馆系统中的Access数据库其名称和存储路径一般为Library.mdb和URL/database。此时，只要在WEB浏览器的地址栏中键入URL/database/Library.mdb，就能将Library.mdb数据库下载到本地计算机中。所以，为了有效避免上述问题，在设计ASP程序时，数据源要尽量使用ODBC数据源，这样数据库名称就不会被直接写入程序中，避免出现ASP源代码和数据库名称一起失密的现象。此外，还要对页面进行加密处理，这样可以有效提高数据库系统信息的安全性，避免数据库内部资料被窃取。ASP页面的加密主要有两种方法：一是，应用组件技术将编程逻辑封装在DLL中；二是，应用ScriptEncoder加密ASP页面。通常情况下都会采取第二种方法对ASP页面进行加密，因为使用第一种方法对ASP页面进行加密时，需要将每段代码组件化，工作量特别大，并且操作十分繁琐。采用ScriptEncoder方法加密ASP页面时，其操作比较简单，编辑性强，具有以下四方面的优势：(1)HTML具有良好的可编辑性，使用ScriptEncoder加密ASP页面时，只需将ASP代码嵌入到HTML页面中，故仍可以使用常用网页编辑工具如Dreamweaver等实现HTML部分的完善，但是ASP加密部分不能任意更改，否则将会对文件造成破坏，导致其失效；(2)可以加密当前目录中的所有ASP文件，加密后并将其统一输出指定目录中；(3)应用ScriptEncoder加密ASP页面的操作十分简单。(4)criptEncoder加密软件是免费网件，可以从网站上直接下载，安装、注册验证即可。应用ScriptEncoder对代码加密，既简单方便，安全性又高。随着ScriptEncoder加密技术的广泛应用，DLL封装方法的使用越来越少，逐步被淘汰。ScriptEncoder编码过程如图3所示。

4文件上传存在的安全问题

很多网站都具有文件上传功能，比如学习网站，教师上传一些学习资料等，但是网站的设计人员在设计网站时，没有设置过滤参数过滤功能，导致非法攻击人员利用这个漏洞上传一些恶意文件破坏网站的数据库系统或者是执行任意命令。为了解决这个问题，提高文件上传的安全性，应该在网站系统中添加判断程序，这样，系统在获得用户的文件上传请求之后，先对文件的安全性进行判别，符合文件上传的条件，才能完成上传操作，这样可以避免网站中上传一些非法文件，对系统造成破坏。

篇4

作者：董彩霞 单位：山东商务职业学院

一个阶段是总结阶段，这个阶段的案例的选择要具有实用性，要采用企业的实际案例，模仿企业的运行模式来教学，案例要选取企业中实际制作项目。这样一整个备课过程下来，教师就对整个教学有了事先的良好把握。在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式，老师是项目经理人，学生是企业员工。在这种教学过程中，一开始学生就是作为新进员工参与其中的，教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接，可以是为网页设计漂亮的导航，可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计，要注意要及时的调动学生的积极性，对于完成的好的作业案例要给予表扬，适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下，学生的基础制作水准有了很大的提高，这时候要及时的推动教学进入下一个提高阶段，这时候教师要把自己的角色定位为项目经理人，提出一些有代表性的项目，比如为某酒店制作一个网站，提出各种要求，让学生在规定的时间内制作完成。这阶段教学的过程，教师要有耐心，要有一定的高度，对于学生的要求要严格，对于学生作业中出现的问题要马上提出，并督促学生做出优化设计。这个阶段的案例一定要全面，给学生的项目要有代表性，对目前使用范围比较广的网站设计方向要把握准确。

在最后的总结阶段，教师提出的案例最好是企业所提供的，这种实例更具有实际性和探索性。比如，为宏福祥服饰有限公司制作网站。在这个网站的制作过程中，就有学生的大量参与，从选片修片到整个版面的设计，乃至后台的制作设计，学生们都做出了巨大的努力。在这个网站的制作过程中，学生分成了五个小组，做出了五套网站设计方案，最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

教学结果评价的改革在以往的教学中，都是以考试来评定教学结果的。在新的校企一体化的教学模式中，我们摒弃了以往的评价模式，采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现，作业成绩三七开的方法来考核学生。在作业的评定中，为了使评定结果更客观，我们采用专业教师和合作企业代表共同参与学生的作业讲评，根据讲评综合给分。这种考核方法更为合理有效，不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。有效合理的利用校内实训在网页设计的主要授课过程结束以后，最好要安排一至两周的校内实训。在实训周内，整合学生的全部力量，完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平，培养学生成为网页设计师的良好时机。在这个过程中，教师要为学生选好实训项目，最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后，一直以来都是分开来使用的，这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍，选用Photoshop制作出版式配色等整体效果设计，然后切片导入到Dreamweaver中，对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片，这样完成的项目更具有吸引力。通过合理有效的校内实训，可以加强学生的设计能力和创新能力。

要鼓励学生积极的到企业亲身体验企业的经营模式。学生在企业中可以得到具有多年丰富实践经验的师傅的指导，从与客户谈单签字到制作出台，无一不在锻炼学生的职业技能和职业素养。利用好假期参加社会实践，是高职学生提升自己的良好出路。职业教育，是中国教育必须要走的教育道路之一。西方的科技大国无一不是在走职业化道路，比如制造业大国德国、法国，都是职业教育走的相当出色的国家。在职业教育中的改革与创新也一直是我国在探索的道路之一，做好职业化教学是每一位职业教育者努力的方向。为此，本文就网页设计教学中的改革提出了一些微不足道的看法，希望能为职业教育的发展尽一点微薄之力。

篇5

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

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

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

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

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

篇6

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

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

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

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

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

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

篇7

以网站内容为主导，向浏览者表述和传达咨询，如产品、服务、理念、文化等等，根据内容，分为几大部分，再根据功能划分，最后进行网站页面的设计美化工作。大致可以分为：菜单栏，导视栏和一些辅助功能栏，人们比较习惯于将这些功能划分在上面，左侧和右侧。传统的网站设计过于呆板，已经不再适应现在网络飞速发展的今天了。而作为企业宣传的其中一种，提升企业互联网品牌形象中至关重要的一部分就是精美的网页设计。

（二）丰富多样的动态效果的网站页面逐渐出现

信息时代的新媒体，其与浏览者进行网络互动的特点极大地了新环境下的交互式设计革命。浏览者已经不仅仅满足于通过鼠标机械地点击来浏览网页,而是使用者要求选择导航菜单进行花样翻新。现在加入动画语言的网站设计越来越受大众的喜爱，一些国内的艺术类独立网站，一些私人BLOG，和一些追求经典的企业都已开启了亦或优美的，亦或幽默搞笑的动画互动功能。在韩国和日本的网站设计，动画语言已经运用的很成熟了，而国内的腾讯QQ空间，已经在把个人空间做出了很多动画效果的方便初见成效。

二、动漫元素在网页设计中的必要性

加拿大著名的传播理论家赫伯特•马歇尔•麦克卢汉在他的经典著作《理解媒介-一论人的延伸》一书中写道:“罚矛弄姆容易把技术工具作为试用者犯罪孽的替罪羊，现代科学产品的本事无所谓好坏，决定他们价值的是他们的使用方式。”网站与人的互动设计就好比是一场互联网设计革命，它是人类在视觉、听觉和触觉等方面的要求和提高，是人类对于世界的审美的提高。一个成功的网站设计，除了对于网站内容是硬件要求之外，对于网页和浏览者的互动设计则是重要的软件要求。浏览者和网站的互动性与参与性，决定了该网站对于大众的吸引力和点击率。任何一家网站都有一定的互动性,而好的动画语言添加在这种互动性的体验中就为网站增添了更多的趣味性。

三、动画元素在网页设计中的具体体现

（一）主页互动

主页中的动画展示是最关键的一部分，也是大多企业投入设计费用最多的一部分。形象展示动画如同网站的形象广告,起着不可忽视的作用。它的强烈的动态效果,给浏览者的内心留下一个最初且深刻的印象，将浏览者轻易的引导入该企业文化中。一般情况下，企业会将自己的企业理念或者是企业的产品做成宣传片置于首页的动画中，抑或是做一个关于企业产品的小游戏，来与浏览者进行互动。这样，在用户打开网站时，便会被一种包裹式的试听效果和形象展示所吸引。

（二）鼠标显示

目前鼠标的动态效果千奇百怪,如浏览者将鼠标移上导航栏时和点击后出现的动画效果,可以给浏览者带来一种新奇感。目前有很多网站开始以动画的特效鼠标来吸引浏览者的眼球,或展现其网站的特色。例如卖蔬菜的网站往往会将鼠标做成胡萝卜的效果。当然,除了鼠标动画设计中需要的语言编程。设计师在做鼠标动画效果时,还要注意另外两个方面：一种是关于色彩的动画，通过色彩的明暗度或者饱和度等等方面的变化，进行动画效果。另一种就是在鼠标滑过或者点击的过程中，鼠标周围出现例如小范围的闪亮或者光晕的动画效果，这类效果无形中为网站添加了许多梦幻效果。这些设计主要还是要和网站整体设计风格进行搭配设计。

（三）进度条设计

目前网站中的进度条设计是应用动画元素最多和最普遍的地方了。由于网速的限制，导致在浏览者打开网站或者下载时中间会出现卡壳或空挡，这时候大多会跳出一个进度条来显示其运行速度。各大网站对于进度条的设计真可谓是百花齐放各显神通。进度条设计虽然是一个很不起眼的小FLASH动画，但不小觑这些细节设计，进度条的设计精致与否，也关系到整个网站的设计成败，乃至企业文化的精髓。

篇8

二、思考与探索

（一）优化教材体系

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

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

1.明确学习目标

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

2.加强实践

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

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

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

篇9

这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。

2.内容和形式的分离

对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。

3.通过较小的视觉牺牲换取较大的性能提升

有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。

4.图形艺术的界面处理

新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。

篇10

（一）使用宋体等常用的字体。所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置，在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统，其安装时就自带的4种中文字体和40多种英文字体，四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。

（二）图片的方式置入网页。根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。

二、文字的大小设置

由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。

三、文字的颜色选择

篇11

文字是最普遍使用的视觉符号元素。文字的编排设计有字体的选择、创造以及运用等。在网页页面设计中，与其他视觉元素相比文字更具有辨识性。所以说，只要对文字进行编排设计，浏览者就更加容易接受所传达的信息。在处理文字造型时要适应文字的形态构成、空间布局、色彩搭配。通过设计与编排，文字提高了信息的准确度和可读性，从而达到良好的视觉传达效果。

2.图形图像元素

图形图像是网页中最重要的设计元素之一，具有直观、形象的特点，因此易于浏览者理解和接受。图形图像的有效应用使网页更加美观、生动，这有利于信息的传达。图形图像在网页设计中有着传达性、装饰性、表现性、趣味性、超越性等重要功能。网页页面主要是向浏览者传达信息。图形图像是最基本的实用功能，对图形图像采用夸张、象征、比喻的手法来体现视觉效果，可以让浏览者更快、更准确地了解信息。个性化的网页设计，新颖的图形语言，人性化的组合方式，往往会更加引人注目，给浏览者独特的视觉体验。图形图像使得“艺术无国界”，它用特殊的语言来传达信息。网页作为全球性的媒介，当浏览者在网页上找不到自己熟悉的语言版本时，图形图像大致了解了他们的信息需求，拉近了信息的传达者和接收者之间的距离，消除其陌生感。

3.色彩设计

在网页设计中色彩的主体色调具有先声夺人的力量，网页让浏览者产生心理共鸣。运用色彩传达信息，增强了网页的可理解性和易识别性。色彩产生了强烈的视觉效果，使得页面更加生动。色彩设计是页面设计的语言，是网页页面设计中的重要元素。色彩在网页设计中有视觉区域的划分、重点主题的突出、视线的吸引。只有利用色彩的力量，不断设计出各式各样的优秀页面，在网页页面设计中，色彩的应用或含蓄优雅，或端庄大方，或单纯简洁等，但无论哪种形式其目的都是为了引起浏览者的关注，增强网页视觉信息的传递。

4.版式设计版式

在网页页面设计中有着实用功能和审美功能。网页版式设计的实用功能就是人机交互。在网页设计时要了解网站的目的及想传达的信息，不同的网站都有不同的特色、重点。网页中设计的导航栏和空间划分组合的版式编排，及清晰合理的设计元素要符合整体风格，版式合理有序的排列使得信息有效传达。网页版式中的审美功能是为了满足浏览者的心理需求，浏览者在浏览网页的同时，版式设计使他获得了快乐与舒心的体验。网页版式各视觉要素要进行平衡与调整，使其成为一个有机的整体。保持布局设计的独特风格，可以提高网页界面的视觉表达和感染力度。

二、数字网页设计中的媒体视觉传达

1.网页主题及整体风格的视觉传达

网页设计首先要明确主题的设计和建立网站的目的，要及时进行市场调查，了解网站受众的情况，确立网页的整体风格，使网站的全部信息按照主题来设计。网页设计做到鲜明突出、要点明确，以简单的页面传达不简单的信息。网页的表现形式要与内容统一，而整体风格要与主题前后一致。同时，信息要及时更新，使网页页面中所掌握的信息一定是即时最新的，这样才能增加网页的访问量，有利于信息的传达。

2.网页设计的受众及情感传达

网页设计需要对受众定位，不同受众主要体现在人的性别、年龄、职业以及受教育程度、生活习俗等方面的差异。从年龄上看，不同阶段年龄的受众所关注的事物各不相同，因此在网页设计时可以把握这种特点，使得网页设计更加具有针对性。人们在接受和理解信息时受态度、愿望、需求和情感等心理因素的影响，所以会对信息有选择性，这种需求心理的差异决定了网页上的视觉信息应当尽可能的丰富，才能为更多的受众所用。

3.网页设计在视觉传达中应注意的问题

首先，网页的版面设计。在页面上，图片和文字同时展示给用户，将所有产品都放在一个网页上，不分主次，这样导致浏览者找不到自己所需的信息。其次，文字设计影响到网页的质量。为了突出字体内容，会将字体加大，加下划线和使用艺术字体。将字体和段落有序组织，才不缺乏视觉美感。再次，色彩的运用和搭配也极为重要。色彩搭配要合理、适度，主体风格要统一，才能够给浏览者一种美的享受。为了网页有视觉冲击力，将风格不同、颜色各异的图片、文字等放在页面上，却适得其反。最后，图片的不合理导入。现在很多网页设计中图片的选用不合理，编排不得当，使得页面零乱、空洞，极大影响了网页视觉传媒的质量。

篇12

（一）项目任务

根据《网页设计》课程培养目标的要求，教师选定项目任务，与学生一起分析任务性质，明确任务内容，让学生知道自己要做什么，要准备哪方面的专业知识，能锻炼哪方面的专业技能等。

（二）项目方案

教师按照学生的学习能力差异和综合专业素质等把全班学生分成几个学习小组，然后组织各小组学生为完成项目任务进行充分讨论，引导学生补充准备相关的专业知识，设计项目任务完成可行性实施方案。教师要积极引导各小组相互进行比较，取长补短，肯定实施方案的多样性、差异性，允许按照多种方案实施，并提出建议性的参考方案。学生明确各自的分工，然后进行项目操作。

（三）项目实施

小组成员根据项目实施方案中的分工,在计划的时间内,来做成自己所负责的工作,在项目实施过程中,团队间的合作、组织、协调、讨论等成了这个环节的主要内容，在项目实施过程中，教师要担任指导者、监督者、评价者等角色，确保项目中的每位成员都能参与其中，从而高效地完成项目任务。

（四）项目评价

先由小组成员对自己完成的项目进行内部评价，再进行小组间的互评，取长补短。最后由教师对各小组的项目完成情况进行综合评价。教师把项目评价效果情况进行详细记录，作为学生该项目工作成绩，最后组织全班学生一起从项目设计的规范性、合理性、项目最优化等方面共同分享学习实践的经验。

二、《网页设计》应用项目教学法的实例分析

以往的《网页设计》课程对应的实践任务往往只是针对所学知识点，安排一些较枯燥的一些操作练习，缺乏一个系统的链接，致使学生学习缺乏激情和动力，学生每次实践只是机械地按照实践指导的步骤完成实践内容，他们普遍认为这些课程只是学会软件的基本操作而已。在这种模式下，不利于培养学生解决综合问题的能力，很难利用信息技术工具和信息资源来解决具体实际问题，项目教学法的应用，应该可以有效地解决以上的问题。

（一）布置项目任务

在《网页设计》课程实施项目教学时首先要求科学确定项目任务。在确定项目任务时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我将《网页设计》课程的总项目任务确定为“开发一个企业网站”，并根据其涉及的知识点，将课程总项目划分为若干个子项目，每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。在实践过程中，全程模拟企业设计场景，把课程内容渗透到企业设计的每个项目中，让学生担任网站设计师角色，分步骤、分阶段地完成一定的企业项目。用案例不断驱动学生去进一步思考和探索，并由点到面，让学生对项目的创建过程有一个直观的认识和体会。在实施过程中，每个模块任务都有其对应的知识点，学生需要灵活地，高效地将所学知识点应用于项目中。

（二）学生知识准备

1.网站素材准备2.网站的整体规划技术；3.表格、布局表格技术及技巧；4.图像处理、动画设计相关技术；5.网站色彩搭配、网站风格美化技术；6.模板、超链接、行为的应用；7.CSS技术设计应用；8.站点管理、网站上传等技术等。

（三）学生分组完成项目设计

全班共32人，我将全班分为四个小组，每小组8人，由组长负责，组员共同协作，完成该公司网站的设计。每一个任务环节均有评价方案，在单个环节中，小组成员各提出方设计方案。

（四）项目再次优化

各小组对其他小组的项目方案进行分析，取其所长，进一步完善自己的项目，争取使项目得到进一步的优化。项目作品展示展示各小组学生的作品，交流制作经验，评出最优组、最优组员和最优作品。最后由教师作总结，指出在实施该项目过程中做得好的方面和需要加强的方面。