网页布局研究与应用论文
发布时间：网页布局研究与应用论文
要领一：确定网站主题 做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！ 要领二：选择好域名 域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。 目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。 要领三：掌握建网工具 网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器： （1）HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。 （2）所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。 （3）现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。 另外，个人网站制作者还需了解W3C的规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。 当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。 要领四：确定网站界面 界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点： ①栏目与板块编排 构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。 网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是： ●尽可能删除那些与主题无关的栏目； ●尽可能将网站内最有价值的内容列在栏目上； ●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。 另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意： ●各板块要有相对独立性； ●各板块要有相互关联； ●各板块的内容要围绕站点主题； ②目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如： ●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。 ●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。 ●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。 其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式： ●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。 ●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。 因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。 ③进行形象设计 网站的设计可以从以下几点出发： ●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 ●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。 ●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。 ●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。 要领五：确定网站风格 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。 风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。 要领六：有创意的内容选择 好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。 要领七：推广自己的网站 网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式： （1）搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。 而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点（靠Spider自动搜索的）更强。由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意：将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。 （2）广告交换技巧 很多个人站点在相互广告交换时都提出了几个条件：第一，访问量相当；第二，首页交换。显而易见，这种做法是为了充分利用广告交换。以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。通常在首页，广告交换才会有很好的效果。 （3）目标电子邮件推广 使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。 要领八：支撑网站日常运行 当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道： （1）销售网站的广告位 要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。 一般来说，WEB广告的收费有三种方式： ①CPM (Cost Per Million/Thousand) 放一个广告，它按每1,000人次来访问站点收费。这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。 ②点透（Click-through） 通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。 ③提成 (Commission) 根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。 通常的，个人网站的广告收费方法往往是第一、第二种方法的结合，站点和广告商都可少冒点险。 （2）与大型网站合作 另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。 有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。
目录第一章 诸论. 01．设计思想. 02．开发工具的选用及介绍. 03． 网页设计的色彩. 0第二章 dreamweave的发展. 0第三章 网站总体分析与设计. 01网站系统分析. 02主页设计. 03背景分析. 04网页设计的色彩. 0第四章 详细设计. 0第五章 为什么选择dreamweaver 0第六章 设计方案. 01模板创建. 02页面制作. 03框架技术. 04表格设计. 06超级链接. 07 Flash 的制作过程. 0第七章 总结与体会. 0总结. 0心得体会：. 0
大概思路：网页给浏览人群带来的视觉感受，要让浏览的人群看过后有印象并且会翻下去看。颜色不要超过三个以上（图片除外），页面不要太长，如果做HTML5页面，要加上ID导航，方便浏览人群浏览。需要注意：网页排版要简洁大方，颜色搭配要舒适，结构内容要规范符合W3C。
摘要随着互联网的普及，上网成为了人们获取信息的重要来源。网页作为网站信息的载体，它的设计是否成功影响着整个网站的价值。布局和色彩作为网页设计的两个重要因素，对网页的合理性和风格有很大的影响。现有的网页设计理论系统性不足，理论研究缺乏实践依据，因此本文通过文献研究法、信息内容分析法、实验研究法、社会调查法、实践研究法等多种研究方法，将眼动仪实验和色彩因素提取实验作为研究重点，用实验验证理论，并得出非精确性概念生成的依据，结合实际的网页设计工作，综合研究和探讨网页设计中关于布局和色彩的一些技术和方法，从而为网页开发设计人员创作出精美、合理、独具风格的网页提供方法论上的支持。
关键词：网页设计，布局，色彩
回答来源于网页设计论文
网页布局与色彩搭配毕业论文
为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。
网页设计毕业论文摘要
摘要: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所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,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熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同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内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(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. 计算机毕业论文范文大全
这方面的毕业设计主要是要通过软件设计出来一个网站，然后再结合你设计的网站写论文。
动态网站建设摘 要：计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便。本论文中，将软件工程的基本原理和方法应用到整个系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，而数据的后台操作则由服务器端处理。这样提高了网页的互动性，使整个系统能更好的为用户服务。关键词：软件工程 ASP 动态网页The Digitization of Southwest Forestry College’s Sample RoomAbstract：With the rapidly developing of computer technology, especially in the network, the storage and management of file is more convenient. In this paper, the basic theory and the method of the soft project were used in the whole system, and basing on the analysis of the system’s demand, the measure was brought forward. In the building of the network, ASP technology was used to realize B/S system. Because of the integrity of ASP technology and Database technology the users can inquire about the specimen they need freely with the disposal of data by the server. In this way ,the inter dynamic of the webpage was improved and the whole system could server the users better..Key words：Soft Project; ASP; Dynamic Webpage目 录1引言 12西南林学院标本室介绍 23软件工程原理的应用 需求分析 实体—关系图 34用ASP构建动态网页 动态网页的优点 ASP技术介绍 ASP的技术特点和工作原理 ASP运行模式 ASP的工作原理 ASP的技术特点 用ASP进行动态网页设计 利用ASP进行动态数据查询 ASP访问数据库 ASP内置对象和组件 ASP访问数据库工作原理 ASP连接数据库的方法 145网页的界面设计 网页界面构成要素 网页的整体造型 网页的色彩搭配 166在建设中遇到的问题和解决方法 177结束语 19参考文献 20致谢 211引言信息社会使得档案的载体形态和记录方式呈现出多元化发展态势，纸质档案的“一统天下”将被声像档案、电子档案并存的格局所替代，传统的档案编研工作必须改变以往封闭式管理格局，编研模式必须逐步向多载体、全方位、深层次地开发档案信息资源上转换，走进充满活力的网络世界。而网站建设则为档案编研工作提供了新契机，提出了新要求，打开了新天地。在这个方面，通过建立自己的网上档案馆，开展网上档案服务，对档案编研工作适应信息社会发展需要有了深入的认识。随着我国信息化程度的加快，随着网络信息资源的日益膨胀．档案信息网站的建设已经提上厂议事日程。然而在我国，档案信息网站出没还处于刚刚起步的阶段。理论方面没有系统的论述，实践上也严重滞后。应用计算机可以进行档案信息统计和检索。这些现代化信息技术的应用，既可以把档案工作者从繁重的手工劳动中解脱出来，又能够使大力开发和科学、合理、有效地利用档案信息资源真正成为现实，还可为将来人类档案信息资源的共享打下基础。但仅做到以上两点是不够的，因为无论是对档案信息资源的开发者来讲，还是对档案信息资源的利用者而言，都必须十分重视档案信息资源的激活，即将原有的档案信息资源进行消化、吸收和利用，继而产生新的知识，以最大限度地发挥档案信息资源的效用，实现档案信息资源的最大价值。2001年7月国家发布的“国家信息化指标构成方案”中，以20条指标来具体细化我国信息化水平和程度。其中第12条“网络资源数据库总容量”关系到档案信息、网站的数据资源建设随着中国电子政务的推广和普及，INTERNET已经为人类在新世纪的政务、商务、管理活动中提供了一种迅速有效的获取信息的手段和全新的模式。在这一变革中，只有善于利用INTERNET构建自己的管理体系的单位和企业才能获得成功。为了使档案信息充分发挥作用，全国各类档案部门及其档案工作者纷纷在国际互联网上建立了档案信息网站。2西南林学院标本室介绍西南林学院植物标本室是在张海秋先生的领导下，由徐永椿先生于1939年创建。在标本室的建设工作中，徐永椿、薛纪如两位教授做出了长期不懈和重要贡献，也倾注了张福延、郑万钧、秦仁昌、陈植、郝景盛、吴中伦、王启无、蔡希陶、冯国楣、毛品一等诸多老前辈的心血,同时，在徐永椿、薛纪如两位教授的学生们及标本室工作人员的共同努力下，得到了巩固、充实和发展。西南林学院森林植物标本室,以收藏西南地区的树木标本、壳斗科标本和竹类标本为主要特色。现藏有各类植物标本计231科1070属约8000余种，近20万份。其中裸子植物11科，被子植物163科单子叶植物18科，蕨类植物39科。仅壳斗科植物就藏有7属260多种，近8000余份；竹亚科植物40属500余种，2万多份；蕨类植物100属约3000余份；收藏有徐永椿在40年代采自台湾省的400多号树木标本、郑万钧教授1940年从法国带回的40份珍贵标本及北京植物研究所复制的18000张模式标本图片，并珍藏有350多种模式标本。这是全国壳斗科和竹亚科植物收藏种类最多、最全，且数量最大的标本馆。这是全国壳斗科和竹亚科植物收藏种类最多、最全，且数量最大的标本馆。西南林学院森林植物标本室已被国际植物分类学会注册认可,代号"SWFC"，被列入《全国标本馆介绍目录》和《国际标本馆名录》之中。在云南17个植物标本馆中名列第二，是全国拥有10万份以上的47个植物标本馆中的前十名，并在英国皇家植物园公布的“中国十大标本馆”中名列第七位。在西南林学院标本室的众多标本中全是以传统的纸质方式保存管理，这种方式给查阅、管理带来了极大的不便。自从1946年第一台电子计算机的诞生，计算机正以其无与伦比的速度发展，无论在工业、农业、国防、科学、生产上计算机都得到了广泛的应用。而在文档的管理上，传统的人工文本保存和管理文件档案的方式随着计算机的普及和深入已逐渐淡出历史舞台，这种保存和管理文件的方法在相当长的一段时间内得到人们的肯定和广泛应用。然而随着信息时代的到来，这种方式逐渐暴露出其缺点和不足，如：效率低、保密性差、数据易丢失、需要大量人力资源。所以标本室的数字化建设应运而生，我院也投入大量人力、物力来建设数字化的标本室。3软件工程原理的应用软件工程包含技术和管理两方面的内容，是管理与技术的紧密结合。目前软件工程方法学分为传统方法学和面向对象方法学。在标本室数字化建设的课题中，主要用传统方法学的思路和原理来建设。需求分析传统的软件工程方法学使用结构化分析技术，完成分析用户需求工作。需求分析要了解用户的情况，接下来通过与用户交流，对用户的基本要求反复细化，以得出对目标系统的完整、准确和具体的需求。需求分析是为了发现用户的真正需求，首先应从宏观角度调查、分析用户所面临的问题，也就是说，需求分析的第一步是尽可能准确地了解用户当前的情况和需要解决的问题[13]。在标本室网站中，用户所需要的无非就是获取标本信息，并查询到满足自身查询条件标本的详细资料。因此在做查询系统时，充分考虑到了一样标本的自身属性和用户有可能用到的查询条件，两都有机结合，这样才能更好的为用户服务。实体—关系图结构化分析实质上是创建模型的活动。数据模型包含三种相互关联的信息：数据对象、描述数据对象的属性及数据对象彼此间相互连接的关系。数据对象是对软件必须理解的复合信息的表示。所谓复合信息是指具有一系列不同性质或属性的事物。在这个查询系统中，数据对象就是标本和用户。属性是指数据对象的性质，在确定属性时，应该根据对所要解决的问题来理解。关系是指数据对象之间相互连接的方式。图1实体关系图从图可以看到，标本分为科、属、种、标本四种属性，而用户的属性在这里是不重要的，也就是说用户的属性对整个查询没有影响。用户可以通过精确、模糊两种查询方式来获取标本信息。因此在制作整个系统时，充分考虑到以上因素，并以其思想贯穿整个系统。4用ASP构建动态网页动态网页的优点在InterNet迅猛发展的今天，用户不再只满足于通过浏览器看到静态页面，而是希望能根据要求生成更加灵活、生动的动态页面。数据库对于信息的动态检索无疑具有极大的优越性，因此根据数据库信息的不断变化生成动态web页面将成为网页设计的重要方法。动态网页的技术就有多个厂商的支持，他们都有各自的优点。利用JSP、ASP、PHP和其它有关技术，一个用户可以将一个Http请求送到一个可执行应用程序而不是一个静态的HTML文件。服务器将会立即运行这个限定的程序，对用户的输入做出反应，将处理结果返回客户端，或者对数据的记录进行更新。通过这个模型，就可以在服务器端和客户端之间有效的进行交互。静态网页浏览者可以直接从服务器端调用浏览，占用服务器的资源较少但缺点是其不包含交互功能，对于使用者来说，只能看但不能参与活动，这是一个很大的缺陷。动态网页包含交互功能，浏览者可以和服务页面间产生会话作用，完成一系列的动作。动态网页有如下一些优点:（1）读者可与Web服务器进行交互（2）可实现数据库的查询（3）可以与HTML以外的文件进行交互（4）可缩短查询时间，提高浏览效率它的最大的优势体现在用户可以进行直接参与活动[9]。 ASP技术介绍ASP全名为(Active Server Pages)，它是微软公司推出IIS的一个组件，ASP实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态、交互、高性能Web服务器端的应用，且能较容易实现复杂的Web应用。利用ASP开发的脚本程序全部运行在服务器端，与用户所采用的浏览器无关，从而极大地减少了对客户端的要求。其工作原理是：浏览器从Web服务器调用ASP文件(一种文本文件)，服务器端的脚本引擎对每一条脚本语句解释执行，再把执行的结果生成HTML文件传给客户端[7]。ASP文件包括文本、HTML标记和ASP文件特有的脚本语句。制作ASP文件同HTML文件一样，可以用任何纯文本编辑器进行编辑。 ASP可以使用任何脚本语言，只需提供其相应的脚本引擎就可，ASP自身提供VB ScriPt和JSP cript两种脚本引擎，缺省为VB Script。ASP包括了5个内置对象：①Request对象，从浏览器获取信息；②Response对象，发送信息到浏览器；③Server对象，控制ASP执行情况，对服务器端ActiveX控件起作用；④Session对象，存储用户任务的信息；⑥APPlication对象，使多用户共享一个程序的信息。网站内容的动态化、数据库化是Internet网站发展的必然趋势，ASP以其简单、高效的开发方式及丰富的控制手段为Internet网站的开发应用提供了强有力的支持。 ASP的技术特点和工作原理 ASP运行模式当一个浏览器从web服务器请求一个*．asp文件时ASP脚本开始运行，web服务器此时调用ASP从头至尾读取请求文件，运行所有命令并把HTML网页返回给浏览器。图2 ASP运行模式图图说明了ASP文件使用数据库访问构件通过ADO(Active Date Object)访问数据库的数据时，web服务器起着中间部件的作用。它接收用户web浏览器的web页请求．使用ODBC把对数据或数据库的任何命令请求通过网络送到数据库服务器，从数据库服务器接收数据并且把产生的web页和数据送回到用户浏览器。在图中显示了在运行中各部分之间的关系：图3 ASP各部分关系图 ASP的工作原理基于ASP的页面以*.asp文件形式驻留在web服务器上。一个*.asp源文件是文本文件，可以包括以下成分：文本 用于显示信息、页面标题等。 ．HTML标记 实现页面风格设计。ASP脚本(Script Commands)图4 ASP工作原理图图显示了ASP的工作原理，当浏览器通过HTTP协议向web服务器申请一个由*.asp定义的页面时，web服务器响应HTTP请求，用ASP引擎解释被申请文件。当遇到ASP脚本命令时，ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。ASP提供两种脚本引擎，即VBScript引擎和VJScript引擎，若要使用其他脚本语言，需要在web服务器上另外安装相应的脚本引擎；当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时，ASP引擎启动相应的组件完成指定的功能。若ASP文件含有访问数据库的请求，ASP内置组件ADO(ActiveX Date Ob—ject) 通过ODBC与数据库连接，对数据库进行访问，并将访问结果返回web服务器。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分，与文件中原有的文本和HTML标记一起组成标准HTML页面送至客户端浏览器[3]。 ASP的技术特点在使用ASP技术时应遵循这样一个原则：即ASP脚本必须与基于COM标签的组件配合使用才能开发出具有实用价值的动态web应用程序。基于组件，可以把应用程序的开发分成两大类任务：一类是开发能被很多程序使用的核心组件；另一类是集成这些核心组件提供的服务，构造出实现特定功能的应用程序。Microsoft及一些“中间件”厂商已针对不同的应用领域提供了许多组件产品，组件的使用者只需要理解组件的接口，不需要知道组件的内部结构和组件使用的数据。在ASP技术中，ASP脚本相当于一种粘合剂，把一个个具有特定功能的组件集成在一起，以形成最终的软件产品。利用组件，开发人员可以专门做自己最擅长的工作，从而减少开发难度；利用组件，还有助于开发人员将用户界面与应用逻辑、数据服务分开，快速开发出可重性高的基于三层客户／服务器结构的web应用程序。综上所述，ASP具有如下一些特点：（1）使用普通的文本编辑器(如记事本)即可进行编辑设计；（2）ASP脚本无需编译，容易编写，可在服务器端直接解释执行；（3）与浏览器无关，用户端只要使用可执行HHML码的浏览器，即可浏览ASP所设计的页面；（4）面向对象，在ASP脚本中可以方便地引用系统组件和ASP内置组件，还能通过定制ActiveX Server Component(ActiveX服务器组件)来扩充功能；（5）ASP的源程序不会被传到客户端，因而可以避免所写的源程序故他人窃取，也提高了程序的安全性；（6）与任何ActiveX Scripting语言兼容, 除了可使用VBScript和JScript语言进行设计外，还可通过Plug_in的方式，使用由第三方提供的其它Scripting语言来扩充功能[5]。 用ASP进行动态网页设计所谓“动态”并不是指在页面上放几个GIF动画图片，其含义大致包含以下两方面：（1）“交互性”即网页的内容会根据用户的要求和选择而动态响应或改变。（2）“自动更新”即无需手动更新HTML文档，便会自动生成新的页面，可以大大节省工作量。根据用户请求生成动态网页的传统技术方案主要有三种：（1）最早的渠道是利用CGI(Common Gateway Interface)，即通用网关接口；（2）利用web服务器厂商提供的专用接口如：ISAPI，NSAPI；（3）利用JAVA访问数据库(JDBC)。这三种方案存在一个共同的问题，就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专门的程序员开发。ASP技术的出现使web动态网页设计成为一件轻松愉快的工作。只要几行脚本语句，就能将后台的数据库信息发布到Internet上，在编程和网页脚本的可读性方面大大优于传统的技术方案。ASP文件是一种嵌入了可在服务器端执行脚本的HTML文档，与ASP兼容的web服务器执行这些脚本，现场生成相应的HTML语言成分，与网页中原来的HTML语言合成到一起，共同作用到前端。一个ASP文件就是一个文本文件，其中包含了以下内容：（1）TexT(文本)（2）HIML tags(HTML标记)（3）Script命今 [4]下面是本网页中ASP程序的一段源码：
属编 号： | <%(records("shuid"))%> |
所 属 科： | <%(records("keid"))%> |
拉丁名称： | <%(records("latinname"))%> |
中文名称： | <%(records("chinesename"))%> |
相关描述： | <%(records("miaoshu"))%> |
【返回】
由于采用了B/S模式，使得整个系统大在的减少了工作量。图显示了B/S模式图5 B/S模式原理图的工作原理。在前端采用IE、Netscape等的浏览器将用户提交的操作信息向Web服务器发出HTTP请求，Web服务器通过ASP和一些中间组件访问后台数据库，并将操作结果以HTML页面的形式返回给前端浏览器。 利用ASP进行动态数据查询为了将从数据库中获得的数据显示在客户端浏览器中，需要在ASP文件中加入Table对象。Table对象可以用来显示从Server端数据库中通过SQL查询得到的记录。使用Dreamweaver等可视化工具可以方便地对*.ASP文件进行用户界面的设计。包括添加Table对象、动态GIF文件等。以下是本网页中的一段查询代码：<%word=request(trim("Keyword"))set records=("")if request("select2")="精确" thenif request("select1")="科" thensql="select * from kebiao where keID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"elseif request("select1")="属" thensql="select * from shubiao where shuID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"elseif request("select1")="种" thensql="select * from zhongbiao where zhongID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"elseif request("select1")="标本" thensql="select * from specimenbiao where biaoID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"end ifif <> 0 "数据库操作失败："& ifelseif request("select2")="模糊" thenif request("select1")="科" thensql="select * from kebiao where keID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"elseif request("select1")="属" thensql="select * from shubiao where shuID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"elseif request("select1")="种" thensql="select * from zhongbiao where zhongID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"elseif request("select1")="标本" thensql="select * from specimenbiao where biaoID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"end ifif <> 0 "数据库操作失败："& ifend sql,connectstr,1,3%>当Web Server处理完用户的HTTP请求后，将结果发送至浏览器上，用户就可以看到结果。 ASP访问数据库 ASP内置对象和组件ASP提供了功能强大的六个内置对象和五个内置组件内置对象：（1）Request(请求)：从前端用户取得信息（2）Response(响应)：将信息送给前端用户（3）Server(服务器)：提供Web服务器工具（4）Session(会话)：储存在一次会话内的用户信息，仅被该用户访问（5）Application(应用)：管理所有的会话信息，供所有用户共享（6）ObjectContext(对象上下文)：配合Transaction服务器进行分布式事务处理前三个很常用，Request和Response是用来实现web Server与浏览器交互。Request的一个重要方法是ForM()，其作用是提取浏览器的用户输入信息。如下面的语句可以取得用户填在文本框里面的内容：Request．Form(“nane”)显然，这比CCI等方法所需要的复杂编程简单多了。而输出要用到Response的一个重要方法Write，如：“ our message”该语句向浏览器输出了一条消息。内置组件：（1）数据库存取组件：ASP提供ADO来存取具有ODBC标准的数据库（2）广告轮显组件：用来维护、构建Internet广告（3）浏览器兼容组件：将浏览器的功能数据提供给服务器，以便送出适合于各种浏览器的Web页面（4）文件存取组件：提供文件读写的工具（5）文件超链接组件：提供对Web页面的管理 ASP访问数据库工作原理访问Web数据库的技术有以下几种方式：公共网关接口CGI(Common Gateway Interface)、Internet Server 应用程序编程接口ISAPI（Internet Server Application Programming Interface）、Java、Plug-in(插件)和ASP技术。这些技术都是为了克服HTML静态页面发展起来的。ASP是一个基于Web服务器的脚本开发环境，在ASP平台上可开发和运行动态的、交互的、高性能的Web服务器应用程序。图6 ASP访问数据库原理图图说明了ASP访问数据库工作原理。ASP程序在Web服务器端工作，当前端用户请求一个ASP主页时，Web服务器响应HTTP请求并调用ASP引擎执行该文件并解释执行其中的脚本，若脚本中有访问数据库请求，立刻通过ODBC或ILE DB与相应的后台数据库相连，同数据库访问组件ADO完成操作，最后，ASP根据访问数据库的结果生成HTML语言的主页返回给前端用户，用户看到的只是HTML网页，而看不到ASP程序代码，增强了保密性。 ASP连接数据库的方法ASP提供两种访问数据库的方法：在第一种方法中每次访问数据库都要与数据库连接一次，一旦与数据库建立连接语句就可以对数据进行操作；当对数据的操作完成，所有相关的对象都被关闭。与数据库相连的另一种方法是当用户的任务完成后连接才被关闭，这是由Global．asp文件所控制。每个基于ASP的internet应用可以有一个存放在应用根目录中的文件，该文件有四个事件：Applicattion-start，Senssion-start, Applicattion-End和Session-end用户与数据库的连接是在Session-start事件中，用Session-end事件关闭连接[1]。在本网页中用如下代码来实现ASP与数据库的连接：<%dim connectstron error resume nextSet connectstr = ("") "driver={SQL Server};server=localhost;uid=jsj2000;database=Biaobenku;pwd=jsj2000"if <> 0 "数据库操作失败："& if%>5网页的界面设计由于越来越多的企业开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表企业的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主
随着网络技术与浏览器的不断发展，网页的内容与形式也在不停地变化。在五彩缤纷的世界中，色彩是吸引视觉的重要因素。本文从色彩在网页设计中的地位入手，分析色彩搭配的原则及注意事项，总结了网页设计中配色的小技巧。计算机技术的发展使信息事业产生了飞跃，互联网在信息传播中扮演了无比重要的角色。从最初简单的纯文本界面到如今五光十色的多媒体界面，网页设计经过短短十多年的发展，已在世界各地产生了广泛的影响。作为一门与视觉传达设计密切相关，并具有功能性的设计艺术，网页设计始终必须遵循形式与功能的统一性和协调性，艺术与技术的高度统一。网页设计者在掌握了网站、网页的构建技术之后，所面临的关键性的问题之一就是网页的色彩搭配。在五彩缤纷的世界中，色彩是吸引视觉的重要因素。就感觉而言，色彩与形状相比能够产生更直接、更强烈的影响。一、色彩在网页设计中的地位现代社会，人们每时每刻都要与色彩打交道，追求时尚、体验消费已经成为一种文化，体现出人们对高品质生活的追求愈加强烈。当我们步入商场、超市的时候，各类琳琅满目的商品，以优美的造型、鲜艳的色彩展现在我们面前，我们在仔细享受那些独特造型和美妙色彩的商品时，更容易被那些具有强烈色彩的物品所吸引，这便是色彩的作用，因为颜色在现代设计中具有强烈的视觉感召力和表现力。对于网页设计来讲，其信息内容的有效传达是通过各种构成要素的设计来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等。其中，色彩的设计尤为重要。从一定意义上说，网页也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使色彩可以产生强烈的视觉效果，使页面更加生动。而且浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的效果直接影响到阅读者的浏览兴趣。因此，色彩设计在网页中居于十分重要的位置。二、网页色彩搭配的原理1.色彩的鲜明性。网页的色彩要鲜明突出，容易引人注目。2.色彩的独特性。要有与众不同的色彩，使得学习者对网页具有深刻的印象。3.色彩的合适性。色彩和你表达的内容相适合。如用粉色体现女性主题网页的柔性。4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和网页的内涵相关联。当一个网页作品色调决定了之后，就应该考虑它的主次关系和色彩搭配，而不能平均的使用色彩。色彩面积大小是直接影响色调的重要因素，色彩搭配首先要考虑大面积色彩的安排。决定了画面中的主色，往往就决定了它的调子和方向，接下来就是要考虑用什么颜色来调配它们之间的比重，并确定调和到什么程度，才能符合自己策划的画面的氛围。得体的色彩表现和艺术处理，能在浏览者的视觉中产生夺目的效果。同时，色彩的运用要考虑内容的需要，用不同色彩对比的效果来表达不同内容和思想。运用相同色系色彩。这种搭配易于使网页色彩趋于一致，使网页色彩达到网页和谐统一的效果，因而是一种风险极小的搭配方法，缺点是容易造成页面的单调，因此往往利用局部加入对比色来增加变化，如局部使用对比色彩的图片等。运用对比或互补色。这种方式可以使色彩关系丰富多样，谐调、悦目，容易达到活泼、运动的网页效果，特别适合体现轻松素材的网站，在设计时需要注意主体色彩的运用，以一种或两种色彩占主导地位，再用相异的色彩作为陪衬、点缀和调节。使用黑、白、灰的特殊作用。黑、白、灰的对比作用既强烈有效，又微妙而耐人寻味，不能因为它“无彩”而有所忽略，它们在画面中充当过渡色，能够以色彩的中性使画面调和，以自身的单调使画面丰富，使色彩搭配技术更上一层楼。三、网页设计色彩运用的注意事项1.网页设计要与网站的色彩相统一网页设计要与网站的色彩相统一，是指在整个网站中，色彩的含义始终保持一致，不过多改变，在整个网页布局中，各区域的背景色，各种按钮的颜色应基本不变，在同一区域中，颜色的`运用更应该保持一致。2.色彩的运用要与内容主题相统一网站色彩的运用要与内容主题相统一，是指在设计网页时，一定要根据内容确定一个色彩基调，如内容活泼的常用鲜艳、亮丽的色调。政治类的常用暖色调，它对于烘托主题思想，表现环境气氛，构成一定的情境有重要作用。3.色彩的运用要注重突出内容主体要通过色彩的对比，使网页内容主次分明、层次清晰，比如所以浅色背景用深色字，深色背景用浅色字，用鲜艳色彩作为活动中的前景，以冷色，暗色、浅色作为背景等。四、网页设计中用色的小技巧1.对多数网页特别是有大面积文字的网页来说，应采用白色或浅色的背景，如浅灰色、淡黄色、浅蓝色或浅绿色，文字采用黑色或深颜色;2.避免在浅色背景使用明亮颜色的文字，因为这样文字会很难辨认;3.深颜色背景上使用浅色的文字是一种很好的组合，但是如果不是特别需要，应留作那些需要引起浏览者特别注意的小块区域和场合，比如标题图形等;4.使用黑色背景许多时候显得太沉重，可以考虑使用深灰色、深蓝、栗色等;5.白色、浅灰色、浅蓝色、浅绿色、浅褐色很适合作为深色背景上的文字颜色;6.大的、粗体的文字比常规尺寸的文字更适合使用;较强的颜色，可考虑鲜红色，橙色，明亮的蓝色，但注意不要滥用。五、结语网页色彩设计已经不只是一般的美工，而是综合了许多其他学科的实践应用领域，它涉及美学、光学、心理学、教育学和民俗学等多门学科。因此，网页的色彩设计需要有更高的要求。准确的、有创意的色彩设计，对网站的宣传推广有事半功倍的作用。
研究生论文页面布局格式
研究生学位论文撰写格式规范
1 内容要求
题目
题目应恰当、准确地反映本课题的研究内容。学位论文的中文题目应不超过25字，并且不设副标题。
论文正文字数
理工科硕士学位论文应在一万字以上，理工科博士论文应在三万字以上，文科硕士学位论文应在三万字以上，文科博士学位论文应在六万字以上。
中、英文摘要与关键词
中、英文摘要
摘要是论文内容的简要陈述，是一篇具有独立性和完整性的短文。摘要应包括本论文的基本研究内容、研究方法、创造性成果及其理论与实际意义。摘要中不宜使用公式、图表，不标注引用文献编号。避免将摘要写成目录式的内容介绍。
摘要的字数(以汉字计)，硕士学位论文一般为500～1000字，博士学位论文为1000～2000字，均以能将规定内容阐述清楚为原则。摘要页不需写出论文题目。英文摘要与中文摘要的内容应完全一致，在语法、用词上应准确无误。
关键词
关键词是供检索用的主题词条,应采用能覆盖论文主要内容的通用技术词条。关键词一般列3～5个，按词条的外延层次从大到小排列。
论文正文
论文正文包括绪论、论文主体及结论等部分。
绪论
绪论一般作为第1章。绪论应包括：本研究课题的学术背景及其理论与实际意义;国内外文献综述;相关领域的研究进展及成果、存在的不足或待深入研究的问题;本研究课题的.来源及主要研究内容。
论文主体
论文主体是学位论文的主要部分，应该结构合理，层次清楚，重点突出，文字简练、通顺。论文主体的内容应包括以下各方面：
本研究内容的总体方案设计与选择论证;本研究内容各部分(包括硬件与软件)的设计计算;本研究内容试验方案设计的可行性、有效性以及试验数据处理及分析;本研究内容的理论分析。
对本研究内容及成果应进行较全面、客观的理论阐述，应着重指出本研究内容中的创新、改进与实际应用之处。理论分析中，应将他人研究成果单独书写，并注明出处，不得将其与本人提出的理论分析混淆在一起。
管理和人文学科的论文应包括对研究问题的论述及系统分析，比较研究，模型或方案设计，案例论证或实证分析，模型运行的结果分析或建议、改进措施等。
自然科学的论文应推理正确，结论明确，无科学性错误。
论文主体各章后应有一节“本章小结”。
结论
学位论文的结论作为论文正文的最后一章单独排写，但不加章号。
结论是对整个论文主要成果的总结。在结论中应明确指出本研究内容的创造性成果或创新点理论(含新见解、新观点)，对其应用前景和社会、经济价值等加以预测和评价，并指出今后进一步在本研究方向进行研究工作的展望与设想。结论内容一般在2000字以内。
参考文献
博士学位论文的参考文献数一般应不少于100篇，其中外文文献一般不少于总数的1/2;硕士学位论文的参考文献一般应不少于40篇，其中外文文献一般不少于20篇。参考文献中近五年的文献数一般应不少于总数的1/3，并应有近两年的参考文献。
教材、产品说明书、各类标准、各种报纸上刊登的文章及未公开发表的研究报告(著名的内部报告如PB、AD报告及著名大公司的企业技术报告等除外)等通常不宜作为参考文献引用。
引用网上参考文献时，应注明该文献的准确网页地址，网上参考文献不包含在上述规定的文献数量之内。
攻读学位期间发表的学术论文
学位论文后应列出研究生在攻读学位期间发表的与学位论文内容相关的学术论文(含已录用，并有录用通知书的学术论文。录用通知书中应明确说明论文的发表卷、期号。)。攻读学位期间所获得的科研成果可单做一项列出。与学位论文无关的学术论文不宜在此列出。我校对硕士、博士生在攻读学位期间发表学术论文的要求见《哈尔滨师范大学学位授予工作细则》。
致谢
对导师和给予指导或协助完成学位论文工作的组织和个人表示感谢。内容应简洁明了、实事求是。
2 打印要求
研究生学位论文一律要求在计算机上输入、编排与打印。
论文版芯大小一般应为145mm×210mm(包括页眉及页码则为145mm×230mm),页码在版芯下边线之下隔行居中放置;摘要、目录、物理量名称及符号表等文前部分的页码用罗马数字单独编排，正文以后的页码用阿拉伯数字编排。
博士、硕士学位论文的扉页、摘要、目录、图题及表题等，都要求用中、英文两种文字给出，编排上中文在前。
博士学位论文一律要求双面打印，扉页、目录、摘要、正文、参考文献、附录、攻读博士学位期间发表的学术论文、原创性声明和使用授权书、致谢、索引需从奇数页开始打印(中英文扉页、中英文摘要、目录正反面打印)。
硕士学位论文单面打印。中文扉页、英文扉页、目录、中文摘要、英文摘要、正文、参考文献、附录、攻读硕士学位期间发表的学术论文、原创性声明和使用授权书、致谢、索引都需另起一页打印。
正文中每章节的最后一页空白处不得多于当页版面的3/5。
硕士学位论文的封皮均采用 (230克，靛蓝色云彩皮纹纸);博士学位论文的封皮均采用 (230克，红色云彩皮纹纸)。 除封皮外，其他纸张均采用(70克，白色A4纸)。
页面设置：要求每页33行×33字
字体、字号：
章标题：中文小2号黑体, 西文小2号Times New Roman;
节标题：中文小3号黑体, 西文小3号Times New Roman;
条标题：中文4号黑体, 西文4号Times New Roman;
款、项标题：中文小4号黑体, 西文小4号Times New Roman;
正 文：中文小4号宋体,西文小4号Times New Roman
表1层次代号及说明
名称
理科示例
文科示例
说 明
章
第1章□□……□
第一章 □□……□
章序及章名居中排
节
└┘□□……□
一、└┘□□……□
题序顶格书写,与标题间空一格,下面阐述内容另起一段
硕士研究生毕业论文格式规范
硕士论文是攻读硕士学位 研究生所撰写的论文。它应能反映出作者广泛而深入地掌握 专业基础知识，具有独立进行科研的能力，对所研究的题目有新的独立见解，论文具有一定的深度和较好的科学价值，对本专业学术水平的提高有积极作用。下面是硕士研究生毕业论文格式规范，供大家参考。
1.标题
(1)论文的标题一般分为三级，具体的格式要求为：
1级标题：中文黑体，三号(21px)，段前、段后间距均为1行;英文为times new 级标题：中文黑体，四号(19px)，段前、段后间距为1行;英文为times new 级标题：中文黑体，小四号或(16px)，段前、段后间距为1行;英文为times new roman。
段前、段后的间距可根据文章的实际情况做适当的调节，以便于控制正文合适的换页位置。
(2)标题的表述可以用“章、节”、“
一、(一)”、“
1、”等形式。其格式如下：“第一章 □□□□□(一级标题，居中，单列一行)”“第一节 □□□□□(二级标题，空两格左对齐，单列一行)”“
一、 □□□□□(三级标题，同二级标题)”对于其他样式的格式，要求不变。
对于其他级次的标题或者需要突出的'重点部分，可用五号黑体字体进行标示，也可单列一行，或者放在段首。
2.正文字体
(1)硕士论文的正文中，如无特殊要求中文一律采用简体，特殊情况可用繁体，字号为五号宋体，行间距为18磅;
(2)图、表标题采用小五号黑体;表格中文字、图例说明采用小五号宋体;表注采用六号宋体;
(3)英文、罗马字符一般采用Times New Roman字体，按规定应采用斜体的采用斜体;
(4)阿拉伯文、日文等其他文字使用该文字的惯用字体。
3.图表、公式
(1)硕士论文中的表格均采用标准表格形式。表中的参数应标明量和单位。表序、标题居中置于表的上方。表的备注置于表的下方。表格一般放在同一页内显示，一般不要分页显示。
(2)图中的术语、符号、单位等应与正文中的表述一致。图序、标题、图例说明居中置于图的下方。图形不能跨页显示。照片不得直接粘贴，须扫描后以图片形式插入。
(3)论文中的公式为居中对齐，编号用小括号括起，右对齐，其间不需要加线条。
(4)文中的图、表、公式、附注等一律用阿拉伯数字按章节连续编号，例如：图1-1，表2-2，公式(3-1)等。
4.注释
注释一律采用页下注(脚注)的形式。注释的序号形式为①，②，③类型的标识，每页需要重新排序，不得与上页累计。
5.参考文献
参考文献页一律放在正文后面，可不编序号，但不得放在各章之后。参考文献编号项目及次序与引文注释的格式基本相同，但不不要标注页码。
中文参考文献的排列顺序按照引用著作、论文、电子文献的作者姓氏的汉语拼音升序排列，外文按作者姓氏的英文字母升序排列。外文著作、论文用原文罗列，无需翻译。
6.页眉、页脚文字
页眉、页脚均采用小五号宋体，页眉左侧为论文题名，右侧为一级标题名称;页眉下横线为上粗下细文武线(3磅);如果论文采用单面印刷，则页码排在页脚居中位置。
7.页码
页码的起始编码页为第一章，按按阿拉伯数字连续编排。第一章之前的页码用罗马数字单独编排。所有的页码均置于右下脚。
期刊论文页面布局
期刊论文格式排版要求规范
引导语：论文格式就是指进行论文写作时的样式要求，以及写作标准。
期刊论文格式排版要求规范
一、标题(不超过20个字)：三号黑体居中，可以分成1或2行;段后空一行
二、作者姓名(两人以上，以逗号分隔)：4号仿宋体居中，段后空行
三、作者单位、邮编：小4号宋体居中，段后空一行
四、摘要、关键词：“摘要”二字(小四号黑体)，摘要内容要小四号宋体，段后空一行;“关键词”三字(小四号黑体)，摘要内容要小四号宋体，段后空一行，关键词数量为3～5个，每一关键词之间用分号分开，最后一个关键词后不打标点符号。
五、中图分类号、文献标志码、文章编号(小四号黑体)
六、正文(小四号宋体。行距20磅，字符间距为标准)
1(顶格)一级标题，4号黑体，段前段后1行
(顶格)二级标题，5号黑体，段前段后行
(顶格)三级标题，5号楷体，段前段后行
七、图(图题配英文翻译，距正文段后行)(图题位于图下方;中文用6号宋体，加粗，英文用6号Times New Roman，加粗;英文采用段后行)
九、表(表题配英文翻译，距正文段前行。表中量与单位之间用“/”分隔)(三线表)(表题位于表上方;中文用6号宋体，加粗，英文用6号Times New Roman，加粗;中文采用段前行)
十、参考文献(配英文翻译)(标题：小5号黑体，内容：6号宋体)
[知识拓展]
论文格式需要注意的几个问题
一、各种标题的格式
改格式选择格式样式和格式，这样在右边就出现一个样式和格式的子框体了
如果你的格式已经很乱了。那么我建议，选择新样式，然后在弹出的对话框里面输入你自己的新格式题目，最好跟你很乱的格式有区别。
比如取个我的标题1，我的标题2
记住哦，标题序号跟标题之间需要两个空格，自己手动敲入吧：)
二、生成目录
在插入引用索引和目录可以自动生成目录(前提是你的'各个标题已经改对了)
选择你的目录，右键段落设置行距固定值然后改成20磅就好了
三、关于页眉
据我所知(可能会有误差，但也差不多)我们在封面，摘要、目录是不需要显示页眉的，但是只要在正文部分加入页眉的话，是不是所有的都有页眉了呢??单独打印太麻烦了，我是这么做的。
1.打开论文
2. 此时先不要急着设置页眉，而是将光标分别定位于每个需要使用新页眉的位置，然后执行插入菜单→分隔符命令，
选中分节符类型中的下一页选框后点击确定按钮，并以此为例对整份文件进行分节处理
3. 等整个文章分好节以后，就可以点击视图菜单→页眉与页脚命令进入页眉编辑模式了。如按要求输入好页眉.
但是这个时候在正文前面的文章仍然还是有页眉的。。。你注意到了右边页眉上有与上一节相同的字了吗???
此时，应该点击页眉与页脚工具栏中的链接到前一个按钮切断3节与前一节的页眉内容联系。然后在前面一节目录的页眉里把文字部分删除就可以了。
一篇标准的期刊论文格式，论文题目字数要求：文章题目不超过20个字，不用不常见的英文缩写(三号、黑体、加粗，居中)
中文摘要与关键词：摘要(黑体、小四、加粗，左对齐)：中文摘要要求200字左右。中文摘要用第三人称编写，简短精炼，明确具体。摘要格式要规范，不能出现本文、论文等类似字样，不能出现数学公式、插图、表格、参考文献序号等。
英文摘要同中文一致，创新点用斜体标出。(宋体、小四)关键词(黑体、小四、加粗，左对齐)：词1;词2;词3(宋体，小四，要求3-8个，用分号隔开)
英文摘要与关键词：Title(三号、Times New Roman体、加粗、居中)。论文目录格式：目录(三号、黑体、加粗、居中、字间空两字符)
正文内容：(小四，宋体，倍行距，字符不缩放，字符间距为“标准”;参考文献标识符号[1]，方括号加数字，小四，Times New Roman，上标表示;所有数字和英文全部为Times New Roman字;除目录可适当调整行距外，其他部分全部为倍行距。
页面上下边距为，左右边距为;中英文题目、摘要和关键词页面用罗马数字注页码，其他部分用阿拉伯数字注页码，页码为页脚标识，六号、宋体、居中。)
表(一律用三线表)表 表的名称(表序分两级，小四、宋体、加粗、居中)表内文字：小四号、宋体、上下左右居中，注(五号、宋体、加黑)：内容(五号、宋体)，有多条注释，用“①、②……”分列。2 一级标题(四号、黑体、加粗、左对齐) 二级标题式样(小四、黑体、加粗、左对齐) 三级标题式样(小四、宋体、加粗、左对齐)
正文内容。(小四，宋体，倍行距，字符不缩放，字符间距为“标准”;参考文献标识符号[1]，方括号加数字，小四，Times New Roman，上标表示;所有数字和英文全部为Times New Roman字;除目录可适当调整行距外，其他部分全部为倍行距。
页面上下边距为，左右边距为;中英文题目、摘要和关键词页面用阿拉伯数字注页码，其他部分用罗马数字注页码，页码为页脚标识，六号、宋体、居中。)
图(图序一级，依次标识，小四号、宋体、加黑、居中)3 一级标题(四号、黑体、加粗、左对齐) 二级标题式样(小四、黑体、加粗、左对齐) 三级标题式样(小四、宋体、加粗、左对齐)正文内容。
公式(公式格式：公式居中，公式编号右对齐，英文字母和数字为Times New Roman体，小四号字)参考文献(五号、黑体、加粗、居中)： 期刊文献的著录格式[序号] 主要责任者.文献题名[文献类型标识].刊名,年,卷(期):起止页码. (五号、宋体、下同)
页面布局与美化设计毕业论文
1、设置页面
编辑毕业论文时要首先将论文的整体格式预先定义好，这样才能保证在以后的编辑过程中改动最少。毕业论文撰写规范通常会规定页边距、装订线、纸张方向、页眉和页脚距边界的距离以及纸张类型等，这些都是在“页面布局”中进行设置的。
打开“页面布局”选项卡，在其中可以进行以上所的到的几项设置，需要说明的一点是对文档网络的使用。比如论文正文要求行间距是22磅，那么就可以将行的跨度修改为相应的数值就可以了。
点击“字体设置”按钮，将字体的格式修改为论文中要求的正文格式，这是因为论文中正文的内容是最多的，在此进行设置后，可以减少排版时间。
2、添加页眉、页脚
毕业论文是要求添加页眉和页脚的，对于单纯的添加相同的页眉页脚不是困难的事情。可是当论文篇幅较长时，可能对每一章的页眉有所差别。如果将不同的章节分为在于个word文档，则可能在自动生成目录时遇到麻烦，也有可能在双面打印时浪费纸张。实际上，要设置不同的页眉页脚，利用word的分节符就可实现。
（1）．插入分节符。光标定位到第一章的末尾，点击“页面布局”——“分隔符”——“分节符”，选择分节符的类型为“下一页“，光标所在地方被插入分节符，分节符下面的文字属于另外一节了。
（2）．选择“插入”——“页眉”，如果我们需要各章的页眉相互独立时，取消“链接到前一条页眉”按钮，然后修改后续章节的页眉。如果这时候页脚的页码还是独立编排的话，修改页码的格式为“续前节”后，就可以实现全文统一编辑页脚了。
3、处理三级标题。
论文中的各级文字都有统一的格式，比如有一级标题、二级标题、三级标题等，这样整个论文看起来条理清楚、结构井然。一般的毕业论文分成三级标题，内容丰富又不失条理。我们可以使用word提供的样式功能来完成。
1．选择“开始”——“段落”中的“多级列表”，选择“定义新的多级列表”。
2．在弹出的对话框中选择“级别”列表中的1，表示对第一级的标题定义，然后在“编号样式”中选择一种编号方式，还可以在此输入编号前后的文字，如“第一章”，然后再修改字体、编号位置等属性。
3．重复以上的步骤。
4、添加图表和公式的编号照要求设置好。
在毕业论文中特别是工科专业的论文，有大量的图表和公式需要对其进行编号。如果一个一个进行编号的话，一旦其中一个发生变化，其它的都需要更改，既费时又费力。使用word的“题注”功能，就会对图表和公式自动编号，并且可以在编号发生改变时自动修改引用此图表或公式的所有内容。
（1）．选择文章中的第一个图表，命名为“表1．X”。选择“引用”——“插入题注”，弹出“题注”对话框。
（2）．新建一个标签，题注名改为“图1．“，确定。当要插入第二个表时，重复此步骤，wordg~图在文章中的顺序自动编号。
（3）．在文档中引用这些编号时，比如“如表1．1所示”，首先选择题注文字，然后选择“插入”——“书签”，给书签起一个名字后确定。将光标移动至需要引用的地方，单击“插入”——“交叉引用”，在弹出的对话框中选择“引用类型”为“书签”，“引用内容”为“书签文字”。
（4）．当图表或公式的编号发生改变时，用鼠标右击引用文字，在弹出的菜单中选择“更新域”，编号就会自动更新。
5、调整线宽
线宽的设置有以下两种情况：一是表格，二是页眉。
（1）．表格的线宽
专业的毕业论文通常要求使用三线表，就是顶线和底线为粗线而栏目线为细线的表格。我们通常会使用word默认表格形式绘制，再通过改变表格属性来更改效果。这个过程比较繁琐。我们可以使用以下步骤绘制表格：
第一步，选择“插入”——“表格”，在弹出的对话框中选择“简明型1”。
第二步，将“末行”前面的钩号去掉，设置为默认格式就可以了。
（2）．页眉线宽
设置页眉时，在页眉文字下面带有一条下划线，如果不想要这条线，可以在页眉中选中文字后，选择“开始”——“段落”——“边框和底纹”，在弹出的对话框中选择“自定义”选项，单击“下边框”按钮，就可以去掉这条下划线了。如果想设置其它的线型也可在这个对话框中进行设置。
6、制作目录
一篇完整的论文必须要包含目录的，如果手动的一点点打上去很容易造成目录页码错误或者目录不整齐，当文章的内容发生变化时，目录不会自动更新。要解决此问题可以使用word中的目录功能。要制作目录，首先要设置好前面提到的三级标题。将光标定位到文章开头处，选择“引用”——“目录”，按要求选择一种目录样式，再根据需要确定显示级别的数量，这样一个美观整齐的目录就出现了。
如果在论文的编辑过程中没有使用样式来编排，可以在“大纲”工具栏中进行设置。将光标移动至“第一章”文字的前面，在“正文文本”下拉框中选择1级，重复此过程，再用之前的目录生成的方法设置就可以了。
如果目录生成后，文章的内容又发生了改变，就需要更新目录。右击目录中的任一位置，选择“更新域”，在弹出的对话框中有两个选择，一是只更新页码，二是更新整个目录，根据实际情况选择就可以了。
每个学校都不一样的，最好问一下导师或者学校组织答辩事宜的负责老师，一般学校门口的打字复印社应该也是清楚的。
悟空办公：10000篇的论文排版经验告诉你，如何搞定论文排版？临近毕业季，微信上又有越来越多的好友来和我抱怨论文的事情，今年经历过翟天临事件后，各大学校基本都在狠抓论文质量，这就苦了我们众多高校的学子。放眼望去，只见在导师办公室哭泣的毕业生更多了，甚至有的学生改了十多遍都没有通过，导致大家花费在论文打印上的费用也更高，所以甚至都有学生和我说：心力憔悴，都快抑郁了。作为这一行业的从业者，我其实是并不太愿意看到这种现象的。作为一家有社会担当的企业，我们公司决定将进行论文排版业务以来，所累计1万余篇的排版经验全部公开，以方便我们的学子高效搞定论文排版。一、准备篇建议把论文写作和论文排版工作进行分开，不要同时进行写作和排版。根据高效工作法则，专心做一件事的效率最高。所以应该是先专心进行写作，然后再进行排版。如果导师愿意的话，可以写完内容后，请导师审核内容是否OK，然后再排版，这样效率最高（有些导师为了节约时间喜欢内容格式一起看，其实这样反而耽误大家时间）。在内容没有问题后，我们首先应该详读一遍学校的格式规范，不要求每条都记住，但大概要求了哪些，大概在规范文档的哪个地方，要做到心中有数。然后就是准备好固定的页面，如封面，原创声明等，这些页面在排版的时候可以直接粘贴进去，再填写相关内容就行。注意：固定页面一定不要自己制作，一定是从学校发的格式文件或者模板里面复制出来，实在没有，找同学甚至学长学姐的论文，从那里面复制出来。自己制作吃力不讨好，花费时间不说，做的也不是正版，和学校的总是会有差异。二、排版篇然后就是按照论文页面顺序进行排版了，封面、原创声明这些改好内容复制到自己论文里面就行，中、英文摘要根据学校要求的格式进行排版，在这个时候不要管页眉和页脚，这个是后面再一起搞定的。接下来就是目录，目录页留好位置就行，具体内容是后面自动生成的。接下来是正文排版，具体的软件操作大家都在学校或者自己学过，并且大家所用的软件也不一样，我就不具体讲解。如果在某个功能使用上确实不是很明白，可以百度或者花点时间学习下秋叶大叔的教程（找秋叶大叔的课程学习虽然花费时间，但后期对大家的工作有巨大帮助）。在这里我主要讲些技巧上的提示：（1）各级标题除了要做到学校要求的字体、段落等格式要求外，注意一定要在段落里面选择大纲级别，章标题选择1级，节标题选择2级，条标题选择3级，没有选择大纲级别，后期将生成不了自动目录。（2）正文除了设置好学校要求字体、段落外，需要额外注意的一点是对齐方式应该是两端对齐（包括中、英摘要的正文），有些学校格式对这点可能会忽略，但我们也需要做到。（3）在设置过一次标题和正文格式后，可以利用样式功能，创建对应的样式以快速排版后面的内容。样式的名字可以用“1级”、“2级”、“1正文”等类似命名规则，用数字开头的命名可以保证你创建的样式排在样式库的最前方，方便你的调用。（4）如果学校要求每章的页眉或页脚不一样，那么在排版完一章后，可以用分节符进行分页，如果学校要求较简单，正文的页眉页脚内容都一样，在正文中可以简单用分页符进行分页。此处情况较为复杂，我将会在下一篇文章中具体讲解。但需要注意的是，一定不要用敲换行的方式进行换页，这种方式如果你排版完后修改了前面的内容，会发现后面的内容全部影响了，许多学生的论文反反复复修改的原因就是因为此。（5）参考文献的写法如果不会的话，可以百度参考文献自动生成器，有很多类似的小工具可以帮助你快速正确的写作参考文献。（6）在所有的正文都排版好后，然后就可以设置页眉页脚。页眉页脚简单来说，如果现在所排版的章节和前面的章节的页眉页脚内容不一样，那么就取消链接到前一节，这样就能实现每一章的页眉页脚内容不一样。相反，如果这一章的页眉页脚内容和前面是一致的，那么就把链接到前一节点亮。（7）最后自动生成目录，正文的所有标题都设置好大纲级别后，在引用-目录功能下插入个目录就行。这里提醒一点，如果后期调整了正文的内容，只需要在目录上点鼠标右键，点更新域，没动标题内容选择只更新页码，增、减或者修改了标题内容点更新整个目录。三、检查篇我们公司最开始也忽略了检查的重要性，但后期发现不管在排版的过程中如何细致小心，排版完后一定会有一些格式可能被其他操作影响了或者什么的，达到没有做到学校的要求，所以后期我要求公司所有的技术人员排版完每篇论文后，一定要细致的检查2-3遍，这样可以大大减少失误的地方，提高格式一次性通过的概率。后记至此，一篇论文就严格按照学校的要求排版好了。论文排版也算是一项比较复杂的工作，但如果掌握好技巧，再加上花费一定心思，还是可以做到高效通过学校的要求的。当然，一些要求复杂的学校，在排版论文的过程中可能会遇到各种无法预料的问题，碰到困难的同学欢迎关注我们公司微信公众号，给我们留言提出，我们很愿意为大家解决。最后，祝愿天下所有毕业生们论文都能高效顺利通过！附：为造福更多学生，本文在保证完整性的前提下，允许各种形式的转载。
在第一章的最后一页进行以下操作：页面布局——页面设置——分隔符——下一页，此时光标定位在第二章的第一页，第一张的页眉处会出现“第一节”字样。然后在第二章的最后一页再进行以下操作：页面布局——页面设置——分隔符——下一页，此时光标定位在第三章的第一页，第一张的页眉处会出现“第二节”字样，以此类推在每一章中都进行如此操作，最后依次在每一章的页眉输入相应的章节即可。
- 索引序列
- 网页布局研究与应用论文
- 网页布局与色彩搭配毕业论文
- 研究生论文页面布局格式
- 期刊论文页面布局
- 页面布局与美化设计毕业论文
- 返回顶部