网页栏目框设计要素 第1篇
网页中版式布局
网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:
网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。
网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。
网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。
网页色彩的运用
色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。
鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。
配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏,所以网页色彩要尽量抑制强对比,减少屏幕刺激,减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度,视认度的高低取决于图与底的色彩对比程度,不要用花底作为页面的背景,那样背景不突出反而页面没有层次感,采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外,图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形,以提高视认度。
因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。
网页中其他各构成要素分析
对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、声音等基本构成要素及页头(LOGO、Banner)、导航栏、信息正文、页脚(版权信息、公司信息)等内容要素。
网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。
网页栏目框设计要素 第2篇
通过分析动态网页设计课程的教学现状及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相互结合，能够将两者的优势集成在一起，解决现有教学模式存在的问题，减轻教师的简单重复劳动，提高学生学习的成效。
网页栏目框设计要素 第3篇
西安思源学院陕西西安710038
摘要 随着信息技术的不断发展，网络教学的优势使其地位不断上升，已经成为现代教学发展必不可少的途径之一。本文以《电路》课程为例，对该课程的教学系统和网站的研发及建设进行了论述。
关键词 电路；网络教学；网站建设
《电路》是高校电学类专业必修的非常重要的专业基础课程，经过长时间的发展，已经形成了较为成熟的基础理论、分析方法和实验技能。该课程教学中涉及大量的电力符号、电路原理和定量，给学生的学习带来了极大的困难。随着电气自动化、电子通讯、信息技术的发展及广泛应用，电路理论也发生了重大变革，在电气越来越受重视的今天，传统的教学方法已经无法满足教学的需要，采用新方法提高《电路》教学效果是当下面临的主要问题。
1 电路教学系统设计
教学设计电路教学系统设计的最终目的是服务于人，因此在对网络课程进行开发设计时，要充分考虑教师的教学策略和学生的学习策略。
教学策略设计。网络教学系统设计目的之一是为学习者提供在任何时候、任何地点都能学习的环境，因此在电路教学系统设计过程中，应采用演示实验、仿真技术等教学策略，为学生创设可靠、有效的学习环境。
学习策略设计。网络教学课程设计的重点是对学习策略进行科学设计。学习策略不同，所获得的学习效果也具有差异性，对于学生来说，自主学习策略、协助学习或案例学习策略显然更能体现网络教学的优点。在设计教学系统时，应将界面设计尽量简洁化，便于学习者操作。
电路教学系统设计原则电路教学系统在设计过程中，应遵循以下几项原则：开放性、个性化、灵活性、共享性、可交互性、便利性、可评价性等。具体来说应从以下几方面入手：首先，教学目标设计应注重整体性、灵活性和可操作性，将电路课程中的各章节知识点以不同的形式进行展现，以完成教学目标。其次，教学内容设计应注重科学性、系统性和先进性，增加学生的知识面，提高学生的学习兴趣；对不同的知识内容进行划分时，尽量保持不同模块之间的独立性。最后，学习评价设计时应遵循客观性、整体性、指导性和科学性的原则，使学习评价更具有指导意义，提升电路课程的教学水平。
网络课程学习系统设计网络课程开发的首要任务是对教学对象、教学内容、教学目标进行分析，制定合理的教学大纲和教学计划。在制定教学大纲时，应对课程性质和目的进行说明，对教学内容中各知识点的关联性进行说明，对所需要的教学方法、教学环境进行说明。
2 网站建设
网站模块及功能管理员管理模块，网站涉及的用户可分为一般用户、学生、教师和管理员四类，管理员可对各个用户的申请进行审核；教师工作模块，教师用户登录该模式界面后，可对各管理模块进行调整、修改或更新。如公告、作业批改、网上答疑、讲义上传等；学生学习模块由目录导航和信息展现两部分组成，通过导航，学生可获取相关的学习内容，完成学习任务；公共信息模块，可为用户提供学科动态、知识拓展、教研论文或热点新闻等内容，丰富学生的学习面，节省查找信息的时间。
开发平台和工具