网站网页设计精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网站网页设计主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网站网页设计范文

《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。根据职业岗位的需求，与企业专家共同确定目标和内容。通过本课程学习，使学生能熟练运用fireworks/photoshop软件进行网页效果图的设计；熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页；掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能；掌握CSS+DIV网页布局设计，掌握JAVASCRIPT脚本编程语言的基本语法知识。商务网站前台设计课程，主要采用项目教学法，教学项目是教学内容的具体表现形式，也可以说教学内容就是教学项目，完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容，典型工作任务为工作过程知识的载体,课程内容来源于实践专家研讨会，工作过程是课程形式的体现，因此，教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善，最终选择了四个项目（由简单到复杂）。

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

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

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

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

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

第2篇：网站网页设计范文

营销型企业网站是企业为了实现特定的营销目标，能将网络营销的思想、方法和技巧应用到网站的规划、设计与制作过程之中而构建的网站[1]。营销型的企业网站应能实现直接获得订单或获得销售线索的目标，能够很好的吸引访客并将访客转换为顾客。因此，构建一个优秀的营销型企业网站，必须以网络营销理念为核心，以良好的用户体验为目标，以SEO优化规律为建站标准。网站实际制作的全过程必须以日后的营销推广为目的和出发点，务使每一个环节，每一个步骤都要考虑到企业营销功能的需求，从而使网站一上线即具备营销功能或呈现出有利于优化推广的特征。

2 营销型企业网站的规划（Marketing type enterprise?website planning）

网站的规划主要是确定网站的结构及栏目的设置，网站的栏目要明确主要栏目和次要栏目。充分的调研与分析是规划好一个成功营销型企业网站的前提。通过调研与分析，目的是准确地进行网站定位，满足特定用户群的需求。网站的调研与分析大体上包括用户需求分析、用户搜索行为分析、竞争对手分析、行业平台分析、企业产品核心竞争力分析这五个方面。在进行线上调查时，可选择与自身企业相关的关键词进行搜索，找到竞争对手网站及行业网站，搜集竞争对手的网站结构、栏目规划、关键词设置、行业发展动态等有用信息。另外，浏览如阿里巴巴这样的B to B平台、与行业相关的商业论坛，这里面也有大量的有用信息。在充分获取这些有价值信息的基础之上，再分析自己企业产品的特色和亮点，找到自己企业产品的核心竞争力，从而最终确定企业网站的栏目和内容。在进行用户搜索行为分析时，主要是分析用户会经常采用哪些关键词来搜索与自己企业相关的产品，从而确定网站的主关键词及长尾关键词[2]。

3 营销型企业网站的特征（The characteristics of?website）

在设计与制作网站网页时，美工与网站功能固然重要，但更要从网络营销的角度来设计与制作每一个网页。做出来的网站，首先要符合搜索引擎的搜索习惯，对搜索引擎更友好，这样就会更容易被搜索引擎收录，从而让更多的用户找到网站；其次，要有良好的用户访问体验，尽量让用户更容易、更快速地找到所需信息，从而延长访客在网页上的停留时间；另外，要有在线客服功能、客户管理功能，通过客服的在线帮助和引导，尽可能地将潜在的顾客转化为真实的顾客。通过客户管理收集客户信息，以便更好地进行售后服务，从而提高用户的忠诚度和网站的口碑；最后，还应该有流量统计功能，评估网络营销效果，适时调整网站推广策略。因此，真正的营销型企业网站有以下四大特征：

3.1 以网络营销为导向

营销型企业网站一定要满足企业的某些方面的网络营销目标，比如实现客户服务、市场开发、品牌推广、促进销售等功能，始终坚持营销为主，技术为辅的建站理念，使网站成为企业进行网络营销的工具和平台。

3.2 以用户体验为中心

一个有良好用户体验的营销型企业网站，应该具备操作简单、访问快捷、容易沟通、可信任、易于传播等优点，让访客产生依赖感，刺激其购买欲望，从而尽可能地将潜在的客户转换为真正的顾客，实现网站高转化率的营销目标。

3.3 基于搜索引擎优化的网页设计

目前，搜索引擎是网民获取信息最常用的渠道，如何让网民通过搜索引擎快速的找到网站，是营销型企业网站必须要解决的问题，基于搜索引擎的页面优化工作是网站建设过程中基础和长期的工作，贯穿于企业网站的规划、建设、维护、运营等全过程。

3.4 关注网络品牌建设与推广

一个优秀的营销型企业网站必然真正融入了企业的品牌文化和企业风格，能提升企业价值和品牌形象，获取社会认同，从而通过拥有庞大的忠实顾客群来巩固其市场地位。

4 营销型企业网站的SEO优化技巧（SEO site?optimization techniques）

所谓SEO优化是指专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式，从而获得更多流量，吸引更多目标客户，最终达到网络营销及品牌建设的目标[3]。目前，SEO优化排名是最重要的网站推广手段之一，以百度搜索为例，在具体的网站及网页优化过程中，有以下几个技巧值得借鉴。

4.1 网站结构扁平化

一般的企业网站不像新浪、搜狐等门户网站那样内容庞大，所以不需要设计复杂的网站结构，链接层次以二级或三级为宜。设计如此扁平化的网站结构，有利于搜索引擎对网站内容的抓取和收录。百度蜘蛛软件为了保证高效，对于网站不是所有网页都会抓取的。蜘蛛软件爬行的深度与网站的权重相关，网站权重越高被爬行的深度也会比较高。因此权重不高的网站如果链接层次太深，后面的网页就不会被蜘蛛软件抓取到。

4.2 周期性地更新网站内容

百度蜘蛛软件有喜新厌旧的特点，在每次爬行某个网页时都会把抓取到的网页数据存储起来并进行对比。如果第二次爬行发现网页与第一次收录的完全一样，说明网页没有更新，蜘蛛软件就会降低来访的频率。如果网页内容经常周期性地更新，蜘蛛软件就会掌握网页更新的规律并及时过来抓取，这样不会造成蜘蛛软件经常性的白跑一趟。网站的首页是一个网站最重要的网页，为了吸引蜘蛛软件的频繁造访从而提升网页的权重，在首页建议设置更新版块，如新闻公告、新产品展示等。

4.3 网页标题与网页内容要高度相关

网页标题是对一个网页内容的高度概括，搜索引擎根据网页标题来抓取网页内容，所以，网页标题的优化是一个网站进行SEO优化时的重中之重，尤其是首页的标题。在设计网页标题时，不能每个网页使用同样的标题名称，如公司名称，这是一个非常严重的错误。因为标题应该体现网页内容，每个网页使用同一标题或标题与内容无关，这样会影响用户体验，不利于搜索引擎的收录。网页标题可采用关键词网站名称关键词栏目名称关键词文章名称等表达形式，尽量让网页标题中含有用户检索所使用的关键词，这样更有利于搜索引擎的检索。同时，整个Title标题最好不要超过30个字符，不然搜索引擎不但显示不出，用户体验也不友好，阅读起来不容易理解。

4.4 内链建设

蜘蛛软件的爬行是跟着链接走的，所以内链的优化就是尽量可以让蜘蛛软件抓取到更多的网页。同时，网站的首页、重点栏目页、最新文章等，也是建站者希望被重点推荐的网页，通过内链的优化，可以让访客从更多的子网页访问到这些网页，从而提高这些网页在搜索引擎中的权重，促进网站的收录及排名。合理的内链建设除了在每个子网页中设置返回首页的链接之外，还可以在文章中的关键词上添加锚链接，也可以设置友情提示、相关推荐、热门文章之类的栏目，这是很多网站都在利用的，不仅可以让蜘蛛软件抓取更大范围的网页，也使用户体验更加友好。

4.5 外链建设

在网站建设制作过程中，外链是提高网站知名度与搜索引擎信任度的重要组成部分，一个高质量的外链可以为网站从外部引入流量，特别是在网站的初始阶段，网站的权重较低，蜘蛛软件来访较少，外链可以增加网站网页在蜘蛛面前的曝光度，防止蜘蛛软件找不到网页。

4.6 动态网页静态化

HTML存放的静态网页便于蜘蛛软件的抓取和存放，同时，静态化处理的网页本身的访问速度要较动态网页快很多倍。从SEO优化的角度来看，静态网页更适合搜索引擎的搜索和收录习惯，对搜索引擎更加友好，因此静态网页的网站排名效果要比动态网页的网站排名效果更好。基于SEO优化的原因，对于网站中经常需要更新信息的动态网页如：论坛、留言板、会员注册、新闻公告等栏目，可以采用动态网页静态化技术。目前主流的静态化技术主要有两种：一种是先于用户访问之前通过程序将动态网页抓取并保存为静态网页，这样的网页的实际存在于服务器的硬盘中并提供给用户访问。另外一种是伪静态技术，即通过WEB服务器的 URL Rewrite的方式，其原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址，而静态网页实际是不存在的[4]。

第3篇：网站网页设计范文

1.信息设计意识教育的作用

信息设计意识是针对人的信息获取行为提出的。人对外界空间、形态、大小、图文、颜色、静动等的感知，都是一种信息传递。有效的信息传递设计是设计师不能回避的问题，当设计作品不能有效地组织各种元素传递信息，作品的功能性受损，纯视觉效果设计的价值便随之消减。

2.教学内容中涉及网站信息组织设计的教学内容现状

网站中，对信息的组织和设计是站在信息传递效能的角度开展的。信息的设计囊括了视觉的范畴，而设计教育中，在面对网页设计这种信息高密集度的设计专业课程时，如果将视觉传达设计的知识体系简单定位于网页的视觉效果设计，是对网页设计课程教学的扭曲。因为：一方面，人体通过视、听、触、嗅、味五种途径从外界获得各种信息，而视觉只是其中一种形式；另一方面，由于惯性思维，如果学生一想到网页设计就将其限定于对视觉效果的设计，再高一层面也只是强调了创意等信息传递方式的设计，而人获取和认知信息有着自身的一套规律和方法，对这些规律运用的缺失最终会反映在网页设计作品上。信息如果架构不合理，会使用户从中获取目标信息的难度增大，体验质量降低，造成设计行为的价值流失，有违网站设计定位的初衷。

二、网站信息组织系统在网页设计中的重要性

1.从信息结构层面保障用户能在网站信息中快速寻找到目标信息

网页设计的结构性与易读性是非常重要的，而结构的合理性是网页信息符号易读的必要保证。用户对网站信息之间的关联的认知有一定的规律，网站的本质是网络平台与用户互动并传递信息的信息集合体。保障网站信息的易读性，有效地向用户传递信息是网页设计的目标。用户在各种层次的目标驱动下访问网站，需要在不同页面发生交互行为，完成访问目的，因此在设计中必须保证用户能流畅地在不同页面获取不同阶段具有目标价值的信息。

2.从功能层面明确网页的设计目标和开展方式

网页的设计与传统视觉传达设计有很大的不同，它很大程度上不仅仅是静态视觉效果的设计，更多的是在动态操作过程的策划设计中，对这些交互功能的视觉补充和效果层次控制。换言之，功能决定形式，目标决定过程，传统的视觉传达设计关于视觉流程的应用原理在网页设计中只在部分情况下适用。

三、网站信息组织设计的教学探索

1.选择合适的项目案例导入与目标任务明确化

（1）挑选具体网站设计案例为课程练习任务蓝本

在授课准备阶段，教师挑选难度合适的网站设计项目，尤其是自己负责过的且有代表性的网站设计项目，将各个环节的任务按照不同难度分解为不同的分支任务，在不同的教学环节中使用，以任务驱动学生参与目标的实现。当课程中有一个具体任务被布置并且得到学生履行时，课堂实际上就产生了教学效果。任务驱动教学法最显著的特点是以任务为主线、教师为主导、学生为主体，改变了固有教学法中教师讲、学生听的被动教学模式，创造了学生主动参与、协同合作、探索创新的新型教学模式。

（2）项目案例导入实践教学环节需要注意的问题

网页设计项目导入课题教学，在课程中的难题主要在于教学的进度难以控制。项目案例引导应用于教学，实际上就是一种课堂知识和方法的任务实践具体化过程，关键在于对案例内容难度的挑选。内容太多，涉及网站信息组织设计的任务就会占用太多实践，增加教学实践环节授课时间的控制难度；内容理解难度大，会导致学生在进行信息分类时额外的认知和实践工作量增大，模拟卡片分类法的过程会出现一些意外状况；项目涉及的信息组织设计的预期理想结果过于单一，可能会造成学生因在任务组中获得的结果趋于一致而相互抄袭，不能获得预期的教学效果。

（3）明确案例项目中的任务目标群完成的衡量标准

教师在教学实践中，应明确每个教学知识点的合格标准，这样学生也会有明确的课堂目标，尽管这种目标的完成不一定建立在学生自己的兴趣基础之上，但是对于教学效果而言具有实际价值。其一，网页设计课程中案例项目的信息组织设计的教学完成，过程中有很多环节需要控制，所以教师必须围绕总目标确定次一级的任务目标群，使学生对完成总任务目标需要完成的几个模块子任务的内容有清晰的认知；其二，任务目标群的体系构成还包括各个任务目标之间的流程关联，教师要使学生理解每个次一级任务目标安排组织的缘由；其三，明确衡量要求，使学生明确认知需要达到的合格标准。

2.情境模式模拟用户访问网站的过程

（1）网站的目标用户群分析

对开放性的网站而言，被访问时用户需求能满足的，且与网站的建站目标相符的，即为网站的目标用户。网页设计目标用户与产品设计目标用户的不同在于：网站先天具有自我宣传和推广的功能，即向所有访问用户传播自身存在状态的信息，若网站以宣传为主要目标，那么其目标用户群的范围可能非常宽广；其次才是以向特定群体提供特定产品和服务为目标的网站，其目标用户的定义范围较为狭窄和具体。所以，对网站目标用户群体的分析必须联系网站的建站目的展开。

（2）确定目标用户群访问网站的目标信息

网站信息成分越复杂，功能越多，网站中具有目标用户群的目标信息价值的信息就越多、越分散，此时网站的建设对信息架构设计的需求就越急迫。换言之，即确认目标用户访问该网站时对哪些信息存在需求，必须在具体设计展开前进行分析。

3.卡片分类法引导学生对案例项目中网站信息组织分类

（1）关于卡片分类法

卡片分类法是一种定性和定量相结合的方法，调查者预先给予测试者一系列标有名称或内容的卡片，让测试者根据自身认知将这些卡片进行归类，并对卡片名称及类别名称进行确认。卡片分类法是网站信息架构的一种常用方法，用来比对网站设计者和网站访问者对网站信息分类的普遍性认知差异，以此作为设计师调整信息架构的设计依据。结合项目案例网站，将整站的众多多寡不一、主次各异的信息和功能模块，提炼出概括性的条目、文字、词汇和小分类等，并书写在准备好的卡片上进行信息特征的归类。使用卡片分类法对网站信息进行分类和组织的目的在于让设计者从用户的角度理解网站的信息，以求更好地为用户提供容易理解的网站信息组织方式。

（2）教学中卡片分类方法的具体实施过程探索总结

首先，在教学过程中，教师要求学生准备便签之类的卡片，对作为案例项目的网站中涉及的信息内容进行梳理，将对应一级和二级网站导航架构的信息内容一级分类模块和二级分类模块，以及无法确定分类的独立信息模块，用一句话或者一个词组提炼出来，写在不同的卡片上，并注意用词的准确性。如果暂时无法寻找到合适词汇提炼概括一个模块的信息内容，可用小一点的文字注释在该卡片上，以帮助参与实验的用户理解。其次，参与卡片分类测试的样本用户的选择。如果选择的项目案例是一般性的网站，如一般的公司网站、主题网站，则样本用户可以限定在同年级或者同校的学生范围之内进行选择。作为课程的一种练习，这样有一定的便利性，但是作为实际的实践环节，则有一定的局限性，如年龄和文化教育层次的局限性，所以案例项目的选择很重要。在卡片分类教学实施过程中，由于教学进度和课时的限制，建议选择的被测试对象直接在班级中产生，另外，为防止参与测试的不同用户分类时相互干扰，可以让单个用户先后独立完成卡片分类，小组成员记录分类结果以及用户对卡片进行分类的理由。再次，展示时建议水平铺开便签，让用户重新梳理和陈述自己的分类，及时发现分类存在疑问的地方。在以往的教学中，粘贴式便签便于在展示板上展示，但是一旦贴上，在修改和调整时容易被撕坏。最后，用户测试过程的研究。按照观察法对用户分类过程进行观察和记录，是为了更准确地把握用户的分类动机。观察法是有目的、有计划地通过对被测试言语和行为的观察、记录而判断其心理特点的心理学基本研究方法之一。这里所说的观察对象一般是访问网站的用户。同时，对测试结果进行用户访谈，主要目的是确认用户在分类过程中的判断依据，当设计者对用户分类结果的认知与用户的认知有不同之处时，必须通过用户访谈进行了解。

4.研究结果分析

E-R关系图能比较明确地描述出卡片上的网站信息模块之间的关系结构与关系特征，应用于网页设计课程中的网站信息组织设计，具有较强的实用性。将用户的测试结果用E-R关系图描述出来，一方面可以锻炼学生对逻辑关系的理解能力，另一方面可以培养学生在设计中注重资料信息的条理性的良好习惯。在课程安排中，教师可以安排一定的课时由每组学生上台讲解自己的研究结果，强化学生在课程中的参与感。课堂上的卡片分类测试可以让学生从用户的角度，看到用户对网站信息的理解模型，这对网站信息的架构设计有很好的引导和参考作用。

四、结语

第4篇：网站网页设计范文

【关键词】教学网站 网页设计 静态网页 动态网页 数据库

【中图分类号】TP311.5 【文献标识码】A 【文章编号】1006-9682（2012）11-0009-04

【Abstract】A teaching website is set up based on the HTML to develop the static pages and the ASP technology to develop the dynamic pages. The database supporting the website is based on the ACCESS that developed by Microsoft. The main structure of the website is tree structure. Users can reach every function points from index， and then can reach the more buttons and more detail points in different scopes. The website is divided into a number of relatively independent and interrelated function modules， which include the introduction of course， the introduction of teachers， self-study base on network， and guidance to the experimental and so on. All above mentioned are showed to the users in words， images and videos. A platform for teachers and students to exchange their ideas of this subject is also built.

【Key words】Teaching website Web page design Static web pages Dynamic web pages Data base

一、引 言

随着网络信息传媒技术的飞速发展，教师的教学方式越来越多地包括了互联网的应用，越来越多的教学资源被开放到网上供更多的用户使用，达到扩展教学时间和空间、教学资源多元化以及教学模式多样化的目的。ASP技术能够实现很好的网络互动形式，配合简单易用的Dreamweaver HTML编辑功能，加之学校提供的足够充裕的网络环境资源，可以很好地实现在教学网站上进行教学活动的目标。本文基于静态网页HTML技术以及动态网页ASP技术设计完成了校级优质课程《信号分析与处理》的教学网站，集成了课程介绍、老师简介、网络自学、实验指导等功能模块，以文字、图片及视频为表现形式，搭建了答疑、讨论、留言等师生活动交流的平台，教学效果良好。

二、教学网站的总体构成

本教学网站实现了课程教学相关软硬件的简介、教学资源的开放、教学实验以及实习实践的介绍、互动交流平台等功能。其主题模块包括：课程综述、师资团队、网络课程、教学实践、学习园地、科研成果、实习实践、留言板以及联系老师等。具体来讲，有以下几个方面：①教学软硬件介绍：通过文本、图片的形式，以生动的网页呈现简介，对师资团队、实验室资源、实习实践、教学方法与创新等教学软硬件进行介绍，使学生全面认识学习渠道与学习环境，避免了学生在学习过程中造成资源的浪费；②学科学习资源库：利用文本、图片、视频等载体，按照一定的教学需要以及教学策略进行分类，并以合适的形式重组对学生的开放，很大程度上避免了学生在大量的资料阅读中迷失，使学生对信息的甄选更有针对性、更加结构化，学习目标也更加明确；③拓展性学习资源：是对学科学习资源库的补充与延展，其资源可能超出课堂甚至考试范围之外，学生可通过对这些资料的阅读增加对本学科的兴趣，从而对本学科的学习产生推动和促进作用。师生在教学活动中发挥创造的内容也可以作为拓展资源的一部分存入资源库，供后来人参阅和学习。拓展性学习资源为学生进行广泛而深入的专业知识研究学习提供了良好的保证；④网上讨论空间：其实质是一个可以帮助学生创造、探索、交流的平台。学生在与教师或同学利用这一平台即兴同步或异步的协商讨论过程中，能够开拓思维，锻炼认知能力、表达能力以及团队协作能力等。图1为该教学网站的拓扑结构。

在整体布局方面，采用表格的方法，这是网页设计所采用的基本方式之一。通过表格布局的方式可以使整个网页各个部分的比例数字化，从而更易把握，同时使网页中各局部的调节以及局

部与整体的适应性、比例等都更容易调节和把握。图2为实际运行网站的首页。

三、教学网站的关键设计

1.HTML静态网页技术

Dreamweaver网页设计软件提供了一套直观的可视界面，可供创建和编辑HTML网站和移动应用程序。[1～2]静态网页制作技术是一种通过HTML标记语言，按照一定的格式整合各种媒体，如图像、文字、声音等，并结合Web服务实现信息网络的技术。静态网页没有后台数据库，不含程序及其他不可交互的网页，每个网页都有一个固定的统一资源定位符（URL），或被称为网页地址，作为独立的文件保存在服务器上，内容相对稳定，易于检索和查阅。由于它的稳定性，通过静态网页呈现的信息最好在短时间内是不需要进行修改的，或者其更新周期较长。一般来说，静态网页适合作为单纯信息呈现的载体，直截了当地将想要对学生开放的信息展现出来，不仅易于对网站内容进行管理，而且对网络、服务器资源的使用更趋于合理。

2.ASP动态网页技术

动态网页可以包含各种动画，也可以是纯文字内容，其主要特点有：①一般以数据库技术为基础，只要对数据库进行更新就可以完成对整个网页信息呈现的更新，相较于静态网页更新工作量要小得多；②动态网页实际上并非独立存在于服务器上的网页文件，只有当用户请求服务器时，服务器才会将存在于服务器上的文件解析成网页的形式呈现给用户。采用动态网页技术相较于静态网页可以实现更多的交互式功能。动态网页技术是指客户端与服务器端可以进行交互行为的一种技术，可以开发出具有交互性的动态Web网页，常用的动态网页技术有ASP、JSP、PHP等。结合教学网站本身体积较小，而且基本是运行于学校内部资源网，安全性问题较少等因素，又参考了学校服务器操作系统，最终选用ASP技术制作本网站。

ASP动态网页技术是由Microsoft公司开发完成的，其开发环境为IIS，即Internet Information Server，互联网信息服务。它是一种Windows系统自带的网页服务组件，本身就包括Web服务器、FTP服务器、NNTP服务器以及SMTP服务器，分别用于网页浏览、文件传输、新闻服务以及邮件发送等方面。[3]本设计主要运用的是Web服务器。对于Web服务器来说，需要有一个虚拟目录才能完成整个工作过程。所谓虚拟目录是指用户进入Web服务器时所看到的目录结构，因为IIS服务器是假设在Windows环境下的，这个目录实质上是一个Windows文件。在默认的情况下，IIS服务器是使用默认目录来对Web站点的网页进行存放的。当站点的结构过于复杂、拥有多个不同ASP站点时，则需要建立新的虚拟目录来对网页进行存放和规划。

动态网页与静态网页在运行时本质的区别就是，静态网页可以直接将设计的内容通过浏览器显示出来；而动态网页则需要服务器的支持才能让用户浏览到实际网页。因此在设计时由于没有实体的服务器，就需要在主机上建立虚拟地址以及测试服务器以用来对动态服务器资源进行必要的解析。这不仅是浏览动态网页的需要，同时也是设计和修改网站的必要条件，必须用Internet信息服务管理器提供相应的支持。不同的动态网页技术需要搭配不同的服务器环境才能做到正确解析，以便于让用户从客户端进行无障碍浏览。

3.ACCESS数据库技术

网络本身就是将处于不同空间位置、操作相对独立的多个计算机联系在一起，再配以一定的系统和应用软件，从而完成计算机间的资源共享和信息传递。因此其本质特点就是资源共享。而网络数据库正是完成了将网络资源整合在一起以备共享的工作，它是以后台数据库为基础，加之一定的前台程序操作，通过浏览器完成数据的增删、查改等行为。

基于已经选好的ASP动态网页技术，考虑到本网站对数据库的实际要求以及学校服务器的操作系统环境，最终选用ACCESS开发数据库。它是由Microsoft公司出品的隶属于Office软件系统中的一款数据库软件。[4]它的特点是应用普遍，易于操作，用户界面人性化，能够满足用户对于数据库的基本增删、查改等功能，且能与ASP动态网页技术完美契合。

4.B/S（Browser/Server）结构

本教学网站基于B/S（即浏览器/服务器 Browser/Server）结构，其优点明显。在动态网页中使用ASP技术来实现对服务器端的操作功能，而ASP技术语言是基于VBScript脚本语言来完成对客户端的检查，现在市面上所有比较主流的浏览器都默认支持VBScript，因此只要客户端安装了任何一种浏览器，用户都不用再做任何设置即可登陆和使用本网站。B/S架构不需要太大的数据库以及太多的冗余空间，容易进行局部调节，更注重交互性和信息的交流性。对于学校这种非盈利性机构来说，B/S结构还具有价格上的优势。 基于B/S结构，用户在使用时不需要很繁琐的操作或者很高的技术要求，只需打开浏览器输入网址后，根据自己的切实所需，点开所需的网页即可找到自己所需的内容。基于导航条所具有的易操作性，用户在浏览网页时完全可以依赖网站所提供的不同性质的导航条浏览到自己所需的内容。

考虑到用户对不同资料的需要程度，因此开放性资源呈现给用户的具体形式分为下载和网页显示两种。一些可能不需要学生保留的（例如教案等）而只需要用户稍加浏览的或者教师不希望同学长期持有而只希望能在需要的时候再上网查找的（例如作业答案等）资源其呈现方式就选择了网页显示的方式，这种方式依照B/S的结构特点，只需要学生具有自己的用户端以及浏览器即可轻松浏览。另一方面，有些内容学生希望也需要自行保留以便于日后长期地频繁地进行浏览和参考，而这些资料很可能也正是老师希望学生多多参看的，那么这些资料的呈现方式就选择了直接供学生下载。同样基于网站的结构特点，学生只需要利用自己的用户端通过浏览器即可进行相关的选取和下载以及浏览等工作。

基于B/S结构，教师利用自己的PC端，以学校提供的虚拟主机为媒介，形成一个虚拟的服务器端，教师通过操作自己的计算机，同时也是在对网站的服务器端进行操作，而这种操作具有很强的灵活性和实时性。因此教师或网站管理员可以根据自己的实际需要和课程的实际要求对网站内容以及希望呈现给学生的资料、呈现方法进行实时修改。

四、教学网站的静态网页及动态网页实现

1.教学网站下拉菜单导航的设计

对于一个好的网站，清晰的主干脉络、丰富的资料储备以及干净整洁的页面设计固然很重要，但是优质高效的网站导航条对网站的影响更大。特别是对于教学网站而言，学生在查阅自己需要的资料时具有一定的盲目性，很可能迷失在茫茫的资料群中，而良好的导航策略则能使学生对网站中的内容分类一目了然，更加直接更加迅速地帮助学生找到自己所需的材料。

最终设计完成的是下拉菜单式导航条，如图3所示。当鼠标悬停于主体导航条之上时，下拉导航条弹出；当鼠标悬停于下拉导航条时，相应的栏目字体反色并且背景颜色有所变化，从而形成高亮的醒目效果。这类导航条以HTML编码构成，其位置精度是由机器计算得出的，因而不会出现“层”类型导航条的不稳定现象。由于是用编码来调控整个导航属性的，一旦需要修改可能会比较麻烦。

2.教学网站主页插件的设计

在教学网站中，经常需要更新一些公告新闻类的文字供学生查阅。这些文字如果只是以单纯的文字形式展现，可能不够明显，或者因为文字太多而实际上有没有那么大的空间可供使用，这时就涉及到了一个常用的网页插件程序——滚动字幕。

在网页设计中比较常用的制作滚动字幕的标签插件是marquee。其功能就是在网页的任意地方设计一个滚动字幕，然后根据用户的不同需要，对字幕的运行方式进行相应的修改处理，以最终满足用户的实际需要。以下是在本网站首页中的滚动文字所运用的marquee标签的实例。

0" align="left">

滚动信息！

其中direction、hspace、vspace、width以及align几项属性值分别对滚动文字的滚动方向、到边界的水平及垂直距离、区域的宽度以及水平对齐方式做了具体规定。而其他没有写明的参数则代表遵循默认值。

滚动字幕的应用，使网页内容的呈现形式显得多样化，通过滚动字幕呈现出来的信息比静态信息更醒目。学生在进入本网站首页时，首先会关注到首页上的滚动字幕。这样一来，教师希望首先让学生看到的内容通过此种形式能够更容易更便捷地传达给学生。

3.教学网站的交流互动平台——留言板

留言板模块作为本网站的交互式模块，为师生、生生的学术型交流提供了平台。学生既可以通过这一渠道向老师发问，同时也可以通过这一平台与其他同学进行交流，甚至留下联系方式，方便日后进行相关的学术研讨。而老师则可以通过这一平台为学生答疑解惑，对学生关于课程的学习程度有所了解，以便于对日后的课程安排进行调整。还可根据学生留下的联系方式和学生取得进一步联系，以便于对学生的学习提供进一步的帮助。同时，任课老师同时还拥有管理员的权利与义务，对学生的留言进行管理。根据课程负责人和其他本课程任课老师的权限不同，对留言板的操作权限也有所不同，便于老师们对留言板的运行情况及管理使用进行相关的操作和管理。

留言板模块是一个同步或异步的网上交流互动平台，不是一个静态网页，而是一个基于后台数据库的动态数据库。使用者能够根据需要，对后台数据库进行实时的增删、查改等操作。其设计包括数据库的应用、网页与后台数据库的关联与调用。

留言板模块数据库的主体结构包括两个表，分别是：①admin表：用来存储管理员信息，包括username、password、ADMIN以及ADPW四项。前两项为一组用来保存临时管理员的用户名和密码。因为考虑到任课老师或留言板的管理员可能随时会有变动，因此特别设定了这样的身份。其权限主要是进行对整个留言板信息的增删改查，以及对临时管理员用户名和密码的修改，以配合老师或留言板管理员的变更。而ADMIN和ADPW为一组作为管理员。这一组相对于临时管理员的不同就是他的用户名和密码是不能够被更改的，因为考虑到课程负责人会负责整个网站的管理工作，以及对临时管理员的调配和调度，因此管理员身份拥有更改临时管理员用户名和密码的权限，但是自身的用户名和密码任何人都不能够通过网页更改，当然如果有缺失的需要对管理员的用户名和密码进行变更，可以直接从数据库文件中直接更改。②words表：用来存放学生和老师的所有留言内容。该表可以存放学生的姓名、QQ号、电子邮箱等信息。这样的设定是为了老师或者学生如果对留言者的留言信息感兴趣想取得进一步的话，为他们提供一个便捷的渠道。考虑到太长的留言可能会对整个网络资源造成一些不必要的浪费，根据ACCESS的功能特性，对留言的字数进行了限制。留言板网页形式参见图4。

由于动态网页的全部功能都是依赖于数据库而完成的，因此网页与后台数据库的接口部分尤为重要。在HTML技术中对数据库接口的设计方法有着明确规范，例如系统必须通过“conn”标示才能完成对后台数据库接口的识别。由于ASP动态技术对Microsoft ACCESS数据库的支持，数据库的文件类型必须为.mdb。另外对于数据库接口的定义方式，HTML语言对语句格式也有明确规定。本设计中的数据库接口部分具体程序段如下：

page = Request.QueryString（"page"）

action = Request.QueryString（"action"）

action_e = Request.Form（"action_e"）

set Conn=Server.CreateObject（"ADODB.Connection"）

Conn.Open "driver={Microsoft Access Driver （*.mdb）}；dbq

=" & Server.MapPath（"#bict2008data.mdb"）

%>

该语句段必须位于ASP动态数据库整个代码的首字段，服务器通过对字段的预读和处理才能使网页与后台数据库正确连接。前几行的page、action等字段对网页获取用户信息、操作行为等的获取进行了具体定义，set Conn字段对系统具体建立的对象，在本设计中即数据库的具体链接对象进行了详细定义，最后一行则是对数据库的借口信息进行了详细定义，对数据库文件进行了明确指向。

五、结 论

互联网辅助教学方式，迎合了当今科技发展的大趋势，将线下教学与互联网完美结合，利用学生普遍对网络有着极大兴趣的特点，改变了一成不变的枯燥的书本学习方式，使学生通过查阅自己感兴趣同时也对课程学习有益的资料，让学生体验到学习知识的快乐，在培养学生学习兴趣的同时进一步提高学生的综合素质和能力。

本课程教学网站设计合理，运行可靠。但仍有一些功能在今后还需进一步完善，例如：学生自我测试系统功能，利用ACCESS对文字甄别和筛选的功能，以及对用户留言进行进一步限制和完善的功能，从而提高整个互动平台的安全性，以便为师生提供更多帮助。

参考文献

1 王唯一、张腾、林小玲、叶斌英.基于Dreamweaver网页编程技术的教学网站设计[J].计算机工程与设计，2008（16）

2 孙良军、刘贵国.Dreamweaver CS5动态网页建设ASP篇[M].北京：清华大学出版社，2011

第5篇：网站网页设计范文

1.1无线应用协议WAPWAP（WirelessApplicationProtocol)是用于解决无线移动接入技术的全球性开放标准。主要是为移动电话、Internet、其他的个人数字助理机和计算机之间的无线通信提供接入标准。WAP只要求移动电话和WAP服务器的支持，而不要求现有的移动通信网络协议做任何的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络。

1.2无限标记语言WMLWML（WirelessMarkupLanguage）是专门为手持式移动通信终端设计的语言。与HTML相比，WML消耗的内存和CPU时间更少，更适合手机等移动设备[2]。目前一些智能手机直接支持HTTP访问方式，但一部分中低端手机受系统及版本限制，对HTTP以及WMLScript等不能正常访问，因此从适用性角度考虑，建议采用最基础的WML语言开发，才能支持任意移动终端完美访问。

1.3WAP网络服务方案WAP网络架构由三部分组成：WAP网关、WAP无线终端、WAP内容服务器。Wap网关起着协议的翻译和转换作用，是联系无线通信网络与Internet的桥梁。WAP架构如图1所示。当用户从手机等无线终端键入要访问的WAP内容服务器的URL，信号经过无线网络以WAP协议方式发送请求至WAP网关“翻译”，再以HTTP协议方式与WAP内容服务器交互，最后WAP网关将返回的内容压缩、处理成二进制流返回到客户的手机等无线终端屏幕上。WAP网站与WEB网站建设,可分别设服务器独立使用，也可共用同一台服务器。WAP网页可用WML、WMLScript实现，也可用XHTML实现，还可将WEB页面通过HTML过滤或直接当WAP页面来用。从成本和建设速度角度上考虑，普遍采用的是最后一种，通过程序实现HTML到WML的自动过滤转换。

2.系统设计

2.1架构设计网站采用典型MVC模式，B/S架构。网站设计在逻辑上可以划分为WEB网站和WAP网站,二者共享同一台服务器,从而实现WEB与WAP网站信息的交互。

2.2功能模块设计农业信息网站主要功能是为区域农业提供相关信息服务，同时为区域农业电子商务提供支持。

3.实现方案

网站使用技术开发，利用VisualStudio2008开发工具，MicrosoftSQLServer2008数据库，IISWeb服务器实现。MVC框架提供一个基于MVC设计模式的应用，使得项目更加容易维护。

3.1WEB网站通过首页导航可链接至相应页面；用户访问首页可直接浏览农业新闻、政策、已通过审核的供求信息，查询信息;用户登陆后可供求信息；管理员登陆后台进行维护、管理及信息审核。

3.2WAP网站由于手机等无线终端的诸多限制，如网络宽带窄、屏幕小、存储空间小等,WAP部分网站减少了一些动态交互功能，以浏览网页和下载为主要功能。在用户管理模块增加了WAPPUSH功能，即服务器通过推服务器,将内容以短信的形式发至用户手中的一种业务。通过该业务能够将以前被动式的访问,变成主动式的推销,适合发送通知,用户也能够利用该业务定制信息。

4.总结

第6篇：网站网页设计范文

第二个时期是现代工业设计形成与发展的时期。这一期间工业设计已有了系统的理论，并在世界范围内得到传播。提到工业设计就有一个不得被提到的人-格罗皮乌斯。格罗皮乌斯是20世纪最有影响的现代设计师之一。他所创建的包豪斯设计学校奠定了现代工业设计教学体系的基础。包豪斯总结和发扬了自英国工艺美术运动以来各种设计改革运动的精髓，继承了德意志制造联盟的传统。包豪斯学校由魏玛艺术学校和工艺学校合并而成，其目的是培养新型设计人才。包豪斯学校在设计中提倡自由创造，反对模仿。将手工艺与机器生产结合起来。强调基础训练，创建了平面构成、立体构成、色彩构成等基础课程。强调实际动手能力和理论素养并重。把学校教育与社会生产实际结合起来。

包豪斯在设计理论上提出了：艺术与技术的统一，设计的目的是以人为本而非产品本身，设计要遵循自然与客观的法则来进行。这些观点对于工业设计的发展起到了积极作用，使现代设计逐步由理想主义走向现实主义。在德国产生包豪斯的同时，法国也出现了装饰运动。20时间30年代早期，艺术装饰风格已成为了大众趣味的一个标志。艺术装饰风格起源于新艺术运动，1910年法国装饰艺术家协会成立，其目标是使艺术与设计相结合。一战后，装饰艺术在法国得到了更大的发展，不少设计师尝试将现代主义严格的形式感和富有的主顾对于豪华、时髦的向往揉为一体。法国的装饰风格对于日后欧美的现代风格有巨大的影响。与包豪斯，装饰艺术运动同时期的还有在美国流行的美国式流线型风格。流线型与艺术装饰风格不同，它的起源不是艺术运动而是空气动力学试验。早期的现代主义无视工业资本主义以市场为主导的消费特点，片面强调批量生产的民主理想和产品的实用价值。

在最具商业气息的环境中产生的美国流线型风格正是给现代主义的清高以巨大的冲击。美国式流线型风格作为美国文化的一个象征，通过出版物、电影等形象化的传播媒介而流传到世界各地。两次世界大战之间，地处北欧的斯堪的纳维亚国家在设计领域中崛起，并取得了令世界瞩目的成就，形成了影响十分广泛的斯堪的纳维亚风格。

它体现了斯堪的纳维亚国家多样化的文化、政治、语言、传统的融合，以及对于形式和装饰的克制，对于传统的尊重，在形势与功能上的一致。斯堪的纳维亚是一种现代风格，它将现代主义设计思想与传统的设计文化相结合，即注意产品的实用功能，又强调设计中的人文因素。可以说，随着工业的发展各个地方根据不同的文化，政治，地域的差别展现出不同的设计风格是符合历史发展规律的。之所以会在两次世界大战之间产生是由于战争的前后会产生许多的商业空白和经济高速发展所带来的工业上的巨大缺口，在这一特殊的历史背景下出现了不同风格的产生。

第三个时期是工业设计与工业生产和科学技术紧密结合的时期。由于战争的洗礼，使得人们的思想与各个地方的政治产生了极大的转变，使得战后工业设计思潮却极为混乱，出现了众多的设计流派，多元化的格局在20世纪60年代后开始形成。其中的重要代表:20世纪40-50年代，美国和欧洲的设计主流是在包豪斯理论基础上发展起来的现代主义。1945-1960年美国的商业性设计，意大利、斯堪的纳维亚的有机现代主义。1960-1970年英国的波普风格还有后现代主义，结构主义，绿色主义等。

第四个时期是信息时代的工业设计，计算机技术的发展使得工业设计的技术手段有了明显的转变。以计算机技术为代表的高新技术开辟了工业设计的崭新领域，先进的技术与优秀的设计结合起来，使得技术人性化，真正服务于人类。美国的苹果公司，德国的青蛙设计公司就是其中的代表。

工业设计的未来，社会依旧在发展，商业模式的转变，高新技术的产生于应用必将给工业设计这一领域带来重大的影响。世界上已存在许多专门以设计为主的公司，许多大的公司也有自己的设计部。我们知道设计是来源于生活高于生活的产物，以前由于地域的影响存在着各种各样的风格与思想差异。但是，由于互联网的普及，商业全球化，信息全球化，资源全球化使得人们的交流与互补越来越频繁。人们的观点，理念基本都趋于统一。

第7篇：网站网页设计范文

在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。

1．1设计思想

通过网站，全面宣传，展示学校风采、优点与特色，学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。

1.2开发工具的选用及介绍

ASP的优势：

ActiveServerPages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。

ASP的特点：

任何开发工具皆可发展ASP

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。

通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

语言相容性高

ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因杰ASP程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

易于操控数据库

ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。

面向对象学习容易

ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

ASP的六大内部对象

对象名称功能描述

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站

第二章网站总体分析与设计

2．1网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：

l学校风采通过学校概括、教师风采、校园之星及部分图片等内容来展现。

l优点特色通过新闻、生动活泼的教育教学栏目来展现。

l信息通过公告栏、信息查询等栏目来实现，内容有招生政策、

活动安排等。

l部分校务根据校务的公开程度与参与人数的多少，特选择图书管

理、评优、考试查分、家校联系四大校务在网上实现。

2.2主页设计

网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息，对于四大校务，就得利用ASP与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。

主页结构图

注：带下划线的表示是链接方式

2．3数据库设计

采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：

allmessage留言信息表

Libbooks图书信息表

Libcategories图书类别信息表

Libemps图书馆用户信息表；

stud学生信息表

第三章详细设计

3．1家长学校联络簿

3．1．1功能：

利用SQL语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录管理模式，就可以进行各个学生家长的单独意见回复，而且还能看到家长们所留下的“悄悄话”。

3．1．2组成构造

共分成六大部分：

1，意见留言结果网页guest.asp：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。

2，家长发言表单网页addmsg.asp：让学生家长填写发言内容并选择发言性质。

3，家长发言数据处理ASP程序add.asp：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。

4，老师回复表单网页teachans.asp：让老师针对某位特定学生家长所发表的意见作出独立的回答。

5，老师回复数据处理ASP程序anssave.asp：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。

6，数据表文件allmessage：用来储存家长发言数据与老师回复数据的Access类型数据库文件。

“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为Access类型的库文件，将它定名为：“message.mdb”。

下图为家庭联络簿的组成与流程图：

老师回复

家长留言

读入写入

写入

3．1．3数据库结构设计

数据库文件”teach.mdb“中的数据表”allmessage“的栏目设置，如下图：

字段名字段类型

3．1．4界面设计与重点、难点代码的设计

数据库与留言显示程序网页

家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而要打开数据库则必须使用ADO对象群的Recordset对象，程序：

setcn=server.createobject("adodb.connection")

cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"

setrs=server.createobject("adodb.recordset")

sql="select*fromallmessageorderby留言时间desc"

rs.opensql,cn,1,1

Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，

使用RS.Open方法存取”teach.mdb”数据库

RS.OpenSQL,CN,1,1

使用open方法来打开数据表或执行Select指令参数设置如下：

1，参数一（SOURCE）:为欲打开的数据表或SQL指令。

2，参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。

3，参数三（CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。

4，参数四（LockType）:指定锁定类型，1为只读。

数据排序与SQL指令

1．Select指令的筛选语句：

格式：Select…From

在SQL语言中：“Select”数据表“中选取某些“栏位”的数据.

2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。

3．如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。

可排序数据的Select指令

1．当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“OrderBy“保留字之后，然后将这处排序的语句连接在”Select…From“后面就行了。

2．“OrderBy“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。

在“显示留言意见”网页中的打开数据库ASP程序中的语句：

SELECT*Fromallmessageorderby留言日期Desc

功能为：从数据表“allmessage“中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。

留言显示网页的管理模式

“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。

这两个情况是通过密码登录管理模式的ASP程序实现的：

<formmethod="post">

<%ifsession("checkedit")="yes"then%>

<inputtype="hidden"value="yes"name="goexit">

<inputtype="submit"value="离开管理模式">

<%else%>

密码：<inputtype="password"name="password"size="4"maxlength="4"><inputtype="submit"value="教师管理">

<%endif%>

</form>

在这段网页语句中，利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为Session尚未被建立，因此它的“变量”值一定不会是“yes”，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后，Session对象才会被建立，同时，“checkedit“Session对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。

留言显示网页的分页

当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据内容显示在网页中，等待网页下载的时间太长了，因此采用固定笔数分页浏览方式来显示网页。

要进行分页显示，得先知道目前有多少笔的留言数据，而留言数据笔数可以通过Recordset对象的“Recordcount“（记录个数）属性得知，我们将每10笔数据为一单位分页显示：

count=rs.recordcount

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

“/”为浮点数除法，“\”为整数除法。

跳页选择的ASP程序语句

所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP程序语句：

pagecount=0

rs.movefirst

ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))

ifpagecount<=0thenpagecount=1

ifpagecount>totalpagethenpagecount=totalpage

rs.move(pagecount-1)*10

发言表单网页制作

insetu3

表单的参数

表单的Action参数：Action参数是用来指定Server端处理此一表单数据内容的程序，此处表单处理ASP程序为“add.asp“，

表单的Mothed参数：要将表单传送至Server端的方式有两种，设置值分别为GET及POST，若设置为POST，则浏览器会等Server端来读取数据，若设置为GET，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用POST方法，在传送的数据上将不受限制，利用GET方法传送的数据量则大约只有2K左右。

留言处理程序

要将家长发言数据作后续处理及将这些数据内容存入数据库，须利用添加数据记录的InsertInto指令，然后再写入数据库文件中：

Insetinto指令语句格式：

Insertinto数据表名（栏目名）values（栏目值）

sql="insertintoallmessage(家长姓名,留言主题,联络信箱,留言内容,私人公开,留言时间,班级)values("

sql=sql&"''''"&parent&"'''',"

sql=sql&"''''"&subject&"'''',"

sql=sql&"''''"&email&"'''',"

sql=sql&"''''"&memo&"'''',"

sql=sql&"''''"&personal&"'''',"

sql=sql&"''''"&now&"'''',"

sql=sql&"''''"&bj&"'''')"

cn.executesql

回复表单程序网页

必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答,

使用Select…From…Where筛选语句

sql="select*fromallmessagewhere(编号="&ID&")"

rs.opensql,cn,1,3

然后将特定的家长发言数据放在表单，方法是将数据库中的数据取出来，然后放在表单栏位中：

“家长姓名“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家长姓名")%><font></td>

“留言主题“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主题")%></font></td>

“留言内容“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言内容")%><font></td>

老师在回复栏位中所填入的数据，必须送给处理老师回复数据的ASP程序”anssave.asp”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后，表单中的数据内容就会以“POST”的方式由SEVER端读取，然后将数据内容交由处理老师回复数据的ASP程序“anssave.asp”来将数据内容写入数据库。

3．2网上图书馆

网上图书馆将学校图书馆图书放到网络上供人借阅，这样不仅方便了校内的学生与教职员工使用图书馆的资源,还为图书馆管理员提供了一种简便地管理图书馆的方法.

3．2．1功能

网上图书馆系统可以进行图书的出借和归还.还可以在系统中按照多种字段对图书进行查找,还可以浏览某个种类的所有图书.该应用程序也为图书馆管理员提供了一些功能,如添加、编辑以及删除图书等，或者在分类层次结构中添加新的种类。

3．2．2系统的层次结构

下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外，其他的均为ASP页面。因为每个图书的页面都不同，所以大多数的页面实际上都是多页面。

3.2.3数据库设计

本系统共使用3个数据表：

LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外，对于已经出借的图书，该表中还包含借阅该图书的用户的ID号，以及图书的状态。

表视图如下：

字段名意义字段类型字段名意义字段类型

bookid书号(主键)数字(nonull)status状态文本

title书名文本checkedoutto用户id数字

author著者文本reservedby用户学号数字

Subject主题文本description描述文本

IsbnIsbn号文本keywords关键字文本

LibCategories表包含Library中的所有类别，在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别，Top-Level,没有出现在类别列表中，但是可以作为其他任何类别的父类别。

字段名意义字段类型

Categoryname类别文本(noll)

parentcategory父类别文本(noll)

LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。

字段名意义字段类型字段名意义字段类型

empid用户id(主键nonull)数字password用户密码文本

Empname用户姓名文本manager管理员代号数字

emailaddress用户邮箱文本

图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表LibCategories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。

3.2.3界面设计与重点代码的设计

网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.asp）

访问者输入E－mail地址和密码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。

须创建一个记录来保存基于访问者登录的用户信息

setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_

&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_

&"Password=''''"&Request.Form("Password")&"''''")

ifRSFindEmp.EOFthen

TheMessage="密码或email地址不对."

else

Session("EmpID")=RSFindEmp("EmpID")

Session("Manager")=RSFindEmp("Manager")

Response.Redirect"../yk.htm"

endif

表单域EmailAddress和Password用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID值和Manager值将从记录集中返回。写入Session变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页，同时也用于访问者进行书目的归还和借阅操作。

图书馆菜单页面

图书馆菜单页面包含指向其他4个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。

实现办法：访问者登录时在登录页面上的创建的会话变量Session用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp">管理员菜单</A>

<%endif%>

通过按纽B1是否为空来判断要不要显示用户所借图书，利用一个记录集来获取访问者已经借出了的所有图书的列表。

ifNOTisempty(Request.Form("B1"))then

setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_

&"CheckedOutTo="&Session("EmpID"))

endif

再用循环语句将所借书以表格形式显示出来。

<tableborder=1width="90%">

<%ifNOTisempty(Request.Form("B1"))then

DoUntilRSBooks.EOF%>

<TR>

<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>

<%RSBooks.MoveNext

loop

endif

%>

</table>

循环将遍历Rsbooks记录集中的每个记录，直到该记录集结束：

该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页面都要确认访问者是管理员。

管理菜单页面

管理菜单页面有一个HTML表单，根据选择的按钮的不同，可以进行5种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。

要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书Book.asp返回一个链接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A>

<%endif%>

而管理者页面通过下列语句

<%=request.querystring("title")%>

<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>

这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽，可以进行3种操作。若单击“修改”钮：

则重定向到编辑图书页面，同时把Bookid传递给该页面。

Response.Redirect"./edit_book.asp?BOOKID="&request("BOOKID1")

将其他的情况需要建立到数据库的连接：

setconn=server.createobject("adodb.connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then

conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")

endif

if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then

conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")

endif

页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别Toplevel，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：

先用一个记录集来填充父类别选择控件：

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

再用下列循环语句：

<%

DoUntilRSCategories.EOF

%>

<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>

<%

RSCategories.MoveNext

Loop

%>

遍历RSCategories记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName同时作为显示值和传递值：

本页面还包含一个指向添加图书页面的链接。

搜索结果页面

搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。

搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索的字段填充的：

需要用一个记录集来保存与访问者的查找规则相匹配的记录：

setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_

&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")

注意：，符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。

然后将所找到的书以表格形式显示出来。代码如下：

<%DoUntilRSBooks.EOF%>

<TRVALIGN="top"ALIGN="left">

<TDWIDTH=40%height="20"><B></B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>

<tdwidth=20%height="20"><B></B><%Response.WriteRSBooks("Author")%></td>

<tdwidth=30%height="20"><B></B><%Response.WriteRSBooks("Subject")%></td>

<%RSBooks.MoveNext

Loop%>

图书页面

图书页面的代码显示图书的有关信息，以及管理图书的出借操作。

该页面通过Querystring传递BookID

ifisempty(Request.QueryString("BookID"))then

Response.Redirect"./search.html"

endif

如果其中不存在，则访问者将被重定向到搜索页面：

如果同时传递表单中包含的变量Action不为空，则表明访问者正借阅该图书：

ifNotisempty(Request.QueryString("Action"))then

在这种情况下，需要将图书状态改为Checkout,同时需要将Checkedoutto字段修改为该访问者：

conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_

&"CheckedOutTo="&Session("EmpID")&"whereBookID="_

&Request.QueryString("BookID")

Response.Redirect"./library_menu.asp"

endif

然后将该访问者重定到图书馆菜单页面：

下一步，利用图书的状态来确定不同的链接

未借出时链接如下：

ifRSBooks("status")="Available"then

LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_

&Request.QueryString("BookID")&""">借这本书</A>"

如果图书已经借出，就创建一个不同的消息，并将链接设置为指向Librarymenu页面：

LinkText="<AHREF=""../html/library_menu.asp"">图书已出借，返回主菜单。</A>"

最后根据是否是管理员，显示管理员菜单链接。

<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A><%endif%>

3.3网上评优投票系统

3.3.1功能：

能实现全校性的评选，快捷、公平，且有效，不允许做票。

3.3.2组成构造

这个系统由3个部分组成——投票页面vote.htm，处理投票结果的脚本，显示投票页面。

3．3．3数据表的设计：

3．3．4界面设计与重点、难点代码设计

投票页面

该页面是一个纯HTML文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。

表单处理脚本

在vote.htm中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，

本次评优共有4个候选人，但只能选两个。故用复选框。

投票的有效性通过是否是本校学生，且是否投过票来判断。

ifrequest("passno")<>""then

sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"

setrs=cn.execute(sql)

ifrs.eofthen%>

<h2align=center><%response.write"你无权投票"%></h2>

本设计允许少选，不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。

vo=request("cand")

iflen(vo)>4then%>

<h2align=center><%response.write"多选了，无效"%></h2>

然后根据所投的票将对应候选人的投票结果字段加1，同时将该投票人的已投字段置为1。

sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"

cn.execute(sqq)

ifinstr(vo,"1")then

cn.execute("updatestudsetresult=result+1wherename=''''李宁''''")

endif

ifinstr(vo,"2")then

cn.execute("updatestudsetresult=result+1wherename=''''杨兰''''")

endif

ifinstr(vo,"3")then

cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")

endif

ifinstr(vo,"4")then

cn.execute("updatestudsetresult=result+1wherename=''''段启文''''")

endif%>

显示当前投票情况show.asp

由于投票处理页面已经完成了绝大部分的工作，所以显示结果页面就很简单了，其功能是从Stud表文件中读取候选人所得票数，显示在页面上。

页面显示如图

值得注意的代码主要有以下几处：

该页面有自动刷新功能，使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。

<metahttp-equiv="refresh"content="10;URL=show.asp">

显示投票时，我们采用了while循环，把候选人及其得票数，整齐地显示在一个表格中，这种技术在数据库查询结果的显示中也经常用到。代码如下：

<%whilenoths.eof%>

<tr>

<tdwidth="100%"><center>

<fontcolor="#8000ff"><big>

<%=hs("name")&""&hs("result")&"票"%>

</big></font>

</center>

</td>

</tr>

<%hs.movenext%>

<%wend%>

3．4达级考试在线查分系统与计数器的制作

3．4．1功能：

它提供了在线查看成绩。考生可以在网上使用这一系统，通过输入准考证编号来查询达级考试的结果。

3．4．2数据表的设计

与评优系统共用STUd表，表设计同上。

3．4．3界面设计与重点难点代码的设计

该模块需要查询者输入准考证号后来查看结果。若ID1不为空时，表示有表单输入，开始查询数据库。使用SELECT的SQL指令查询数据库的数据。先设定SQL指令，查询ID符合准考证编号Request.Form("ID1")的数据，下个“Execute”指令，即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。

IFRequest.Form("ID1")<>""THEN

SetConn=Server.CreateObject("ADODB.Connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"

SetRS=Conn.Execute(SQL)

若考试通过，则显示考试的结果，包括姓名、准考证编号、总分和考试结果，分别由RecordSets组件的RS（0）、RS（1）、RS（2）、RS（3）得到。FS.Field.Count表示RecordSets组件的域的总数，由“forI=0toRS.Fields.count-1”，取得RS（I）各域的数据。配合<Table>表格的HTML语法，将结果填入表格的各单元格中。若还有下一个数据，就使用RS.MoveNext移到下一个位置。

3.4.4页面访问计数器的制作

利用文件处理组件FILESYSTEM的强大功能来制作，比用Application对象计数器要好，Application计数器当有20分钟没有人连上该网页或关机时，计数器会被归零。而文件计数器却不会因时间而消失。我用Count.txt存放访问人次。代码如下：

whichfile=server.mappath("pic\count.txt")

setmyfile=server.createobject("scripting.filesystemobject")创建一个

setthisfile=myfile.opentextfile(whichfile)组件对象

visit=thisfile.readline

thisfile.close读取计数器数据文件Count.txt中的计数数据

visit=visit+1记录自加一次

length=len(visit)

fori=1tolength

response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"将记录的数据用图片显示出来

next

setthisfile=myfile.createtextfile(whichfile,1)将新计数数据写入文件thisfile.writeline(visit)

setmyfile=nothing

数字图片我利用PHOTOSHOP中的文字特效制作了9个立方数字：

四．系统的使用说明与安装

4．1运行环境要求

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安装设置

A.将本网站拷贝到硬盘上的某一目录下，如：拷贝至c:\y1下。

B.运行PWS，将默认的Web站点主目录设置为该目录，如上例应为c:\y1；

具体步骤：

a.选择“高级”项；

b.单击“编辑属性”按钮，在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”，其他不变，确定；

C.设置启动默认文档为：yy.asp

致谢

通过这次毕业设计，使我感到高科技、新知识的力量。这次毕业设计过程中，得到了长沙市工商职业中专学校的大力支持，给我提供了舒适的工作学习环境，也得到了科大老师、教授的精心指导，在此表示衷心的感谢！

五．参考文献

第8篇：网站网页设计范文

户口所在： 湖南 国 籍： 中国

婚姻状况： 未婚 民 族：

培训认证： 未参加 身 高： 174 cm

诚信徽章： 未申请 体 重：

人才测评： 未测评

我的特长：

求职意向人才类型： 应届毕业生

应聘职位： 网站营运专员：，网页设计/制作/美工：，网站策划：

工作年限： 1 职 称：

求职类型： 兼职 可到职日期： 随时

月薪要求： 2000--3500 希望工作地区： 广州,天河区,广州 公司性质： 民营企业 所属行业：医疗/护理/保健/卫生

担任职位： 网站推广员

工作描述： 负责公司承接的医疗手术科目在搜索引擎上的推广！如：武汉鼻炎、武汉治疗鼻炎、武汉鼻炎医院等关键词。链接医院网站的信息文章,以达到整个搜索引擎搜索的这些关键字都能链接到该医院网站。

离职原因： 来广州发展 公司性质： 民营企业 所属行业：保险

担任职位： 网站策划

工作描述： 负责本公司网站的安全维护、后台管理、改版及网站的优化、推广！

离职原因： 公司经营不善

教育背景毕业院校： 长沙南方职业学院

最高学历： 大专 获得学位: 毕业日期： 2010-11-01

专 业 一： 网站开发与网页设计 专 业 二：

起始年月 终止年月 学校（机构） 所学专业 获得证书 证书编号 2010-04-01 2010-06-01 单仁资讯（长沙） 网络营销 - -

语言能力外语： 英语 一般 粤语水平：

其它外语能力：

国语水平：

第9篇：网站网页设计范文

本文首先分析了《网页设计与网站建设》课程的教学现状和存在问题，在此基础上引入项目化的教学模式，对该课程进行教学改革。阐述了项目化教学的基本内涵、教学改革设计及实施的过程和注意事项。教学实践证明，与传统的教学方法相比，基于项目化的教学模式可以有效地激发学生的学习兴趣，有利于学生将理论知识与实践操作相结合，增强学生的实践动手能力。

关键词：

项目化；课程改革；教学改革；教学模式

随着计算机技术和互联网应用的快速发展，电子商务对各行各业的影响越发明显，社会对页面设计、网页制作、程序编写及其相关岗位的人才需求日益增加，巨大的社会需求和高校电子商务专业毕业生数量不足、质量不高之间的矛盾越发突出，如何培养高素质的电子商务应用型人才成为当务之急。作为电子商务专业核心专业基础课的《网页设计与网站建设》，其课程教学目的是使学生掌握设计并实现一个完整电子商务网站的基本技能，该课程集理论性、实践性、创新性于一身，授课知识涵盖了图形图像处理、平面与色彩设计、flas制作、数据库、程序设计等内容，但在传统的教学和考核模式下，学生的实践动手能力未能达到预期的要求，并且由于教学内容与职业技能需求脱节，导致学生毕业后需要重新培训才能适应工作岗位的需求。因此，要改变这种状况，增强学生的实践动手能力，培养符合社会需求的应用型人才，必须对现有的教学模式进行改革。

一、课程教学现状及存在问题

（一）教学指导思想落后

尽管在新版的人才培养计划当中，逐步加大了该课程实践课时的比例，但在实际的教学过程中，教学指导思想还是没有真正转变，理论教学与实践教学联系不够紧密，传统的试卷考核方式导致学生的实践动手能力没有得到真正的锻炼和体现，与实际的职业岗位能力需求不相匹配。

（二）教学内容缺乏新意

教学内容改革是教学改革的核心内容之一，目前的教学大纲基本还是沿用之前的内容，只是对个别知识点进行了调整，没有质的改变，理论教学大纲和实验实训大纲的更新均已滞后，对新知识的引入和使用程度较低，与当前计算机建站技术日新月异的现状不相匹配，缺乏完整的案例开发指导，导致学生进入社会需要重新学习和培训。

（三）教学方法落后

教学方法还是沿用填鸭式的风格，以教师讲授为主，缺乏师生之间的交流和互动，对教学辅助设备的使用还不够充分，理论学习和实践操作相分离，制约了学生将理论与实践相结合的能力，直接影响了学生思辨能力和创新意识、创新能力的培养。

（四）考核方式不合理

当前的考核方式未能体现加强实践教学的需求，依然停留在重视理论，忽视实践的阶段，缺乏对学生实践能力以及对课程内容整体性掌握的考核，考试成绩中实践部分占的比例偏低。

（五）对知识应用缺乏整体感

当前教学的模式决定了学生在学习过程中，所掌握的都是零散的知识点，没有办法从整体层面考虑实际的应用问题，因此，当课程学习完毕，如何从整体上去应用知识解决实际问题，学生还需要一个知识重组的过程，没有结合实际案例的教学，会让学生在实践环节缺乏目标和方向。

（六）缺乏实际工程项目开发体验

本课程是非常强调实践过程的，如果没有实际的开发案例作为训练，只停留在理论讲解和浅层次的模拟层面，学生就无法体会所学知识在实际工作中的作用，也没有办法发现知识运用过程中可能碰到的问题以及解决的办法，将会抑制学生的学习兴趣，影响学习效果。

二、项目化教学方法

（一）项目化教学概述

项目化教学法是由美国著名教育家、伊利诺易大学教授凯兹博士和加拿大教育家、阿尔伯特大学教授查理博士共同提出的，它是以构建教学理论为基础，以学生为中心，促进学生全面发展的教学方法。项目化教学法的本质是：以师生共同参与为前提，以项目为主线，贯穿整个教学活动的始终，其教学目的是更好地融合实践教学和理论教学，强化学生的实践动手能力，充分发挥学生的积极性和创造性，提高学生解决实际问题的能力，是“行为导向”教学法的一种。项目化教学中涉及的项目应该满足一定的要求：首先与教学内容或者知识点有紧密的联系，能够将理论与实践技能结合起来，其次是与企业需求或者现实经营活动有一定的关系，具有一定的应用价值和具体目标，可以让学生运用知识和技能去解决实际中的问题，达到增强实践动手能力的效果。一般而言，在项目教学中，会采取分组的形式来实施，由老师指导各组学生完成整个项目的开发过程。首先由学生讨论选择开发的项目以及进行项目分工，并对项目开发的重点、难点以及解决方案进行分析，以保证项目的顺利实施；然后在老师指导下，结合理论知识进行项目开发，围绕项目的实施，由学生小组进行一系列有针对性的学习、应用活动；项目结束后，由各小组展示各自的完成情况，并由老师和同学进行点评，给出合理的改进措施。通过项目的开展和总结，可以充分调动学生的积极性，有针对性的根据某个明确的目标进行学习，进而提高学习的效率，这种方法可以很好把理论知识融入实践动手环节，有利于学生在接近日后工作流程与项目开发方法的环境下逐步累计项目研发经验，所以在高校经管类计算机系列课程中采用此教学方法非常合适。

（二）项目化教学的意义

1、有利于培养学生综合素质

项目化教学是教学环节非常重要的一个组成部分，它的综合性和真实性对于培养学生的实践动手能力、解决分析问题的能力、交流协作能力和团队精神有非常重要的作用。

2、有利于发挥教师的创造性

项目化教学是以具体案例为基础实施的，它要求学生能够结合理论知识解决实际问题，该方法同样要求老师有较高的创造性和应变能力，需要深刻地理解和把握项目化教学的理论体系，根据不同的实际项目作出相应的教学调整，激发学生的学习兴趣，引导学生主动学习并高质量的完成项目作业。

3、有利于推动教学改革

教学方法的改革，不仅在于教学形式的改变，更重要的是于思维方式和观念的转变，它不仅包括教与学角色和组织结构形态的变革，还包括考查评估方法的创新、教学文化建设等，以教学方法改革为牵引，不仅能激发大学办学的生机活力，还能激发学生的创新意识和创新创业精神等内在需要。

4、与实际岗位技能紧密相关

项目化教学中涉及的项目具有较高的真实性和模拟性，其中包含的知识和技能要求与社会工作岗位要求高度一致，有利于学生在学习过程中，通过了解、观察、分析和解决问题获得经验和教训，为学生以后的就业奠定了坚实的基础。

三、课程项目化教学设计与实施

与传统的教学方法相比，项目化教学法是以构建理论为基础，以学生为中心的，学生是认知的主体，是信息意义的主动建构者，它要求学生从“要我学”转变为“我要学”，从以课本为中心转变为以项目为中心，从以课堂为中心转变为以实践为中心。所以，教师在实施项目化教学法时，首先要了解学生的基本情况，然后根据其教学思路和上述设计原则，制定合理的教学计划，一般而言，包括以下四个基本环节。

（一）项目设计

本文以《网页设计与网站建设》课程为例，进行项目化教学的探索，以项目需求和功能为主线，贯穿融合课程涉及的主要知识点，学生通过完成项目的方式实现对理论知识的理解和掌握，可以从整体上更好地把握课程的核心的内容，因此如何选择合适的项目，是整个课程设计的关键，必须充分地考虑项目的可行性、适度性、完整性和真实性。

（二）制定项目教学计划

选定项目后，第二步需要完成的是制定项目实施的计划，把项目分成若干个模块，并把每个模块涉及的知识点以及能力要求进行整理，结合教学进度安排表，形成最终的教学计划，然后通过师生的共同实施，达到每个项目所必须的能力要求，具体步骤如下：1、制定计划。制定出完成项目的具体设计方案，时间安排进度表以及分工情况等。2、情景设置。以知识点为依据，设置仿真场景，模拟现实环境。3、明确任务。结合场景的内容，总结归纳出所包含的需要完成的知识点。4、操作演示。通过解决实际问题，演示知识的基本内涵以及在实际问题解决当中的作用。5、学生实践。让学生对同类型的场景进行实践操作，加深对知识点的理解，主动思考分析解决实际问题，为解决项目打下基础。6、协作学习。通过组内的分工协作实施项目，定期开展小组讨论和交流，共同解决实际问题。7、学习评价。根据项目的完成标准，由学生和老师共同对项目的完成情况进行评价。

（三）实施计划

项目的具体实施，在老师的统一指导和协作下，由各组学生独立完成。在项目实施前，老师首先要把项目实施的基本软硬件设施和网络环境准备好，以减少意外因素对项目进展的影响，对于项目实施过程中的关键环节、重点和难点，通过统一讲解和指导的方式来完成，以保证项目的顺利开展。

（四）检查评估

项目控制是项目顺利开展和完成的保障，因此，在教学过程中，应该结合教学进度表定期检查各小组的完成情况，保证严格按照计划开展工作，对开发过程所出现的问题给予及时的指导，并把各种常见的错误情况及解决方案及时反馈给各个小组。

四、项目化教学实施注意事项

在项目化教学过程中，我们不仅关注项目的最终成果，更加重视项目实施的过程，要求师生共同完成这个具有创造性的实践环节，实施过程中需要注意的问题是：

（一）教师应改变观念

从传统的教学模式到项目化教学是一个逐步转换的过程，教师不是针对理论知识去引入实践环节，而是需要针对一门课程去设计一个贯穿的项目，并且将项目分解为模块，通过模块覆盖教学大纲要求的全部知识点，这就需要教师调整教学的理念，对课程本身及其应用有非常深刻的理解，对项目本身与课程考核目标之间的匹配度有全面的认识和把握。

（二）教师的合理引导非常关键

项目化教学的主要工作由学生小组完成，但是教师的引导和掌控作用不可忽视，要求教师不但要具有较强的专业知识，还要具备丰富的实践经验，可以及时发现项目开展过程中存在的问题。一方面要引导学生结合项目开展完成理论知识的学习，另一方面要引导学生在实践的基础上加深对知识点的理解并加以扩展，教师的引导不仅包括对学生小组的引导，同时也包括对学生个体的引导。

（三）项目设计要正确把握工作任务与理论知识的联系

只有同时掌握理论知识与实践能力才是我们最终的培养目标，因此项目设计的难点在于如何通过项目内容把两者很好的关联起来，教师在选择项目时应该充分考虑针对性和实用性，在划分项目模块时要与教材的章节对应，在实现功能时要与技术细节相关联，把操作流程与理论知识融为一体，真正做到“实践为主，理论够用”。

（四）及时开展项目后评估活动

学生小组完成项目后，应该及时开展项目评估和总结。在项目设计阶段，应该设计较为全面的指标进行考核，既有定性的考核指标，也有定量的考核指标，通过纵向和横向的对比，从多个角度进行评估，发现自身的不足，指出改进的方向，加深学生对知识应用的理解。

五、实施效果

在开展项目化教学的过程中，为了更好的与实际需求相结合，我们利用组织学生参加全国电子商务三创赛和网络商务创新应用大赛等学科竞赛的契机，以赛事中对网站建设的需求为导向，引导学生以赛事作为目标开展教学活动。实践证明，项目化的教学模式能够加深学生对知识的理解和应用，提高学习的兴趣，明确学习的目标，能够从总体上很好地把握系统开发的流程和基本技能，使学生综合运用知识的能力得到提升，使学生的职业能力得到锻炼。近几年参加学科竞赛的优异成绩也说明了项目化教学改革的有效性。

六、结论

通过项目化教学方法的实施，《网页设计与网站建设》课程的教学效果有了明显的提升，学生对知识点的理解和掌握不单纯停留在理论层面，学习的积极性更高，目标更加明确，可以从整体上更好地把握网站开发的基本流程，对网站开发的关键技术理解更加透彻。因此，可以考虑在经管学院计算机类课程中逐步推广项目化教学的模式，同时为了取得更好的实施效果，专业教师应该更积极地参与科学研究和社会实践，以获取更多的项目教学案例，进而为项目化教学的实施奠定坚实的基础。

参考文献：

[1]张波.信息技术课的六种有效课堂教学模式[J].考试周刊,2011,80:154-155.

[2]尹强国,张慧如.项目教学法在JAVA面向对象编程中的实践与研究[J].现代企业教育,2010,14:18-19.

[3]李博.项目教学法教学模式与传统教学模式的比较[J].教育教学研究,2013,29:355-356

[4]张广群,汪杭军.项目化教学在"VB程序设计"课程中的应用[J].计算机教育,2010,04:72-75