前端开发的毕业论文

(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像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。

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. 计算机毕业论文范文大全

一、周密思考，慎重落笔论文提纲论文是一项“系统工程”，在正式动笔之前，要对文章进行通盘思考，检查一下各项准备工作是否已完全就绪。首先，要明确主题。主题是文章的统帅，动笔之前必须想得到十分清楚。清人刘熙载说：“凡作一篇文，其用意俱可以一言蔽之。扩之则为千万言，约之则为一言，所谓主脑者是也。”(《艺概》)作者要想一想，自己文章的主题能否用一句话来概括。主题不明，是绝对不能动手写文的。其次，是理清思路。思路是人订]思想前进的脉络、轨道，是结构的内在依据。动笔之前，对怎样提出问题，怎样分析问题，怎样解决问题，以及使用哪些材料等，都要想清楚。第三，立定格局。所谓“格局”，就是全文的间架、大纲、轮廓。在动笔之前先把它想好“立定”，如全文分几部分，各有哪些层次，先说什么，后说什么，哪里该详，哪里该略，从头至尾都应有个大致的设想。第四，把需要的材料准备好，将各种事实、数据、引文等找来放在手头，以免到用时再去寻找，打断思路。第五，安排好写作时间、地点。写作要有相对集中的时间，比较安静的环境，才能集中精力专心致志地完成毕业论文写作任务。古人说：“袖手于前，方能疾书于后。”鲁迅也曾说，静观默察，烂熟于心;凝神结想，一挥而就。做好了充分的准备，写起来就会很快。有的人不重视写作前的准备，对所写的对象只有一点粗浅的认识就急于动笔，在写作过程中“边施工边设计”，弄得次序颠倒，手忙脚乱，或做或掇，时断时续，结果反而进展缓慢。所以，在起草之前要周密思考，慎重落笔。二、一气呵成，不重“小节”在动笔之前要做好充分的准备，一旦下笔之后，则要坚持不懈地一口气写下去，务必在最短时间内拿出初稿。这是许多文章家的写作诀窍。有的人写文章喜欢咬文嚼字，边写边琢磨词句，遇到想不起的字也要停下来查半天字典。这样写法，很容易把思路打断。其实，初稿不妨粗一些，材料或文字方面存在某些缺陷，只要无关大局。暂时不必去改动它，等到全部初稿写成后，再来加工不迟。鲁迅就是这样做的，他在《致叶紫》的信中说：先前那样十步九回头的作文法，是很不对的，这就是在不断的不相信自己——结果一定做不成。以后应该立定格局之后，一直写下去，不管修辞，也不要回头看。等到成后，搁它几天，然后再来复看，删去若干，改换几字。在创作的途中，一面炼字，真要把感兴打断的。我翻译时，倘想不到适当的字，就把这些字空起来，仍旧译下去，这字待稍暇时再想。否则，能因为一个字，停到大半天。这是鲁迅的经验之谈，对我们写毕业论文也极有启发。三、行于所当行，止于所当止北宋大文学家苏拭在谈到他的散文写作时说：“吾文如万斜泉涌，不择地而出。在乎地，滔滔汩汩，虽一日干里无难;及其与山石曲折，随地赋形而不可知也。所可知者，常行于所当行，常止于不可不止，如是而已矣。”(《文说》)苏拭是唐宋八大散文家之一，作文如行云流水，有神出鬼没之妙，旁人不可企及。但他总结的“行于所当行，止于所不可不止”，则带有一定的普遍性。“行于所当行”，要求作者在写作时，该说的一定要说清楚，不惜笔墨。如一篇文章的有关背景，一段事情的来龙去脉，一种事物的性质特征等，如果是读者所不熟悉的，就应该在文章中讲清楚，交代明白，不能任意苟简，而使文意受到损害，以致出现不周密、不翔实的缺陷。“止于所不能不止”，就是说，不该写的，一字也不可多写，要“惜墨如金”。如果情之所至，任意挥洒，不加节制，也不肯割爱，势必造成枝蔓横生，冗长拖杏，甚至出现“下笔千言，离题万里”的毛病。

前端开发毕业论文格式

中华人民共和国国家标准UDC 科学技术报告、学位论文和 学术论文的编写格式 GB 7713—87Presentation of scientific and technical reports, dissertations and scientific papers1 引言 制订本标准的目的是为了统一科学技术报告、学位论文和学术论文(以下简称报告、论文)的撰写和编辑的格式，便利信息系统的收集、存储、处理、加工、检索、利用、交流、传播。 本标准适用于报告、论文的编写格式，包括形式构成和题录著录，及其撰写、编辑、印刷、出版等。 本标准所指报告、论文可以是手稿，包括手抄本和打字本及其复制品;也可以是印刷本，包括发表在期刊或会议录上的论文及其预印本、抽印本和变异本；作为书中一部分或独立成书的专著；缩微复制品和其他形式。 本标准全部或部分适用于其他科技文件，如年报、便览、备忘录等，也适用于技术档案。 2 定义 科学技术报告 科学技术报告是描述一项科学技术研究的结果或进展或一项技术研制试验和评价的结果；或是论述某项科学技术问题的现状和发展的文件。 科学技术报告是为了呈送科学技术工作主管机构或科学基金会等组织或主持研究的人等。科学技术报告中一般应该提供系统的或按工作进程的充分信息，可以包括正反两方面的结果和经验，以便有关人员和读者判断和评价，以及对报告中的结论和建议提出修正意见。 学位论文 学位论文是表明作者从事科学研究取得创造性的结果或有了新的见解，并以此为内容撰写而成、作为提出申请授予相应的学位时评审用的学术论文。 学士论文应能表明作者确已较好地掌握了本门学科的基础理论、专门知识和基本技能，并具有从事科学研究工作或担负专门技术工作的初步能力。 硕士论文应能表明作者确已在本门学科上掌握了坚实的基础理沦和系统的专门知识，并对所研究课题有新的见解，有从事科学研究工作成独立担负专门技术工作的能力。 博士论文应能表明作者确已在本门学科上掌握了坚实宽广的基础理论和系统深入的专门知识，并具有独立从事科学研究工作的能力，在科学或专门技术上做出了创造性的成果。 学术论文 学术论文是某一学术课题在实验性、理论性或观测性上具有新的科学研究成果或创新见解和知识的科学记录；或是某种已知原理应用于实际中取得新进展的科学总结，用以提供学术会议上宣读、交流或讨论；或在学术刊物上发表；或作其他用途的书面文件。 学术论文应提供新的科技信息，其内容应有所发现、有所发明、有所创造、有所前进，而不是重复、模仿、抄袭前人的工作。 3 编写要求 报告、论文的中文稿必须用白色稿纸单面缮写或打字；外文稿必须用打字。可以用不褪色的复制本。 报告、论文宜用 A4(210 mm×297 mm)标准大小的白纸，应便于阅读、复制和拍摄缩微制品。报告、论文在书写、扫字或印刷时，要求纸的四周留足空白边缘，以便装订、复制和读者批注。每一面的上方(天头)和左侧(订口)应分别留边25 mm以上，下方(地脚)和右侧(切口)应分别留边20 mm以上。 4 编写格式 报告、论文章、条的编号参照国家标准《标准化工作导则标准编写的基本规定》第8章“标准条文的编排”的有关规定，采用阿拉伯数字分级编号。 报告、论文的构成（略） 5 前置部分 封面 封面是报告、论文的外表面，提供应有的信息，并起保护作用。 封面不是必不可少的。学术论文如作为期刊、书或其他出版物的一部分，无需封面； 如作为预印本、抽印本等单行本时，可以有封面。 封面上可包括下列内容： a. 分类号 在左上角注明分类号，便于信息交换和处理。一般应注明《中国图书资料类法》的类号，同时应尽可能注明《国际十进分类法UDC》的类号。 b. 本单位编号 一般标注在右上角。学术论文无必要。 c. 密级视报告、论文的内容，按国家规定的保密条例，在右上角注明密级。如系公开发行，不注密级。 d. 题名和副题名或分册题名 用大号字标注于明显地位。 e. 卷、分册、篇的序号和名称 如系全一册，无需此项。 f. 版本 如草案、初稿、修订版、…等。如系初版，无需此项。 g. 责任者姓名 责任者包括报告、论文的作者、学位论文的导师、评阅人、答辩委员会主席、以及学位授予单位等。必要时可注明个人责任者的职务、职称、学位、所在单位名称及地址；如责任者系单位、团体或小组，应写明全称和地址。 在封面和题名页上，或学术论文的正文前署名的个人作者，只限于那些对于选定研究课题和制订研究方案、直接参加全部或主要部分研究工作并作出主要贡献、以及参加撰写论文并能对内容负责的人，按其贡献大小排列名次。至于参加部分工作的合作者、按研究计划分工负责具体小项的工作者、某一项测试的承担者，以及接受委托进行分析检验和观察的辅助人员等，均不列入。这些人可以作为参加工作的人员一一列入致谢部分，或排于脚注。 如责任者姓名有必要附注汉语拼音时，必须遵照国家规定，即姓在名前，名连成一词，不加连字符，不缩写。 h. 申请学位级别 应按《中华人民共和国学位条例暂行实施办法》所规定的名称进行标注。 i. 专业名称 系指学位论文作者主修专业的名称。 j. 工作完成日期 包括报告、论文提交日期，学位论文的答辩日期，学位的授予日期，出版部门收到日期(必要时)。 k. 出版项 出版地及出版者名称，出版年、月、日(必要时)。 报告和论文的封面格式参见附录 A。 封二 报告的封二可标注送发方式，包括免费赠送或价购，以及送发单位和个人;版权规定；其他应注明事项。 题名页 题名页是对报告、论文进行著录的依据。 学术论文无需题名页。 题名页置于封二和衬页之后，成为另页的石页。 报告、论文如分装两册以上，每一分册均应各有其题名页。在题名页上注明分册名称和序号。 题名页除规定封面应有的内容并取得一致外，还应包括下列各项： 单位名称和地址，在封面上未列出的责任者职务、职称、学位、单位名称和地址，参加部分工作的合作者姓名。 变异本 报告、论文有时适应莱种需要，除正式的全文正本以外，要求有某种变异本，如：节本、摘录本、为送请评审用的详细摘要本、为摘取所需内容的改写本等。 变异本的封面上必须标明“节本、摘录本或改写本”字样，其余应注明项目，参见的规定执行。 题名 题名是以最恰当、最简明的词语反映报告、论文中最重要的特定内容的逻辑组合。题名所用每一词语必须考虑到有助于选定关键词和编制题录、索引等二次文献可以提供检索的特定实用信息。 题名应该避免使用不常见的缩略词、首字母缩写字、字符、代号和公式等。 题名一般不宜超过20字。 报告、论文用作国际交流，应有外文(多用英文)题名。外文题名一般不宜超过10个实词。 下列情况可以有副题名： 题名语意末尽，用副题名补充说明报告论文中的特定内容； 报告、论文分册出版，或足一系列工作分几篇报道，或是分阶段的研究结果，各用不同副题名区别其特定内容; 其他有必要用副题名作为引伸或说明者。 题名在整本报告、论文中不同地方出现时，应完全相同，但眉题可以节略。 序或前言 序并非必要。报告、论文的序，一般是作者或他人对本篇基本特征的简介，如说明研究工作缘起、背景、它旨、目的、意义、编写体例，以及资助、支持、协作经过等；也可以评述和对相关问题研究阐发。这些内容也可以在正文引言中说明。 摘要 摘要是报告、论文的内容不加注释和评论的简短陈述。 报告、论文一般均应有摘要，为了国际交流，还应有外文(多用英文)摘要。 摘要应具有独立性和自含性，即不阅读报告、论文的全文，就能获得必要的信息。摘要中有数据、有结论，是一篇完整的短文，可以独立使用，可以引用，可以用于工艺推广。摘要的内容应包含与报告、论文同等量的主要信息，供读者确定有无必要阅读全文，也供文摘等二次文献采用。摘要一般应说明研究工作目的、实验方法、结果和最终结论等，而重点是结果和给沦。 中文摘要一般不宜超过200~300字；外文摘要不宜超过250个实词。如遇特殊需要字数可以略多。 除了实在无变通办法可用以外，摘要中不用图、表、化学结构式、非公知公用的符号和术语。 报告、论文的摘要可以用另页置于题名页之后，学术论文的摘要一般置于题名和作者之后、正文之前。 学位论文为了评审，学术论文为了参加学术会议，可按要求写成变异本式的摘要，不受字数规定的限制。 关键词关键词是为了文献标引工作从报告、论文中选取出来用以表示全文主题内容信息款目的单词或术语。 每篇报告、论文选取3~8个词作为关键词，以显著的字符另起一行，排在摘要的左下方。如有可能，尽量用《汉语主题词表》等词表提供的规范词。 为了国际交流，应标注与中文对应的英文关键词。 目次页 长篇报告、论文可以有目次页，短文无需目次页。 目次页由报告、论文的篇、章、条、附录、题录等的序号、名称和页码组成，另页排在序之后。 整套报告、论文分卷编制时，每一分卷均应有全部报告、论文内容的目次页。 插图和附表清单报告、论文中如图表较多，可以分别列出清单置于目次页之后。图的清单应有序号、图题和页码。表的清单应有序号、表题和页码。 符号、标志、缩略词、首字母缩写、计量单位、名词、术语等的注释表符号、标志、缩略词、首字母缩写、计量单位、名词、术语等的注释说明汇集表，应置于图表清单之后。 6 主体部分 格式 主体部分的编写格式可由作者自定，但一般由引言(或绪论)开始，以结论或讨论结双。 主体部分必须由另页右页开始。每一篇(或部分)必须另页起。如报告、论文印成书刊等出版物，则按书刊编排格式的规定。 全部报告、论文的每一章、条的格式和版面安排，要求划一，层次清楚。 序号 如报告、论文在一个总题下装为两卷(或分册)以上，或分为两篇(或部分)以上，各卷或篇应有序号。可以写成：第一卷、第二分册；第一篇、第二部分等。用外文撰写的报告、论文，其卷(分册)和篇(部分)的序号，用罗马数字编码。 报告、论文中的图、表、附注、参考文献、公式、算式等，一律用阿拉伯数字分别依序连续编排序号。序号可以就全篇报告、论文统一按出现先后顺序编码，对长篇报告、论文也可以分章依序编码。其标注形式应便于互相区别，可以分别为：图 l、图；表2、表；附注 l)；文献[4]；式(5)、式()等。 报告、论文一律用阿拉伯数字连续编页码。页码由书写、打字或印刷的首页开始，作为第l页，并为有页另页。封面、封二、封三和封底不编入页码。可以将题名页、序、目次页等前置部分单独编排页码。页码必须标注在每页的相同位置，便于识别。 力求不出空白页，如有，仍应以有页作为单页页码。 如在一个总题下装成两册以上，应连续编页码。如各册有其副题名，则可分别独立编页码。 报告、论文的附录依序用大写正体A，B，C，……编序号，如：附录 A。 附录中的图、表、式、参考文献等另行编序号，与正文分开，也一律用阿拉伯数字编码，但在数码前冠以附录序码，如：图 A1；表B2；式(B3)；文献〔A5〕等。 引言(或绪论) 引言(或绪论)简要说明研究工作的目的、范围、相关领域的前人工作和知识空白、理论基础和分析、研究设想、研究方法和实验设计、预期结果和意义等。应言简意赅，不要与摘要雷同，不要成为摘要的注释。一般教科书中有的知识，在引言中不必赘述。 比较短的论文可以只用小段文字起着引言的效用。 学位论文为了需要反映出作者确已掌握了坚实的基础理论和系统的专门知识，具有开阔的科学视野，对研究方案作了充分论证，因此，有关历史回顾和前人工作的综合评述，以及理论分析等，可以单独成章，用足够的文字叙述。 正文 报告、论文的正文是核心部分，占主要篇幅，可以包括：调查对象、实验和观测方法、仪器设备、材料原料、实验和观测结果、计算方法和编程原理、数据资料、经过加工整理的图表、形成的论点和导出的结论等。 由于研究工作涉及的学科、选题、研究方法、工作进程、结果表达方式等有很大的差异，对正文内容不能作统一的规定。但是，必须实事求是，客观真切，准确完备，合乎逻辑，层次分明，简练可读。 图包括曲线图、构造图、示意图、图解、框图、流程图、记录图、布置图、地图、照片、图版等。 图应具有“自明性”，即只看图、图题和图例，不阅读正文，就可理解图意。 图应编排序号(见)。 每一图应有简短确切的题名，连同图号置于图下。必要时，应将图上的符号、标记、代码，以及实验条件等，用最简练的文字，横排于图题下方，作为图例说明。 曲线图的纵横坐标必须标注“量、标准规定符号、单位”。此三者只有在不必要标明(如无量纲等)的情况下方可省略。坐标上标注的量的符号和缩略词必须与正文中一致。 照片图要求主题和主要显示部分的轮廓鲜明，便于制版。如用放大缩小的复制品，必须清晰，反差适中。照片上应该有表示目的物尺寸的标度。 表 表的编排，一般是内容和测试项目由左至右横读，数据依序竖排。表应有自明性。 表应编排序号(见)。 每一表应有简短确切的题名，连同表号置于表上。必要时应将表中的符号、标记、代码，以及需要说明事项，以最简练的文字，横排于表题下，作为表注，也可以附注于表下。 附注序号的编排，见。表内附注的序号宜用小号阿拉伯数字并加圆括号置于被标注对象的右上角，如：×××1），不宜用星号“*”，以免与数学上共轭和物质转移的符号相混。 表的各栏均应标明“量或测试项目、标准规定符号、单位”。只有在无必要标注的情况下方可省略。表中的缩略调和符号，必须与正文中一致。 表内同一栏的数字必须上下对齐。表内不宜用“同上”、“同左”、“，，”和类似词，一律填入具体数字或文字。表内“空白”代表未测或无此项，“-”或“…”(因“-”可能与代表阴性反应相混)代表未发现，“0”代表实测结果确为零。 如数据已绘成曲线图，可不再列表。 数学、物理和化学式 正文中的公式、算式或方程式等应编排序号(见)，序号标注于该式所在行(当有续行时，应标注于最后一行)的最右边。 较长的式，另行居中横排。如式必须转行时，只能在+，-，×，÷，＜，＞处转行。上下式尽可能在等号“＝”处对齐。 示例1：---------------------------（1） 示例2： ----------------------------------（2） 示例3： -------------------------------（3） 小数点用“.”表示。大于999的整数和多于三位数的小数，一律用半个阿拉伯数字符的小间隔分开，不用千位撇。对于纯小数应将0列于小数点之前。 示例：应该写成94 567； 325不应写成94，，567； .314，325应注意区别各种字符，如：拉丁文、希腊文、俄文、德文花体、草体；罗马数字和阿拉伯数字；字符的正斜体、黑白体、大小写、上下角标(特别是多层次，如“三踏步”)、上下偏差等。 示例：I，l，l，i；C，c；K，k，κ；0，o，(°)；S，s,5；Z，z，2；B;β；W，w，ω。 计量单位 报告、论文必须采用1984年2月27日国务院发布的《 中华人民共和国法定计量中位》，并遵照《中华人民共和国法定计量单位使用方法》执行。使用各种量、单位和符号，必须遵循附录 B所列国家标准的规定执行。单位名称和符号的书写方式一律采用国际通用符号。 符号和缩略词 符号和缩略词应遵照国家标准(见附录B)的有关规定执行。如无标准可循，可采纳中学科或本专业的权威性机构或学术固体所公布的规定；也可以采用全国自然科学名词审定委员会编印的各学科词汇的用词。如不得不引用某些不是公知公用的、且又不易为同行读者所理解的、或系作者自定的符号、记号、缩略词、首字母缩写字等时，均应在第一次出现时一一加以说明，给以明确的定义。 结论 报告、论文的结论是最终的、总体的结论，不是正文中各段的小结的简单重复。结论应该准确、完整、明确、精练。 如果不可能导出应有的结论，也可以没有结论而进行必要的讨论。 可以在结论或讨论中提出建议、研究设想、仪器设备改进意见、尚待解决的问题等。 致谢 可以在正文后对下列方面致谢： 国家科学基金、资助研究工作的奖学金基金、合同单位、资助或支持的企业、组织成个人； 协助完成研究工作和提供便利条件的组织或个人； 在研究工作中提出建议和提供帮助的人； 给予转载和引用权的资料、图片、文献、研究思想和设想的所有者； 其他应感谢的组织或个人。 参考文献表 按照 GB 7714-87《文后参考文献著录规则》的规定执行。 7 附录 附录是作为报告、论文主体的补充项日，并不是必需的。 7. 1 下列内容可以作为附录编于报告、论文后，也可以另编成册。 a. 为了整篇报告、论文材料的完整，但编入正文又有损于编排的条理和逻辑性，这一类材料包括比正文更为详尽的信息、研究方法和技术更深入的叙述，建议可以阅读的参考文献题录，对了解正文内容有用的补充信息等； b. 由于篇幅过大或取材于复制品而不便于编入正文的材料； c. 不便于编入正文的罕见珍贵资料； d. 对一般读者并非必要阅读，但对本专业同行有参考价值的资料； e. 某些重要的原始数据、数学推导、计算程序、框图、结构图、注释、统计表、计算机打印输出件等。 附录与正文连续编页码。每一附录的各种序号的编排见和。 每一附录均另页起。如报告、论文分装几册。凡属于某一册的附录应置于备该册正文之后。 8 结尾部分(必要时) 为了将报告、论文迅速存储入电子计算机，可以提供有关的输入数据。 可以编排分类索引、著者索引、关键词索引等。 封三和封底(包括版权页)。 附 录 A 封面示例 (参考件) 附 录 B 相 关 标 准 (补充件) GB 1434-78 物理量符号 GB 3100-82 国际单位制及其应用。 GB 3101-82 有关量、单位和符号的一般原则。 空间和时间的量和单位。 GB 周期及其有关现象的量和单位。 GB 力学的量和单位。 GB 热学的量和单位。 GB 电学和磁学的量和单位。 GB 光及有关电磁辐射的量和单位。 GB 声学的量和单位。 GB 物理化学和分子物理学的量和单位。 GB 原子物理学和核物理学的量和单位。 GB 核反应和电离辐射的量和单位。 GB 物理科学和技术中使用的数学符号。 GB 无量纲参数。 GB 固体物理学的量和单位。 附加说明： 本标准由全国文献工作标准化技术委员会提出。 本标准由全国文献工作标准化技术委员会第七分委员会负责起草。 本标准主要起草人谭丙煜。

摘要：字体为宋体三号，需要加粗。摘要正文为宋体小四号。

关键词：关键词为宋体小四号加粗字体 需要顶格写，关键词正文为宋体小四号不加粗字体。

扩展资料：

毕业论文的其他排版要求

1、封面 :封面应该写明毕业论文，字体为“宋体二号”。名称下面依次是论文题目、作者、学院、专业、学号、班级、指导老师，字体为"宋体小二号"，格式居中对齐，有下划线，字体均为黑色(下同)。

2、题目：英文部分一般需要使用Times New Roman字体。

3、版权声明：字体为宋体四号字。

4、目录：写出目录，标明页码。目录两字用宋体三号加粗字体，需要居中。目录中的一级二级标题处用宋体小四号字体不需要加粗，一般用电脑生成.

5、正文：专科毕业论文正文字数一般应在5000字以上，本科文学学士毕业论文通常要求8000字以上，硕士论文可能要求在3万字以上（不同院校可能要求不同）。

6、参考文献：参考文献内容用宋体五号；英文用Times New Roman字体

参考资料来源：百度百科-毕业论文

1．一律采用计算机打印，并用16K规格复印纸输出，边距为：左边距、右边距及上下边距为2cm，行距倍。2．封面论文题目用黑体一号字，居中；其他各栏用宋体四号字，居中。3．中文摘要字样用黑体三号字，居中。4．摘要正文用宋体小四号。5．“关键词：”字样用黑体小四号，空二字左排。6．关键词用宋体小四号，与“关键词：”同一行排，各词之间空一字隔开。7．英文摘要参照中文摘要样式打印。8．论文目录“目录”字样用黑体三号字，居中；目录内容用宋体小四号。9．论文正文一级标题用小二号黑体字。二级标题用小三号黑体字。三级标题用四号黑体字。四级标题用小四号黑体字。五级标题及正文用宋（或楷）体小四号（英文用新罗马体12号）一级标题单独一行，居中。10．参考文献、附录、致谢等参照第8点要求打印。11．正文页码一律位于页面底端（页脚），居中标明。正文中按引用顺序在参考文献出处的文字右角上用[ ]标明，[ ]中序号应与“参考文献”中序号一致，正文之后则应列出参考文献。作者阅读的参考文献中应包含一定的外文文献，并翻译一定数量的外文文献或写出一定量的阅读笔记。参考文献的著录，按着录/题名／出版事项顺序排列：期刊——著者．题名．期刊名称．出版年，卷号（期号）．起止页码书籍——著者．书名．出版地：出版者，出版年．起止页码网络文章—一网络文章的作者．文章题目．网站地址；（如果没有作者、题目的，应写明网站地址）

1、论文题目：要求准确、简练、醒目、新颖。 2、目录：目录是论文中主要段落的简表。（短篇论文不必列目录） 3、提要：是文章主要内容的摘录，要求短、精、完整。字数少可几十字，多不超过三百字为宜。 4、关键词或主题词：关键词是从论文的题名、提要和正文中选取出来的，是对表述论文的中心内容有实质意义的词汇。关键词是用作机系统标引论文内容特征的词语，便于信息系统汇集，以供读者检索。 每篇论文一般选取3-8个词汇作为关键词，另起一行，排在“提要”的左下方。 主题词是经过规范化的词，在确定主题词时，要对论文进行主题，依照标引和组配规则转换成主题词表中的规范词语。 5、论文正文： （1）引言：引言又称前言、序言和导言，用在论文的开头。 引言一般要概括地写出作者意图，说明选题的目的和意义, 并指出论文写作的范围。引言要短小精悍、紧扣主题。 〈2）论文正文：正文是论文的主体，正文应包括论点、论据、 论证过程和结论。主体部分包括以下内容： a.提出-论点； b.分析问题-论据和论证； c.解决问题-论证与步骤； d.结论。 6、一篇论文的参考文献是将论文在和写作中可参考或引证的主要文献资料，列于论文的末尾。参考文献应另起一页，标注方式按《GB7714-87文后参考文献著录规则》进行。 中文：标题--作者--出版物信息（版地、版者、版期）：作者--标题--出版物信息 所列参考文献的要求是： （1）所列参考文献应是正式出版物，以便读者考证。 （2）所列举的参考文献要标明序号、著作或文章的标题、作者、出版物信息。

前端和后端开发的本科论文模板

能具体说下什么需求吗，也许我可以帮你

这其实并不难，首先在设计题目时，不要过于笼统广泛，要多从自身的角度出发，要结合你们当前所处的生活环境、城市等进行思考，从中找出其中一个点进行扩展，千万不要涉及的太大，那样就没有突出点。然后就是在确定要做具体点的时候，还要在自己的设计中添加一个相对新颖的功能，最重要还是要和你的导师多走动走动，商量你自己设计的项目，寻求一些比较擅长的同学的帮助，实在搞不定的时候，就只能找别人代做了，但你要先了解行情，避免自己踩坑，详情可以找六月雪毕业设计咨询，那里的质量都是不错的

目前前端方向本科应届生毕设选题方向很多，比如：

1、硬件方向，这个方向主要是物理电路设计以及嵌入式，嵌入式不仅仅是硬件方向，同时兼有软件方向。

2、软件方向，这个方向相对来说编程方向很多，比如：服务器开发、前端开发、H M I开发、安卓以及iOS App开发、UI开发等等，这些开发方向主要分为两大类：B /S方向和C /S方向。

3、每一个开发分支需要什么样的开发语言，就需要具体情况具体分析，可能某一种语言足矣，也可能需要多种语言联合开发。

网页设计的说法不准确，随着技术精细化不断发展，网页设计有更细的分工，我把它分为三大类，如下：

一、网页视觉设计。通常这类人员有很强的审美观，具有美术功底。他们可以很好的解决网页配色，和视觉舒适度。再一些页面可以知道怎么样的设计能带来视觉冲击感，比如广告和促销页面。

二、网页前段设计。他们主要负责把草稿和原始设计稿切成真正的网页。实现需要的特效功能。并负责做好后端数据对接。能让页面“活过来”。

三、网页后端设计。就是我的知道的程序员，负责业务逻辑实现，堆代码。他们负责把各种数据整合、计算、传输冰存储起了。他们实现的都是你看不见但必须要用的功能。然后跟前端配合对接。这样一套完整的网页设计工序就完成了。

1.什么是前端开发？

前端，也称为“客户端开发”，简单来说，你可以在应用程序或网站的屏幕上看到的所有内容都属于前端。

通俗点说：web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等，包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

网站和移动应用的前端

让我们考虑一个现实的例子：你正在访问的网站。内容设计、图像、段落和线条之间的间距，左上角的公司徽标，以及右下角的小通知按钮——所有这一切都是前端。

移动应用的前端与网站相同。例如，你在移动或 Web 应用中看到的内容，按钮、图像是前端的一部分。此外移动屏幕还具有触摸响应功能，因此当应用响应你所做的所有手势时，需要进行缩放放大/缩小、双击、滑动等操作。

前端开发人员构建所有的这些。它们创造了你在屏幕上看到的外观和触摸到的体验。

Ionic，Swift，Kotlin，Bootstrap，Angular，Vue，jQuery， 是用于前端开发的一些工具和技术。

物联网的前端

连接到互联网的任何对象都是IoT（物联网）设备。你可能在想物联网设备的前端如何工作？任何智能设备，如智能冰箱、远程 PoS 系统、智能手表、智能钱包，都需要用户可以与之交互以操作设备的“东西”。因此，“某物”是一种互动媒介，其元素就是物联网的前端。

物联网设备没有前端的说法，但设备包含一个固件，其行为类似于移动应用程序中的前端。此外该固件可以用C、C++、Lua、Python 和 JavaScript 等语言编写。

另外还有物联网设备的 UI/UX 设计和实现。

2.什么是后端开发？

后端，也称为“服务器端开发”，也就是在系统“后面”所发生的事情。同样，在后端服务器和浏览器或应用程序之间存储网站、应用数据和中间媒介的服务器都属于后端。简单来说，在应用程序或网站的屏幕上看不到的所有东西都是前端的后端。它更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

网站和移动应用后端

网站的后端需要设置服务器，存储和检索数据，以及将这些服务器与前端进行连接的接口。如果说前端开发人员梗关注网站的外观，后端开发人员则更更关注网站的速度、性能和响应能力，后端通过编码、云 API 和数据库进行集成。

就像前端一样，移动应用的后端开发在各个方面都与网站后端相同。此外，你为移动应用设置后端服务器的选项包括：云计算（AWS，Firebase）定制服务器或 MBaaS（移动后端即服务）。

Ruby，Apache，Nginx，PHP，MySQL，MongoDB 等用于后端开发的工具和技术很少。

物联网后端

物联网后端最重要的组成部分之一是云后端。显然大多数物联网设备都依赖云服务器对数据进行上传和下载，并将其处理为动作。

如果我们谈论高级物联网解决方案，后端开发可以扩大到 AI（人工智能）和 ML 等功能（机器学习）。

用于物联网项目的后端技术是Amazon IoT，Google Cloud，MQTT Broker，IFTTT等等。

综上所述，说通俗一点：

web前端分为网页设计师、网页美工、web前端开发工程师。

首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责；网页美工只针对UI这块的东西，比如网站是否做得漂亮；web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。

web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样实际的开发过程中，前端、后端开发人员的定位如下：1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

3.前端 Vs 后端有什么区别？

4.前端 Vs 后端：谁是最好的？谁最厉害？

前端设计师所做的很大一部分工作就是让用户在移动设备或 PC 屏幕上看到的东西看起来都很棒而且易于使用。相反，后端开发人员唯一关注的美学是编写干净的代码。

所以不存在谁更好这个说法，二者是相互成就相互协作的，举个栗子：正是由于史蒂夫·乔布斯（前端幻想家）以及史蒂夫·沃兹尼亚克（后端天才），成就了苹果简洁经典的设计以及流畅的操作系统。

5.前端 Vs 后端开发人员：职位名称

6.前端与后端开发人员：所需技能

7.前端与后端开发者：角色和责任

ok，接近2000字了，应该是回答了你的问题了，如果有帮助到你，请采纳哦，谢谢！

网站前端开发技术毕业论文

学术堂整理了十五个好写的网页设计与应用方面的毕业论文题目，供大家进行参考：1、基于全景摄影的网页设计研究2、浅谈WAP时代的网页前端设计3、创新网页设计与制作课程的考核模式4、网页设计之与教材配套的“微点”的开发与应用5、网页设计中的美学应用研究6、浅谈极简风格在网页设计中的运用7、网页设计的原则与要求8、网页设计与网站管理教学设计研究9、响应式网页设计案例实现与分析10、网页设计创意解析11、体验设计在网页设计中的应用12、图形图像课程网页制作信息化教学设计13、论网页设计与网站建设的创意与实施14、设计美学在网页设计中的体现15、网页设计与制作课程一体化教学思考

为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。

网页设计毕业论文摘要

摘要: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”技术采用