发布时间：
这个或许是根据学校的要求制定的吧，就拿广播电视大学的要求来说吧：1、目录：论文内页第一页，单独一页，四号字，单倍行距；2、论文内页第二页起：页面设置默认，双面打印。题目：二号字；摘要：200字左右，小四号字；【内容摘要】关键词：3—5关键词，四号字；【关键词】正文：四号字，单倍行距；大标题如“一、二、三、”使用三号字、加粗；小标题如“（一）、（二）”使用小三号字、加粗；3、脚注：正文引用他人文献的一律使用脚注； 使用格式为：①、②、③式样、小五号字，每页均从①开始。引用他人文章内容的，必须以脚注的方式注明。脚注包括论文题目或书名、作者、杂志社或出版社、期别或版别、页数等。4、参考文献：论文最后一页。参考论著的须包括作者、书名、出版社、版别、出版时间。参考论文的须包括作者、论文题目、杂志社、期别。参考网络资料的须包括作者、论文题目、详细网址、日期。5、字体全部为宋体。
毕业论文撰写的格式规范及印刷装订规格
以下是我为大家整理的毕业论文撰写的格式规范及印刷装订规格，不妨多家参考。
(一)毕业论文撰写的格式规范：
1.字数：
除有特殊要求的专业外，毕业论文正文一般不少于5000字。各专业可根据需要确定具体的文字和字数要求，并报教务处备案。
2.字体和字号:
论文题目 三号宋体加粗
各部分标题 四号黑体并左对齐空两个
中文摘要、关键词标题 五号黑体并加方括号
中文摘要、关键词内容 五号楷体
英文摘要、关键词标题 小四号新罗马体(Times New Roman)加粗并加方括号
英文摘要内容 小四号新罗马体(Times New Roman)
目录标题 三号宋体加粗
目录内容 四号黑体
正文 小四号宋体
注释、参考文献标题 小五号黑体并加冒号
注释、参考文献内容 小五号宋体
致谢、附录标题 四号黑体
致谢、附录内容 小四号宋体
论文页码 页脚居中、阿拉伯数字(五号新罗马体)连续编码
3.关键词
摘要正文下方另起一行顶格打印“关键词”款项，每个关键词之间用“;”分开，最后一个关键词不打标点符号。
4.目录
目录应另起一页，包括论文中的各级标题，按照“一……”、“(一)……”或“1……”、“1.1……”格式编写。
5.各级标题
正文各部分的标题应简明扼要，不使用标点符号。论文内文各大部分的标题用“一、二……(或1、2……)”，次级标题为“(一)、(二)……(或1.1、2.1……)”，三级标题用“1、2……(或1.1.1、2.1.1……)”，四级标题用“(1)、(2)……(或1.1.1.1、2.1.1.1……)”。不再使用五级以下标题。
6.名词术语
1、科学技术名词术语尽量采用全国自然科学名词审定委员会公布的规范词或国家标准、部标准中规定的名称，尚未统一规定或叫法有争议的名词术语，可采用惯用的名称。
2、特定含义的名词术语或新名词、以及使用外文缩写代替某一名词术语时，首次出现时应在括号内注明其含义，如：OECD(Organisation for Economic Co-operation and Development) 代替经济合作发展组织。
3、外国人名一般采用英文原名，可不译成中文，英文人名按姓前名后的原则书写，如：CRAY P，不可将外国人姓名中的名部分漏写，例如：不能只写CRAY, 应写成CRAY P。一般很熟知的外国人名(如牛顿、爱因斯坦、达尔文、马克思等)可按通常标准译法写译名。
7.物理量名称、符号与计量单位
1、论文中某一物理量的名称和符号应统一，一律采用国务院发布的《中华人民共和国法定计量单位》。单位名称和符号的书写方式，应采用国际通用符号。
2、在不涉及具体数据表达时允许使用中文计量单位如“千克”。
3、表达时刻应采用中文计量单位，如“下午3点10分”，不能写成“3h10min”，在表格中可以用“3:10PM”表示。
4、物理量符号、物理量常量、变量符号用斜体，计量单位符号均用正体。
8.数字
1、无特别约定情况下，一般均采用阿拉伯数字表示。
2、年份一律使用4位数字表示。
3、小数的表示方法：一般情形下，小于1的数，需在小数点之前加0。但当某些特殊数字不可能大于1时(如相关系数、比率、概率值)，小数点之前的0要去掉，如r=.26，p<.05。
4、统计符号的.格式：一般除μ、α、β、λ、ε以及V等符号外，其余统计符号一律以斜体字呈现，如ANCOVA，ANOVA，MANOVA，N，nl，M，SD，F，p，r等。
9.公式
1、公式应另起一行写在稿纸中央。一行写不完的长公式，最好在等号处转行，如做不到这一点，可在运算符号(如“﹢”、“﹣”号)处转行，等号或运算符号应在转行后的行首。
2、公式的编号用圆括号括起，放在公式右边行末，在公式和编号之间不加虚线。公式可按全文统编序号，也可按章独立序号，如(49)或(4.11)。采用哪一种序号应和图序、表序编法一致。不应出现某章里的公式编序号，有的则不编序号。子公式可不编序号，需要引用时可加编a、b、c……，重复引用的公式不得另编新序号。公式序号必须连续，不得重复或跳缺。
3、文中引用某一公式时，写成“由式(16.20)”。
10.表格
1、表格必须与论文叙述有直接联系，不得出现与论文叙述脱节的表格。表格中的内容在技术上不得与正文矛盾。
2、每个表格都应有自己的标题和序号。标题应写在表格上方正中，不加标点，序号写在标题左方。
3、全文的表格可以统一编序，也可以逐章单独编序。采用哪一种方式应和插图、公式的编序方式统一。表序必须连续，不得跳缺。
4、表格允许下页接写，接写时标题省略，表头应重复书写，并在右上方写“续表××”。多项大表可以分割成块，多页书写，接口处必须注明“接下页”、“接上页”、“接第×页”字样。
5、表格应放在离正文首次出现处最近的地方，不应超前和过分拖后。
11.图
1、插图应与文字内容相符，技术内容正确。所有制图应符合国家标准和专业标准。对无规定符号的图形应采用该行业的常用画法。
2、每幅插图应有标题和序号，全文的插图可以统一编序，也可以逐章单独编序，如：图45或图6.8。采取哪一种方式应和表格、公式的编序方式统一。图序必须连续，不重复，不跳缺。
3、由若干分图组成的插图，分图用a、b、c……标序。分图的图名以及图中各种代号的意义，以图注形式写在图题下方，先写分图名，另起行写代号的意义。
4、图与图标题、图序号为一个整体，不得拆开排版为两页。当页空白不够排版该图整体时，可将其后文字部分提前，将图移至次页最前面。
5、对坐标轴必须进行文字标示，有数字标注的坐标图必须注明坐标单位。
11.注释
毕业设计(论文)中有个别名词或情况需要解释时，可加注说明。注释采用篇末注，应根据注释的先后顺序编排序号。注释序号以“①、②”等数字形式标示在被注释词条的右上角。篇末注释条目的序号应按照“①、②”等数字形式与被注释词条保持一致。
12.参考文献:
论文主体撰写过程要求参考10篇以上参考文献。要求罗列出所有引用的中外文文献资料目录，目录按引用顺序排列。
参考文献的著录应符合国家标准，参考文献的序号左顶格，并用数字加方括号表示，如“[1]”。每一条参考文献著录均以“.”结束。具体各类参考文献的编排格式如下：
(1)文献是期刊时，书写格式为：
[序号] 作者. 文章题目[J]. 期刊名, 出版年份，卷号(期数):起止页码.
(2)文献是图书时，书写格式为：
[序号] 作者. 书名[M]. 版次. 出版地：出版单位，出版年份：起止页码.
(3)文献是会议论文集时，书写格式为：
[序号] 作者. 文章题目[A].主编.论文集名[C], 出版地：出版单位，出版年份:起止页码.
(4)文献是学位论文时，书写格式为：
[序号] 作者. 论文题目[D].保存地：保存单位，年份.
(5)文献是来自报告时，书写格式为：
[序号] 报告者. 报告题目[R].报告地：报告会主办单位，报告年份.
(6)文献是来自专利时，书写格式为：
[序号] 专利所有者. 专利名称：专利国别，专利号[P].发布日期.
(7)文献是来自国际、国家标准时，书写格式为：
[序号] 标准代号. 标准名称[S].出版地：出版单位，出版年份.
(8)文献来自报纸文章时，书写格式为：
[序号] 作者. 文章题目[N].报纸名，出版日期(版次).
(9)文献来自电子文献时，书写格式为：
[序号] 作者.文献题目[电子文献及载体类型标识].电子文献的可获取地址，发表或更新日期/引用日期(可以只选择一项).
电子参考文献建议标识：
[DB/OL]——联机网上数据库(database online)?
[DB/MT]——磁带数据库(database on magnetic tape)?
[M/CD] ——光盘图书(monograph on CD-ROM)?
[CP/DK]——磁盘软件(computer program on disk)?
[J/OL] ——网上期刊(serial online)?
13.附录:
论文附录依次用大写字母“附录A、附录B、附录C……”表示，附录内的分级序号可采用“附A1、附A1.1、附A1.1.1”等表示，图、表、公式均依此类推为“图A1、表A1、式A1”等。
(二)纸张及印刷装订规格
毕业论文一律用A4纸张电脑打印，左侧装订。
(三)编辑设置
1.页面设置：
(1)“纸型” ──选用“A4”，“纵向”。
(2)“页边距” ──上：3cm，下：2.5 cm，左：2.9cm，右：2.9 cm。装订线居左。
2.段落：
(1)论文题目居中，三号字体加粗。
(2)“行距”一律为1.5倍。
(3)英文字体：一律为Times New Roman。
(4)每段第一行空两格。
3.页眉页脚设置：
页眉：字体为小五号宋体，内容是：
毕业论文(设计)题目靠左、姓名靠右
页脚：页码，居中，阿拉伯数字(五号新罗马体)从引言开始连续编码至附录
要求：概括地、不加注释地摘录本论文的研究目的、方法、结果和结论；或简洁的介绍本论文阐述的主要内容及取得的进展。 ...2.8 书眉排式 "四川大学本科毕业论文" 或"四川大学本科毕业设计"用5号字居左排，论文题目或设计题目用5号字居右排；书...
绪言 课题背景我国是一个拥有悠久历史文化和丰富旅游资源的国家，现已成为亚洲旅游大国，今后20年，中国还将成为世界旅游强国。2004年全国接待入境旅游人数达1.08亿人次，分别比2003年和2002年增长18%和10%。入境过夜旅游人数达4 100万人次，分别比2003年和2002年增长24%和11%，有望超过意大利跃居世界第4位。旅游外汇收入达255亿美元，有望超过德国和英国，跃居世界第5位。世界旅游组织预测到2020年我国将成为世界上最大的旅游目的地和第四大旅游客源国，每年接待的入境旅游者将达到1.37亿之多，每年出境、出国旅游者也将有1亿。 我国国内的旅游市场潜力同样不容小觑，虽然现在国内旅游收入在国民生产总值中占的比重还很小，但是随着我国经济的快速增长，国民的旅游意识正不断被激发起来，2004年数据表明，全国国内旅游人数达9.3亿人次，国内旅游收入超过4 000亿元，分别比2002年增长5.9%和3.1%。 2020年后我国的旅游业将步入发展的黄金时段，届时电子商务和网络产业也将趋于成熟，2004年底我国网民数量已逾9 000万，网上消费市场商机无限。在这种背景下，旅游、电子商务、互联网络的迅速融合将不可避免，并创造出难以估量的价值，网络旅游将推动IT领域内互联网电子商务的迅速发展，也将为旅游业界带来新的生机。2 市场前景分析 我国很多旅游电子商务网站原来只不过是普通的计算机网络公司或依托计算机网络公司而建，但同旅游行业的结合，赋予了其新的市场前景，成功的实现了向旅游电子商务网站的转型：有与订房中心或旅店合作，提供网上宾馆客房分销的；有与机票、车票代理点合作，提供便捷客运服务支持的；有与各地星级酒店合作，为各类商务差旅活动提供休闲服务的；有与旅行社合作来为客户提供特定的旅游线路、完善的旅游地安排及导游服务的等等。经过一种或多种转型过程的旅游电子商务网站还可实现根据客户自己的喜好设计自助旅游路线，预订票务宾馆等，为满足客户个性化要求，还可提供各种可选的支付方式。 通过技术创新转型之后的旅游电子商务网站在技术这一生产要素上的投入大大提高，使得其具备了成本优势、网络效应和束缚用户的常规效应，所有这些特征导致了收益递增的产生，其本质体现了从一种领先到进一步领先的趋势。如携程网并购国内酒店预订规模最大的北京现代运通公司成为国内最大的酒店预定业务公司，而后者是国内第一家利用800免费电话进行酒店预订的订房公司，很快规模效应开始显现，携程的月订量就猛增到15万人次，一个月仅酒店预订的交易额就有6～7千万元。3 产品策略分析 旅游产品的最大特点在于其无形性和静态性，特别是其在市场经营活动中以信息形态方式表现。因此信息技术的参与对旅游业的影响重大，其中网络信息技术对旅游业的这种信息形态发展注入了新的力量。旅游业和互联网资源经技术创新后融合成的旅游网站，使传统的旅游运作方式得到极大的改善，并创造出了新的产品价值。它充分利用了网络资源的优势，互动、开放、动态、整合各地旅游资源、不受时空限制。同时还利用了电子商务的模式，通过架构在旅游商务网站平台上，使交易操作程序简便，交易环节兼并压缩，交易成本大幅节省，交易的效果也将变得非常显著。 我国现在的旅游网站良莠不齐，比较有实力的品牌网站数量不多。大多数旅游网站还仅仅局限于在网上做一些旅游产品的广告宣传介绍或是客房票务预订，商务电子化程度太低，技术创新力度不够，还不能全面涵盖游客日益增长的对吃、住、游、行等各方面的基本需求，更无法为游客提供个性化要求的旅游产品。旅游电子商务网站要扩大自身的影响力，打出自己的品牌必须要兴建起个性化自助服务的商务网站平台及覆盖面广、信息量大、可提供专业便利的全程个性服务，这才是旅游电子商务网站得以长期生存发展的根本所在。 以旅游产品销售的主要内容之一酒店客房预订为例，传统的宾馆客房预订中存在的最主要问题是不能实时向客户反映客房的订购状况。旅游电子商务网站的 目录摘 要... 0Abstract. 0第一章绪言... 1.1 课题背景... 1.2 本课题的目的与意义... 1.3系统相关概念介绍... 1.4本文的工作... 第二章系统设计方案的研究... 2.1 开发环境... 82.2 IIS与ASP的结合... 2.3 ASP的内部特点... 2.4 ASP与CGI的比较... 2.5什么是ODBC. 2.6什么是DSN. 第三章系统的总体设计... 3.1系统模块分析... 3.2系统设计思想...3.3 数据库分析与设计... 第四章系统的实现和关键技术... 4.1 系统总体方案的设计与实施... 4.2重点功能模块流程图... 4.3数据库连接... 第五章总结..致谢... 参考文献...
楼主，在吗？我给我们学校的毕业论文给你参考吧。在的hi我就可以了。有19页呢。
我也正再做中......等我做好了就给你发过去吧
旅游网站经营模式案例剖析 携程旅游网是一家吸纳海外风险投资组建的高科技旅游服务公司，1999年初正式开通携程旅游网站，现已发展成为国内最大的旅游电子商务网站。因而，研究其在新形势下的发展策略对携程旅游网有着重要的战略意义。 加强携程品牌的影响力 以携程领导地位的品牌吸引更多的供应商和更多的合作机会。加深目前的合作关系，并发展更多的合作伙伴，以获得更多客户。加强与各地知名旅行社、运输企业、各大酒店之间的合作关系，在可以获得更多客户的同时，又可以为客户提供更多、更方便的服务。 针对市场活动与广告，加强客户基础。作为一个企业只有确定了服务对象和服务的区域范围，企业才能决定要生产销售何种产品，以何种手段进行促销及网页设计要突出那些特点等。网络销售和单向营销的传统模式不同，它是双向的营销方式，所以定位目标市场必须了解自己的产品是否适应上网用户的各种情况，这样才能更好的针对客户进行市场与广告活动，加强企业的客户基础。 维持更吸引人的积分兑换活动，并加强对客户的服务力度，以保持客户的忠诚度。现代顾客需要的是个性化服务，网络服务系统为顾客提供了全新的工具：全天候、即时、互动、了解信息、释疑解难等。这些性质迎合了现代顾客个性化的需求特征。所以，越来越多的企业把电子商务整合到的营销计划中，使顾客服务成为电子商务必不可少的环节之一。 扩大酒店供应商网络 在继续针对中高档酒店市场，巩固该消费市场，为该消费层次的顾客提供更优质的服务的同时，开发中低档消费市场，适度的的选取一些资质较好、服务理念较新、卫生条件较好的中低档酒店与之签约。为广大的网络客户提供中、高、低档各种选择。 在主要城市加强与酒店的关系与供应商网络。主要城市的旅游消费量极大，携程公司的绝大多数业务都发生于此。与主要城市的酒店、供应商加强联系，有助于形成一致的利益群体。在市场面前荣辱与共，降低成本，共担风险。 发展有潜力的区域性市场与二线城市。有潜力的区域性市场与二线城市虽然在携程公司的盈利系统中处于相当次要的地位，但是市场是可以开发的，消费是可以引导的。随着我国改革开放的深入，人们生活水平的提高，这些城市居民用于旅游方面的开支将越来越多，紧紧抓住这个市场，发展有潜力的区域性市场与二线城市将有利于携程公司盈利突破现有的规模，产生新的增长点。 增加保留房（携程与酒店签订协议每天提供给携程一定量的房间，保证在房源紧张时，客人在别的地方无法定到房间时，也能从携程处获得房间）。 扩大机票与其他产品的供应 国内航空市场的利润空间较小，携程公司作为其代理，在极小的利润空间中难以有所作为，而国际市场相对于国际市场利润空间较大，顾客多以相对富有为主力，在这样的利润空间中，随着销售量的增加，代理费用和利润都将会有不同程度的增加；推广航空公司推出的机票加酒店package或与航空公司合作，通过与航空公司的合作，借助航空公司原有的客户网络、酒店网络、供应商网络，在低成本中进一步发展为旅客提供更为廉价、优质的旅游成品。同时，通过旅游组合，发展当前流行的自助旅游，给予旅游者更多的选择；提供给目前强大的酒店预订客户机票与度假产品。 加强交易与服务平台 在网络方面，继续升级软件与网上信息以吸引更多的网友、客户，并通过各种渠道提高携程网的使用。在客户服务方面，招收高素质的客户服务人员，发展人性化服务理念，推行大客户服务客户经理制，建立携程客户VIP俱乐部，在服务上突出特色，区别于其他的旅游网络。交易操作方面，加强客户基础信息功能，如记住客户的旅游习惯和交易方式。尽量提倡客户在网上预定。目前约30%客户在网上交易。给予更多积分或其他形式的奖励。 利用港澳市场开发国际市场 2002年大陆旅客到香港旅游的人次比往年增加53%。2002年，赴香港旅游旅客41%为大陆旅客。面对如此巨大的港澳市场，企业要在其中分得一块蛋糕，除了要改正自身不足以外，企业还必须运用好相应的策略。携程旅游网通过港澳市场作为窗口，充分发挥其身处信息行业前沿而特有的敏感性和高效性，为各地旅游企业提供最具时效的国内外动态信息，帮助决策者及时调整规划方向和营销策略，充分开发国外市场。
论文格式：1. 纸张为A4纸，页边距上2.5cm，下2.5cm，左3.0cm，右2.5cm。
2.论文由内容摘要与关键词、论文正文和参考文献组成。一级标题“一、”;二级标题“(二)”;三级标题“3.”。
3. [内容摘要]和[关键词]均为宋体小四号加粗，内容宋体小四号，行距1.25cm。
4.正文:
(1) 标题:黑体二号居中,上下各空一行。
(2) 正文：小四号宋体，每段起首空两格，回行顶格，行距为多倍,1.25。
(3) 一级标题格式：一级标题：序号为“一、”，小三号黑体字，独占行，起首空两格，末尾不加标点。
(4) 二标题序号为“(一)”，四号宋体，加粗，独占行，起首空两格，末尾不加标点。
(5)三级标题：序号为“1.”，起首空两格，空一格后接排正文，小四号宋体，加粗。
(6) 四、五级标题序号分别为“(1)”和“①”，与正文字体字号相同，可根据标题的长短确定是否独占行。若独占行，则末尾不使用标点，否则，标题后必须加句号。每级标题的下一级标题应各自连续编号。
(7) 注释 (根据需要)：正文中需注释的地方可在加注之处右上角加数码，形式为“①、②……”(即插入脚注)，并在该页底部脚注处对应注号续写注文。注号以页为单位排序，每个注文各占一段，用小5号宋体。
书写格式
1.参考文献标注的位置。
2. 参考文献标标注方法和规则。
3. 参考文献标标注的格式。
2007年8月20日在清华大学召开的“综合性人文社会科学学术期刊编排规范研讨会”决定，2008年起开始部分刊物开始执行新的规范“综合性期刊文献引证技术规范”。该技术规范概括了文献引证的“注释”体例和“著者—出版年”体例。不再使用“参考文献”的说法。
以上内容参考：百度百科-参考文献
为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用 方法 ，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J•R•安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在
标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
摘 要：版式设计可以说是界面设计的基础部分，网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面，版式设计扮演十分重要的角色，优秀的版式设计可以给浏览者留下深刻的印象，提高页面的访问量。因此，本文将向诸位读者介绍在CDIO工程 教育 模式下，网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词：网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行)，符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素;导航条的设置应在醒目位置，清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角;表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件开展设计，首先我们会根据 思维导图 绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
例子 傅刚.大风过后的思考[N/OL].北京青年报，2000-04-12（14）[2002-03-06]. http://www.bjyouth.com.cn/Bqb/20000412/GB/4216%5ED0412B1401.htm. [序号] 主要责任者．题名：其他题名信息[文献类型标志、文献载体标志]．出版地：出版者，出版年（更新或修改日期）[引用日期]．获取和访问路径（网址）．注明：[N/OL]为[文献类型标志、文献载体标志]文献类型标志如下：普通图书 M, 会议录 C, 汇编 G, 报纸 N, 期刊 J, 学位论文 D, 报告R，标准 S，专利 P，数据库 DB，计算机程序 CP，电子公告 EB。电子文献载体类型标志如下：磁带 MT，磁盘 DK，光盘 CD，联机网络OL
朋友你好，你所要的先从我提供的网址中找几篇参考论文，真心希望能够对你有。若不满意我给你些网址你还可以自己再找，祝你好运！中文免费论文地址集锦一、综合类1、蓝之韵论文门类较全。2、学生大论文中心、蜂朝无忧论文网门类很全。4、论文下载中心门类很全。5、论文帝国http://www.papersempire.com/..
学术堂整理了十五个好写的网页设计与应用方面的毕业论文题目，供大家进行参考：1、基于全景摄影的网页设计研究2、浅谈WAP时代的网页前端设计3、创新网页设计与制作课程的考核模式4、网页设计之与教材配套的“微点”的开发与应用5、网页设计中的美学应用研究6、浅谈极简风格在网页设计中的运用7、网页设计的原则与要求8、网页设计与网站管理教学设计研究9、响应式网页设计案例实现与分析10、网页设计创意解析11、体验设计在网页设计中的应用12、图形图像课程网页制作信息化教学设计13、论网页设计与网站建设的创意与实施14、设计美学在网页设计中的体现15、网页设计与制作课程一体化教学思考
asp+access学院网站的设计与实现(论文+程序) 文章摘要：随着互联网的发展，其信息传播效率逐步为人们所关注。越来越多的企业开始走向网络，以通过网络加大对自己的宣传力度，从而扩展销售渠道，增加销售量。现在互连网已成为报纸、广播、电视相比肩的信息媒介，正以其便捷的信息形式改变着人们传统的消费模式，更多的人开始青睐于这种简单、快捷、低成本的电子通讯方式。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的一个重要组成部分，从而倍受人们的重视。为了提高学院知名度，扩大生源，天津广播电视大学天培培训中心重新构建了学院网站。本文详细阐述了网站建设的完整过程，从网站建设的意义，需求分析，静态页面设计，数据库设计，动态页面设计几个方面，对网站建设过程进行探讨。关 键 词：网站建设 网页设计 ACCESS ASP目录一、绪论 1二、网站建设需求分析 1（一）网站整体定位与分析 1（二）客户需求调查分析与解决方法 21. 客户对网站当前状况的不满之处 22. 客户对新网站性能的期望和要求 33. 网站性能概括描述 3三、网站的模块层次设计 4（一）非动态模块 5（二）动态模块 5（三）其他功能 6四 、网站开发前期准备 7（一）原有网站的分析与调整 7（二）选择设计开发工具 71. 静态页面设计工具 72. 动态部分设计工具 7五、开发过程 8（一） 静态页面设计 81. 静态页面设计实现研究 82. 静态页面实现过程 9（二）数据库设计部分 131. 网站后台数据库 132. 留言板后台数据库 14（三）动态模块设计 141. ASP语言介绍 142. 主要模块设计与实现方法 15六、网站调试与测试 22（一）网站的调试 22（二）网站的测试 231. 功能性测试 232. 稳定性测试 24七、结语 25致谢 26参考文献 27附录 28
为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用 方法 ，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J•R•安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在
标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
摘 要：版式设计可以说是界面设计的基础部分，网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面，版式设计扮演十分重要的角色，优秀的版式设计可以给浏览者留下深刻的印象，提高页面的访问量。因此，本文将向诸位读者介绍在CDIO工程 教育 模式下，网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词：网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行)，符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素;导航条的设置应在醒目位置，清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角;表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件开展设计，首先我们会根据 思维导图 绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
1、响应式网页设计的优势——这个网站是独一无二的
响应式web设计的优点是针对企业的需求进行定制，并且在网络中没有重复的web站点，因此具有独特性，使用户不会体验到审美疲劳。
2、响应式网页设计的优势——网站结构合理，易于优化
在模板构建过程中，很多用户片面关注网站的创意，往往忽略网站的架构，导致后期优化困难。定制网站拥有专门的技术团队，确保优化后的创意企业，充分吸引目标客户的消费。
3、响应式网页设计的优势——网站可扩展性强
责任型网站建设具有扩展性，模板网站功能基本固定，升级难度较大。自定义网站的扩展功能更加方便。通过找到一个技术团队来修改代码，您可以快速满足企业的业务需求。
4、响应式网页设计的优势——可以满足更多的系统功能
响应式网站可以满足更多的系统功能，如餐饮网站需要订餐服务，一般网站无法满足，所以可以定制专门开发的订餐系统。
5、响应式网页设计的优势——兼容所有设备
基于最尖端的HTML5技术，智能跨平台网站解决了手机和其他移动终端屏幕尺寸、屏幕分辨率不一致、浏览器差异化等三大移动终端适配问题，适应全球5000多台移动设备。
6、响应式网页设计的优势——多终端视觉效果统一
H5响应网站可以自动检测设备屏幕的大小，并自动调整网站的内容和布局，使网站在任何设备上都有良好的显示效果。
7、响应式网页设计的优势——高端氛围，良好的用户体验
响应式web设计的优点可以突破移动终端和计算机终端的限制。不需要在不同设备之间切换，可以看到相同的布局，可以提高用户体验，这是企业所喜欢的。
8、响应式网页设计的优势——性价比高，开发、运维成本低
你不需要为不同的设备开发不同版本的网站或应用程序。网站内容的实时更新不仅可以降低网站开发成本，还可以节省大量的后期维护的人力和时间成本。
总之，响应式网页设计的优势在于它可以帮助实现一站式的多功能想法。这种基于网格布局和CSS3的移动网页设计可以使网页对屏幕的变化做出响应，提高用户体验。数据库的管理也给网站管理员带来了更多的便利。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，可以点击本站其他文章进行学习。