网页设计论文篇1

　　引言…………………………………………………………………..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

　　引言

　　随着的普及，动态网页技术也急速发展。从原来的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］．北京：机械工业出版社．

　　［2］BruceEckel．Java编程思想（ThinkinginJava）［M］．北京：机械工业出版社．

　　［3］JosephL．Weber．Java2编程详解（UsingJava2）［M］．北京：电子工业出版社．

　　网页设计论文篇2

　　通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

　　二、考核方案

　　1.考核方案的制定

　　本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

　　（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

　　（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

　　（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

　　2.考核方式

　　学生以小组合作形式完成项目。每小组都由组长担任项目负责人进行总体规划并对项目任务进行合理分工，协调组员之间的关系。最后作品的评价以小组各自展示作品的方式展开，按照教师评分、小组间评分、小组自评6：2：2的比例评定。至于项目报告成绩由教师评定。该考核改革方案体现对学生知识技能、协作能力方面的科学、正确的评价，注重学生自主分析问题、解决问题能力的培养，让学生投入到一个类似实际工作的项目开发情景中，发挥各自的能力，发现自身的弱点，不断自我调整以适应职业岗位的需求。

　　网页设计论文篇3

　　现如今，就我国当前网页设计现状来看，由于缺乏相对完善的设计原则和标准规范体系，导致其在实际的设计过程中难免会出现一些不必要的麻烦，近而影响设计质量。因此，本文就具体归纳了在网页设计中应该注意的几点原则。

　　第一，网页设计人员在对网页进行设计时，一定要保证网页命名的简单明了，这是因为每一个网站室友多个网页共同组成的，如果不对其进行简化处理，很容易使人们产生一种混乱错杂的观感。因此，为了提高页面的连贯性，使其能够很好的链接在一起，设计人员应该对不同的页面设计具有代表性的名字，这样不仅能够减轻管理人员的工作任务量，还极大方便了人们的快速检索。并且，通过设置多项的关键词，让使用者更多更快的找到自己所需的信息内容。

　　第二，当用户登录到页面时，第一感官印象是非常重要的。因此，设计人员还要充分考虑到视觉效果问题，并对反差效果进行合理的应用。其次，还要保证网页结构和排版的流畅性。尽量在网页设计中插入大量的表格形式，以此来增强整个网页布局的均匀性，重点凸显该网站的主要内容，第一时间就能够抓住人们的注意力。此外，设计人员还要对页面的长度进行严格的控制，不宜过长，这是因为大多数使用者并不喜欢一直拉动滚动条，如果页面长度非常长，就会让用户失去耐心。同时，为了提高网页的视觉效果，无论是图像、背景、还是文字、标题，都应该保持风格一致，只有这样，才不会给用户带来混乱的观赏感。

　　第三，设计人员在对一个网页进行设计时，必须清楚认知到一点问题，那就是，并不是所有的用户都可以了解网站的各项设计，正是因为这一点错误的意识，很多设计人员往往忽视了网页导览的重要性，这就给不熟悉网页的用户造成了极大的不便。为此，网页设计者为每一位用户提供网页浏览地图。这样一来，用户就可以在主页搜索栏中输入所需信息，从而逐步提高网页的实用性。

　　第四，我们都知道，在一个网站中，有着大量的文字信息的图片，为了方面用户的使用，设计人员要在每一张的图片下面，加注详细的说明。并且，当图片处于缓冲阶段时，用户可以事先通过加注的文字信息来了解图片中的内容，这样不仅就可以有效减少用户的等待时间，避免用户出现厌烦的情绪。

　　第五，文字作为网页中主要的信息输出方式，其准确率的高低对于网页质量的好坏有着至关重要的影响，更是用户对网页评价标准的基本前提。若是网页设计人员不注重这一问题，导致网页中出现了大量的错别字，即使网页设计的再漂亮，也会在用户印象中大大折扣。所以，设计人员必须高度重视这一问题，并对所有的文字拼写进行认真仔细的检查，从而确保网页各方面设计都能够达到完美。

　　第六，网页设计人员要定期对网页链接情况进行测定，确保其始终处于有效性的状态，这样才能保证用户可以在第一时间寻找到页面。另外，还可以为用户提供其所需要信息的相关联系方式，使其能够更深入的了解信息内容，以此来增强用户对网页的依赖性。

　　2网页设计的制作技巧

　　（1）首先要准备大量的资料。在网页设计之初，应该准备大量的资料，这些资料必须是有价值的，不能违反著作权的相关规定。大量的资料对后期合理的排版，架构的调整，内容的丰富有着很重要的作用。

　　（2）注意每页档案大小。建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

　　（3）内容搭配要合理。在网页设计的过程里，合理编排内容显得尤为重要。要让一篇文章表达出想要表达的意义，让用户在查阅时清楚的知道设计者想要表达的内容，关键词尤为重要。而关键词如何放置才能起到这样的效果呢?拿出你的关键字，在下列六个地方各使用一次：标题、标签、网址里面、粗体关键字、页面上半部。

　　（4）当网页设计完成以后，设计人员要对网页进行随时的跟踪调查，观察用户更注重网页中的哪些部分，对哪一栏的信息量浏览率最多。并对用户发出评价表，具体了解用户对网页设计中的不满意之处，以此来对网页进行不断的优化调整，进一步提高信息的利用率，加入更多用户所需要的信息，追求精益求精的设计目标，从而逐步提高网页设计的高品质。

　　3结语

　　网页设计不仅需要有专业的技术，还要有不断创新的能力。要求所有的网页设计者在以后的工作中，学习更多，思考更多，这样才能设计出更加符合大众需要的优秀的网页。

　　网页设计论文篇4

　　网页设计与网站开发课程的教学活动的要从三个方面来描述：从编写HTML代码到创建实际任务；从独立开发到小组合作、组间协作；从“白手起家”到“站在巨人肩膀上”再创造再开发。

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

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

　　2考核评价

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

　　3结束语

　　在网页设计与网站开发的教学活动中，培养学生计算思维的三维目标，并结合行之有效的计算参与，将会大大调高教学质量和教学效果。

　　网页设计论文篇5

　　尽管成人教育的教学特点是以自学为主，但是面授课堂教学是必不可少的。面授课堂是其他教学形式的基础。他可以大幅度提高教学效率，有利于帮助学生系统、深刻、准确地掌握知识。结合此门课程特点，在面授课堂，我采用了“案例教学法”、“任务驱动法”和“分层教学法”的多种教学方法的融合。

　　1.1案例教学法案

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

　　1.2任务驱动法

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

　　1.3分层教学法

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

　　2模拟化网络教学

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

　　3多样化互动教学

　　3.1课堂互动

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

　　3.2网络互动

　　只要有上网环境，学生可以通过QQ群、在线论坛、电子邮件各种方式和教师互动学习。教师全天侯，全方位为学生学习提供服务。几种方式相比之下，最受欢迎的QQ群。因为它不仅可以文本交流，还可以音频、视频交流，并且可以一对多、多对多地交流。同时，教师还可以实现个别化辅导和答疑，提高教学质量。

　　网页设计论文篇6

　　网站的功能是展示信息供用户浏览。为让用户顺利地找到其所需要的内容信息，网页上的各个项目安排就必须遵循一般用户都准确理解的规则。逻辑体现了人类思维的共同规律。如果网页的设计在逻辑上合理，用户就能方便地按照一般逻辑规律使用网页。这样，审核网页设计方案中各个项目的安排是否合乎逻辑，就成为网络编辑的重要任务。网页项目的安排要达到逻辑合理，就要根据事物分类的一般逻辑要求，将具有相同属性内容的项目进行归纳后，共置于某个可以概括这些属性特点的类别中。审视考题中所给网页的各个项目可以发现，几个栏目的属性具有基本平行的关系，将它们并列置于同一层级是正确的，但是，页面上出现两个同名栏目则是相互矛盾的，应该修改。根据栏目内容和题干中的交代，可知应该把中间栏目的名称改成“积分榜”。此外，导航条上所列各个板块，其属性也具有平行关系，可以并列，而板块与其包含的子选项之间则具有类属关系，所以将子选项分别置于各板块内，这也是合理的。但是，进一步分析各个子选项的内容，就能发现有些子选项的类属划分在逻辑上是不合理的：“全场回看”不应属于“新闻”板块，应置于“视频”下，而“最新动态”倒是应属于“新闻”板块，却被误置于“视频”板块内；“射手”和“排行”主要提供一些统计数据，而不是与用户讨论，所以应属于“数据”板块而非“互动”板块；相反地，“”和“微博”应属于“互动”板块而非“数据”板块。因此，考生应该对这些子选项的分布作出合理的调整。

　　2注意版式的规范与否

　　在长期的出版工作实践中，对图书、期刊、报纸等传统出版物的版式形成了不少规范性要求。遵循这些规范，不仅可以让版面显得美观、整齐，给人以审美的愉悦，更能充分体现版面内容之间的逻辑关系，有助于读者准确理解。一个网页实际上也相当于一个版面。所以，传统出版物的版式设计规范大多也基本适用于网页，仅有少量差别。网络编辑审核网页的版式时，要以传统出版物的版式规范为基础，再考虑一些网页的特有规则，从而保证页面规整、易读。就文字的大小而言，网页上一般宜用12-20像素的字，且页面头部区域的用字宜大些，中部区域的用字适中，而底部区域的文字一般较小。就文字形体而言，网页中应使用通用字体，这样才能在各种终端上都顺利显示。同时，考虑到屏幕显示与印刷品展示的效果有一些差异，汉字通常较多采用宋体和黑体，而较少用楷体和仿宋体；字母通常采用Arial、Verdana或者Helvetica字体，而在印刷型出版物中应用特别多的TimesNewRoman字体则较少采用。同时，网页上使用的字体尽量不要超过3种，以确保网站页面风格的统一性。网页上的各个项目名称，其作用和地位与书刊目录中的各级标题相当。所以，其版式设计的规范要求之一，就是用字应该既错落有致，又相对统一。错落有致，是指处于不同层级的项目名称，其用字格式应该遵循“从大到小、从重到轻”的一般原则；相对统一，是指处于相同层级的项目名称，其用字格式应该保持一致。从上述要求来看，题中所给网页设计图在版式方面存在缺陷。头部区域的导航条上，虽然4个板块名称使用相同的字体、字号，18个子选项的用字格式也相同，符合相对统一的要求，但是层级较高的板块名称用字却既小于、也轻于层级较低的子选项。这就把两者的层次级别颠倒了，必须修改。从现有页面展现的效果和空间的占用情况来看，比较适宜的是把板块名称的字号放大，而字体则可不改，以避免粗体字过多而导致区域过重、过密的现象。中部区域的“要闻”“互动调查”“热点聚焦”“射手榜”等文字，都是栏目名称，属于同一个层级，格式应当保持一致。但是，如果将这些名称对比一下，可以很明显地看出“互动调查”的字体与其他栏目名称不一样，应该予以修改。考生在这个考点上失分较多，从一个侧面反映出他们的职业敏感性还不够强。网页版式设计的规则也有不同于传统出版物的特点。比如，在传统出版物中，对标题的字数一般没有限制，长标题可以转行排列，即使在集中了许多标题的目录中，也允许这样处理。但是，网页中的标题文字则不允许转行，尤其是在集中排列了许多标题的目录式栏目内。因此，不少著名网站都对标题的字数有统一规定，如《新浪网编辑手册和规范》中就规定“频道首页要闻标题为一行题，少于16字”，这实际上是适应了网页页面的特殊性。在书刊的目录中，作品标题之后（或之前）都有页码（有时还有作者姓名）兼作分隔符号，读者可以很容易地以页码为标志将一个个标题区分开。网页上的目录式栏目内，各个作品的标题都不标页码（实际上也无法标出），也不列相应的作者姓名（一般在展示作品本身时才列出）。这就在充分利用网页空间的同时，也使得各个标题没有明显的分隔符号。一个标题如果转行排列，会让用户误以为是两个标题。此外，书刊中标题的转行需遵守一些规则，如不得割裂词义、助词或叹词等虚词不得置于下一行的行首等，以避免读者产生误解。由于各种标题的内容和字数纷纭多样，需要在处理书刊校样时由编校人员专门对标题的转行进行调整。然而，网页上的文字转行是由计算机自动处理的，而计算机技术目前尚未达到能够对词义或词类进行智能分析判断的程度，无法按照某个标题的字符构成情况对转行进行灵活控制。可见，“标题不得转行”这条规则体现了网页的特殊性，是很合理的。然而，题目所示设计图中“热点聚焦”栏目内却存在标题转行现象，这无疑应该消除。遗憾的是，能够注意纠正这个错误的考生为数不多。

　　3总结

　　在出版物的形态和传播方式上，网络出版与传统出版有所不同，而在对出版物所载内容进行把关审核、加工处理等编辑工作上，与传统出版基本相同，都要注意保证政治性、思想性、科学性、知识性、语言文字规范性、逻辑合理性等的正确无误。本文主要分析了对网页设计进行审核时需要注意的一些问题，因为这些是较有网络出版特色的，而为了做好对网络出版物所载内容的把关、优化等工作，从事网络出版工作的考生还应该加强学习体现出版工作共性的各种相关知识和技能。这样，就不仅能够顺利通过出版专业职业资格考试，更重要的是能够为提高网络出版的质量而作贡献。

　　网页设计论文篇7

　　人对色彩的心理想像往往支配自己的购买行为。咖啡、巧克力的包装纸必须使用咖啡色或红色。来自美国的调查报告证实，以紫色，蓝色、咖啡色包装纸包装咖啡、巧克力、牛奶，大部分消费者深感不快，致使销售量锐减。在日本，为使蜜桔、苹果、西瓜等水果显示本身的固有色、而迎合消费者心理，不少水果店不得不借助染色剂。消费者重视固有色，设计色彩时不能忽视这一因素。近年来，为了保护人身健康，虽已停止使用在安全上有问题的色素，但是，以木纹三合板作为桌面的铁桌子比比皆是，可见，人们对固有色的推崇是根深蒂固的。尊重消费者的心理习惯，要科学、合理地安排网页色彩设计。

　　二、网页色彩设计要遵循受众视知觉特征

　　色彩的位置与方向在页面构图中是很重要。蓝色在视域的顶部、底部、左侧或右侧，其作用各不相同。底部的蓝色是重的，高部的蓝色是轻的。顶部的深红色表现为沉重紧急的重量，在底部却表现为稳定的事实。黄色在顶部时产生一种毫无重量的效果，在底部时其效果就像受控制的浮力。色彩分布的平衡是页面构图的最重要的目的之一。正如天秤的秤杆为支撑平衡而需要支点一样，在一个页面里平衡的垂直轴线也是必需的。色域的重量在轴线的两边起作用。在寻求决定一幅画中的“左侧”和“右侧”的价值时，我们首先会想到人类的身体。左侧通常比较被动，右侧意味着活力。右侧倾向于向前和向上，而左侧则后退和下坠。许多绘画作品都是从画左下侧的重点开始的，然后向右上方运动。在进行网页色彩设计时设计师要充分考虑色彩给受众的视知觉感受，除了色彩的相对位置外，色彩量的比例、它们的纯度和明度也是重要的。

　　三、网页色彩设计的原则和方法

　　⑴网页色彩设计的原则：

　　在进行网页设计色彩选择时，要遵循网站自身的特点并掌握一定的配色规律，进而设计出优秀精美的页面。

　　①色彩选择要具鲜明性：

　　色彩鲜明的网站往往很容易引人注意，吸引受众眼球，给受众眼前一亮的感觉。②色彩选择要具独特性：网页用色要有自己独特的风格，与众不同色彩选择才能给人受众留下深刻的印象。

　　③色彩选择要具艺术性：

　　依内容决定形式的原则，在体现网站自身特点的同时，进行必要的艺术创新，从而设计出既体现网站主题要求，又具有一定艺术风格的网站。

　　④色彩搭配要合理：

　　网页设计色彩的选择是根据主题来确定，不同站点的主题选用不同的色彩。网页设计中色彩的搭配很重要，良好的色彩搭配方案给访问者很强的视觉冲击力，加深访问者对网站的印象；失败的配色则会让访问者情绪浮躁不安。

　　⑤同色系搭配：

　　同色系搭配是指选定一种色彩，通过调整其明度和纯度，将其加深或减淡，产生出新的色彩来进行网页色彩设计，同色系配色的页面视觉效果统一，层次细腻而丰富。

　　⑥邻色系搭配：

　　邻色系配色是指选用色相环上相邻的色彩设计网页，采用邻近色搭配的页面视觉效果自然又和谐。

　　⑦对比色搭配：

　　对比色搭配可以突出网页设计的重点，给受访者强烈的视觉效果和主次分明的视觉印象。在进行对比色搭配时通常以某种色为主色调，其对比色作为色彩点缀，起到视觉调剂和画龙点睛的作用。⑧暖色搭配：使用红色黄色橙色等暖色系色彩进行网页色彩搭配，暖色调的运用可为网站营造出和谐安定温暖而又热情的氛围。

　　⑨冷色搭配：

　　使用绿色蓝色紫色等冷色系色彩进行网页色彩搭配，冷色调的运用可为网页营造出高雅宁静清新而又理智的氛围。

　　⑵网页色彩设计的方法：

　　①单色配色

　　网页色彩设计要避免色彩选用给受众单一的感觉。页面色彩设计中调整色彩的纯度和明度可以产生变化，使网站层次丰富避免单调。

　　②黑色

　　在网页色彩设计中，黑色通常用作背景色或调剂色，常与不同纯度明度色彩搭配使用，视觉效果合理稳定，在网页设计中是一种使用率极高的色彩。

　　③背景色

　　在网页色彩设计中背景色起着突出网站主题，奠定网页主体风格的作用。网页背景色的选用应避免色彩复杂的图片和纯度很高的色彩。

　　④邻近色配色

　　采用色环上相邻近的颜色，网页设计中邻近色的选用可以避免网页色彩混杂，产生和谐统一的视觉效果。

　　⑤对比色配色

　　网页色彩设计时以一种颜色为主，对比色为辅，起强调点缀的作用，引起访问者注意。对比色的使用突出重点，使网页产生强烈的视觉效果。

　　⑥色量

　　一个主题网站的色彩选择应控制在三种色彩以内，而不是越多越好，过多的色彩会造成视觉的无秩序感。在有限的色量选择中，调整色彩的三大属性来丰富页面效果。

　　四、结语

　　威廉﹒奥斯特瓦尔德曾在《色彩入门》一书中写道“：经验使我们知道，不同色彩的某些结合使人愉快，另一些则使人不愉快或使人全然无感觉。”在网页色彩设计中，和谐有秩序感韵律感的色彩设计充满力量。网页通过色彩向我们展示了世界的精神和活生生的灵魂。

　　网页设计论文篇8

　　本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。

　　/基本要求

　　1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

　　2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

　　3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

　　4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

　　/脚本编写

　　我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。

　　1.Html文件的通用模板：

　　其他meta标记

　　样式表定义

　　客户端japplysouceformatting进行重新整理！

　　5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在

　　的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

　　/一般原则

　　1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。

　　2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用

　　标记，以便能够使这个大表格分块显示。

　　3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

　　标记，注意，一般情况下，请不要省略

　　结束标记。

　　4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。

　　5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用

　　来人工干预分段。

　　6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

　　7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。

　　8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。

　　9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。

　　10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

　　11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：

　　12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

　　13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

　　/文件命名原则

　　1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm

　　2．文件名称统一用小写的英文字母、数字和下划线的组合。

　　3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

　　4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：

　　在根目录下开设news目录

　　第一条缺省新闻取名index.htm

　　所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…

　　所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…

　　如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。

　　5.图片的命名原则遵循以下几条规范：

　　名称分为头尾两两部分，用下划线隔开。

　　头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

　　一般来说:

　　放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner

　　标志性的图片我们取名为：logo

　　在页面上位置不固定并且带有链接的小图片我们取名为button

　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu

　　装饰用的照片我们取名：pic

　　不带链接表示标题的图片我们取名：title

　　依照此原则类推。

　　尾部分用来表示图片的具体含义。

　　下面是几个样例，大家应该能够一眼看明白图片的意义：

　　banner_sohu.gifbanner_sina.gifmenu_aboutus.gifmenu_job.gif

　　>applysouceformatting进行重新整理！

　　5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在

　　的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

　　/一般原则

　　1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。

　　2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用

　　标记，以便能够使这个大表格分块显示。

　　3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

　　标记，注意，一般情况下，请不要省略

　　结束标记。

　　4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。

　　5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用

　　来人工干预分段。

　　6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

　　7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。

　　8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。

　　9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。

　　10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

　　11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：

　　12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

　　13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

　　/文件命名原则

　　1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm

　　2．文件名称统一用小写的英文字母、数字和下划线的组合。

　　3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

　　4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：

　　在根目录下开设news目录

　　第一条缺省新闻取名index.htm

　　所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…

　　所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…

　　如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。

　　5.图片的命名原则遵循以下几条规范：

　　名称分为头尾两两部分，用下划线隔开。

　　头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

　　一般来说:

　　放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner

　　标志性的图片我们取名为：logo

　　在页面上位置不固定并且带有链接的小图片我们取名为button

　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu

　　装饰用的照片我们取名：pic

　　不带链接表示标题的图片我们取名：title

　　依照此原则类推。

　　尾部分用来表示图片的具体含义。

　　下面是几个样例，大家应该能够一眼看明白图片的意义：

　　banner_sohu.gifbanner_sina.gifmenu_aboutus.gifmenu_job.gif

标签：网页设计标签使用