网页设计结构图 第1篇
通过分析动态网页设计课程的教学现状及MOOC教育环境，提出一种MOOC教育环境下的动态网页设计混合教学模式，改变传统填鸭式教学方式，有效提高动态网页设计课程的教学质量和效果。
关键词：
MOOC；开放式；动态网页；混合式教学
动态网页设计课程是一种分布式管理系统前台界面设计与实现的技术，其可以提供动态输入、处理结果展示等功能，目前许多学校均已开设这门课程[1]。传统动态网页设计课程的教学往往采用面对面、课堂理论教学的模式，该模式无法充分体现动态网页设计课程实践性强的特点。为了能够解决上述问题，本文引入了大型开放式网络课程（MOOC），提出一种混合式教学模式[2]。
1传统动态网页设计课程的教学现状分析
经过多年的教学实践研究，发现传统的动态网页设计课程在教学过程中存在诸多问题，主要包括以下几个方面：传统教学模式是在教师提炼加工和梳理相关知识点的情况下，将提取的精粹传授和灌输给学生，课堂教学仅仅停留在老师讲解、学生听的状态，这种教学模式较为陈旧，学生容易产生疲劳感，降低了学习的兴趣和积极性，严重阻碍了学生自学动态网页设计课程的能力。
2MOOC教育环境应用分析
MOOC是一种新型的在线学习环境，MOOC的教学视频都很短暂，多为10分钟左右长度的片段，甚至更小的视频片段，每一个片段播放结束后往往采用相关的问题进行关联，学生准确回答问题后才能继续观看视频，并且学习者针对不懂的问题或知识点可以在线提问，由教师进行解答，具有非常强的互动性，可为广大学生提供高质量、高效率和高便利性的学习环境和资源，实现互动学习。MOOC在线教育学习环境具有以下几个方面的关键特征：开放性、规模性、互动性、独特性。虽然MOOC教育环境下拥有许多的资源，但其在我国的应用还没有得到普及。要想取代传统的课堂教学，需要解决以下几个方面的问题：（1）MOOC提供开放的动态网页设计课程教学资源，但是其无法创造长时间的思想交流、互相学习和协作的教学环境，不能够创造传统课堂互动教学的效果，会导致学生积极思考问题的动力不足，分析解决问题的能力变弱。（2）MOOC具有较强的灵活性，要求学生必须具有很强的自控能力，以便能够按时完成动态网页设计课程的学习内容，而对于那些缺乏自制力的学生会导致学习效率偏低，教学效果无法达到期望值。
3动态网页设计混合教学模式
动态网页设计课堂在教学过程中引入了MOOC，利用MOOC拥有的丰富的、先进的教学资源，与我国传统的面对面教学模式相互结合，开展新型的混合教学模式，促进教学改革和发展。在MOOC环境的支撑下，动态网页设计课堂教学可以划分为三个阶段，分别是课前自主学习、课堂教学和课后拓展。第一阶段是课前自主学习。课前学生可以利用MOOC平台让学生了解、掌握课堂需要掌握的基础知识，同时对于有疑问的地方可以在线与教师交流或者与同学讨论，更好地掌握动态网页设计课程相关的基础知识。课前自主学习模式可以避免传统课堂存在的一刀切、齐步走等缺陷，根据学生自身掌握的动态网页设计课程理论知识水平，并且充分结合学生自己的学习风格、习惯和能力实施差异化、个性化学习，有利于锻炼和培养学生的自主创新学习能力，同时学生可以利用PC机、Ipad或智能手机等各类型终端随时随地进行学习，充分利用碎片化的时间，解决传统面对面课堂教学缺课、未弄懂课程内容等问题，可以优化动态网页设计课程教学资源，提升学习质量和水平。第二阶段是课堂教学。传统动态网页设计课程教学与MOOC相互结合，可以将课堂教学转变为以学生为中心、以学生为主体的积极教学方法，教师作为课堂的主持者，其主要作用是发挥指导、协调和控制作用。在课堂教学过程中，教师首先提出问题，以便引导学生进行学习，讨论相关的设计案例，鼓励学生在解决问题中发现新的问题，善于引导学生讨论、思考和解决问题，改变传统的视听教学模式，通过学生和老师、学生和学生之间积极的互动讨论，教师能够让每一个学生在讨论中掌握动态网页设计课程知识，并且可以自发纠正错误的观点，为学生解惑。混合式教学模式可以把教师从重复的体力劳动中解放出来，把主要的精力集中于课堂教学创新上，并且可以在课堂教学之后对教学内容进行提炼、归纳和总结，运用问题求解方法确立课堂教学的疑点、难点和重点，然后布置相关的课堂任务，要求学生通过教师的讲授等完成相关的操作，对学习到的知识进行巩固，评价学生的作品和指导，有利于提高学生的认知结构，使学生能够全面了解自己的学习水平，有利于营造赶帮超学习氛围，让学生实现相互督促、自我完善，提高动态网页设计课程学习效果。第三阶段是课后拓展。在前两个阶段学习的基础上，学生可以继续在MOOC环境中学习动态网页设计课程，参与课程的互动和讨论，强化所学到的知识。同时对课堂上的内容进行延伸，积极利用MOOC继续深入学习各类型的分布式管理系统前台交互开发，激发学生学习的动力和热情，充分将开放的教学资源与传统课堂教学相互结合，充分发挥两者优势，相互促进，使得MOOC教学理念和传统教学理念实现互补，弥补传统教学的不足，真正促进教育教学的发展和壮大。与MOOC相互结合，实现动态网页设计课程教学，能够从根本上提高学生自主学习能力和创新研发能力，建立学生为主体、教师为主导的模式，把教师从讲授者变为学习的启发者和引导者，也可以把学生从被动的填鸭式教学模式中解脱出来，能够积极主动地完成学习活动，解决传统课堂教学存在的问题。
4结束语
MOOC是一个开放式、互动式的网络教学平台，其拥有丰富的学习资源，能够为学生提供较好的学习渠道。将传统面对面的动态网页设计课程教学模式与MOOC相互结合，能够将两者的优势集成在一起，解决现有教学模式存在的问题，减轻教师的简单重复劳动，提高学生学习的成效。
网页设计结构图 第2篇
关键词：用户体验；高校图书馆；网站
随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。
1视觉设计
视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。
符合视觉趋势
不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。
做好色彩搭配
2界面设计
界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。
避免使用用户不熟悉的词汇
网页设计结构图 第3篇
关键词：格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
网页设计结构图 第4篇
【关键词】精品课程；网站；项目开发
现国家正加强中职学校精品课程建设，精品课程建设工程的目标是实现全国优质教学资源的共享，要求精品课程的相关内容全部通过网站的方式对外开放。因此，精品课程网站建设是精品课程建设中的一个重要环节。
目前很多资料或论文在涉及精品课程网站制作时，都以站在网站的技术开发角度进行论述，这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台，还要把课程的资源放到平台上，涉及到平台的建设、各个资源内容制作和整合等工作，更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成，是需要一个团队多个人分工合作完成。
一、网站项目开发团队，包括以下的角色和职责：
（一）网站项目经理
职责：1.项目执行监理2.质量监督员
网站项目经理负责与用户进行沟通，了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件，预算表，项目进度和甘特图表，会议记录，费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。
（二）艺术总监
职责：1.网页界面设计师2.交互式设计师
（FLASH，JavaScript，Ajax）3.媒体专家（摄影，插图，视频，音效）。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。
（三）网站技术主管
职责：1.网页程序设计师（.net，Java，PHP/Perl，Ruby）2.网页工程师（XHTML，CSS，JavaScript，Ajax）3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作
（四）网站制作主管
在设计早期阶段，网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后，网站制作主管的主要工作就是制作站点页面，当然他可以直接用html编写，或者使用网站内容管理系统（CMS），也可以用一些站点开发软件，例如Adobe Dreamweaver。
（五）网站信息架构师
网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段，信息架构师是最活跃的。他要制定整个网站的内容结构，网站的框架结构，向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作，制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。
网页设计结构图 第5篇
摘要：通过网站访问方式调研了当前高校移动图书馆的建设情况，并就移动图书馆在我国高校的应用现状和发展进行系统分析，提出了高校移动图书馆的发展对策和对今后的发展展望。
调查基本情况
目前国内已有多家高校图书馆开通了移动图书馆服务，笔者以985高校、211高校和其他省属普通高校为调查样本，结合地域经济发展特点，在每个地域范围内随机抽取这三大类高校移动图书馆的建设情况，以是否在其图书馆网站上挂载移动图书馆链接地址为调研标准（如表1所示）。
高校移动图书馆的业务功能
在随机抽取和访问过程中，我们发现高校图书馆从数据提供商引入移动图书馆产品的居多，大多是超星集团和书生公司的移动图书馆解决方案。以书生公司的移动图书馆为例，在浏览访问过程中发现，这些现成的解决方案在馆藏目录查询方面，直接集成OPAC系统，包括汇文、aleph、金盘、interlib、innopac和sirsi等馆藏自动化系统。馆藏检索结果与原有检索方式的完全一致，并应用了LBS技术增加了馆藏排架位置视图功能；智能识别和认证用户设备，能自动适配用户的终端界面，并提供自定义界面的功能。在期刊论文、学位论文和电子书查询方面，提供了原版图片、文本和发送到邮箱等方式的阅读，并能兼容多种文件格式。在文献阅读时，还提供文献推荐、文献评论、文献批注和批注分享、文献收藏和订阅等功能。
而在自主开发移动图书馆网站的高校中，如清华大学和北京邮电大学，他们都是在数字图书馆原有业务基础上扩展在移动互联网环境的信息服务能力，包括在线书目查询、催还、预约、续借、即时通知等服务，均是通过短信服务平台向用户提供图书馆的业务功能服务。
高校移动图书馆的使用成效
自引入移动图书馆以来，很多高校拓展了信息资源在移动互联网环境下的服务途径，通过短信息服务和WAP服务两种途径提升了图书馆在智能终端上的信息服务能力。尤其在馆藏目录查询、期刊、电子书、学位论文和报纸等信息资源方面，除了保持原有的图书馆服务功能外，还更加注重了与用户的社交互动。如书生移动图书馆提供“云笔记”功能、检索和浏览历史及收藏的存储，用户在阅读文献时可以评论、推荐和批注，并能便捷地与其他人分享。
2当前国内高校移动图书馆存在的问题
未能区分手机图书馆和移动图书馆的概念定位
手机图书馆并不等同于移动图书馆，将图书馆的一些服务功能延伸到手机这类移动通信设备上实现，就可以称为手机图书馆 。但是手机的体积不可能无限增长，它的输入方式从键盘、触摸再到语音、图像识别也就达到了想象力的上限了，现在很多信息服务依然受制于屏幕大小和输入的流畅性。但是移动图书馆则涵盖广泛，与用户的访问终端种类无关，只要能浏览网页并访问到图书馆信息资源的各类移动终端，而不以用户终端设备来定义图书馆的信息服务模式。只是说智能手机这个移动终端在图书馆用户群体中非常普遍。只有带着这样的区分，我们才能更加准确地把握移动图书馆用户使用特性，挖掘特定用户群访问移动图书馆信息资源的使用特点和浏览行为路径，不断提高高校移动图书馆的信息服务质量和用户黏性。
移动图书馆与数字图书馆的关系定位不清晰
移动图书馆是依托于原有丰富的馆藏数字资源，延伸了数字图书馆的信息服务，拓宽了用户获取信息服务的途径，提高了数字资源的利用率，强化了“移动性阅读”的特点，但本质上还是提供给用户所需的信息服务。移动图书馆不能也不可能完全取代数字图书馆，它必须建立在数字图书馆丰富的数字馆藏基础之上才能对外拓展信息服务能力，它是数字图书馆在移动互联网环境中资源服务模式的有益补充。移动图书馆网站对于获取信息服务的用户来说，整个获取信息的过程呈现“碎片化”的阅读和即时性速读的特点，由于在与传统PC使用特点不同的移动智能终端设备上获取信息资源，受到了屏幕变小、网速慢的局限，容易影响到用户的信息搜索体验，用户的社交化及个性化信息需求得到满足非常有限，由此带来了高校移动图书馆使用率的降低。因此，清晰定位移动图书馆在整个数字图书馆建设的关系显得尤其重要。
移动图书馆尚缺乏足够的用户研究
高校移动图书馆的建设模式中，由于技术力量、人员和资金等因素的影响，自主开发相对较少，都是从数据库商引进或者外包给软件公司进行开发设计的。在投入使用时，大多数高校图书馆缺乏对移动图书馆的使用者进行用户偏好研究，提供的信息服务资源与数字图书馆的种类和数量相当，还停留在“资源的一站式搜索、导航和全文获取服务”的理念上，未能全面调研和考查用户“碎片化时间”阅读特征带来的资源服务需求变化，用户二次访问率较低，根据有关文献的论述，这个情况不局限于高校图书馆。另外，根据2012年高等教育版《地平线报告》的预测，未来5年的高校用户随时、随地获取信息的需求不断增强，在轻松、及时地访问网络上信息的同时，出于社交互动的信息行为习惯，他们更加关注所获取资源相关最新的用户分析和评论。这些特征必然成为移动图书馆用户研究的核心领域。因此，加强移动图书馆用户信息需求研究，尤其要关注用户的移动阅读特点和移动社交互动需求等方面的用户研究，对于移动图书馆的推广和提升服务质量大有裨益。
把网站界面设计等同于用户体验设计
提升移动图书馆的用户体验越来越受到图书馆学界的关注。在用户的智能终端设备上，网站界面的优美和美观可以给用户带来充分的信息搜索体验过程，一次良好的信息搜索过程可以提升用户对于图书馆信息资源的忠诚度。然而，网站界面设计只是用户体验中的一部分，移动图书馆的用户体验应该是一个系统工程，还包括了网站可用性和移动社交等方面。网站可用性指的是访问该移动图书馆时，流量费用、浏览速度和在用户智能终端设备上的表现能力等，而移动社交，指的是能否及时与其他用户分享、是否提供搜索历史的云存储方式及得到信息帮助的及时交互等服务。只有涵盖了这些移动互联网的用户需求特征，才能更好地契合和提升高校移动图书馆用户体验质量。
3高校移动图书馆的发展对策
加强高校移动图书馆的用户信息需求研究
不论是从数据商引进的网站平台还是自主开发的，移动图书馆都需要加强用户的信息需求研究，定期开展移动图书馆的用户问卷调查，关注用户访问移动图书馆各项信息服务获得的使用体验和感受，挖掘用户在移动图书馆信息环境内的社交互动和个性化需求，这样才能持续和系统地对用户需求和使用体验进行动态跟踪，有利于丰富和完善移动图书馆的各项信息功能模块，进一步提升图书馆整体的信息服务质量，增强移动图书馆平台的用户黏性。
定期开展移动图书馆的读者推荐
可以通过高校图书馆网站、微博平台、学校论坛或者微信公众平台等信息平台来开展移动图书馆的读者推荐，结合各种图书馆培训或者讲座的活动宣传移动图书馆，也可以定期开展移动图书馆的使用培训和有奖问答，提高移动图书馆的使用率。尤其是移动互联网环境下图书馆用户阅读特点的变化，对读者移动阅读使用的移动设备、时间、地点、目的、获取资源的途径、对移动阅读的态度、影响因素及图书馆提供服务内容等方面系统地进行了调研，掌握移动图书馆在教师、博士生、硕士生、本科生和专科生等用户类别的使用特点，结合他们的学习和科研需求有针对性地对每个学历层次开展读者推荐。
根据业务功能需求增强移动图书馆的信息服务能力
为不断提升高校图书馆的学科服务能力，拓展在移动互联网环境下的信息服务能力途径，提高高校移动图书馆用户的黏性，移动图书馆可以根据业务功能的需求进行移动图书馆平台的移植和服务创新。例如可以尝试引入VNS（vertical networking service）垂直网络服务，用户基于共同的兴趣爱好或专业定位而拥有稳定的共同话题，此平台上构建的关系也比一般社交网站更能稳固。图书馆可以借此提供馆藏资源与具体学科服务的内容定题服务，架构具有主题特色的交流平台，满足倾向此类主题的用户需求，让用户容易获取本学科的大量信息，又可以感受到图书馆数字资源的条理化和专题性。
不断完善移动图书馆的用户体验质量
移动图书馆作为移动互联网下的图书馆信息服务的一种新模式，用户使用各类智能终端尤其是智能手机或者平板电脑，用户体验的质量较高，来自于用户在用户界面或者信息服务内容上的各种反馈，移动图书馆的管理者要系统收集和反馈，不断在平台升级中提升用户体验质量。积极探索将信息推送服务、二维码（QR）、地理位置服务（LBS）、增强现实服务、有声导引（Audio tours）和社交网络服务（SNS）等移动终端开发新技术应用到移动图书馆平台上，也可以针对移动终端本身有摄像头、语音通信、短信、 GPS定位、近场通信功能等特征，研发以前数字图书馆上没有做到的服务。在用户浏览和获取信息资源的同时得到非常丰富的用户体验。
4高校移动图书馆的展望
当前高校图书馆都在积极引入第三方服务商提供的移动图书馆平台或者自主开发，整合本馆已有的数字资源服务于师生的科研和学习。虽然自主开发容易带来实施速度慢、技术难度大、难以攻克等不足，引入第三方提供的平台也会带来服务模式单一化、固定化，受第三方系统设计限制不易开发个性化服务等缺点，但是，未来高校移动图书馆将会朝着提升移动图书馆用户体验质量、不断完善个性化服务，扩展各类业务服务功能，从而延伸了高校图书馆的信息资源服务范围，提高了整个图书馆的信息服务竞争力。
参考文献：
[1]Krista Study Shows Library Users Want Access to Mobile Offerings Full details in Library Journal’s Patron Profiles： Mobile Device，Mobile Content，and Library Apps[J].http：/
[2]New Media Consortium. NMC Horizon Report 2012： Higher Ed Edition[EB/OL].[2012-09-24].http：///horizon-project/horizon-reports/horizon-report-higher-ed-edition
[3]Lisa Carlucci State of Mobile in Libraries 2012[OL].http：///2012/02/mobile/the-state-of-mobile-in-libraries-2012/