网页计划精品(七篇)
网页计划篇(1)
为了将同学们的业余生活调整的更为丰富一些，也给同学们一些惊喜，我们决定在学校内举行一次网页设计大赛，将同学们充分的调动起来，使自己的校园生活更为丰富。
大赛的具体策划书：
网页设计大赛策划书
时间：200*.4-----5
地点：xx语学院。
参与工作人员：计算机系学生会，学习部全体成员。
参赛者范围：计算机系全体学生。
活动策划
一.比赛指导思想
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
二、参赛作品要求
1、充分体现本次活动的主题当代大学生为主。
2、作品内容健康向上，符合本次比赛作品征集要求
3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性；
4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m；
5、要求能在winXX或winxp操作系统上运行。显示分辨率以800×600或1024×768，网页采用internet explorer5.0以上浏览。
6、使用简体中文字库系统。
7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。
8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。
9、作品制作规范符合要求；作品首页请一律采用 index 文件名
三、活动内容：
1、 立项等准备工作-----------计算机系学生会，学习部。
2、 宣传：-------------------计算机系学生会， 宣传部。
比赛前：
条幅：生活区------------------------------内容宣传组，悬挂宣传组
海报：各个食堂，生活区。-----------------------宣传
比赛后：
投稿时的作品展示(在免费空间存放获奖作品，使用超链接链接)。技术组
四、大赛流程
1、成立网页设计大赛筹备组，进入活动筹备阶段，工作包括活动策划方案确立,宣传渠道建立。
2、在校园内大力宣传，包括张贴海报、通知、横幅，通过各系学生会在各院（系）里大力宣传，并组织本院（系）学生报名。
3、收集报名资料，并为本次网页设计大赛制作专题网页，同时，继续宣传本次网页设计大赛。
4、在专题网页上发表一些网页制作教程。
5、确定网页设计大赛的资金到位。
6、收集参赛作品。
7、将作品上传至此次大赛专题网页。
8、在本次网页设计比赛上安放投票系统。
9、将评分表及评选细则发往各评委。
10、收集评委评分表。
11、统计各参赛作品分数。
12、公布获奖者，并颁奖。
责任条款:
1. 参赛者所交作品权责自负，组委会若发现参赛作品属非参赛者个人完成，有权取消其比赛资格。
2. 参赛选手比赛期间所涉费用自理。
这一次网页设计大赛很有意义，真的希望懂得网页设计的同学能够积极的参加，而我们的奖品也是很丰富的，希望大家本着提高自己的想法，积极参与。
网页计划篇(2)
首要，在拿到规划项目以后，首要要对客户进行系统性的分析，比方能够公司布景、客户公司形象、客户商品形象，充沛把握客户公司或商品的详细信息，使平面规划作业能够有针对性，断定规划定位。当规划有关资料联系完毕以后，就需求针对这一项目展开适当的思考和断定，断定平面规划个性，断定体现手法。这是一个对比艰难的进程，由于平面规划的规划空间所限，致使平面规划的主题一定要凸显出来，且内容要饱满但不能负担，这就需求规划者进行仔细的思考和研讨，以佳的体现手法进行详细出现，一起，这一进程也需求做好有关资料的搜集作业，以便于有关创造作业的展开。在断定规划个性和体现手法以后，便能够展开详细的平面规划作业。平面规划作业能够凭借传统规划资料展开，比方绘图笔和纸张，也能够凭借领先的绘图软件展开，详细情况能够依据规划者的习气来断定，但规划进程中必须要保证规划的全面性和方向的精确性，要保证色彩的一致，也要保证满足的视觉冲击力，保证规划著作能够导致顾客爱好，招引顾客眼球。
二、页面规划与平面规划之间的差异以及彼此之间的联络
1、体现规模的不一样体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。
2、束缚性的不一样束缚性也即是进行艺术创造时分的束缚条件，此种束缚性的条件是表如今许多的方面的，就像创造东西，传达的方式以及创造的平面，字体字号以及色彩标准等等。页面规划，通常情况下是只是能在电脑设备上进行创造的，而且也只能是在凭借电脑设备的前提下才干够展现出实在的创造作用。页面中规划的著作作用会遭到网速的影响，遭到客观的要素影响对比大。可是平面规划相对来讲就不会受那么多的束缚，不行是在创造空间上没有太多的束缚，而且创造的商品也能够在任何时分任何的场合中进行展现，没有严厉的规定。在进行平面规划的时分不管是触及的字体、字号仍是色彩都是十分的具有随意性的，能够依据规划者的实践需求以及规划师心思的状况进行创造。
3、技能上实践的不一样页面规划是对比依靠于互联网的，页面规划关于领先的软件具有十分强的依懒性，可是平面规划则不是这样的，它关于软件的依靠对比小，相对来讲愈加依靠于打印的技能。在进行页面规划的时分通常情况下都是凭借于绘图东西的，只有强壮的软件才干保证页面规划顺畅的进行。可是平面规划优化经济以及科学技能的展开，不仅能靠画图东西来进行创造，而且也能凭借有关的绘图软件来实现终究的作用，再即是平面规划关于打印技能的要求是对比高的，此也是两者之间十分显着的差异。
三、页面规划与平面规划之间的联系
页面规划与平面规划之间是有着十分亲近的联络的，可是两者之间也是存在着差异的。页面的规划与平面的规划都归于具有现代化特征的艺术方式，在如今社会中这两种艺术方式都是能够经过电脑技能来辅佐或许直接完结的，而且能够发生十分好的作用。页面规划与平面规划之间存在的差异也是对比的大的，其主要差异是它们的体现规模的不一样。体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的，经过优异的页面规划，使得网站全体的作用得到大幅度地进步，然后把网站的主题反映给客户，然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬，进步竞赛力度，推进经济效益的进步。可是平面规划体现的规模还要更广，而且其影响力度也是对比的大的。其是依据二维空间的一种艺术性创造，而且也不需求十分严厉的体现手法，不遭到东西或许是宣扬路径的束缚，著作成形以后，能够凭借杂志还有周刊或许是广告等任何的方式进行宣扬，然后到达进步影响力的方针。平面规划的著作比页面规划的著作使用规模愈加宽广一点，可是在另一个视点来讲，页面规划比平面规划在媒体介质上具有更大的展开空间。
四、结束语
网页计划篇(3)
1 初识HTML5
HTML （Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件。HTML是用于设计网页的主要语言。网页中的文本、图像、表格、超链接等内容都是由HTML中的标签定义和组织的。HTML诞生于20世纪90年代，经历过HTML2.0，HTML4.0，之后推出修改版XHTML1.0，其中X代表扩展。之后推出XHTML1.1和XHTML2，2014年HTML5标准规范总要最终制定完成。
2 HTML5的优势
2.1 解决了跨浏览器问题
在HTML5之前，各种浏览器对HTML，JavaScript的支持都不统一，这样就造成了同一个网页在不同浏览器中的显示效果不一样，HTML5的目标是分析各种浏览器所具有的功能，并以此制定一个通用规范，要求各个浏览器都能支持这个通用标准。支持HTML5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器）、Safari、Opera等；国内的浏览器（Maxthon），以及基于IE或Chormium所推出的360浏览器，搜狗浏览器，QQ浏览器，猎豹浏览器等同样支持HTML5。
2.2 增强了web应用程序的功能
HTML5提供了前所未有的数据与应用接入开发接口，使外部应用可以直接与浏览器内部的数据直接连接，如视频影音可直接与话筒及摄像头相连。
3 基于HTML5的网页设计与实现
本文介绍一个企业网站的设计与制作，通过对本网站的制作，可以让读者对HTML5+CSS网站制作过程有所了解。
（1）网站规划：网站规划，即网站定位，主要是明确网站的类型。经过策划，我们确定将创建的网站是一个企业网站，主要用于宣传企业形象，企业文化和产品。并为企业提供与用户的在线交流。网站主要面对的用户是单位。（2）网站素材收集：根据上面的策划，在网站制作前，需要收集网站中需要用到的一些素材，如网站标志（logo）。Flash广告，公司简介，产品图片及信息等资料。（3）网页规划：网页规划包括网页版面布局和颜色规划。为了让尽可能多的浏览器能在一个窗口中完整的显示网页，本网站将网页宽度设定为800px，根据之前的网站规划，可确定网站包括的栏目主要有首页，公司简介，新闻中心，产品展示，合作伙伴，网上订购，人才招聘和联系我们。网页涉及的版块主要包括logo，导航条，flash广告，侧边栏，主内容区和页脚，页面的总体效果如下图所示通常在规划网页时，会将网站logo、导航条和flash广告作为页面的头部内容，这样整个网页的结构就分成四大板块，分别是头部，侧边栏，主体和页脚。使用DIV+CSS布局页面。接下来是 颜色规划。颜色规划需要从两个方面考虑，一是网页内容，二是访问者。在网站规划之中已知道，网站面向的用户主要是一些单位，因而网站可以做到简洁、大方。为此，将网站的背景色调定位白色，前景主色调定为中灰色，对某些需强调或希望引起浏览者注意的地方则使用橙色，整个网页的眼神尽可能不超过三种。（4）网站目录设计：根据网站策划，该网站的目录可包括首页index.htm，保存网站公共图片的images目录，保存样式的CSS目录，保存脚本文件的JS目录，保存多媒体文件的media，以及针对导航栏目设置的一些目录。（5）网页制作：我們可以使用任何文本编辑工具制作网页，但为了提高网页的制作效率，建议大家使用Dreamweaver这个可视化的网站管理和制作工具，使用Dreamweaver工具时，首先使用它的“站点”菜单创建一个文本站点，然后在这个站点中把第四步设计好的目录一一创建好，最后就可以开始制作网页了。
4 HTML5前端技术使用心得
HTML5前端开发是一个较新的职业，它是在web2.0的热潮下成熟起来的，要求开发者掌握较综合的技能，除了必要的软件开发技术，还要对可用性有一定的了解，而又对设计有一定要求。
对于我们的学生来说，如果要在未来的就业中掌握主动权，必须有一门深厚功底的技术一定要掌握HTML+CSS技术，javscript更是不能轻视，同时，在学习技术的过程中，要不断加强自己的项目处理经验，为自己积累成本。
参考文献
[1]张亚飞.HTML5+CSS3网页布局和样式精粹[M].北京：清华大学出版社，2011.
网页计划篇(4)
关键词：《网页设计》；项目教学；教学实践
《网页设计》课程是青岛农业大学传播学专业网络传播方向的一门专业基础课，其主要目的是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS和网页制作工具，熟悉网页的制作和流程，能够根据客户需求进行静态网页设计与制作以及进行小型网站的维护和管理工作，是一门操作性与实践性都很强的课程。课程设置32学时，内容多、课程紧，如何在有限的时间内最优化学生的学习效果是授课教师面临的重要课题。
一、理顺与先修后继课程的关系
以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《C程序设计》及《电脑美术平面设计》，课程的后续课程包含有专业基础课程《计算机网络技术》，专业课程《网络传播》《网站创建于管理》，专业拓展课程《网络数据库技术》《手机APP开发》《网站策划与设计》及《动态网站建设》。
二、确定课程的教学目标
在对课程进行了重新定位和性质分析的基础上，确定课程的总体教学目标为培养学生静态网站设计与制作的实际工作技能，其中：知识目标：了解HTML标记语言，熟练使用网页制作工具Dreamweaver，能完成DIV+CSS标准布局。能力目标：能进行网站需求分析、总体设计，能实现界面设计、基本网页制作，能制作多种页面特效，能进行网站的基本管理。素质目标：培养学生良好的职业素养、团队协作意识、自我学习能力、沟通表达能力和知识归纳与积累能力。
三、课程内容设计
设计课程的讲授学时为16学时，实践学时为16学时。教学内容制定的依据是以岗位需求为导向，对网页设计师和网络美工的工作过程进行分解分析，确定岗位的核心能力；将核心能力整合提炼为对应的课程项目；依据课程项目提炼章、节、知识点；构建出以工作体系为基础的课程体系。其中课程项目规划设计6个，对应16课时的实践学时。分别为：项目一网页设计基础、项目二Dreamweaver基础、项目三表格布局的页面制作、项目四页面美化、项目五CSS+DIV布局的页面制作及项目六页面特效制作。围绕6个课程项目，规划课程教学内容10章，对应16课时的讲授学时，内容包括网页设计基础、Dreamweaver基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS+DIV布局、APDiv和Spry及行为。
四、《网页设计》项目教学实践
课程的实施步骤主要包括知识引入、项目布置、项目分析、分解实施及分步总结5个环节，本文以“页面特效制作”项目为例，具体阐述课程教学实施过程[1,2]。
（一）知识引入
平时浏览到的网页，很多都有网页特效。像图1左右两侧的对联悬浮广告，以及图2中的图像变化效果，这些特效的实现与“行为”这一知识点密切相关。针对行为是什么和如何为网页添加行为，围绕第十章行为相关知识点开展教学。在基本知识点完成学习的基础上，布置本次需要完成的项目是“制作甜品饮料吧网页特效”。
（二）项目分析
教师对项目任务的重点、难点进行细致的分析讲解，学生针对性地记录相关知识点。例如，对“甜品饮料吧”案例进行分析，确定该项目的操作要点为：一是在“热卖产品”下方，分别为图像“茉莉花香”“冰火两重天”“生命之绿”，“巨杯甜饮”添加显示-隐藏元素特效。二是在“特色产品”下方，添加交换图像特效。学生要在教师的指导下充分理解项目要求。
（三）分解实施
学生根据项目任务做好详细地分步实施计划，教师按照任务节点要求以及学生学习计划指导学生进行网页设计与制作，并注意纠正学生自主学习过程中出现的偏差，着重培养学生的项目实践能力。
（四）分步总结
对于项目实施过程中的重点与难点，找出共性问题进行讲解。
五、结束语
网页计划篇(5)
【关键词】网页设计 商业网站 脚本编程
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）.
网页计划篇(6)
关键词： 网页； 版式设计； 整体布局； 文字； 图片； 色彩
中图分类号：TP393.0 文献标志码：A 文章编号：1006-8228（2016）10-50-04
Discussion on the layout design skills of web page
Pan Yan
（Fujian Vocational College of Agriculture， Fuzhou， Fujian 350007， China）
Abstract： In order to design a web page of topic-prominent， creative and rational layout， and has simple and beautiful interface， layout design played a crucial role. This paper analyzes the specific application of layout design skills in the web page. According to the requirements of page layout design， the overall layout of web page is designed firstly， then reasonably plans the three important elements of text， picture and color on the page layout， and makes the overall arrangement of a variety of visual elements in a limited space as far as possible， to make the better web pages with the aesthetic principles of layout design.
Key words： Web page； layout design； overall layout； text； picture； color
0 引言
在这网络飞速发展的时代，网页作为一种重要新媒体，不断冲击着大众的眼球。如何设计出主题突出、创意新颖、布局合理，界面简洁美观的网页，版式设计很关键。
在现代设计中，版式设计被定义为：在有限的版面空间中，将有限的视听元素进行有规律的排列和组合，它是一种创造性思维活动，是艺术与个人风格的视觉传递手段[1]。版式设计在网页中的应用，是根据主题的需求，利用视觉艺术，将多种视觉元素进行整体排列规划，向浏览者传递重要的资讯。它的视觉语言、视觉因素、设计原则、构成形式等，在网页的整体应用，对深化网页的整体性、构成性、条理性、艺术性、变化性有着至关重要的作用。
1 网页版式设计的要求
网页设计的理念为明确、简约、艺术地传达多种重要的信息。它的要求具体包括以下几方面。
1.1 主题突出
首先要明确主题的需求，这是网页设计的前提。优秀的网页版式设计有吸引人的视觉效果，增进阅读者对内容的理解，在有限的空间和时间里，更全面、快速地展现网站理念、价值标准等，达到最佳的宣传目的。
1.2 体现用户需求，创意新颖
网页设计必须了解用户的需要，明确设计网站的目标，在进行综合分析市场的状况后再制定设计的规划。鲜明的个性，是版式设计的创意灵魂。在网页版式规划过程中既不能过于个性化，大大偏离大众的“口味”，又必需有自己的特色创新。因此，在设计中要多动脑，多调查，多比较，多设计。
1.3 注重其风格
需注重网页的风格和功能，不只是简单追求形式的艺术美。需要契合浏览者的感情来设计网页版式的风格。例如音乐或娱乐类网站，网页就要设计成轻松快乐的风格；对于军事类网站，要设计成严肃庄重的风格；而对于新闻类网站，要设计成简捷明快的风格。
1.4 界面整洁，符合视觉习惯，具有艺术美感
有时为了追求网页的形式美，运用大量的静态和动态的图片、音乐、视频等多媒体元素来修饰页面，为了在网页上增加阅读的信息，甚至在文字排版上运用超出页面的做法。其后果导致网页文件的大小超负荷，大大影响大众浏览网站的速度。优秀的版式设计需要兼顾页面设计和网页技术，将二者综合考虑，既要网页界面简洁，又要兼顾网页的整体性。
由于现代人们习惯于从上到下、从左到右的方式阅读，因此网页中的版式设计应遵循视觉因素原理，包括视觉的移动规律、视觉的错视和视觉生理心理等，以使网页更人性化、更符合浏览者需求。视觉的中心为大众视野冲击力最强的部分，是版式设计的重点，它能让信息传递得更快。网页的版式设计要抓住视觉中心，有重点的设计，做到有条理、有主次。一般放在画面上方或正中间，视觉中心一般都是用强烈的对比色彩，动态的图片或立体效果来抓住大众的眼球。
网页若要设计成具有形式艺术美的界面，则需要溶入版式设计中的美学技巧。美学形式原理有平衡和对称、统一和变化、整合和分割、留白和虚实等，这些应用能提高设计界面的艺术美。
2 网页版式设计的整体布局设计
网页版式设计的整体布局，是要将设计的多要素，对它进行色彩的调整及结构上的编排[1]。首先，在整个版式或组织结构上应用视觉因素原理，抓住界面的视觉中心，将设计的主体与背景进行对比处理，强调网页各页面之间的主从关系。
2.1 网站类型的定位决定网页版面设计的不同要求
网站类型大致分为以下五类[2]。
⑴ 电子商务类网站
该类型是以电商为主的网站，要求有较高的网页稳定和安全性。该类网页在版式界面上要设计成简洁大方，颜色不要多而杂，让网页诚信感增强。
⑵ 企业类网站
该类网页对版式界面上有较高要求，不但需要准确地向浏览者传达网页的信息，而且需增强企业的社会影响，树立企业的形象。
⑶ 政府类网站
该类型是具有庄重严谨的权威网站。它需要在版式设计上树立政府的形象，整个界面清楚明了，以行政特色为主。
⑷ 门户类网站
这种类型的网站信息量大，信息丰富全面。在设计中要求界面具有亲和力，优化页面的结构，让内容上有较强的条理性。
⑸ 形象类网站
如一些广告主页或个人主页。这种类型的网站通过设计出带有较强的艺术美感的界面来使浏览者受到感染，它的规模会比其他类型网站小一些，设计中要体现个性特点。
2.2 版面布局的选择[3]
⑴ “厂”字型局
该布局是目前应用较广的一种。它的特征为将广告语与标志放在页面的最上方，接下来将正文信息放在右边，主菜单放左边。这样设计虽然能让人对页面结构一目了然。可是它要求界面颜色的选择要非常搭配，否则会让浏览者感觉呆板无趣，缺少艺术性。
⑵ “同”字型布局
这种布局方式是国内许多中等以上规模的网站会采用的。这种类型的设计常常会将网站的广告、导航栏及标志放在页面的顶部。将正文信息放在下方，正文的左右两边都设有栏目。将网站的基本信息放置在页面的底部。这样设计虽然充分利用了版面的有限空间来放置较大的信息量，可是页面让浏览者感觉视觉疲惫，缺乏艺术美感。
⑶ “框架”型布局
该类型常为左右型和上下型结构。分为正文信息和导航栏两块。也有三栏结构的，广告图片放在最上边，导航栏放在左边，内容放在右边。
2.3 网页的版面分割
运用表格来划分版面，并细心规划文字图片的背景颜色和版面位置。明确导航设计，既要符合网页浏览的习惯又要将界面设计成简洁美观的视觉效果。具体做法有以几点[4]：
⑴ 通过留白和虚实的美学处理技巧，将各视觉元素的周边留白空间加大。在留白处理上，一般来说大面积留白，可以给人奢华神秘冷清之感，反之面积小的留白，能让人有热闹、欢快、拘束之感。
⑵ 把握好重要及非重要的视觉元素所占比例，使界面主次分明。
⑶ 利用色彩的对比关系来加强色彩对比度。
⑷ 通过美学的重复技巧，界面中反复出现所宣传的物品的信息，强化宣传物品的整体形象。
⑸ 将对比与调和应用于网页中，用调和来规划网页整体，用对比来营造网页的局部美感，处理好对比与调和两者之间的辩证关系，避免单调和重复感。
3 网页版式的各重要元素设计
网页浏览者获得信息的主要视觉元素是文字、图片和色彩。优秀的设计必需要快速、有效、艺术地向浏览者传递信息。所以网页的版式上需要用美学方法来组织和编排各视觉元素，让界面产生无限的视觉美感。
3.1 视觉元素――文字的排版
合理运用文字能让界面的信息有序化、条理化。
3.1.1 网页的标题设计
好的标题设计可以吸引浏览者，识记和理解它。标题设计要简洁明了，体现精髓，体现网页的整体风格。一般在网页的上方放置标题，它可以用大一些的字号，背景可以使用动态或静态的图片。
3.1.2 文字的编排
版面离不开内容，而传达内容的重要方式是文字，文字的编排技巧决定了界面的艺术美观。具体有以下几种技巧。①字体大小和间距需讲究：正文是被浏览最多的文字，一般放在页面的中间部分，字号大小12磅是较适合的。网站域名、标志等重要信息，常被放在页面左上角，它们需要字号大些显示，以便浏览者识记。注册号、声明版权、联系的方式等资讯可以放在页脚，字号可以使用小一些的。文字间的距离包括字间距、行间距及段间距。字间距应要比行间距小，要不然浏览者分不清到底要竖着还是横着浏览。当字体较小时，为了让浏览者更容易看得清，应当相应将字间距加大。当字体较大时，为了让版面紧凑，则应当将字间距减小。设置行间距也会影响网页的阅读性。一般来说，行间距应以接近字体的大小为宜。②字体的选择也有技巧：例如字体强壮有力，造型规整，让人感到简洁清爽，适合于机械、建筑行业、男性用品等主题的网站；字体高雅细致，让人感到柔美和秀丽，更适合饰品、化妆品等女性用品及服务行业的网站。对于少儿类型的网站，设计时要考虑到浏览者的视觉感受，运用趣味、活泼的字体。③要考虑文字运动的速度：对于网页这种新媒体，常常有动态的文字，需规划好文字运动的快慢。为了让浏览者看清识记，文字至少要在网页中停留2秒钟。
3.2 网页版式设计中图形的排版
在界面设计中只应用文字是不适合浏览者长期阅读的，必需要将图片与文字巧妙的搭配。一切以可视的图画形式为信息载体的视觉形象均称为图形，它也是版式设计中重要元素。版式设计中的圆形代表亲切、方形代表整齐、梯形代表时尚、满图代表全面、出血图打破约束，退底图能够让主体形象突出。图形可以超越种族之间的语言、文字差异等因素，视觉冲击力强，在网页中合理运用它，能深化网页条理性，使网页更具号召力和感染力。虽然图形优点这么多，但并不是数量越多越好，如资讯类站点、门户网站访问量较大，图片数量过多则会让浏览速度减慢，故图片数量要求少而精；一些中小型的公司的形象类网站，这类网站设计的主要任务是利用图形宣传企业形象，图形则需要变化多样[5]。
此外，文字与图片的比例也要适当，若图太多，则会影响信息的传递。若字太多，则会让网站的吸引力降低。所以合理的比例应该是字和图各占一半。
3.3 网页版式设计中色彩的运用
好的色彩搭配会增强视觉效果，增加网页的气氛，方便阅读。合理运用版式色彩元素能让网页主题明确，深化网页的条理性，让网页具有瞬间吸引眼球，影响人的心理、生理状态的力量。具体可以有以几种方法。
3.3.1 先确定主体色的配色方法
一个网页常只会用两到三种标准颜色，颜色间需要合理搭配。网页色彩设计需要针对网站的类型，根据主题，充分了解网站的目标定位、规划。要尽可能用安全色调以确保网页的适应性。完成整个页面的配色方案可以先选一种能表现主题的主体色，接下来再根据需要，将主体色近似和对比的颜色挑选出来合理搭配。好的配色页面应该是一个整体的、和谐、赏心悦目的视觉效果。例如在设计宣扬环境保护类网站时，可以使用代表自然和生命的绿色，这样比较容易让浏览者产生信赖和共鸣。
3.3.2 采用特效的配色方法
对于需强调的部分或标题，在色彩上可以做些特效处理，挑选对比强烈的颜色。对于正文信息的色彩在设计时需挑选明度较底的柔和颜色，这样的处理比较适合浏览者长时间阅读。
3.3.3 根据网站类型来选择配色的方法[4]
⑴ 电子商务类网站：为了创造有利于商品交易的色彩心理环境，需要将页面要营造出舒适、温馨、的色彩氛围。
⑵ 公司企业类：为了让品牌和页面设计能高度溶合，也可以配合企业品牌来进行网页色彩设计。
⑶ 社区学校类：设计成能让浏览者自主选择的简洁、明晰、舒适的色彩页面。
⑷ 门户类：为了让浏览者更快速的阅读，页面上尽量选择清静、简洁的色彩。这种色彩选择有利于信息的快速读取。
⑸ 产品类：该网站的页面可以根据产品进行多样化的个性设计，体现独特品牌特性。
⑹ 个人网站、网页、博客、空间、社区：此类页面可以根据浏览者个人喜好和个性追求来选择配色的方案。这种设计方式较灵活，具有鲜明的个性特征。
4 结束语
伴随着时代的脚步，网页作为一种数字新媒体，越来越冲击着人们的眼球。为了吸引大众，如何设计出新颖独特、界面简洁美观，访问便捷的网页，版式设计就显得特别重要了。只有将网页中的文字、图形、色彩等视觉元素运用版式设计的技巧进行合理的编排处理，才能设计出生动有趣、视觉冲击力强的网页设计作品。本文只是重点探讨网页中静态元素的版式设计，在未来将着手对网页中的动态元素，如音频与视频、动画等元素的版式设计进行更好的研究。
参考文献（References）：
[1] 王青.InDesign从入门到精通[M].清华大学出版社出版，
2013.
[2] 戴文忠.版式设计在网页中的应用[J].赤峰学院学报，2011.8.
[3] 董海斌.平面视觉元素在网页设计中的应用研[J].科技信息，
2008.5.
[4] 殷实.以网页设计中的版式设计为例进行视觉审美分析[J].
网页计划篇(7)
网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人
关键字页面设计ASP和数据库
1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词;对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。
3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
选定了一个好的题材，是不是可以立刻动手制作了?不，经验告诉我们，必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌;也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。
