成人高等教育毕业设计(论文)诚信承诺书.doc

成人高等教育毕业设计(论文)诚信承诺书.doc

《成人高等教育毕业设计(论文)诚信承诺书.doc》由会员分享，可在线阅读，更多相关《成人高等教育毕业设计(论文)诚信承诺书.doc（21页珍藏版）》请在冰豆网上搜索。

成人高等教育毕业设计（论文）诚信承诺书

学生姓名

张三

学号

1408908

学习形式

函授

专业

计算机科学与技术

指导老师

题目

浅谈网页布局——以互联网创业网站“36氪”为例

诚信承诺

本人慎重承诺和声明：

1、本人在毕业设计（论文）撰写过程中严格遵守有关规定，恪守学术规范，所呈交的毕业设计（论文）是在指导教师的指导下独立完成；

2、毕业设计（论文）所使用的相关资料、数据、观点等均真实可靠，文中所有引用的他人观点、材料、数据、图表均已注释说明来源；

3、毕业设计（论文）中无抄袭、剽窃或不正当引用他人学术观点、思想和学术成果，伪造、篡改数据的情况；

4、本人已被告知并清楚：

学校对毕业设计（论文）中的抄袭、剽窃、弄虚作假等违反学术规范的行为将严肃处理，并可能导致毕业设计（论文）成绩不合格，无法正常毕业、取消学士学位资格或注销并追回已发放的毕业证书、学士学位证书等严重后果；

5、若在学校组织的毕业设计（论文）检查、评比中，被发现有抄袭、剽窃、弄虚作假等违反学术规范的行为，本人愿意接受学院按有关规定给予的处理，并承担相应责任。

学生（签名）：

浙江理工大学成人高等教育毕业设计（论文）Error!

Notextofspecifiedstyleindocument.

摘要

随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“挑剔”的访问者。

由此可见，网页是网站构成的基本元素，决定网页是否吸收浏览者的重要因素之一是网页的合理布局。

本文从网页布局的类型入手，简单介绍了目前的网页布局行业分布。

随着网络的飞速发展，使网页设计技术不断提高，也给网页设计人员带来了更大的挑战，如何把网页的内容与形式完美地结合，增强网站的吸引力，不仅要精通网页制作的技术，还需要设计者具有较高的艺术修养和审美情趣，页面布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力，因此越来越多的企业开始注重网站的页面布局。

文章以互联网创业网站“36氪”为例就如何合理进行网站顶部、中部、底部布局进行了分析，期待对从事网页布局的人员有一定的借鉴作用。

关键词：

网页设计；网页布局；技术；方法

浙江理工大学成人高等教育毕业设计（论文）Abstract

Abstract

Withtheimprovementofproductiontechnologyandwebsurfersdemand,visitorsarenolongerwillingtoseeonlyfocusonthecontentofthesite,onlythewebcontentdesignandcolorthroughrationaldistribution,coordinationwith,willhaveawebpageinaflashofcontenttobestrengthened,sothatbothcanbethedesignerofideasvividlyexpressed,butalsocanretaintoo"picky"visitors.Thus,thewebisanessentialelementofthesiteconstitutedanimportantfactorinthedecisionwhethertoabsorbtheviewerofthepageisawebofrationaldistribution.

Fromthelayoutofthestartpagetype,abriefintroductiontothecurrentpagelayoutindustrydistribution.Withtherapiddevelopmentofthenetwork,sothatwebdesigntechnologycontinuestoimprove,butalsotowebdesignerstobringgreaterchallenges,howtowebcontentandformoftheperfectcombination,enhancetheattractivenessofthesite,notonlyproficientincreatingwebpagestechnology,butalsothedesignerofhighartisticaccomplishmentandaestheticappeal,thepagelayoutisgoodorbaddependslargelyontheartisticlevelandinnovativecapabilitiesdesigners,somoreandmorecompaniesbegantofocuspagewebsitelayout.TakingtheInternetbusinesswebsite"36Krypton"asanexampleonhowtoproperlyconducttopsites,middlebottomofthelayoutisanalyzed,andlookforwardtointhepagelayoutpersonhasacertainreference.

Keywords:

WebPageDesign;PageLayout;Technology;Method

i

浙江理工大学成人高等教育毕业设计（论文）目录

目录

摘要 i

Abstract ii

第1章引言 1

第2章网页布局概述 2

2.1网页布局类型 2

2.1.1“国”字型布局 2

2.1.2“厂”字型布局 2

2.1.3“框架”型布局 2

2.1.4上下框架型布局 3

2.1.5封面型布局 3

2.1.6Flash型布局 3

2.2网页布局行业区分 3

2.2.1购物网站 4

2.2.2视频网站 4

2.2.3社交网站 4

第3章如何进行网页布局 6

3.1网页布局技术 6

3.1.1表格布局 6

3.1.2框架布局 6

3.1.3DIV＋CSS布局 6

3.1.4响应式布局 7

3.1.5瀑布流布局 7

3.2移动终端上的网页布局 8

3.2.1分辨率 8

3.2.2内容密度 8

3.2.3用户体验 8

第4章优化网页布局 9

4.1减少用户操作 9

4.1.1少用表单 9

4.1.2使用智能默认项 9

4.2直观的展示更多信息 9

4.2.1展示选项 9

4.2.2展示状态 9

4.3细节上的创意 10

4.3.1按钮文案 10

4.3.2少用边框 10

4.3.3保持一致性 10

第5章互联网创业网站“36氪”案例分析 12

5.1网站顶部 13

5.2网站中部 14

5.3网站底部 15

第6章结论 16

参考文献 17

致谢 18

III

浙江理工大学成人高等教育毕业设计（论文）第1章Error!

Notextofspecifiedstyleindocument.

第1章引言

随着计算机网络的发展，上网浏览信息，查询资料已经成为我们日常生活中的一个组成部分，当轻点鼠标，在网络中遨游，一副副精彩的网页会呈现在我们面前，那么，吸引我们停留在某个页面上浏览，除了引人入胜的内容，赏心悦目的图片和协调的色彩搭配以外，还有一个非常重要的因素——就是合理的页面布局。

页面布局也称页面构图设计，其主要任务是将WEB页面合理分割成用于安排文字、图像等各种屏幕元素的区间。

一个精美的网页，不仅体现在页面内容的精彩，还要有效地利用页面的有效空间，创造出合理的布局模式。

随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“挑剔”的访问者。

由此可见，页面的布局在网页设计中起着举足轻重的作用，那么如何才能使页面布局合理分配？

这恰恰是网页设计者感到最棘手的问题，本文网页设计的布局进行简要分析。

0

浙江理工大学成人高等教育毕业设计（论文）第2章Error!

Notextofspecifiedstyleindocument.

第2章网页布局概述

网页布局，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。

网页布局设计最重要的目的就是传达信息。

一个并不能阅读的网页只能变成一个无用的链接。

分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。

2.1网页布局类型

在进行网页布局之前，首先要明确页面布局设计成何种类型，常见的网页布局类型有“国”字型布局、“厂”字型布局、“框架”型布局、“封面”型布局、“flash”型布局，下面分别论述。

2.1.1“国”字型布局

“国”字型布局。

又称为“同”字型布局，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等，这种结构是一些大中型网站常用的布局类型。

这种布局的优点是充分利用版面，信息量大。

缺点是页面拥挤，不够灵活。

2.1.2“厂”字型布局

“厂”字型布局。

也称拐角型，指页面顶部为横条网站标志＋广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”，所以又称之为“T”形布局。

这是网页设计中用的最广泛的一种布局方式。

这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。

缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。

2.1.3“框架”型布局

“框架”型布局。

左右框架型：

这是一种左右分为两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。

我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。

这种类型结构非常清晰，一目了然。

2.1.4上下框架型布局

上下框架型：

与上面类似，区别仅仅在于它是把页面分为上下两页的框架。

综合框架型：

上面两种结构的组合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”布局，只是采用了框架结构。

几种框架结构的