网站网页设计十篇

网站网页设计篇1

关键词：网页设计；基础课程；教学内容；教学方法

中图分类号：TP393.09

近年来，随着信息的发展，互联网的迅速普及，网络已经成为信息传播的重要媒介之一。而作为互联网信息传递的重要载体――网页，它的发展虽然没有多长时间，但作为一种新的信息表现方式，兼容了平面设计的特征，并具有传播速度快、传播面广、交互性好等特点，为互联网络的信息传播提供良好的平台。

1 网站网页设计课程分析

目前，许多高等院校都开设了网站网页设计的课程。希望通过学生对本课程的学习，能够更好的掌握对计算机，能够运用所学的网站网页设计知识进行网站网页设计。其已成为计算机网络技术、信息技术、软件技术、信息管理、电子商务、多媒体技术、计算机应用等专业公共必修课程，受到了这些非计算机专业学生的广泛欢迎。网站网页设计的理论知识主要包括一些语言的学习，首先是HTML语言，然后是PHP、JavaScript等脚本语言；其次就是在网页设计中的图像处理和动画制作等一些技巧性的学习。当然网页网页设计需要在特定的环境下完成，如：Dreamweaver，FrontPage等实用软件就为我们提供了非常方便的环境平台。由于在网页设计中会用到图像、动画等各方面的知识，所以网站网页设计课程并不是一门单独的课程，它需要很多门课程知识作为基础，为本课程的学习提供支撑，构成一个比较完整、科学的课程体系。

网站网页设计这门课程的特点非常鲜明，主要分为以下几点：（1）它的内容实践性很强，能够让学生在较短的时间内积极的参与其中，对学生的动手能力的提高非常有帮助，同时也能提高学生学习自己专业的兴趣。（2）在教学过程中，理论与实践紧密结合非常重要，但是实验是贯穿教学的主线。（3）要给学生创造更多动手实践的机会，让他们能在更短的时间内设计出更好的动态网页来。（4）让理论与实践互相渗透，互相依赖，共同为学生的学习做更好的服务。

网站网页设计课程已在全国很多高校开展多年，已经能够比较全面的了解这个课程的特点，但在教学中也存在很多问题：教学内容很局限，对社会的需求帮助不大；教师在教学中与学生很好的互动很欠缺，很多学生在实践中缺乏积极性，从而形成了学生在实际应用中不能达到预想的效果的现象。

2 网站网页设计教学

2.1 教学安排

教学内容的安排要以学生能够更好的动手操作为目的，以学生能够更多的亲自动手进行网页制作为主线，改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。

目前普遍的教学方式是以教师的讲授为主，学生被动式的接受，很多学生无法全身心的投入到学习中。为了改变这种局面，让学生能够自主的学习，并且在这个过程中能够体会到应该怎么去学，应该要学什么，就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容，让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程，从而更好地调动学生学习本门课程的主动性和积极性。

2.2 分模块化教学

在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率，主要将内容分为四个阶段，然后对每一阶段的教学模块进行详细划分：（1）尽快地让学生掌握网页设计的一些语言，如：HTML语言，C#语言；（2）教会学生如何使用开发工具进行网页开发，如：Dreamweaver；（3）在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等，实现更完美的效果；（4）在简单的准备工作完成后就是在网页中嵌入脚本语言，如Javascript，实现网页动态效果。为了更好的实现教学效果，让学生更好的掌握每一阶段的内容，在每一阶段的教学完成后，需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。

2.3 实践项目教学

项目教学，最主要的就是挑选经典的教学项目或者适合教学的实际项目，让学生参与项目的分析和制作过程中去。

项目教学是在一定条件下完成的，首先：让学生掌握网页设计的基本知识和一些相关技术；第二，教师要对项目进行策划，对学生进行细心指导；第三，将项目转化为教学，根据教学目的设计教学内容，带领学生详细地进行项目分析；最后，让学生进行独立思考后分组合作，进一步地让他们认识、了解到网站网页的设计，有效地提高解决具体问题的能力。项目教学改变了教学中教师为主体的模式，学生变成了主体，形成了学生自主去学习、学会合作学习、知道如何研究性学习和探索性学习的高效的学习氛围。

相比传统的教学方法，项目教学主要有以下优点：（1）项目教学对学生亲自动手分析问题、解决问题能力的提高非常有帮助。在传统的教学中，老师讲学生听的这种教学模式在本课程的教学中显得尤为落后。项目教学就是打破了以往的教学模式，成为一种开放性的、动态性的教学模式。因为在项目教学过程中，学生将成为网站网页设计的主体，当他们处于项目的环境中、并且融入其中的时候，会遇到各种各样的问题，然后通过自己的阅历或者其他方式独立思考并做出判断和决策，在此过程中充分地锻炼了学生综合运用各种知识、经验的能力，提高了解决问题的能力；（2）项目教学能有助于提高学生自主学习的能力，知道怎么学习。学习型的社会要求每个人要知道怎么学习。通过项目教学后，学生应该知道很多问题的答案不止一个，答案是开放的、发展的。学生知道自己应该怎么学习了，就找到一条适合自己的学习方式。在项目教学过程中，教师仍然是教学的导师，要在无形中引导学生自己去查资料，在查找过程中就可以通过自己独立的思考、分析和判断，从而可以找到更多的答案，这样经过反复多次的积累后，就会获得了适合自己的方法，使其学会学习成为现实；（3）项目教学也是学生之间沟通与合作的桥梁，随着项目的完成，可以增进学生之间的交流，让他们能够互相学习，互相沟通，互相合作。项目教学中，很重要的就是要找到合适合理的教学项目，所以教师要对项目进行精挑细选，既要适合教学又要让学生容易理解。在教学中要明确地告诉学生需要掌握的理论和技能，让学生在项目中去体会这些内容，让项目贯穿于整个教学。具体做法：首先根据项目的需要，将项目中的各个任务分配到教学课堂中去，根据任务难度的不同可以分不同课时完成；然后老师需要调动学生学习的积极性，让他们主动去学，最常用的互动方法就是，教师提出一种常见的完成任务的方法，让学生举出其他的解决方法；最后就是让学生采用一种或几种不同的方法解决课堂上的任务。这些看起来简单细小的教学方法，经过实践证明，对提高教学效果起到非常明显的作用。

3 总结

经过多年的网站网页设计教学和与就业学生的沟通发现，网站网页设计课程教学必须适应社会发展的需求。陪养具有网站网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等符合社会需求的人才。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容上合理有效的视觉编排。美是任何网页所必需具备的一个基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。随着时代的发展，网站的设计越来越接近于一门艺术而不仅仅是一项技术。网页的设计，日益被网站建设者所注重，是设计与技术的高度统一。

参考文献：

[1]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007，13.

[2]郭玉.“网页设计与制作”教学改革的思考与实践[J].长沙通信职业技术学院学报，2005，26（13）.

[3]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008，04.

[3]梁益军，冯健文.非计算机专业网页设计课程改革探讨[J].现代计算机，2009，3.

网站网页设计篇2

关键词:专题学习网站;网页设计与制作;设计

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2009)15-4089-02

The Design of Subject Learning Webside: Web Design and Making

HUANG Yi-bao

(Gaozhou Normal Subcollege of Maoming University,Gaozhou 525200,China)

Abstract: The development of Information technology improves Educational Informatization. So under the network condition, the buiding of educational resources are the important parts of Educational Informatization. Subject Learning Website represents the importance of the buiding of educational resources. This paper takes the course Web Design and Making ( Gaozhou Normal School of Maoming College) as an example, presenting the design of Subject Learning Webside, and mostly expatiating three aspects: demanding analysis, system design and function design.

Key words: subject learning Webside; Web design and making; design

1 专题学习网站的概述

专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

2 专题学习网站的需求分析

《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

2.1 专题功能需求分析

根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

1) 资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2) 交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3) 评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4) 用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

2.2 专题角色需求分析

功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

1) 学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2) 管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

3 专题学习网站的系统结构设计

3.1 专题学习网站系统框架设计

根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下 :

1) 专题结构化知识:网页基础、动态技术、数据库、辅助软件。2) 专题资源库:拓展资源、相关链接、强化训练、素材集锦。3) 专题协作学习工具:学习留言、专题论坛。4) 专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

3.2 专题学习网站系统程序流程设计

根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

3.3 专题学习网站体系结构设计

专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server 同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

1) 客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2) 应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3) 数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

4 专题学习网站的功能设计

专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

4.1 专题学习网站资源的形成

为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的。

4.2 专题知识的结构化重组

使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程Fireworks的教程外,在学习完Fireworks后,可以将的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

4.3 专题协作学习工具

专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

4.4 专题学习评价

包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

5 结束语

专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主

性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

参考文献:

[1] 谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

网站网页设计篇3

摘要：本文以Web标准为基本思想，阐述了针对电子商务网站网页设计的思想和策略，探究了一套紧随时代需求的网站设计流程。

关键词 ：Web标准；电子商务网站；网页设计

引言

随着计算机网络技术的迅速发展，网站的网页设计布局也显得越来越复杂，在专业技术上的要求也越来越综合。同时，电子商务在这样的潮流下飞速发展，但电子商务网页设计却成了阻碍电子商务发展的一个重要因素，在这样的形势下，电子商务网页设计与制作就需要有专业的技术来实现，仅仅依靠传统的网页设计技术已不能满足时代的需求。目前，基于Web标准的网页设计思路已成为网站开发的主流，以Web标准为基本思想探究出一套有效的、紧跟时代步伐的设计流程，同时针对电子商务领域研究有效的网页设计策略。

1、关于Web标准的主要技术

1.1 什么是Web标准

Web标准不仅仅是一个标准，而是一系列标准的组合。一般的网页都由三个部分组成，即结构、行为和表现，而这三个部分中结构对应的标准为XML和XHTML，行为对应的标准为对象模型等，表现对应的标准为CSS。

① 结构

其中的主要技术包括可扩展超文本标记语言（XHTML）和可扩展标记语言（XML），主要应用在对网页数据的分类以及整合方面。在这两个标准中，XML是一种源语言，它能够让用户对自己的语言进行标记定义，其具有的数据转换能够相对来说比较强大，而XHTML在性能上结合了超文本置标语言（HTML）的简单特性，同时，它还使用了XML的强大的功能系统，在语法上相对来说也比较严格。

② 行为

其中的主要技术包括ECMAScript和对象模型（DOM），主要应用在交互操作网页文档方面。ECMAScript能够有效的实现界面上操作对象的交互操作，而DOM能够定义、修改以及表示文档所需的对象、所需的对象的属性和行为，同时还能处理这些所需的对象之间的关系。

③ 表现

其中的主要技术是CSS，即层叠样式表，主要应用在对浏览器的显示控制方面。CSS控制的表现与XHTML决定的结构相分离，主要用来设计网页的风格。

1.2 Web标准下的网页设计流程

Web标准下的网页设计流程主要包括语义结构定义、网页内容添加、CSS美化网页以及添加动态元素四个部分。

语义结构定义：进行这个部分时，需要我们能够根据网页上的设计图，对我们所需要的DIV层块进行进一步分析，同时也要分析各个层块之间的相互关系，为达到一个好的访问速度，DIV层块应该小于等于三层。

网页内容添加：在第一步中定义好语义结构后，然后根据网页设计图添加内容，并且在每一个层块添加合适的网页内容，其中包括添加文字、图像、表单、列表等。

CSS美化网页：在进行网页设计时，需要使用CSS对网页的整个页面进行布局，其中包括在页面中加入边框和背景等；同时，还需要使用CSS的相关设置，其中包括字体和大小等。

添加动态元素：在网页中添加动态元素时，需要根据网页设计图对各个方面的要求，利用JavaScript技术完成网页中动态元素的添加，包括添加导航菜单、焦点图及其它动态元素等。

2、电子商务网站网页设计所需要的技术

随着互联网科学技术的飞速发展，越来越多的企业应用互联网技术推动了企业的发展，人们的生活方式也受到互联网的影响。在这样的背景下，电子商务也逐渐发展壮大，而电子商务网站网页设计就成了相对重要的一部分，网页设计是以网络为载体，把一些对人们有用的信息方便快速的传达给他们。在进行电子商务网站网页设计时，整个过程都要用到大量的电子商务设计软件，而设计的过程又需要计算机技术作为基础。

在研究基于Web标准的电子商务网站网页设计时，在设计过程中需要有缜密的思想来进行设计的每一个流程，然后开发网上商店系统，以达到对网店实行有效的管理以及扩展网店的业务。在Web的标准下，网页设计者能够有效的将网页结构划分清楚，这样就能够提升电子商务网站网页开发的效率，同时还能够尽可能的降低网页设计成本。

3、电子商务网站网页设计过程

在设计电子商务网站网页时，可以按照下面的流程进行：内容分析、结构设计、方案设计以及表现设计。

第一，内容分析：即通过了解需要展示在网页上的具体内容，清楚各内容所具有的逻辑关系，最后分清楚各个内容的重要程度从而合理安排位置。第二，结构设计：即根据内容分析得出的相关结论，找到合理有效的网页布局，从而设计出好的XHTML结构。第三，方案设计：使用好的美工设计软件，设计出一个能给人视觉带来享受的网站页面设计图。第四，表现设计：表现设计又可分视觉设计和布局设计，视觉设计即是使用CSS美化网页的方式，同时配合美工设计元素，将设计方法转化为网页的方式。布局设计即是通过使用CSS和XHTML对网站页面进行布局设计。

3.1 内容分析

一个电子商务网站能否起到吸引客户的效果，取决于这个电子商务网站网页的布局是否清晰明了，能否给人一种视觉上的享受。网页设计就是一种视觉语言，对布局和色彩的搭配要求很高，要求网站的主页也能给人一种美的享受，其它网站页面的布局也应该与主页相协调。电子商务网站中网页布局形式多种多样，有“厂”字型、“国”字型、“封面”型以及经济“框架”型等。

3.2 结构设计

为电子商务网站开发网页时，网页中展示的有突出核心的业务区，也有展现其它功能的区域，整个网页开发完成后，用户可以在后台进行可视化的操作，同时，用户还可以创建属于自己的个性化的网页。在设计电子商务网站网页时，框架是整个网页的核心部分，它决定了整个网页的整体布局效果，框架一般都是HTML格式的文件，它能够将页面划分区域。

在制作电子商务网站时，首先要在硬盘上新建一个文件夹，并把这个文件夹作为网站的根目录，最后将这个目录上传到服务器上就行了。一个网站就对应一个磁盘上的文件夹，设计网站所需要的全部资源以及所有网页都放在这个文件夹里面。

3.3 表现设计

在设计好网页和它的结构后，可以使用CSS为网页文档添加样式。首先要将已经设计好的方案中的网页图片分离出来，然后使用CSS为其添加合适的样式，在进行这个操作的整个过程中，涉及到CSS的布局以及背景图片应用，在使用CSS时，可在网站的前台观察到网页的板块区域，板块区域的个数会根据有设计的电子商务网站的类型不同而有所变化，这个过程是由CSS规则确定的，并且整个框架结构是由HTML文件确定的。这样设计的网站，可以在其后台进行可视化设计，向所需要的区域添加好的插件等，这样网页表现出来的画面效果更好。

4、结语

随着时代的发展，人们不再满足于单调的生活模式，在这样的背景下，互联网技术慢慢融入到人们的生产与生活中去，这就使得方便人们生活的电子商务逐渐发展起来。目前，大多数人的生活开始与电子商务紧密联系在一起，而电子商务的网页设计的好坏直接关系到整个电子商务模式的运行。因此，研究基于Web标准下的网页设计技术成为了电子商务门户的重点，这样才能有效的提升电子商务网站的性能以及开发效率。

参考文献：

[1] 朱淑琴，魏威，张嘉萌. 基于Web标准的电子商务网站网页设计与制作[J]. 计算机与现代化. 2012(15),30-32.

[2] 王猛. 基于用户情感需求的电子商务网站首页界面设计研究[D].东北大学. 2012,18-23.

网站网页设计篇4

【关键词】网页设计 商业网站 脚本编程

1 前言

网页设计――根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

《商务网站前台设计》课程是电子商务专业的核心课程，本课程的最终目的是设计与制作出具有电子商务营销特点的精美网页。然而，对不同的主题，设计效果是不一样的。为此，课程团队经过长期积累和充分讨论，率先制定出了《商务网站前台设计课程标准》，该标准试行两年多以来，得到了业内人士的肯定。本课程正是在该标准的指导下，评项目、教项目、学项目、做项目，它将抽象问题具体化，将主观感觉分数化，将创作变得有章可循，进而使学生能按照某种规则指引，又好又快地设计出满意的网页来。

2 商务网站的前台设计概述

《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。根据职业岗位的需求，与企业专家共同确定目标和内容。通过本课程学习，使学生能熟练运用fireworks/photoshop软件进行网页效果图的设计； 熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页；掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能；掌握CSS+DIV网页布局设计，掌握JAVASCRIPT脚本编程语言的基本语法知识。

商务网站前台设计课程，主要采用项目教学法，教学项目是教学内容的具体表现形式，也可以说教学内容就是教学项目，完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容，典型工作任务为工作过程知识的载体，课程内容来源于实践专家研讨会，工作过程是课程形式的体现，因此，教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善，最终选择了四个项目（由简单到复杂）。

（1）选择两个源于真实、完整的“红叶网上书城”和“校园超市”商务网站制作项目。其中“红叶网上书城”网站制作偏向于简单的表格布局制作，该教学目的难度属于中等偏易，“校园超市”电子商务网站制作偏向于较有难度的DIV布局制作，难度属于中等偏难，两个项目的整体设计共同为引导学生“怎么做？”。

3 拓展网站设计的实践项目

从理论实施布局来讲，这个项目基本覆盖了所需的理论知识，构成了基础实践阶段的项目。为了进一步提高学生的实践能力，又设计了课外拓展实践项目。

（1）选择个性化网站制作项目，主要侧重学生同步独立实践，该项目为课外拓展实训项目，要求学生在课堂外独立完成，解决“做什么”问题。在该项目的难度属于中等。

（2）工学结合项目，是在期末集中实训期间，在学校聘请的兼职教师的指导下，学生以小组的形式主动到企业中找项目分角色完成真实网站制作项目。

由此而构成354的教学模式，既三阶段项目：

“三段”：基础型实践阶段、拓展型实践阶段、工学结合型实践阶段。

“五化”：课程教学项目化、模块单元化、教学过程工作化、考核多样化、课程评价过程化。《商务网站前台设计》课程建设，形成了本课程的“三段五化”教学模式。课程教学为主，充分运用“三段”教学模式，实践教学循序渐进，符合高职学生的认识规律。

“四项目”： “红叶网上书店”项目和“校园超市”电子商务网站项目、个性化电子商务网站项目，源自企业真实的电子商务网站制作项目。

本课程四个模块均以典型的电子商务网站项目为核心，将真实的网站分解到各个教学单元，强化知识点和技能点的训练，各个教学单元独立起来、前后相关、有序叠加，最后整合成完整的项目。

课程模块是以商务网站前台设计的实际工作过程，按工学结合，能力导向来划分的，包含网页设计的制作流程、企业规范、项目规划书的制作、效果图设计、HTML和CSS+DIV理论及实践、 Dreamweaver 理论及实践、网站维护等内容。通过项目教学，企业实训和认证考试来实现学生的综合实践能力。

“行动导向”教学模式强调学生是学习过程的中心，教师是学习过程的组织者、管理者、协调者和监督者，教师是“导演”，学生是“演员”。根据《商务网站前台设计》课程的特点，由项目组成的教学模块均是相对独立、有单独展示的成果，因此，每个教学小模块都按照“资讯、计划、决策、实施、检查和评估” 六步完整的行动过程（六步法，如下图所示）来进行教学。

资讯阶段，教师布置任务，帮助学生理解任务要求；

计划阶段，学生一般以小组方式工作，寻找与任务相关的信息，4制定工作计划；

决策阶段，学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案；

实施阶段，学生根据计划方案完成设计和模拟，作好有关文字记录，教师监督学生学习过程，纠正学生学习偏差；

检查阶段，学生检查和展示工作成果；

评价阶段，自我评价，其他同学提出问题，师生共同评价。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。一个好的网页前台的设计，能够给企业带来有利的影响。

参考文献

[1]王伟，叶颖.项目课程的教学设计探讨[J].中国现代教育装备，2007（10）.

[2]蒋庆斌，徐国庆.基于工作任务的职业教育项目课程研究[J].职业技术教育，2005（22）.

[3]刘利华.项目教学法在项目课程中的应用实例及启示[J].安徽电气工程职业技术学院学报，2006（3）.

[4]姜宏.高等职业教育课程改革探讨[J].北京市计划劳动管理干部学院学报，2006（3）.

网站网页设计篇5

[关键词] 高校；网站；建设；网页设计；信息技术

doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087

[中图分类号] TP393.092 [文献标识码] A [文章编号] 1673 - 0194（2017）01- 0155- 02

1 前 言

优秀的高校的网站建设和网页设计建设有哪些重要作用？高校网站和网页就是高校最基础的形象窗口。它们主要可以用来打造高校的形象，宣传高校的一些重要的信息，这里面包含了高校所蕴涵的校园文化，高校建校、发展的一切基本情况还有高校里面发生的希望外界了解的一些新闻信息。各种详细的、创新的、更有活力又吸引力的网站建设和网页设计的成果，利用图片和文字的搭配方法、各种信息导航的具体使用、详尽的说明等可以吸引更多搜索高校信息的浏览者，高校的招生在市场竞争里的一个重要方面也是要更为科学地打造自己高校的网站的建设和网页的设计。在市场里获得足够竞争力的高校才能更有利的提高高校的品牌。宣传高校的基本信息，使其能传达给全国甚至是国际上的目标人群，让他们通过浏览高校网站和网页的时候传输给他们高校的品牌形象，让他们更便利的获得高校的信息概况。这既能推动高校被全国被世界更便利地了解，也能够不断地提高自己的校园品牌形象。高校正是利用网络宣传网站和网页，降低高校宣传成本，提高高校竞争力。在传播高校的网站和网页的时候，可通过一些策划的公司帮助锁定目标客户，比如锁定一些需要报考高校的人，将自己的信息进行推送。不少的高校都会将高校网站建设和网页设计信息当成自己宣传招生的重要一方面。也正是因为不同高校都会有自己的办校特色和发展的个性，在以信息宣传和内容创新取胜的时代，网络上网站和网页的宣传就是很重要的一种宣传方式。着可以跨越时空的限制，不用到校了解、也不仅仅只针对当地的受众群，可以让全国甚至世界各处的人了解高校的情况。高校的网站甚至可以丰富高校学生的学习平台，里面有更多的方式可以帮助学生查阅资料，网络资源中高校的网站可以提供非常丰富并有针对性的资源，学生们可以在上面各取所需，这也是高校网站和网页建设中提供给学生学习的重要一方面作用。

2 高校网站的建设和网页设计建设和网页制作现状问题

2.1 高校网站内容过于单一

高校网站建设和网页设计因为其特殊性一般在内容的监管比较严格，在内容上也很容易变得单薄无趣，对浏览者没有吸引力，高校类型站点在娱乐互动性会比较不足，特别是高校网站往往定位在以“自我为中心”也就是以高校的信息为主要内容呈现，并没有充分考虑到学生以及社会对高校网站的内容要求，这种形式上的单一，并不可怕，可怕的是“自我为中心”后的自我封闭，在现代信息化的时代背景下，高校必须要有独立的自我认识和气质，否刚就会成摆设，而从目前的情况来看，内容单是所有高校网站建设和网页设计建设中经常会出现的问题。

2.2 高校网站的建设和设计缺乏全局观念

在网站建设和网页设计建设的规划上系统的规划设计往往会缺乏全局观念，工作量非常的大，会出现多项重复的内容，导航的设计在网站设计中也是非常重要的，导航设计既要在具有新颖、创新的同时也要保证它能够实际发挥作用，更能够与高校整个网站的建设和网页的设计相联系、将高校的形象融入进去，使导航的信息也能够设计的更加完整。导航也是有内容的，具有实际作用和创新吸引力同时并有的，这些都是符合浏览者的实际操作的。

2.3 高校网站的管理程度不足，内容更新缓慢

高校网站建设和网页设计由老师空闲时间做，但一个人很难管理的完整的网站建设和网页设计建设工作和后期维护、和内容的定时更新，因为高校拥有多个部门，这些部门的内容和功能也都应该在高校的网站和网页上有所体现，但是因为完整的网站和网页建设中各个部门可供介绍浏览到的信心非常的有限，一些深层的工作和作用也是很难体现到的，而且网站和网页建设中的繁复导致网站和网页中的内容更新太慢，新闻信息等都跟不上校园的发展，内容的更新缓慢、滞后也是高校网站建设和网页设计建设中常见的问题。

2.4 高校网站的安全性不足，许多网站无独立服务器

通常高校网站建设和网页设计都不会自己建立服务器，而是选择虚拟主机空间作为放置网站建设和网页设计内容的。这些空间都是有着不同的大小，这些大小也要根据高校的具体情况而不同，这里面有规模的大小和自己的大小选择等，一般实力雄厚的高校会选择自己高校服务器来确保数据的安全。高校网站建设和网页设计是属于公益性，因此会出现比较多的安全隐患。

3 高校网站建设和网页设计建设规划设计与网页制作方法浅析

首先要确定的是程序，其次是排版，然后是内容，最后是推广和运营。具体的每一步都要有详细的思考和准备。

3.1 要明确网站建设和网页设计的基本内容和基本目标

确立做网站建设和网页设计的目标，网站建设和网页设计建好后，要达到什么样的目的，扩大招生还是供学生使用？也就是确立主体内容。确定服务对象，是面对学生，还是家长，还是老师。高校和它的服务对象最初的交流窗口就是通过高校的网站和网页，学生和家长都可以通过网站和网页了解到高校的办校的理念，高校的教育情况，教学中的改革成果等，这些希望服务对象了解的信息一定是高校网站和网页设计中基本要做到的。

3.2 要规划好各种栏目

清晰的栏目方便浏览网站建设和网页设计的浏览者，希望达成什么效果是否能实现美观和表述同时实现。加强特色内容建设。特色就是竞争力。高校网站和网页建设中需要规划好各个栏目的内容，这就需要各个栏目负责人一起组织规划分工协调好各自的工作。负责网络建设的中心应该积极分配好工作，设置什么风格，不同部门不同系的不同模板的设置都规划好。

在设置功能方面要适合用户的操作，简化简明操作步骤比如怎么留言，怎么报名，填写什么，网站建设和网页设计使用者怎么更新新闻，怎么传活动图片，这些都要一目了然，方便客户也方便自己操作。

3.3 加强硬件的建设，做好师生信息技术培训

随着各地经济的发展和教育信息化工作的不断推进，越来越多的高校在新一轮建设高峰中购置了大量的先进硬件资源，但是再先进的先进的硬件都是要有一定信息技术和专业素养的师生来操作的。高校的硬件利用率并不高因而必须在加强硬件建设的同时，做好师生信息技术培训、电脑软件资源的配套、相关的管理制度等的“软件”建设。

3.4 加强网站的监管和提升安全意识

在网站建设和网页设计的监管方面也是非常必要的，高校网在设计中需要有监督管理的部分，这些并不只是防御黑客或者病毒的入侵，而是也需要监督信息传播中对信息的筛选，毕竟这些信息直接面向了学生，所以要对网站和网页上传播的信息进行有效的监督管理，监督这一部分需要专门的工作人员进行，加强监管的各种措施是一个长期又坚决的工作。

3.5 加强高校网站的宣传和引流

注重浏览量的扩大，达到建设网站的目的，要想扩大浏览量，加入一些宣传手段，加强校友录的建设也是一个可行的办法，一个优秀的高校网站离不开广大毕业生校友的参与和支持，毕业的校友会通过书信和电话等方式与母校保持联系，很多热心的校友也会积极致力于母校的发展中，宣传母校、推动发展、加强联系等方式都是他们对母校责任心的体现，加强这些校友的校友录建设，综合他们的力量，能够吸引更多人的宣传和为母校发展献计献策的动力。

4 结 语

高校网站和网页建设是高校宣传打造自己的重要方式，好的网站和网页建设对高校的发展有着各种推动作用。但校网站建设和网页设计过程中存在的一系列问题，校网站建设和网页设计需要从技术、组织、创新等的改变入手，还需要与时俱进的方法，增加更多的交流，融入更多的创意，综合自身的优点来达到校网站建设和网页设计的目的。建立功能完备、操作简单、应用丰富的高校网站是一项系统性的工程。通过制订相应的高校信息化发展规划和配套的规章制度来予以推行，这样才能使高校的信息化应用水平提高到一个更高的水平。

主要参考文献

网站网页设计篇6

关键词：着陆页 首页 高校 网页设计

中图分类号：TP393 文献标识码：A 文章编号：1007-9416（2016）04-0000-00

1 高校着陆页分析

虽然百度会收录网站中的各类文章，同时也会在搜索结果中以适当的排名进行展示，可是有一点要明确，一个网站总会有一个着陆页会优先的展现，也就是百度会自然而然的推介这个网站的着陆页，从而由此让用户能够在该网站上冲浪。通常而言，网站的着陆页实际上就是网站的首页，有的也是一些网站的栏目页，但是无论是怎样的着落页，都有一个重要的特征，那就是着陆页的内容要丰富，而且大多是以标题的形式呈现，从而给用户起到一定的导航作用。

当然着陆页也应该具有相当的审美感，也就是要具有良好的形象，只有如此才能够吸引用户进一步浏览的欲望，从而为网站培养忠诚用户打下重要基础。下面就来重点研究一下高校网站着陆页的设计，从而给高校的站长朋友们提供一定的设计思路。

2 高校着陆页设计

第一，着陆页的顶端。着陆页必须要有网站的logo，如果是高校官方网站，那就需要布置高校的logo，最直接的是学校的校徽及学校的名称，用户能够据此一看便知网站是高校的网站，进而能够清楚的传达给用户你的网站是做什么的，能够为用户提供什么样的服务。

第二，着陆页要配置相应的Banner图，对于高校网站而言，Banner上可以配置一些学校的风景图片，或者高校的校风、校训、教风，或者高校的核心优势。这些图一定要设计成高大上，同时要注意图和网站内容的相关性，有的高校网站的着陆页就在这里出现了只要好看，不突出和高校的相关性，就显得不够专业大气，进而影响到高校的形象。

第三，着陆页要配备一些快捷的链接，高校网站不仅仅是对外宣传，也是高校与教师与学生之间交流的一个载体，所以这块应该是简洁明了，应该设立高校部门网站群区，教育教学区，学生活动区。高校部门网站群区，是高校各个部门的网站汇总；教育教学区是高校信息化建设的一个重要的板块，应把高校数字化建设的所有的应用系统做一个链接，方便教与学；学生活动区，应包含学校对外交流的网络链接，比如微博、微信等公共交流的板块，这块可以设计成下拉式的，或者平铺式的，具体看学校的内容资源情况而定。

第四，要学校的重要信息，让用户一眼就看到了核心的内容，这些内容包括高校的一些新闻动态及通知公告，因为这些都是学校师生所关注的内容。新闻动态让师生及时了解学校的最新新闻动态，通知公告是让师生知道学校的最新活动安排，活动通知等等，都是与师生息息相关的事情。

第五，要布置相应的联系方式，尤其是互动的联系方式，增强与用户的互动，解决用户提出的问题，从而引导用户点击相应的内容，这样的在线服务能够有效的提升服务水平，而且通过和用户的良好互动，也有助于增强网站的黏贴力，进而为网站培养更多的忠诚用户。

第六，要设计好pc端页面和手机端页面的智能转化，目前电脑端用户数量巨大，但是随着科技的发展，手机端的访问量也在日趋扩大，所以在设计高校网页设计的时候也要注重这方面的考虑，让网站着陆页能够随着浏览设备自由的切换。

3 设计所需工具

编程开发：Dreamweaver8以上版本；

图片制作：photoshop7.0以上版本；

Flas制作：Adobe Flash。

4 着陆页设计部分设计源码

4.1 下拉菜单代码

4.2 首页幻灯图片代码

总而言之，网站着陆页对于吸引用户，提高转换率具有重要的作用，我们在努力提升着陆页的权重的同时，还需要注意增强着陆页的设计体验度，增强用户的使用体验度，进而为高校网站的对外宣传及办公自动化奠定重要基础。

网站网页设计篇7

关键词：Web网站；动态网页设计技术；应用

中图分类号：TP393.092 文献标识码：A 文章编号：1007-9416（2017）01-0083-01

随着计算机技术的广泛使用，使用和浏览网站的用户和客户端数量逐渐增加，则Web网站中动态网页设计技术越发受到人们的重视和关注。而如何真正将Web网站中动态网页设计技术应用于社会生活中成为设计人员重点思考的问题。因此，本文将对Web网站中动态网页设计技术进行研究，以促进Web网站动态网页设计技术水平的提高。

1 动态网页设计技术分析

1.1 ASP技术

ASP全称为Active Server Pages，该技术是由微软开发的结合现代多种流行应用程序的技术，其更类似于HTML、Script和CGI的结合体，但并没有自身专门的编程语言，而是允许用户可以使用已有的脚本语言编程编写ASP的应用程序，例：VBScript、JavaScript等。上文提及到ASP技术类似一种结合体，并且其结合了ODBC、IIS等当今流行的技术，则ASP技术不仅能够弥补CGI的漏洞，还能在程序编制方面较HTML更加方便和灵活；再者，由于ASP技术先是在Web服务器端中运行，生成结果后以HTML的格式送至客户端的浏览器，从而避免了客户端个人信息的泄露，相较于其他脚本语言更加安全[1]。

1.2 PHP技术

PHP技术是一种动态网页设计技术。PHP技术不仅自身是面向对象编程运作最好的选择，其代码还可作为“桥梁”-函数来连接众多个人或是系统的数据信息和数据库，而在这些连接中与MySQL数据库的组合是最好的，也是最为开发商和客户所青睐的；再者，还可以利用PHP技术编写函数以间接接存大量的数据库。一般情况下，一个网络项目最少分为三层：数据层、逻辑层和用户层，例：像是Sun所提出的有关JSP技术的-用户层JSP、逻辑层JavaBeans和数据层JDBC的三层结构，而在PHP中并没有这些结构，则其存在的缺点其一便是缺乏规模的支持；由于PHP接连众多的数据库，则这时其二的弱点便显现出来-所提供的数据库接口彼此不统一[2]。

1.3 JSP技术

在Web网站动态网页设计中使用JSP技术，首先需要Web页面开发人员对最终页面进行相应的设计和格式化，再用JSP标识或是小脚本最后生成动态页面上的动态内容。生成的内容和逻辑被装入JSP标识组件中，并与小脚本相互捆绑，在其他脚本服务器中运行时，Web管理人员或是页面设计能够编辑和使用JSP页面；而在服务器端，JSP能够对捆绑文件进行分析，同时生成以HTML形式的请求内容并发回浏览器。此外，JSP技术正常的运行模式分为两种：（1）JSP页面独自客户端相应请求并将结果返回客户，相关数据由JavaBeans进行处理（2）结合servlet技术，将JSP页面和servlet处理相互结合，在这种运行下，servlet起主要控制作用，并对客户端发出的请求进行相应处理，并将请求用JSP页面返回给客户端。

2 Web网站中动态网页设计技术的应用和实现

2.1 网站LOGO的规范与设计

L0GO的应用一直是CIS导入的基础和最直接的表现形式，则网站LOGO在动态网页设计中的重要性是不言而喻的。而作为网站内容的体现和标志，网站LOGO的设计应当遵循CIS的整体规律并有所突破。网站LOGO设计应遵守三个原则：强调统一、辨别性和独特性、对事物张力的把握，再者，还要考虑网站LOGO要和网站和开发商想要体现的内容相关。在进行网站LOGO构图时，其表现形式一般分为特示图案、特示字体和合成字体，有关于特示图案和字体，可以采用有特色的标志，例：特示图案设计可以采用吉祥物图案，或是在特示字体设计中采用图案化字体；最后，有关于合成字体，其功能是通过文字造型让用户理解并给用户留下深刻印象。

2.2 网站整体风格及其内容的开发

在进行Web网站整体风格建立时，首先要注意网站内容的开发，其中包括画面的布局、系统的内部结构和实现办法等等，这部分的网站设计水平和成果，尤其是网站的运行模式，对后期系统开发和系统投资有着重要的影响；而另一个重要的部分是网站版式编排布局的使用，网页的整体设计代表着一种视觉语言，则如何进行版式设计体现着网站设计者的水平，也影响着浏览者对网站印象程度。

2.3 网页的色彩搭配

Web网站中网页色彩搭配原理分为四个：鲜明性、独特性、适合性和联想性。首先，鲜明性，利用色彩鲜明的颜色，引起人们的注意力，进而使用户关注和浏览网站内容，而色彩的独特性的作用和鲜明性相同，即利用与众不同的色彩，使得用户对Web网站的印象深刻；再者，适合性，不能说要鲜明性和独特性，就随意使用各种色彩还要考虑各种色彩之间的适合性；最后，要利用人们对不同色彩会产生不同联想的特点进行Web网站色彩的搭配，例：蓝色代表天空、海洋。

3 Y语

在实际的工作中，ASP技术、PHP技术和JSP技术，这些都是Web网站在动态网页设计中主要应用的技术，设计者应加强和掌握相关的动态网页设计技巧、确保设计水平的不断提高

参考文献

网站网页设计篇8

【关键词】网站测试 母版页 测试用例

母版页可以使页面具有一致的布局，它可以把网站中各个页面中不变的内容，如布局、网站标志、公共标题、广告条、导航栏、版权声明、联系信息等定义为母版页，母版页中的内容将显示在所有页面中。母版页相当于模板，保证了整个网站中所有页面布局的一致性。网站中的各个页面都以母版页为基础。除共同的母版页以外，各个页面中不同的部分称为内容页。当用户请求内容页时，这些内容页与母版页合并，将母版页的布局与内容页的内容组合在一起显示。

1母版页的工作原理

母版页由两部分组成，即母版页本身与一个或多个内容页。

（1）母版页。母版页中定义了页面的组成元素，是提供结构和内容的模板。它可以包含静态文本和控件的任何组合。母版页是扩展名为.master 的 文件，它具有可以包括静态文本、HTML 元素和服务器控件的预定义布局。

（2）内容页。内容页是一个专用的页，它仅包含要与母版页合并的内容。内容页将使用母版页的内容占位符，然后在内容页的内容占位符中添加用户请求该页面时要显示的文本和控件。

2母版页的应用实例

母版页的应用实例：创建一个母版页 HomeMasterPage.master 和内容页（Home.aspx）。

步骤如下：

2.1创建母版页

在“解决方案资源管理器”中“添加新项”；选择“母版页”模板，输入名称“HomeMasterPage.master” ，保持选中“将代码放在单独的文件中”复选框，单击“添加”按钮；打开母版页窗体，母版页中包含一个ContentPlaceHolder控件

2.2对母版页进行布局

2.2.1创建母版页的布局表格

（1）在母版窗体的源视图中，单击要放置布局表格的位置，本例放置在

runat="server">后，也就是最外层；

（2）切换到设计视图，执行菜单命令“表”“插入表”，显示“插入表”对话框，创建一个4行1列的表，指定宽度为1000像素，对齐方式为在页面中居中；

（3）将第3行拆分成列2列；对表格高度、宽度进行设置。

2.2.2将静态内容添加到母版页中，即完成母版页的排版

2.2.3添加内容占位符

将ContentPlaceHolder控件拖动到表格的第3行左侧单元格中，控件的 ID属性为 ContentPlaceHolder1；再拖放一个ContentPlaceHolder控件到第3行右侧单元格中，控件的ID属性为ContentPlaceHolder2；

2.3创建基于母版页的内容页

下面为母版页添加两个带有内容的页面：主页Home.aspx。

2.3.1创建主页

（1）在“解决方案资源管理器”中单击“添加新项”；选择“Web窗体”模板，在“名称”框中输入主页名Home.aspx，选中“选择母版页”复选框，单击“添加”按钮；

（2）显示“选择母版页”对话框，在“文件夹内容”框中单击“HomeMasterPage.master” ，单击“确定”按钮。

2.3.2将内容添加到内容页中

（1）切换到设计视图。母版页中的 ContentPlaceHolder 控件在新的内容页中显示为 Content控件， 而其余的母版页内容则显示为浅灰色， 因为在编辑内容页时不能更改这些内容；

（2）在“属性”窗口顶部的下拉列表中选择“DOCUMENT”项，然后将标题的Title属性设置为“XXXX大学主页”，标题信息存储在内容页的@ Page 指令中。右侧单元格的 Content 控件中输入“欢迎访问XXXX大学网站”，按 Enter 键，在 Content1 控件中创建一个新的空白行，从工具箱中拖放过来一个 Label 控件，设置其 Text 属性为“感谢您访问本站” 。

（3）在左侧的 Content 控件中，输入“友情链接” ，然后按 Shift+Enter 组合键换行，再插入一个 10 行 1 列，宽度为 200 的表格，在其中输入友情链接的学校名称。

2.3.4测试页面

切换到 Home.aspx 页，执行该页， 将 Home.aspx 页的内容与 HomeMasterPage.master 页的布局合并到单个页面中，并在浏览器中显示产生的页面。请注意，此页的 URL 为 Home.aspx，浏览器中不存在对母版页的引用。

3结语

（1）使用母版页可以集中处理页的通用功能，以便可以只在一个位置上进行更新。（2）使用母版页可以方便地创建一组控件和代码，并将结果应用于一组页。例如，可以在母版页上使用控件来创建一个应用于所有页的菜单。（3）通过允许控制占位符控件的呈现方式，母版页使您可以在细节上控制最终页的布局。（4）母版页提供一个对象模型，使用该对象模型可以从各个内容页自定义母版页。

参考文献：

[1] 朱少民.全程软件测试（第2版）[M].电子工业出版社，2014.

[2] 杜利峰.基于权限动态分配的设计与实现[J].现代电子技术，2012（18）.

网站网页设计篇9

【关键词】网页标准化设计 网站建设 CSS

一个优秀、完整的网站是集功能与美观于一体的网页形态。网站的设计并不同于其他公众广告媒体，它不仅需要考虑网页信息的传递，网页与网站之间的协调与配合，同时需要考虑其视觉上的审美要求。因此，必须将网页标准化设计融入网站构建与设计过程中，以web标准化作为指导，设计出优秀、合格的集美观与功能于一体的网站。以下主要介绍了web标准的内容及其在网站建设中的应用。

1 网页标准概述

1.1 内涵

网页标准是建设标准化网站的实践方法，包括了网页设计的原理内容、技术规范，对网站设计各方面内容的定义与说明提供了参照的标准。网页标准的内容与其规范是相辅相成的，它的指导范围并不仅仅局限于万维网，同时可以将其中的部分内容拓展至互联网。它会对网站服务器的设计与管理产生一定的影响。网页标准主要由习惯用法、标准及其主体、网页开发工具、非标准和厂商独有技术等要素构成。网页标准化设计的核心便是通过将网页的文档结构与其表现区分开来。网页主要是基于美学意义的角度，将文档内容以美学形式向广大网站读者群体呈现。构成网页文档的要素包括文档的结构、表现及其行为。

1.2 优势

将网页标准化设计应用于网站设计中，能够建设标准化的网页结构，构建准确的搜索索引，即使在并不具备良好的技术支持的前提下，亦可向使用者呈现准确、完整的网页信息，同时也可将标准化的网页快捷转化为其他格式，方便用户查阅与拷贝。针对设计者而言，基于网页标准化设计的网站建设，能够将网站的内容与其形式分割开来，能够实现网络代码的重复使用，最大限度地减少设计的繁杂与冗余，加快其开发的速率，同时能够有效降低网页建设与维护的成本，降低了网站设计人员的工作强度，便于设计者协调分工，从侧面提升了网站开发的效率。

2 网页标准化设计在网站建设中的应用

2.1 HTML语言代码的书写

HTML指超文本标记语言，它是提供网页信息与内容的语言结构。从网页本质的角度来看，网页是通过组织一定的结构来实现其文档内容浏览的平台。因此HTML作为提供信息的主体对象，其代码书写尤为重要。首先，需要选择正确的文档类型。在应用网页标准化设计的网站建设中，通用的标准语言是构成网页文档的要素。因此，为确定HTML的文档结构形式，保障网页解析的正常与其呈现的标准化，需要正确选择网页文档的类型。其次，设定作为文档标记的名字空间。主要是为了强调文档的归属权。例如：若需使用符合XML规范的XHTML文档，则应在文档HTML标签中表现其xmlns属性。通常其代码表示为“html xmlns=‘http：//文档命名空间/xhtml’”。此外，还需正确设计html文档的元信息。将其用来描述网页内容，配合其name属性，设定描述网页内容的关键词，为用户搜索提供便捷。一般可以将网站的文件头http-equiv属性与其content属性进行融合，构建其编码信息与其网页的具体语言。另外，还需将所构建的网页语义化。以保障网页在没有相关技术支持的前提下亦能够将有效信息显示完备。

2.2 选用CSS语言设计网页的表现

CSS主要是用于表示网页文档样式的语言。该语言的具体语法主要是由选择器及声明两个部分构成。其中声明又是由其对应的属性与值构成。以p{color：green；font-size：16px；}为例，此定义的作用，即将p元素范围内文字的颜色设定为绿色，并将该范围内字体的大小设定为16像素。其中颜色与字体大小为属性，p是其选择器，而green、16px则为其具体值。CSS选择器的类型主要包括类选择器、ID选择器、伪类选择器，组合选择器、继承选择器、标签选择器等。因此在设计CSS时，需要根据网站建设的实际情况，选择对应性的选择器。必须注意，虽然ID选择器与类选择器存在一定的相似点，但依然需避免在针对网页布局设计时，过多地运用div+CSS结构。比较ID选择器与类选择器的差异，虽然两者均为xhtml文档中标签的制定样式，但在同一个xhtml文档中，ID选择器不可重复利用，是一对一的标签指定形式。另外，随着当前智能手机、平板电脑更新换代的速度不断加快，网页浏览器的服务端口也在迅速增多，由于不同服务端口对浏览器web标准的默认值不尽相同，因此，还需注重网站兼容性的设计，对于不同的网站端口选择不同的CSS解析方式，保障其兼容性。

3 结束语

综上所述，在网络技术迅速发展的时代背景下，网站已经成为了当前不同行业的服务平台与媒介，是其宣传业务、拓宽市场的主要渠道，对网站设计与建设也提出了更高的要求。因此，设计人员在进行网站设计的同时需要遵循网页标准化设计原则，设计出融合美观与功能性的网站，保障信息传递的稳定性与网站搜索的便捷化，为用户提供更多的便利。

参考文献

[1]李岩，王静.网页标准化设计在网站建设中的研究与应用[J].电子制作，2013（06）.

[2]郭文波.基于用户体验的标准化网站设计与开发流程研究[D].上海师范大学，2012.

[3]潘泽乾.论网页设计与网站建设的创意与实施[J].齐鲁艺苑，2009（04）.

[4]李克锋.谈色彩在网页界面设计中的应用[J].电子技术与软件工程，2014（02）.

作者简介

李克锋（1980-），男，河南省镇平县人。助讲职称，大学本科学历。研究方向：硬件维护、软件应用及网络。

网站网页设计篇10

论文关键词：默会知识,《网页设计与网站建设》,实践教学,高职

一、默会知识及其特点[3]

英国著名的科学哲学家波兰尼在《人的研究》一书中首次提出了默会知识的概念与理论，他认为：“人类有两种知识，通常所说的知识是用书面文字或地图数学公式来表达的，这只是知识的一种形式，还有一种知识是不能系统表述的，例如我们有关自己行为的某种知识，如果我们将前一种知识称为显性知识的话，那么我们就可以将后一种知识称为默会知识（或称缄默知识、隐性知识）。” 在日常生活中，很多人都感到有时候对某些知识会产生“只可意会，不可言传”的感觉，对于这种知识的真正研究，便是从波兰尼提出“默会知识”概念后开始的。

默会知识有如下特点：（1）非逻辑性。默会知识发挥作用的时候我们不能通过语言、文字或符号对其进行逻辑说明。（2）非公共性。默会知识是一种连知识拥有者和使用者都不能清晰表达的知识，它不能在社会中以正规的形式加以传递，明显缺乏公共性，是一种高度个人化的知识。（3）非批判性。默会知识是人们通过身体的感官或理性的直觉而获得的，不能够通过理性加以批判和反思。（4）情景性。默会知识的获得与某种特殊的问题或任务“情景”联系在一起，是对这种特殊问题或任务“情景”的一种直觉综合或把握，其发挥作用也是与这种问题的“再现”或“类比”相连。（5）文化性。默会知识与一定文化传统中人们所分享的概念、符号知识体系分不开，处于不同文化传统中的人往往分享了不同的默会知识“体系”。对于跨文化交流，在注意显性的社会规则的同时更要注意那些默会的社会规则。(6)层次性。根据隐性知识能够被意识和被表达的程度，它可划分为：无意识的知识、能够意识到但不能通过言语表达的知识和能够意识到且能够通过言语表达的知识。

二、默会知识在实践教学中不可漠视

教学过程既是一个传递和掌握显性知识的过程，同时也是一个通过实践活动领悟和获取必要的默会知识或直接体验的过程，还是一个使默会知识明确化、符号化，从而得到检验、修正与利用的过程。掌握知识不仅包括掌握显性知识，而且还包括掌握必要的默会知识。默会知识镶嵌于人类的实践活动之中，而高职学生要获取以默会知识为主体的实践知识和技能，关键是通过对具体实践行为的观察、模仿和体验，而并非语言的传递。也就是说，“实践知识只能通过身体化活动的参与才能被个人所默会地掌握。”因此，以培养学生实践技能为核心任务的高职院校必须积极探索指向实践行动的教学改革[2]。

三、基于默会知识的《网页设计与网站建设》课程实践教学改革

《网页设计与网站建设》是一门实践性非常强的计算机应用课程，学生只有在实践过程中通过自己实际动手操作才能掌握相关技能。如何增强学生的学习主动性与实践操作技能，提高实践教学质量和学生职业技能素质，是这门课程实践教学改革的目的。

第一，突出“学徒制”的实践教学形式。波兰尼认为师徒关系是传递默会知识最有效的形式，指出“一种无法言传的技艺不能通过规范流传下去，因为这样的规范并不存在。它只能通过师傅教徒弟这样的示范方式流传下去。”教师需利用假期时间下企业，加强与计算机行业协会及相关企业的合作，建立校外实训基地，提供学生顶岗实习的机会，让学生亲身体验真正的工作环境，使作为“学徒”的高职学生在工作环境现场通过观察、体悟、模仿、实践，不断地从顶岗实习单位“师傅”那里获得许多难以言传的职业技能与职业素养，锻炼学生的交际能力，理论联系实际的能力，团队合作能力，应变能力和创新能力等等[4]。

第二，推行“情境体验”的教学模式。与通过明确推理方式获得显性知识不同，默会知识的有效掌握依赖于认识主体在一定情境中的身体感官与理性直觉。因此，在《网页设计与网站建设》实践教学过程中要尽可能创设与学生未来工作的职业情境密切相关的教学情境，为学生掌握职业岗位的默会知识营造认知环境和载体。如实践教学所采用的案例项目尽可能来源于实际工作，并提倡和鼓励学生积极参与教师的教学与科研项目。如有些学生协助教师制作网络教学课件和精品课程建设，还有些学生参与校园网内容的设计、更新和维护等。这些学生通过实践应用，不但将课程中所学的知识融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性和艺术性，更丰富了学生的知识结构。在项目教学实施过程中，教师还要努力营造工作情境，引导学生完成项目，做好辅助性的工作，扮演好老师、客户、项目经理等多重角色[5]。

第三，实施“小组合作、团队协作”的教学策略[1]。研究表明，默会知识的习得过程离不开沟通与分享，离不开知识共享型组织文化氛围的营造。合理地构建学习小组，既是学生合作的基础，也是实现学生群体合作的基本手段。我们可根据学生的不同情况给学生进行分组，注意合理搭配，将内向的同学与善谈外向的同学组合，并兼顾男女比例，以保证学生能够最大限度的互补，互相帮助，培养能力，使小组合作在短期内便能获得成效。如在“课程设计”实训环节，针对学生自身的特点，制定实训题目，为培养学生的团队合作能力，每个题目可有4~5人完成，并在其中指定一名负责人，让负责人将任务分解并分配到各个成员的身上，让学生快速进入角色，体验真正的项目开发过程，小组成员各尽所能又能相互学习，完成复杂的设计任务。

第四，鼓励学生在实践操作中对话交流。默会知识很难流动，它只有在显性化或被他人吸收、利用时才能发挥作用，只有在人际互动学习中才便于其生成与获得。在网站开发实践训练过程中，无论是学生单独进行还是以小组为单位进行，每个学生都有自己想法，教师要鼓励学生发表自己的见解，也把自己的实践经验、观点与学生交流，通过学生间、师生间的对话交流，使学生的见解显现出来，促使学生个体把注意焦点集中到微弱的默会知识资源上，使之显性化，实现知识的融合与共享，从而便于默会知识的生成、获得。

实践教学质量决定应用型高职院校的人才培养质量，所以实践教学改革需要不断深化。对《网页设计与网站建设》课程实践教学内容、方法、手段等方面进行改革，增强学生的学习主动性、积极性，提高学生的实践操作技能，需要在实践教学过程中不断进行探索和完善，为提高学生的职业能力素质，建立更科学的实践教学体系不断努力。

参考文献：

[1] 殷兆燕，崔毓娟.《网页设计与制作》教学改革探索与实践[J].常州信息职业技术学院学报，2009(4):64-66.

[2] 杨林生，牟惠康．默会知识视阈下的高职院校有效教学研究[J]．国外职业教育，2009 (1)：27-30．

[3] 谢春祥. 论默会知识理论对物理实验教学的指导意义[J].广西教育，2009（8）：18-19.

[4] 刘谦.网页设计教学改革的实践与探索——基于“任务驱动”的团队协作教学模式[J]．中国新技术新产品，2009（21）：240.