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

1、成人高等教育毕业设计（论文）诚信承诺书学生姓名张三学号1408908学习形式函授专业计算机科学与技术指导老师题目浅谈网页布局以互联网创业网站“36氪”为例诚 信 承 诺本人慎重承诺和声明：1、本人在毕业设计（论文）撰写过程中严格遵守有关规定，恪守学术规范，所呈交的毕业设计（论文）是在指导教师的指导下独立完成； 2、毕业设计（论文）所使用的相关资料、数据、观点等均真实可靠，文中所有引用的他人观点、材料、数据、图表均已注释说明来源； 3、毕业设计（论文）中无抄袭、剽窃或不正当引用他人学术观点、思想和学术成果，伪造、篡改数据的情况； 4、本人已被告知并清楚：学校对毕业设计（论文）中的抄袭、剽窃、弄虚

2、作假等违反学术规范的行为将严肃处理，并可能导致毕业设计（论文）成绩不合格，无法正常毕业、取消学士学位资格或注销并追回已发放的毕业证书、学士学位证书等严重后果； 5、若在学校组织的毕业设计（论文）检查、评比中，被发现有抄袭、剽窃、弄虚作假等违反学术规范的行为，本人愿意接受学院按有关规定给予的处理，并承担相应责任。 学生（签名）： 浙江理工大学成人高等教育毕业设计（论文） Error! No text of specified style in document.摘 要随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具

3、有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“挑剔”的访问者。由此可见，网页是网站构成的基本元素，决定网页是否吸收浏览者的重要因素之一是网页的合理布局。本文从网页布局的类型入手，简单介绍了目前的网页布局行业分布。随着网络的飞速发展，使网页设计技术不断提高，也给网页设计人员带来了更大的挑战，如何把网页的内容与形式完美地结合，增强网站的吸引力，不仅要精通网页制作的技术，还需要设计者具有较高的艺术修养和审美情趣，页面布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力，因此越来越多的企业开始注重网站的页面布局。文章以互联网创业网站“36氪”为例就如何合

4、理进行网站顶部、中部、底部布局进行了分析，期待对从事网页布局的人员有一定的借鉴作用。关键词：网页设计；网页布局；技术；方法浙江理工大学成人高等教育毕业设计（论文） AbstractAbstract With the improvement of production technology and web surfers demand, visitors are no longer willing to see only focus on the content of the site, only the web content design and color through rational

5、 distribution, coordination with, will have a web page in a flash of content to be strengthened, so that both can be the designer of ideas vividly expressed, but also can retain too picky visitors. Thus, the web is an essential element of the site constituted an important factor in the decision whet

6、her to absorb the viewer of the page is a web of rational distribution. From the layout of the start page type, a brief introduction to the current page layout industry distribution. With the rapid development of the network, so that web design technology continues to improve, but also to web design

7、ers to bring greater challenges, how to web content and form of the perfect combination, enhance the attractiveness of the site, not only proficient in creating web pages technology, but also the designer of high artistic accomplishment and aesthetic appeal, the page layout is good or bad depends la

8、rgely on the artistic level and innovative capabilities designers, so more and more companies began to focus page website layout. Taking the Internet business website 36 Krypton as an example on how to properly conduct top sites, middle bottom of the layout is analyzed, and look forward to in the pa

9、ge layout person has a certain reference. Keywords: Web Page Design; Page Layout; Technology; Method i浙江理工大学成人高等教育毕业设计（论文） 目录目 录摘 要iAbstractii第1章 引言1第2章 网页布局概述22.1 网页布局类型22.1.1 “国”字型布局22.1.2 “厂”字型布局22.1.3 “框架”型布局22.1.4 上下框架型布局32.1.5 封面型布局32.1.6 Flash 型布局32.2 网页布局行业区分32.2.1 购物网站42.2.2 视频网站42.2.3 社交网站

10、4第3章 如何进行网页布局63.1 网页布局技术63.1.1 表格布局63.1.2 框架布局63.1.3 DIVCSS 布局63.1.4 响应式布局73.1.5 瀑布流布局73.2 移动终端上的网页布局83.2.1 分辨率83.2.2 内容密度83.2.3 用户体验8第4章 优化网页布局94.1 减少用户操作94.1.1 少用表单94.1.2 使用智能默认项94.2 直观的展示更多信息94.2.1 展示选项94.2.2 展示状态94.3 细节上的创意104.3.1 按钮文案104.3.2 少用边框104.3.3 保持一致性10第5章 互联网创业网站“36氪”案例分析125.1 网站顶部135.

11、2 网站中部145.3 网站底部15第6章 结论16参考文献17致 谢18III浙江理工大学成人高等教育毕业设计（论文） 第1章 Error! No text of specified style in document.第1章 引言随着计算机网络的发展，上网浏览信息，查询资料已经成为我们日常生活中的一个组成部分，当轻点鼠标，在网络中遨游，一副副精彩的网页会呈现在我们面前，那么，吸引我们停留在某个页面上浏览，除了引人入胜的内容，赏心悦目的图片和协调的色彩搭配以外，还有一个非常重要的因素就是合理的页面布局。页面布局也称页面构图设计，其主要任务是将WEB页面合理分割成用于安排文字、图像等各种屏幕元

12、素的区间。一个精美的网页，不仅体现在页面内容的精彩，还要有效地利用页面的有效空间，创造出合理的布局模式。随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“挑剔”的访问者。由此可见，页面的布局在网页设计中起着举足轻重的作用，那么如何才能使页面布局合理分配？这恰恰是网页设计者感到最棘手的问题，本文 网页设计 的布局进行简要分析。 0浙江理工大学成人高等教育毕业设计（论文） 第2章 Error! No text of specifie

13、d style in document.第2章 网页布局概述网页布局，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。网页布局设计最重要的目的就是传达信息。一个并不能阅读的网页只能变成一个无用的链接。分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。2.1 网页布局类型在进行网页布局之前，首先要明确页面布局设计成何种类型，常见的网页布局类型有“国”字型布局、“厂”字型布局、“框架”型布局、“封面”型布局、“flash”型布局，下面分别论述。2.1.1 “国”字型布局 “国”字型布局。又称为“

14、同”字型布局，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等，这种结构是一些大中型网站常用的布局类型。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。2.1.2 “厂”字型布局“厂”字型布局。也称拐角型，指页面顶部为横条网站标志广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”，所以又称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。2.1.3 “框架”型布局“框架”型布局。左右框架型：这是一种左右分为两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。2.1.4 上下框架型布局上下框架型：与上面类似，区别仅仅在于它是把页面分为上下两页的框架。综合框架型：上面两种结构的组合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”布局，只是采用了框架结构。几种框架结构的