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

成人高等教育毕业设计（论文）诚信承诺书学生姓名 张三 学号 1408908 学习形式 函授专业 计算机科学与技术 指导老师题目 浅谈网页布局以互联网创业网站“36 氪”为例诚 信 承 诺本人慎重承诺和声明：1、 本 人 在 毕 业 设 计 （ 论 文 ） 撰 写 过 程 中 严 格 遵 守 有 关 规 定 ， 恪 守 学 术规 范 ， 所 呈 交 的 毕 业 设 计 （ 论 文 ） 是 在 指 导 教 师 的 指 导 下 独 立 完 成 ； 2、 毕 业 设 计 （ 论 文 ） 所 使 用 的 相 关 资 料 、 数 据 、 观 点 等 均 真 实 可 靠 ，文 中 所 有 引 用 的 他 人 观 点 、 材 料 、 数 据 、 图 表 均 已 注 释 说 明 来 源 ；3、 毕 业 设 计 （ 论 文 ） 中 无 抄 袭 、 剽 窃 或 不 正 当 引 用 他 人 学 术 观 点 、 思想 和 学 术 成 果 ， 伪 造 、 篡 改 数 据 的 情 况 ； 4、 本 人 已 被 告 知 并 清 楚 ： 学 校 对 毕 业 设 计 （ 论 文 ） 中 的 抄 袭 、 剽 窃 、弄 虚 作 假 等 违 反 学 术 规 范 的 行 为 将 严 肃 处 理 ， 并 可 能 导 致 毕 业 设 计 （ 论 文 ）成 绩 不 合 格 ， 无 法 正 常 毕 业 、 取 消 学 士 学 位 资 格 或 注 销 并 追 回 已 发 放 的 毕 业证 书 、 学 士 学 位 证 书 等 严 重 后 果 ； 5、 若 在 学 校 组 织 的 毕 业 设 计 （ 论 文 ） 检 查 、 评 比 中 ， 被 发 现 有 抄 袭 、剽 窃 、 弄 虚 作 假 等 违 反 学 术 规 范 的 行 为 ， 本 人 愿 意 接 受 学 院 按 有 关 规 定 给 予的 处 理 ， 并 承 担 相 应 责 任 。 学 生 （ 签 名 ） ： 浙江理工大学成人高等教育毕业设计（论文） Error! No text of specified style in document.摘 要随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“挑剔”的访问者。由此可见，网页是网站构成的基本元素，决定网页是否吸收浏览者的重要因素之一是网页的合理布局。本文从网页布局的类型入手，简单介绍了目前的网页布局行业分布。随着网络的飞速发展，使网页设计技术不断提高，也给网页设计人员带来了更大的挑战，如何把网页的内容与形式完美地结合，增强网站的吸引力，不仅要精通网页制作的技术，还需要设计者具有较高的艺术修养和审美情趣，页面布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力，因此越来越多的企业开始注重网站的页面布局。文章以互联网创业网站“36 氪”为例就如何合理进行网站顶部、中部、底部布局进行了分析，期待对从事网页布局的人员有一定的借鉴作用。关键词：网页设计；网页布局；技术；方法浙江理工大学成人高等教育毕业设计（论文） AbstractiAbstractWith 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 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 whether 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 designers 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 largely 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 page layout person has a certain reference. Keywords: Web Page Design; Page Layout; Technology; Method 浙江理工大学成人高等教育毕业设计（论文） 目录II目 录摘 要 .iAbstract.ii第 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 社交网站 .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 少用边框 .10浙江理工大学成人高等教育毕业设计（论文） 目录III4.3.3 保持一致性 .10第 5 章 互联网创业网站“36 氪”案例分析 .125.1 网站顶部 .135.2 网站中部 .145.3 网站底部 .15第 6 章 结论 .16参考文献 .17致 谢 .18浙江理工大学成人高等教育毕业设计（论文） 第 1 章 Error! No text of specified style in document.0第 1 章 引言随着计算机网络的发展，上网浏览信息，查询资料已经成为我们日常生活中的一个组成部分，当轻点鼠标，在网络中遨游，一副副精彩的网页会呈现在我们面前，那么，吸引我们停留在某个页面上浏览，除了引人入胜的内容，赏心悦目的图片和协调的色彩搭配以外，还有一个非常重要的因素就是合理的页面布局。页面布局也称页面构图设计，其主要任务是将 WEB 页面合理分割成用于安排文字、图像等各种屏幕元素的区间。一个精美的网页，不仅体现在页面内容的精彩，还要有效地利用页面的有效空间，创造出合理的布局模式。随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的站点，设计只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过“ 挑剔”的访问者。由此可见，页面的布局在网页设计中起着举足轻重的作用，那么如何才能使页面布局合理分配？这恰恰是网页设计者感到最棘手的问题，本文 网页设计 的布局进行简要分析。浙江理工大学成人高等教育毕业设计（论文） 第 2 章 Error! No text of specified style in document.1第 2 章 网页布局概述网页布局，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。网页布局设计最重要的目的就是传达信息。一个并不能阅读的网页只能变成一个无用的链接。分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。2.1 网页布局类型在进行网页布局之前，首先要明确页面布局设计成何种类型，常见的网页布局类型有“国”字型布局、 “厂”字型布局、 “框架”型布局、 “封面”型布局、“flash”型布局，下面分别论述。2.1.1 “国”字型布局“国”字型布局。又称为“同”字型布局，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等，这种结构是一些大中型网站常用的布局类型。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。2.1.2 “厂”字型布局“厂”字型布局。也称拐角型，指页面顶部为横条网站标志广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T” ，所以又称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味” 。浙江理工大学成人高等教育毕业设计（论文） 第 2 章 Error! No text of specified style in document.22.1.3 “框架”型布局“框架”型布局。左右框架型：这是一种左右分为两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。2.1.4 上下框架型布局上下框架型：与上面类似，区别仅仅在于它是把页面分为上下两页的框架。综合框架型：上面两种结构的组合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”布局，只是采用了框架结构。几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活。2.1.5 封面型布局封面型布局。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接。这种类型大部分出现在企业网站和个人主页，如果处理得好，会给人带来赏心悦目的感觉。优点显而易见，漂亮吸引人。缺点是速度慢，作为版面布局还是值得借鉴的。2.1.6 Flash 型布局Flash 型布局。其实这与封面型结构是类似的，只是这种类型采用了目前非常流行的 Flash，与封面型不同的是，由于 Flash 强大的功能，页面所表达的信息更丰富，如果其视觉效果及听觉效果处理得当，绝不亚于传统的多媒体。综上所述，在进行网页布局时，应根据具体情况选取不同的布局结构，如果内容比较多，可以考虑用“国”字型；页面内容不太多或者初学者，可以考虑用“厂”字型布局；如果做一个时尚类站点，Flash 型和封面型是首选。在实际应用中也可以把几种布局结合在一起并稍做变化，即变化型布局。2.2 网页布局行业区分随着互联网的飞速发展，越来越多的行业在互联网上兴起，有和我们生活息息相关的购物网站：如淘宝、京东、苏宁等，有和我们娱乐学习相关的视频浙江理工大学成人高等教育毕业设计（论文） 第 2 章 Error! No text of specified style in document.3网站：如优酷、网易公开课等，还有和我们社交相关的社交网站：新浪微博、人人网等，以及很多各行各业的专业网站，这些网站根据自身行业的不同而有着大相径庭的网页布局。下面挑选一些行业来论述。2.2.1 购物网站随着互联网的普及，网络购物的优点更加突出，日益成为一种重要的购物形式。购物网站就是提供网络购物的站点，足不出户即可购买到你所喜欢的商品。目前国内比较知名的专业购物网站有卓越、当当等，提供个人对个人的买卖平台有淘宝、易趣、拍拍等，另外还有许多提供其它各种各样商品出售的网站。购物网站就是为买卖双方交易提供的互联网平台，卖家可以在网站上登出其想出售商品的信息，买家可以从中选择并购买自己需要的物品。网络购物这个行业的核心在于商品的展示，商品的展示在于图片展示，所以购物网站的网页布局重点在于图片的展示，以淘宝网为例，网站首页到搜索展示页、商品详情页，无一不是充斥了大量的图片，如何让这些图片以一个合理，又能吸引人眼球的方式展示出来就是网络购物这个行业在网页布局上要注重的要点。2.2.2 视频网站视频网站是指在完善的技术平台支持下，让互联网用户在线流畅发布、浏览和分享视频作品的网络媒体。除了传统的对视频网站的理解外，近年来，无论是 P2P 直播网站，BT 下载站，还是本地视频播放软件，还将向影视点播扩展作为自己的一块战略要地。影视点播已经成