网站设计的方法十篇MG体育

发布时间：2024-01-06 丨 浏览次数：

　　MG体育目前，西安市精神卫生中心医院网站建设模式和服务方式已不能满足公众的需要和卫生事业发展需求，建立三甲精神专科医院网站群是加快院门户网站建设，整合信息服务资源，建立院务公开和服务项目目录，为公众提供一站式服务的必然要求。

　　网站群建设技术发展已经很成熟，从第一代的自然网站群系统发展到第四代网站群内容管理系统。医院建设的“三甲精神专科医院网站群”着力解决目前建设中存在的信息不能充分共享，不能统一管理，不能统一升级，不能实现全网联合检索的问题。网站群建设过程中我们积极借鉴使用第四代网站群思想和技术。

　　网站群的建设是以服务我国卫生改革与发展为出发点，以保护人民健康、满足人民群众需求，向社会公众提供优质服务为建设思想。

　　网站群建设以实际需求为导向。实现医院网站信息资源和服务资源的有效整合，达到网站群统一部署建设，统一建设标准、内容管理、数据存储、受理公众意见的技术目标，并采用集中管理与分级分类的服务模式，给公众提供网上办公、解答疑问等互动交流服务，最终达到提升和改变工作服务方式，提高工作效率的目的。

　　1）统筹规划、分布实施：充分考虑现已有的信息和资源，兼顾长远发展，采用统一规划，分布实施的办法进行及建设。

　　2）及时准确、方便群众：依法及时分布与医院有关的信息，确保信息权威、准确、全面。

　　3）美观大方、实用好用：网站群的页面要美观、简洁、大方，体现更好地服务于公众、方便群众的设计思想；按照面向用户对象和生命周期设计网站内容。在栏目的设置、版面布局、内容层次、浏览操作、搜索引擎等方面方便使用者，并有所创新和探索。

　　网站群建设将综合运用计算机技术、网络技术、通讯技术、信息安全技术，本着实用可行着眼未来的原则，建立运行维护制度、质量考评标准、服务质量控制体系等内容。达到互动交流、资源共享、一站多用的目的，实现医院网站群服务的现代化、规范化、科学化。着重建设好几个应用系统：网站服务平台、信息管理系统、互动交流系统、后台管理系统、互联网应用系统入口、网站质量控制平台、督查督办系统、邮件管理系统。

　　先进性：系统网格结构、硬件设备选型、技术架构设计、软件平台选型、开发工具软件选型符合技术发展的先进技术产品和平台，确保系统的先进性。

　　实用性：在满足功能需求的前提下，要适应医院各个部门、各个科室的工作特点，做到简单、实用、个性。实现统一身份的资源管理、统一认证、个性化界面和内容定制。

　　稳定性：系统应在高效性能的基础上保证系统的稳定性，兼顾平衡、协调高效与稳定指标。

　　美观性：在突出医院工作严谨风格的基础上，实现具有医院文化色彩、独特的专业设计。

　　可伸缩性：系统采用积木式结构，整体结构要考虑现在和将来的发展，为其留有增减余地。

　　开放和可移植性：选用开放的应用平台，采用互联网与平台无关的术开发，以标准的接口与各种数据库相连。

　　医院网站群系统整体架构图，如图1所示。网站群基础设计建设主要从网络、硬件、软件三个方面考虑。

　　网站群建设要从长计议，系统网络的设计以高可靠性、高安全性、高性能、良好的可扩展性和管理性为原则，考虑技术的成熟性、先进性，采用层次化、结构化的设计方法。路由器、局域网交换、安全设备要考虑使用医院信息化统一平台网络安全设备来接入。网站硬件数据库服务器和存储设备采用双冗余方式，网站WBE服务器使用两台互为热备，用VPN保障应用系统的开展。流量控制服务器上一定要部署防篡改系统，这一点非常重要。医院基础网站群架构拓扑图件，如图2所示。

　　服务器的设计和选型按高可靠性、高安全性、开放性好的原则配置应用服务器、数据服务器，采用目前市场上的主流机型，并通过配套的软件组成双机互为备份，服务器支持CPU的板级升级和节点的平滑扩充。

　　系统软件选用微软的Windows Server 2008企业版作为操作系统软件，使用Oracle 10G企业版为主要的数据库平台，兼用SQL Server 2003企业版上开发的业务应用。其他应用平台按照高可靠性、高安全性、开放性好的原则来选择配置即可。

　　数据库是网站信息存储汇集的地方，是网站建设的关键所在。医院网站群的数据库结构是以实现医院各级业务部门及相关单位的信息系统网络互联互通、信息资源共享，以及与医院综合信息管理平台的互联和数据交换为基础建设的，该数据库采用Oracle+SQL，对网站群大量增加的访问信息、文本文件、图片信息等进行管理。

　　医院网站群的数据库模块结构包括：总站整体管理模块、子站管理模块、信息管理模块、用户互动交流管理模块、部门机构管理模块、新闻类型关联管理模块、网站质量评价评估管理模块、用户权限管理模块、用户角色管理模块、业务扩展管理模块。数据库设计要充分考虑服务平台统一性、级别权限划分的灵活性的应用系统的融合性，按照统一考虑、分期开发、科学规划的原则进行分模块的设计规划和实施。

　　为了保证医院网站群互联互通的平滑性，并使得系统群的管理、统计、分析、数据采集、整理、传输等功能的运行稳定安全，结合医院网站群建设实际的需求，应用了多种开发工具。

　　网站群系统是接在医院综合信息管理平台上，底层安全由医院综合信息管理平台提供保障。为了防止服务器发生意外或受到意外攻击，而导致重大损失，服务器采用几项管理措施：服务器内部管理账户的分配规范；服务器端口的安全管理；服务器内磁盘空间权限的分配设置规范；服务器不安全组件或服务的管理规范；信息过滤系统的使用；日常日志的分析与管理。

　　考虑到访问群体分布的地域性、年龄阶层、网速、阅读习惯等问题，如何在网站中建立合理、有效、良好的人机对话界面，特别是人机交互系统的问题。为此，在栏目结构上使用首页和一级页面之间采用星状链接结构，一级与二级页面之间用树状链接结构。首页链接指向一级页面，一级页面链接指向二级页面。立体结构呈发散形状。这样的链接结构浏览时，一级级进入，一级级退出，使网站群条理清晰，访问者浏览信息简单明了，通过应用程序开发实现相关页面之间相互链接。

　　网站群页面的设计要考虑到版面整体规划设计；医院VI形象的统一；网站群页面色彩的运用等方面。

　　三甲精神专科医院网站群的设计与实现，它整合了医院现有资源、实现了统一集成、信息共享，服务患者的需求，极大的提高了医患信息互动效率，促进了医院整体的发展。医院网站群的应用使医院取得了非常好的社会效益和经济效益，也为未来实现医疗信息的区域共享打下基础MG体育。

　　[2] 王波，王志涛. 基于C#.NET与的医院门户网站平台系统设计与开发[J].医学信息学杂志，2011.32（12）：30.

　　[3] 肖嘉.网页设计与网站开发基础教程[M].西安：西安电子科技大学出版社，2005：489-490.

　　[4] 公安部信息安全等级保护评估中心.信息安全等级保护政策培训教程[M].北京：电子工业出版社.2012.24-36.

　　网络技术的不断成熟和发展，促进了基于网络技术的校园网站的发展。校园网站开发是一项很复杂的工作，我校根据学校实际，确定网站的定位和需求，从软件工程的角度出发，针对学校网站建设的特点和重点，整理出一套适合学校网站建设管理和控制的方法，以此来保证网站建设的高效率、高质量。

　　校园网站建设，要成立一个专门的项目小组：学校领导、学校网络管理员、美术教师、各科室人员、计算机专业教师等8人～9人以及“计算机学会”社团学生代表5人组成，由网络管理员作为项目负责人负责对该项目的统一调度和安排。

　　建立一个网站，首要明确设计思想，编写一份详尽的需求说明书，这是网站建设成功的关键所在。

　　我校根据各方面的反馈意见进行认真的分析，对网站设计进行准确定位：学校网站规划要着重考虑教师和学生的需求；内容上要以学校整体宣传为主，同时也要为访问者提供其所关心的内容；内容要求及时更新；版面要求新颖有特色，同时还要增强网站的方便性、整体性和安全性。

　　网站设计有了一份详尽的需求说明书后，就可以根据需求说明书，对网站进行总体规划，给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标；网站形象说明；网站的栏目版块和结构；网站内容的安排，相互链接关系；使用软件、硬件和技术分析说明；开发时间进度表；维护方案；制作费用；需要遵循的规则和标准有哪些等。

　　总体设计阶段以比较抽象概括的方式提出解决问题的办法，具体设计阶段的任务就是把解决方法具体化、明确化，设计中应注意的问题有：

　　（1）网站设计的风格定位。网站要有自己的特色，设计中不要太多地考虑技术问题，而应该更多地考虑不断增加网站的内涵，要在能够动态反映学校情况的内容上下功夫。

　　（2）网站设计的整体性。网站设计，注意考虑网站的易维护性，技术上多采用c s s、模板等，对网站的整体风格进行定位，方便日常维护与更新。

　　（3）关键技术的研究及应用。网站设计中，怎样防黑，保护网站内容不被别人窃取、修改是网站建设必须考虑的技术性问题。本人主要从iis、asp和access三方面来总结网站系统面临的常见的安全威胁及解决方法。

　　①集中管理asp的目录，设置访问权限。在设置web站点时，将htmi文件同asp文件分开放置在不同的目录下，然后将html子目录设置为“读”；将asp子目录设置为“执行”。

　　②对iis中的特殊web目录禁止匿名访问并限制ip地址。对iis中的sample、scripts、iisadmin等web目录，通过各目录属性对话框中的“目录安全性”标签设置为禁止匿名访问并限制ip地址，并用ntfs的特性设置详细的安全权限，除了administrator，其它帐号都应该设置为只读权限。

　　③防止access数据库被下载。有效地防止数据库被下载的方法有：非常规命名法：为access数据库文件取一个复杂的非常规名字，并把它放在几层目录下；使用odbc数据源：在asp程序设计中，如果有条件，应尽量使用odbc数据源，不要把数据库名写在程序中。

　　④进行数据备份。运用fso组件对access数据库进行备份，以便在数据被破坏时进行快速恢复,尽可能多地挽回损失。

　　⑤对asp页面进行加密。为了有效地防止asp源代码泄露，可以对asp页面进行加密。加密的方法一般有两种：一是使用组件技术将编程逻辑封装入dll之中;二是使用微软的script encoder对asp页面进行加密。

　　⑥后台用户注册验证。为了防止后台用户未经注册的用户绕过注册界面直接进入应用系统，我们采用session对象进行注册验证：

　　⑦让学生参与网站设计。优秀学生参与设计，无论对丰富网站内容、提高学校网站的点击率还是扩大学校网站的影响都能起到相当大的作用。

　　有了网站的具体设计方案，各网站制作人员就可以全力进入开发阶段。尽量采用边制作边调试，即采用本机调试和上传服务器调试的方法，观察速度、兼容性、交互性等。

　　投入运行之前，需对网站需求分析、系统分析、设计规格说明和编码最终复审，还要对系统进行各种综合测试。测试结束后，制作有关文档存档，并写出一个校园网站使用说明文档。至此，网站项目建设完毕。

　　做好网站的管理与更新，是一个网站树立形象的根本、生存的根本。我校专门成立了安全组织机构，制定出适合我校的《校园网站管理办法》、《校园网站信息审核制度》、《校园网站异常情况案件报告制度》等规定，建立健全了各项安全管理制度。

　　我校网站已经试运行一段时间，为学校的教师、学生和教学管理人员提供教学管理、教学研究、日常办公、信息交流等应用服务的平台，较好地满足了设计最初的需求。在整个设计网站的过程中，重视学校网站的“规划—设计—管理—发展”的规律，实现可持续性发展。

　　[1]田原.高职院校校园网站主页设计探讨[j].十堰职业技术学院学报，2007，（7）.

　　[2]方照.立足校本，探索校园网建设之路[j].教育信息技术，2007，（12）.

　　[3]田建勇.浅析学校网站的设计与建设[j].安顺师范高等专科学校学报，2006，（6）.

　　[4]侯占伟，翟海霞.a s p代码厦网站安全的探讨[j].焦作大学学报，2005，（4）.

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

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

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

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

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

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

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

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

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

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

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

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

　　与完整的网络营销计划相比，网站推广计划比较简单，然而更为具体。一般来说，网站推广计划至少应包含下列主要内容：

　　1、确定网站推广的阶段目标。如在后1年内实现每天独立访问用户数量、与竞争者相比的相对排名、在主要搜索引擎的表现、网站被链接的数量、注册用户数量等。

　　2、在网站运营的不同阶段所采取的网站推广方法。如果可能，最好详细列出各个阶段的具体网站推广方法，如登录搜索引擎的名称、网络广告的主要形式和媒体选择、需要投入的费用等。

　　3、网站推广策略的控制和效果评价。如阶段推广目标的控制、推广效果评价指标等。对网站推广计划的控制和评价是为了及时发现网络营销过程中的问题，保证网络营销活动的顺利进行。

　　下面以案例的形式来说明网站推广计划的主要内容。实际工作中由于每个网站的情况不同，并不一定要照搬这些步骤和方法，只是作为一种参考。

　　这里将一个网站第一个推广年度分为4个阶段，每个阶段3个月左右：网站策划建设阶段、网站初期、网站增长期、网站稳定期。某公司生产和销售旅游纪念品，为此建立一个网站来宣传公司产品，并且具备了网上下订单的功能。

　　1、网站推广目标：计划在网站1年后达到每天独立访问用户2000人，注册用户10000人；

　　2、网站策划建设阶段的推广：也就是从网站正式前就开始了推广的准备，在网站建设过程中从网站结构、内容等方面对google、百度等搜索引擎进行优化设计；

　　3、网站初期的基本推广手段：登录10个主要搜索引擎和分类目录（列出计划登录网站的名单）、购买2－3个网络实名/通用网址、与部分合作伙伴建立网站链接。另外，配合公司其他营销活动，在部分媒体和行业网站企业新闻。

　　4、网站增长期的推广：当网站有一定访问量之后，为继续保持网站访问量的增长和品牌提升，在相关行业网站投放网络广告（包括计划投放广告的网站及栏目选择、广告形式等），在若干相关专业电子刊物投放广告；与部分合作伙伴进行资源互换； 【整理该文章，版权归原作者、原出处所有。】

　　5、网站稳定期的推广：结合公司新产品促销，不定期发送在线优惠卷；参与行业内的排行评比等活动，以期获得新闻价值；在条件成熟的情况下，建设一个中立的与企业核心产品相关的行业信息类网站来进行辅助推广。

　　6、推广效果的评价：对主要网站推广措施的效果进行跟踪，定期进行网站流量统计分析，必要时与专业网络顾问机构合作进行网络营销诊断，改进或者取消效果不佳的推广手段，在效果明显的推广策略方面加大投入比重。

　　这个案例并不是一个完整的网站推广计划，仅仅笼统地列出了部分重要的推广内容，不过，从这个简单的网站推广计划中，我们仍然可以得出几个基本结论：

　　第一，制定网站推广计划有助于在网站推广工作中有的放矢，并且有步骤有目的地开展工作，避免重要的遗漏。

　　第二，网站推广是在网站正式之前就已经开始进行的，尤其是针对搜索引擎的优化工作，在网站设计阶段就应考虑到推广的需要，并做必要的优化设计。

　　第三，网站推广的基本方法对于大部分网站都是适用的，也就是所谓的通用网站推广方法，一个网站在建设阶段和初期通常都需要进行这些常规的推广。

　　第四，在网站推广的不同阶段需要采用不同的方法，也就是说网站推广方法具有阶段性的特征。有些网站推广方法可能长期有效，有些则仅适用于某个阶段，或者临时性采用，各种网站推广方法往往是相结合使用的。

　　第五，网站推广是网络营销的内容之一，但不是网络营销的全部，同时网站推广也不是孤立的，需要与其他网络营销活动相结合来进行。

　　第六，网站进入稳定期之后，推广工作不应停止，但由于进一步提高访问量有较大难度，需要采用一些超越常规的推广策略，如上述案例中建设一个行业信息类网站的计划等。

　　随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。

　　网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。

　　以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。

　　模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。

　　实践表明，个体的发展主要是靠能力、具体的知识、技能，教育过程必须逐步使学生获得这种无形的、可持续发展的、内化的、人本的、个性的能力。所谓工作过程，指的是个体“为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。工作过程系统化课程主要体现为课程内容的选择和课程内容的排序。

　　选择的课程内容要以职业资格为标准，使学生的知识、技能和价值观的学习融合为一体。高职生大多以形象思维为主，因此要设计和一定的环境和背景联系在一起的课程内容，重点在于让学生掌握“怎样做”和“怎样做更好”的过程性知识，陈述性知识为辅助。

　　课程内容的排序包括形式上和实质上的序化结构。这要求对课程内容排序时，要从“3+6+6”这三方面考虑：一是从专业能力、方法能力和社会能力3个维度描述工作过程；二是从“对象、内容、手段、组织、产品、环境”6个要素描述；三是从“资讯、决策、计划、实施、检查、评价”6个步骤强调工作过程。

　　课程设计的思路是依据对岗位群和对应的职业技能的分析，培养出适应于各行业移动应用的前端开发工程师、UI设计师、网站开发工程师、交互设计工程师等岗位的高端技能型专门人才。

　　作为基于工作过程系统化的《移动互联网站设计》课程，立足于移动互联网发展进入到第三个阶段的时代大背景，结合广东行业的发展现状以及新趋势下造成的人才缺口，认真解剖案例，是体现以学生为主体的学习领域课程，其教学方式上有如下特点：

　　（2）增强学生关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能；

　　（3）通过典型移动互联网页的案例来设计与制作，来掌握融合于实践行动中的新知识、新技能。

　　从2011年起，我们就开始通过社会需求调研、毕业生回访、企业一线技术人员反馈信息、参加部级职业技能大赛，形成和完善“移动互联网站设计”课程的典型工作任务，以源于企业、经过教学改造的典型网页为载体，重构了体现移动互联网站设计的工作过程性知识与技能体系的学习领域课程，更结合社会发展趋势形成了课程的学习情境。在设计课程的学习情境时，从专业能力、方法能力、社会能力三方面考虑：

　　全面了解移动互联网站建设与管理等相关知识，掌握移动互联网站方案策划、设计、实现，根据产品需求和设计图完成网站前端页面制作，保证页面的浏览器兼容性，优化前端页面体验和页面响应速度，维护网站整体结构。

　　掌握网站页面的JS等交互原型的制作，CSS、模板的维护，策划、设计各种网站专题页面，设计合适的网页风格设计；掌握静态HTML页面制作，网站皮肤整体设计，界面设计、CSS高级使用、动态网站的简单应用，能够做出独出心裁的页面设计及实用性高的作品。

　　具备不断探索新技术发展方向，结合实际不断创新的能力，工作主动热情，有恒心和责任心，逻辑性强，注重细节，有良好的沟通能力和团队意识，能够胜任移动互联网站及移动互联应用界面的各类工作。

　　经过在原有课程的几年探索和积累，依据当前移动互联网站设计的“对象、内容、手段、组织、产品、环境”的6个要素，从以下几个方面进行课程内容的设置。

　　按照以技能为核心、市场职业岗位需求为导向选择教学内容。在实际调查的基础上，以网页设计、网站前端开发，网站建设的综合技能为主线，使学生掌握一个基础，培养学生五大关键能力并按教学内容划分五大模块的模块化教学内容体系。

　　这种基层岗位综合技能，是为了适应企事业单位在构建网站平台时对具有实践性人才的复合能力的要求。既区别于单独的网站建设的战略规划能力，又区别于以单独使用网站从事生产、营销、财务等职业技能。整个课程的教学内容以这种综合技能为主线.培养学生具备适应变化的能力

　　包括够用的网页美术设计基础、网页语言基础、交互设计基础，以及网站规划、管理、基础维护等，且知识贯穿在实际应用中讲授，目标是让学生掌握必备的知识和原理，并具备适应不断变化的网页设计趋势的能力。

　　本课程要重点培养学生的五大关键能力，即网页设计能力、网站建设、创新能力、与客户沟通能力、项目组内成员的合作能力。这五大能力是一个网站开发人员的获得成功的必备能力。在本课程中，在介绍基本知识、原理的基础上，重点放在围绕网站设计工作过程所需的实用技能上，并把这五种能力的培养贯穿本课程的始终。

　　采用项目出题法、项目模拟法、合作法、问调法、冲浪法、岗位法这6种与高职学生形象思维相适应的教学方法，为学生创设掌握与运用知识的背景和环境。

　　请企业人士或社区人员按照实际需求出题，或者教师从现存的实际网站或APP中挑选，根据当时讲授的内容对题目进行加工后提供给学生，这样学生所做的作业与企业相适应，培养出适合市场需求的人才。

　　建立模拟网站、网页，开发实际软件项目。学生建立自己的个人主页，让学生在网上个人主页，学生全员参与评估；与此同时，把网上PC版的网页（网站）改为移动版本，传送到智能终端以检查效果。部分同学参与实际计算机软件项目的开发。

　　要求学生在课上课下以组为单位组成项目组，进行讨论、研究、设计本组的项目，形成本组的方案。这种方式既挖掘了学生的个人创新能力，又能培养沟通与协作能力。

　　组织学生进行校园、社区、社会调查。有条件时，直接访问企业一线人员，组织学生与企业人员的对线）网络冲浪法。

　　根据教学进度需要，引导学生登陆有关网站，收集并整理素材资料，了解行业企业状况，学习最新知识，思考与分析现实问题。

　　根据移动互联网站设计的主要应用和当前设计趋势，在课程内容上设计了如下的学习情境。

　　高职院校的电子商务专业目前的课程体系基本是由计算机的一些专业课程加上一些商务的课程共同构成的。各个高职院校会根据学科的偏向而进行一些取舍,有些学校会有更多的计算机专业课程,有些学校会更侧重于商务课程。从高职学生的特点来看,学习较多的计算机专业课程难度较大,因此从实际出发,高职的电子商务专业计算机课程相应地要降低难度,我们对计算机专业类的课程进行了重新的设计和整合,包括课程的标准和课程的内容。计算机专业中的《系统分析与设计》课程主要是对软件系统进行分析与设计,针对电子商务专业,则侧重有所不同,因此将课程更改为《商务网站需求与方案建设》,结合对企业的业务流程调研,归纳出本门课程的典型工作任务,并对课程进行了教学设计。

　　1、对企业业务流程的调研对从事网站项目建设开发的企业流程调研后,可以归纳出基本的业务流程,描述如下:在承接一个项目后,市场部负责人与美工主要进行需求分析工作,由于需求分析成功与否与后期的工作直接相关,所以主要由负责人与项目委托人沟通,美工要进行首页面的设计,因此要对网站的总体风格和内容有一个准确的把握,所以始终参与需求分析过程。在与委托人进行充分沟通的基础上,了解该项目的行业背景和企业的实际运行情况后,完成需求分析报告,并进行一个方案设计,在项目委托人同意之后开始进行项目的设计。首页面的设计是由美工完成的,这也是一个与委托人反复交流的过程,经过不断地调整修改之后,首页面定稿。此时首页面只是一个效果图片,经过页面的切割和生成工序后,将首页面交给研发部,研发部根据需求分析报告和首页面的内容进行后台代码的编写。同时,美工进行二级页面的设计。设计完成后也交由研发部编写后台代码。代码编写完成后进行网站的测试和。综合上述流程,可得流程图如图1:在了解项目的流程时,我们也同时了解了各个岗位要求的技能,综合来说,每个岗位的人员都应能熟悉电子商务的内涵,不同的岗位在具体的知识技能要求上有所不同。如需求分析人员要求对项目的整体运作非常熟悉,能起到协调项目组和项目委托人的作用,必须具备很好的沟通交流能力,同时要有较强的文字组织能力。美工要具备较好的美术基础、审美眼光和熟练的网页制作知识,同时由于美工要充分与项目委托人沟通,这样才能做出既有特色,同时又能满足委托人要求的页面效果,因此对沟通能力也有相当高的要求。研发部门的岗位则相对要求编程能力和逻辑思维能力强。能充分领悟项目的要求,在给定的时间内完成代码的编写和调试。同时,由于程序文档和使用说明书的编写较为重要,所以也要求有一定的文字表达能力。企业一般还会提供管理咨询和培训等服务,管理咨询和培训主要有提供网站推广的服务,电子商务解决方案的咨询等。这些岗位要求对电子商务的技术有基本的了解并有较强的语言能力,熟悉各种网站推广方法和工具。

　　2、分析学生必须的知识、技能、素质为了适应相关的工作岗位,学生应能熟悉电子商务的内涵,掌握网站需求调查与分析的基本方法,掌握网站开发的技术,如相应的程序设计语言和网页设计制作知识和方法,具备一定编程能力和逻辑思维能力,熟悉各种网站推广方法和工具。必须具备很好的沟通交流能力,同时要有较强的文字组织能力。一个项目通常是项目组来完成的,所以学生的团队合作能力也必不可少。

　　3、分析《商务网站需求与方案设计》课程的典型工作任务本门课程对应的岗位为网站需求分析人员,需求分析研人员通常应对整个项目流程非常熟悉,他是项目委托人和开发人员之间的钮带,项目委托人不能理解项目是如何完成的,他们注重的是项目完成时交付的网站是否符合他们的预期,而开发人员的开发工作依赖于需求分析人员提供的需求分析报告,因此,网站的需求分析与方案设计是非常重要的工作任务,对整个项目的质量来说起着关键性的作用。需求分析要完成的是和项目委托人沟通交流,以专业的眼光来看待项目的可行性,为委托人分析及明确需求,在此基础上,进行需求调查与分析,形成需求分析与整体方案设计,提交相应的需求分析报告和方案设计报告。

　　4.1学习情境划分原则企业在承接建站任务时,根据站点的不同会有一些不同的方法进行需求分析,教材的每章都将用一个实际的案例进行说明,并附上完整的需求分析报告。案例的挑选力求能充分说明各种不同类型网站的特色,并在需求调查与分析的方法上体现出来,并为学生的实践作出有效的指导。在此基础上,开始进行具体的情境设计,我们设想以一个项目贯穿整门课程,将项目按工作过程进行划分情境,每个情境完成一个子任务,一门课程结束时,各个子任务可以综合形成一个完整的项目任务。这样,我们就只能以一个典型案例来说明需求分析过程,为了不至于造成其他类型的网站需求分析方法不同,而学生无法了解,在每个情境中设置拓展部分,由于B2C的站点难度适中,且最为常见,因此,教材中以B2C作为案例,其他类型的站点在需求分析时如果有特殊的要求就体现在拓展部分,学生选取的案例中如果涉及到其他类型的站点,那么就可以参考拓展部分,进行自学或查找相应资料来解决问题。

　　4.2学习情境的设计我们按照工作过程将课程划分为十个学习情境,分别是外部需求分析、面向用户的需求分析、企业内部需求分析、网站推广需求分析、网站软硬件环境设计、网站功能的概要设计、网站数据库结构设计、网站界面总体设计、网站系统安全性设计和网站测试。

　　在学习情境的划分与设计完成之后,我们着手制定课程标准,,其中最重要的就是课程的定位及学习目标的制定。这部分我们充分地参考了企业的调研意见,了解企业的网站需求分析人员在具体工作中所需要掌握的知识和能力。并力求能够体现在学习情境的设计中。

　　5.1课程的定位网站需求与方案设计是电子商务专业网络技术服务方向的一门专业课程,本门课程着重于培养学生用全局的眼光看待网站的设计需求,要求学生具备良好的沟通能力和语言表达能力,能够应用各种调查分析方法和工具,完成电子商务网站的需求分析项目,并能按规范的形式形成各阶段的需求分析报告文档。

　　5.2学习目标的确定我们分别对本门课程的知识目标、专业能力目标、方法能力目标和社会能力目标进行了分析和归纳。在学习目标方面,十个学习情境分别达到理解以下概念和内容:(1)电子商务的商业模式概念;网站风格、关键字、电子支付、物流配送的概念;(2)面向用户的需求分析使用的调查方法与手段;功能性需求与非功能性需求的概念;(3)网站的盈利模式,网站的存储方式,不同数据库的特性分析比较,非功能性需求概念,网站维护内容;(4)网站的推广策略,推广方法。(5)电子商务网站软硬件环境的组成,网站软硬件设备的选择方法;(6)电子商务建站的基本过程,功能概要设计的基本方法;(7)电子商务网站内容设计的原则,页面设计的原则等;(8)网站的安全性设计方法。(9)网站测试的方法在专业能力方面,我们希望能够达到以下目标:(1)能区分不同的商业模式;进行市场需求分析;能进行同类网站的比较与分析,分析竞争优势、劣势,选择电子支付方式及物流配送模式;(2)能确定网站所面向用户的类型特征;应用各种调查方式对用户进行需求调查;分析调查结果。(3)能明确用户的功能性需求与潜在需求;确定网站的盈利模式、并进行产品分析;(4)能根据外部分析和用户需求以及企业自身定位确定网站的总体风格,语言版本;(5)能确定网站的存储方式,域名,数据库的选用;了解和确定网站维护要求;(6)能分析和确定网站的推广策略。完成相应的需求报告文档。由于本门课程的教学设计是让学生在学习过程中完成一个实际的电子商务网站项目需求分析,因此,学生要从组建项目小组开始,进行选题,到实施整个调查过程,并形成相应的需求分析报告。整个过程都需要对项目进行规划、计划和实施,并在实施过程中报告和反馈,所以对学生的实践能力是很大的考验。相应地,在方法能力方面,我们希望通过本门课程的学习,能够做到:能将所学知进行综合运用;.具有独立进行分析、计划、实施、评价的能力;具有获取、归纳、分析、交流的能力;并具有一定的自学能力、理解能力与表达能力。在社会能力方面,我们希望能够培养学生的团队意识与协作能力,并具有一定的计划组织能力。

　　在课程标准的基础上开始进行校本教材的编写,在选取案例的时候,使用的是企业线C类型的站点,其业务方式是整合福建范围内的一些茶商,用统一的标识进行网上销售,由于茶叶是福建省的一个重要特色产业,而且网站的一些设想也很有特色,在校本教材中,我们就以该案例进行行动导向的教材编写。

　　Web技术课程是指讲授网页设计与网站建设的课程，主要讲授网站的规划、设计、开发等内容，并深入讲述Web的工作原理。Web技术课程的教学目标是使学生掌握网页的设计、制作方法，了解网站规划的一般方法，熟练掌握常用网站制作软件的使用，能够进行交互式网站的规划与开发。该课程体系一般应包括以下几门课程：“网页设计与网站规划”、“动态网站设计”、“数据库原理与应用”、“Web数据库”和“Web Service开发”。

　　Web应用服务的快速发展，推动了Web技术的快速发展，Python、Ruby等敏捷开发技术的出现，极大地缩短了Web应用项目的开发周期；Flex的出现改变了传统的Web表现形式；Ajax技术的广泛应用大大改善了用户体验。而目前大部分高校所开设的Web技术课程的教学内容并不能很好地与目前Web技术的发展同步，这一点使我们的教育与市场的需求很难达到相互符合。

　　Web 2.0的迅速发展推动了互联网理念的不断创新，BLOG、微博客、SNS、RSS、Wiki等新的互联网应用形式的出现，极大地促进了互联网应用服务理念的发展。目

　　前大部分高校开设的Web技术课程在其教学内容及概念上很少涉及这些全新的互联网应用形式及理念。

　　目前大部分高校Web技术课程的教学方式为教师在课堂上讲授相关知识，学生在实验课上对所学知识点进行练习。大部分情况下学生都是在对所学的某一知识点进行单一训练。此种实验课可以暴露学生在语法等基础方面的问题，但是具体应用中一些容易出现的问题却很难发现。

　　在正常的授课过程中学生往往很少能够参与到一个项目从需求分析到设计规划，到具体开发，再到项目部署调试的全过程，这就会造成学生缺乏完整项目开发的经验，学生仅仅停留在对“实验室项目”的学习上，而缺乏实际应用项目的开发经验，解决实际问题的能力很难得到提高。

　　我院从2005年起在计算机科学与技术专业开设Web技术课程，目的是使学生能够掌握网页设计、制作的方法，掌握网站规划与建设的一般方法，能够采用动态网站开发语言并结合数据库进行交互式网站和Web应用项目的开发，具有完整的项目开发经验；了解Ajax、RSS、Flex等Web发展的前沿技术，了解Web 2.0、微博客等全新的互联网应用模式。

　　下面对我校计算机科学与技术专业Web技术课程的具体开设情况分别加以介绍，其中重点介绍“网页设计与网站规划”、“动态网站设计”这两门课程。

　　“网页设计与网站规划”：主要使学生掌握网页设计与制作的常用软件，掌握色彩理论、平面构成等网页设计的一般原理，熟练掌握Html、CSS基础语法并能够使用两者相结合进行静态网站的开发，掌握网站的设计、规划、制作、与维护等工作；了解Web标准的基本内容，掌握依据标准进行网站建设开发的一般方法。

　　“动态网站设计”：我校目前采用ASP作为动态网站开发语言进行讲授，讲授的主要内容是ASP的基础知识，Web服务器的安装和配置以及创建ASP程序的方法，ASP的脚本语言VBScript，ASP的内置对象Response、Request、Application、Session、Server，ASP的文件操作对象以及ASP的数据库对象ADO等，并讲授网站的性能优化、安全性保障，Web的工作原理等内容。目的是使学生掌握ASP语言，能够采用ASP进行Web编程，开发交互式网站；通过开发动态网站，深入了解Web的工作原理，了解B/S体系结构下的Web应用项目开发；系统地掌握一个网站项目从需求分析到数据建模，到Web界面设计及编程，再到最后调试并等流程；同时在日常讲课中引入互联网应用的新技术、新理念。

　　“数据库原理与应用”：本课程的任务是通过对数据库的语言基础、程序设计、系统开发等环节的学习，学会采用面向对象的数据库设计方法，最终掌握SQL Server 应用系统的开发技能，为以后的项目开发，奠定必要的理论基础。

　　“Web数据库”该课程主要使学生掌握Web开发技术与数据库相结合开发应用系统的一般方法及具体应用。

　　“Web Service开发”：该课程为计算机科学与技术专业的专业课，并作为Web技术课程体系中的应用型课程，主要使学生掌握分布式、跨平台的系统开发。

　　我校在计算机科学与技术专业开设Web技术课程时，将“网页设计与网站规划”和“动态网站设计”这两门课程作为核心课程，下面分别对其教学大纲加以介绍。

　　我校在计算机科学与技术专业开设的“网页设计与网站规划”课程共72学时，其中理论课时54学时，实验课时18学时。课程教学大纲如下。

　　我校在计算机科学与技术专业开设的“动态网站设计”课程共72学时，其中理论课时54学时，实验课时18学时。课程教学大纲如下。

　　课程的扩充。针对目前的应用现状，在Web技术课程体系中增加敏捷开发技术，如Ruby、Python、PHP等技术；并增加新技术的应用，如Ajax应用、Flex应用、WAP开发等。

　　建立一个与时展保持同步的机制，使课程体系能够与Web技术的发展及应用保持同步。

　　加强师资队伍的建设。一方面通过内部学习提高教师的教学能力；另一方面通过加强与校外企业的合作及参加相关培训等提高教师的实力。

　　基于网站信息架构需要的抽象逻辑思维能力 网站本身是一个信息聚合体，信息架构就是针对网站信息繁多进行的一种对信息体的综合设计和整合处理的方法。网站信息构建活动的对象和产物就是网站的信息空间结构，即网站的信息架构，网站信息架构的核心是组织系统、标识系统、导航系统和搜索系统[1]。

　　信息架构设计是需要分析技能和创造技能的问题解决活动，信息架构以用户为中心作为其设计原则，致力于提高信息环境的可用性[2]。网站信息架构设计的产生，本身是市场的需求促进下产生的专门设计，由于网站以及整个网络的信息量巨大，需要信息架构的设计，将相对于不同用户的不同需求而言的各种信息进行整理，即使是同一个网站，也有相对于部分用户不需要的信息存在。因此，必须有一种方法去设计和管理网站的信息，便于用户寻找网站上的信息，而建立这种管理网站信息的研究，必须有人类认知行为的共同逻辑思维为基础。

　　基于页面信息视觉形式创意需要的具体形象思维能力 网页的页面信息表达的设计，即网页上的视觉信息艺术设计，将页面上的主要信息内容运用具象思维方式设计，进行有助于用户视觉方面容易理解的表现层次的改造，这也是对信息的一种深度设计。人对视觉形式效应的感知，分为以悦目为特征的视觉生理上的本能反应、以生活体验和视觉经验为具体内容的关于形式在视觉心理上的综合反应、形式的社会化影响三个层面[3]，基本的信息单位的表现均是借助图文形式进行表达。同理，这三个层次的形式感知的划分对信息表达的设计方法有着重要的借鉴价值。

　　其一，对文字信息体的内容信息有着先于用户的充分阅读，对文字信息体陈述的内容充分理解，根据易读性原则在设计上引导用户阅读。

　　其二，信息图形化是人类信息传递的本源[4]。对表达信息内容的手法要有积累，同样的信息内容，图解信息比大段的文字更容易被用户接受和理解，即文字信息图形化，更易于用户对网页信息的获取效用。

　　其三，对信息的设计中，对于信息内部关联关系的信息等信息内容的深度部分，必须在信息的设计中体现出来。如何以信息艺术设计的视角和方法表现在页面上，设计者对信息的内在关联的理解程度，很大程度上影响到了发掘信息体内在联系的深度，以及将信息内部关联关系的信息呈现在用户或者读者面前的准确性。

　　网页信息的创意性表达如网页中文字信息涉及某些流程的描述，交由设计者以更高的传递效能的方式去设计，会节省更多的用户时间成本，也是艺术设计向前发展的一个新领域。

　　前置课程中的基础思维训练准备 以传统的三大构成为代表的设计学的基础课程，组成对学生艺术感知力培养的基础预备课程，这种课程极大开拓了学生的具体形象思维的视野。构成课最大的特点是将视觉原色归纳成抽象的视觉符号，通过研究彼此之间的相互关系，探讨视觉审美原则[5]。随着社会技术的进步，艺术设计的工作平台呈现多元化发展，三大构成已经不能满足网页设计的专业设计需求，已经出现以运动形式存在的运动构成、明显异于以往纸质设计艺术的光影构成和以交互行为为主体的行为构成，被提出并有意识地运用于网页设计之中。

　　创造性思维训练相关的基础课程准备 图形创意类课程包括图形创意、装饰绘画等，都是图形形式创意与图形信息表达方式的设计为主，与之前的构成课在知识内容方面也有着紧密的承接关系。图形创意课程教学用以开发想象力，培养设计观念，创造多元的设计思维方式与方法[6]MG体育。具体的思维方式训练分为逆向联想、发散联想、聚合联想等，为网页内容信息的图形视觉化设计奠定了基础。

　　信息设计思维能力训练的情境模型的构建分为角色模型构建、故事情境模型构建、问题情境模型构建、问题解决方案模型构建四部分。通过模型的构建，让学生在解决设计问题的过程中意识到在模型整体构建过程中逻辑的一般规律的重要性，信息的整体构建必须以此为依托展开架构，方可被用户从逻辑认知层面所理解和接受。

　　1）目标用户群的调查对情境模型构建的重要性。在产品设计中，目标用户即为使用产品的用户，在网页设计中，即为对网站有信息需求的访问者。划分用户群是理解用户需求的一个重要步骤。在设计初期对产品用户进行准确的划分，根据不同的用户群体的需求分析，从而准确获知用户需求以及产品定位，更好地帮助开发者理解用户需求[7]。在教学过程中可以安排学生先设计用户需求的调查问卷、用户访谈等形式，完成对用户需求的分析，然后相互交叉完成调查问卷。作为课程的练习阶段，结合艺术学本科教学实际情况，在可控制的课时安排前提下，有必要保证学生一定的实践整体参与度和课时保障，才不至于让教学流于形式。

　　2）基于案例项目的网站设计定位对典型用户的描述。以授课选定的案例项目为蓝本，开展目标用户群的调查结果分析，确定目标用户群的基本特征，并提炼出一个有代表性的典型用户角色，用来确定情境模型，直接承担展示网站信息的浏览和使用过程的叙事。

　　创建基于用户需求的故事情境模型 根据用户需求分析的结果，明确用户的需求状态，根据用户的需求状态创建一个关于用户访问网站、使用网站功能的模拟情节。基于需求的故事情境需要描述三个方面内容：第一，描述用户因为何种需求访问网站；第二，描述用户在何种环境何种状态下实施访问网站的行为；第三，用户访问网站时最关注何种信息。

　　创建用户访问网站时的问题模型与问题解决模型 在网络业已普及的今天，用户在访问网站面对各种问题时，绝大部分用户必定已具备一定的操作技能和访问经验。用户在访问一个陌生网站时，经常借助自身已有经验中与之相似的经验部分为基础去推理这个陌生网站的操作，这种基于经验的推理方式有助于用户的学习和积累，也为网页设计课程教学中关于分析用户如何做问题推理提供了分析依据。目标用户访问网站，最关切的是关于目标信息满足其需求的程度，目标信息的位置搜寻以及相关交互操作的展开成为用户寻找目标信息的核心行为。同时，搜寻过程与交互操作过程也成为问题产生源地，如何引导用户快速寻找到自己所需要的目标信息以及相关过程，成为问题模型的主要构成部分。

　　以目标用户群体为蓝本创建的典型用户角色，为用户操作网站时进行问题推理和解决所遇到问题的方案，提供了明确而具体的设计思路。问题解决模型以典型用户角色为分析对象，结合网站的设计定位，按照一定的情境条件去开展设计，是解决用户模式下网站设计的常见的求解方式之一。某种程度上可以将典型用户寻找问题解决方案的过程看做一种基于已有案例实践的经验事例，所以在教学过程中将问题推理过程与问题解决方案的陈述部分，结合已有具体案例的分析，指导学生进行该环节的任务练习，更容易被学生理解。

　　模型构建的目标是训练学生在课程设计练习中有意识地运用思维为作品中信息的设计和表达服务，所以在课程作业完成后，建议以角色模型构建、故事情境模型构建、问题情境模型构建、问题解决模型构建四个部分对设计作品展开课堂陈述，让学生以设计者的角度自我阐述作品的设计过程，也能更好地发现学生在设计过程中的想法与实践之间的差异产生的原因。

　　目标信息的分析和设计实施过程描述 目标信息即用户对网站的需求对象，但因为网站本身信息的多面化，不能只满足单一的用户目标需求，在用户访问过程中需要对用户的访问行为进行引导，引导的过程需要分析和设计来实现其功能的可用性与易用性，所以在学生的设计方案描述中必须予以体现。网页设计每一个细节都有可能影响到用户的最终使用结果，在引导学生对目标信息进行分析和设计时，很多设计细节与情境模型的构建过程没有明显的直接关联，即不存在于构建本身的特殊性范畴中，但存在于设计的一般性现象中，在设计方案描述的课程作业中不能忽略对细节的描述。

　　用户访问网站过程的描述 用户访问网站的过程，按照网站访问情形发现问题解决问题的顺序对用户访问网站时的三个阶段进行描述。可以建议学生在阐述网站设计方案时，以典型用户角色对网站的访问为贯穿主线，在课堂讲解任务中描述用户对网站设计作品的访问过程，更容易把各种设计分析联系起来，以便于学生做课堂作业的陈述。

　　在网页课程中，设计教学的首要任务并不是解决用户对视觉的需求问题，而是解决网站信息架构的合理性，进而解决用户对目标信息的需求引导问题。基于信息设计思维能力培养目标的情境模型构建，核心在于引导学生对目标决定过程原则的理解和把握，将站点信息架构的设计分析和实践过程分解为角色模型构建、故事情境模型构建、问题情境模型构建、问题解决模型构建四个阶段，使教学训练的目标明晰化，提高用户对网页信息的易读性和搜寻效率。

　　[1]张新民，胡亮，王艳，等.网站信息架构的评估[J].现代图书情报技术，2004（3）：51-52.

　　[4]乔柳，顾慧史.浅议网页设计中的信息图形化[J]，艺术与设计：理论，2009（11）：104.

　　[5]徐丰.从包豪斯的构成课谈设计基础训练思维方式的转变[J].美术教育研究，2014（1）：160.

　　校园网站不仅是在校园内信息的通道与环境，也是对外联系和宣传自己的良好途径。它的意义已不仅仅是计算机的普及与学习，而是计算机的运用MG体育，进而在校园中形成富有特色的校园信息文化。因此，校园网站的设立无论对于学校还是对于社会都是非常有利的。但是学校网站开发是一项很复杂的工作，下面，就按照学校网站从立项到制作完成的顺序来介绍。

　　当我们需要进行校园网站建设时，就要对建立学校网站这个项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：学校领导、各处室人员，学校网络管理员、网页设计人员、计算机教师等5—7人组成。具体细节应由网络管理员作为项目负责人负责对该项目进行统一的调度和安排。

　　为了加快网站建设的速度和减少失误，应该采用一定的制作流程来策划、设计、制作和网站。通过使用制作流程确定制作步骤，以确保每一步顺利完成。好的制作流程能帮助设计者解决策划网站的繁琐性，减小项目失败的风险。制作流程的第一阶段是规划项目和采集信息，接着是网站规划和设计网页，最后是上传和维护网站阶段。步骤的实际数目和名称因人而异，但是总体制作流程如下图所示。

　　要建设一个网站，首先要明确学校网站建设的意义和需求及校园网所能提供的功能和内容。可以采取下发问卷调查表或通过学校各部门上报所需功能的建议等方式了解学校领导和教师希望校园网提供的服务和内容，然后根据各方面的反馈意见进行认真的分析，编写一份详尽的需求说明书。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和网站建设失败。

　　很多学校下属部门非常多，让每一个部门在网站上都占有一席之地，无疑会在我们的网站设计和资料的收集上增添困难。这时应在学校领导、各处室人员的配合下，在项目负责人带领下，研究确定网站的总体结构，并请求各部门配合，提供关于各部门的文字资料和电子资料，然后进行分门别类的整理。将文字资料整理成电子资料，将不符合要求的电子资料重新排版，以备后用。

　　当我们在Internet这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的网站。我们现在具备了上网的条件后，在开始设计网站时，就应该注意网页制作时应考虑哪些方面的问题，包括网站功能以及访问者需要什么。整个设计都应该围绕这些方面来进行：①页面内容要新颖；②网页命名要简洁；③善用表格来布局；④多学习和使用HTML，尽量少用Java程序；⑤每个页面都要有导航按钮；⑥网页风格要统一，动画最多只用一个；⑦使网站具有交互功能和友好设计界面。

　　在确立了网站的功能、框图、资料收集后，就可以进行网站的编制工作了。进行网站的编制前应确立网页设计工具的选择。下面简单介绍几种工具。在网站的设计中，网站前台界面可以使用Dreamweaver网站设计软件，后台管理可以使用ASP语言中的VBScript语言编写，网站中的数据库采用SQL Server数据库，并在美化网页的软件上采用目前比较流行的Flash，Fireworks，Photoshop等工具。

　　具有简单、易学、无需记忆的特点，许多网页都可利用它来制作。Dreamweaver不但能用可视化的方式来编辑文字、图像、表单等，还可以直接在网页中插入控件，Java Applet等组件。Drea—mweaver不只是一个网页编辑器，就其整体来说，Dreamweaver应该算是一整套网站管理工具，同时Dreamweaver还提供Server测试环境，使我们在设计网站阶段，就可以身处于一个模拟网站的工作环境中，方便我们做测试工作。这样网页上传至Internet的Web服务器后，不易发生错误。