个人网页设计论文

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

指导老师：完成日期：目录一、概述 - 3 -二、结构图 - 3 -三、站点主题选择 - 4 -四、模块介绍 - 4 -（一）index - 4 -（二）公告栏 - 5 -（三）心马游缰 - 5 -（四）新闻、娱乐、游戏等附属板块 - 5 -五、总结 - 6 -一、概述随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作个人网站。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。二、结构图三、站点主题选择由于网络上各种各样的信息很多，别人可以轻易的各大知名网站上了解自己想要的信息。所以，我的关注的便是怎样让自己的网站更具有个性魅力，使个人擅长的信息更全面的反映于浏览者。以上便是我个人站点主题选择的指导思想。站点的主体内容由个人日常生活和大学各种作业两部分组成。从学习和生活两大方面全方位展示自己丰富多彩的大学生活。在主要内容之外，还设有娱乐、游戏、新闻三个模块。这部分内容将我个人浏览网页所收集到的奇闻趣事反映给大家。（此部分未开通）四、模块介绍（一）index使用Flash动画进入主页，给人一种耳目一新之感。开始的两个隧道引入，表明引领浏览者进入本人的内心世界，随之而来的是以红色为主色调的动画，给人一种热情好客的感觉，不断变换的网站内容更是起到了提示和概述的作用。（二）公告栏公告栏是我个人正在或将要发生重大事情的提示栏。内容与报纸的头版头条有异曲同工之妙。公告栏标题是由一面大鼓作为引导，用以寓意此部分内容重要之处。在黄底红字的衬托之下更显示其应受到的关注程度之高。（三）心马游缰心马游缰是个人心灵的自我倾诉之所，将自己日常生活的感悟写下来与浏览者交流。这部分也总结了自己的得与失，沉淀了自己的情绪。在主页上有该部分的文章列表，浏览者点击之后将跳转到每篇文章相对独立的网页中。而每一个相对独立的网页以黄色为主色调，有一种流露个人思想之感。（四）新闻、娱乐、游戏等附属板块该板块聚集了本人在日常浏览互联网时收集到的奇闻趣事。该部分内容并不在内容的广度，而是考虑所反映内容的深度和全面性。值得一提的是，进入该部分是通过Flash的Actionscrip语言编写。形式较为新颖。五、总结不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望明年可以选到动态网站的课程，从而弥补自己在动态网络语言方面的不足

个人网页设计的毕业论文

本科的这种课题非常常见, 让网友给你写一篇是不太可能的, 毕竟你找写手代写是很贵的最简单的就是找一个javaweb的成品, 把网站的内容, 标题, 颜色改变一下, 这样导师就会认为这是你自己写的了。然后去文库搜这些文章, 东拼西凑一下, 注意语句顺畅就行, 只要能过查重你就能安心毕业了

朋友你好，你所要的先从我提供的网址中找几篇参考论文，真心希望能够对你有。若不满意我给你些网址你还可以自己再找，祝你好运！中文免费论文地址集锦一、综合类1、蓝之韵论文门类较全。2、学生大论文中心、蜂朝无忧论文网门类很全。4、论文下载中心门类很全。5、论文帝国..

我同学的，帮你一把。望采纳。【摘 要】本文介绍了网页设计的发展趋势和教学方法，为网页设计课程教学提供借鉴。【关键词】网页设计 发展趋势 教学方法美国市场调研机构ComScore NetWorks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了亿，同比增长10%。ComScore发现，美国互联网用户达到了亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。一、提高网页设计的工作效率提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之间的工作断层问题。也只有这样才能培养出适应时代发展要求的高素质的网页设计师来。设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。二、培养更有竞争力的综合性人才1.根据市场的需要培养人才在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。待遇：试个人能力而定，公资标准在4000（另有项目提成）。根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。2.快速掌握行业里最新、最尖端的网络技术网络媒体同时属于IT行业的范畴，既然和IT靠上了亲戚，自然也就继承了IT的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。3.做一名有社会责任感的网页设计师网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我们这些网页设计师的新的课题。参考文献：[1]陈刚.CSS标准网页布局开发指南.2007.[2]施博客研究室.DREAMWEAVER 8标准教程.2006.[3]施博客研究室.FLASH 8标准教程.2006.[4]张孝祥，张红梅.JAVASCRIPT网页开发体验式学习教程.2004.[5]孙颖.ACTIONSCRIPT 3殿堂之路.2007.[6]周松建，葛丽.JAVASCRIPT经典范例50讲.2004.

这方面的毕业设计主要是要通过软件设计出来一个网站，然后再结合你设计的网站写论文。

web个人博客网页设计论文

自己查一些论文，参考一下，怎么着也能编出一篇。如果想免费下载文献，请到我的百度博客看下，会不断更新一些能用的免费国内外图书馆的帐号。我当时毕业时，就是在网上的一个愚愚学园（下面文章里有学园地址）找了一些帐号，才能下载文献，完成了论文。我也在我的百度博客里也会更新一些以用的帐号。可以去找找试试。

通常博客里发言的框上面有很多功能，如放大字符，调整字体颜色什么的，其中有个功能就是加链接的，如果看不到这个功能可能是隐藏起来了，应该在旁边有个“高级功能”之类的按钮可以打开先选中你要加上链接的文字，然后点击此加链接的功能按钮后，通常会出现一个框让你输入链接地址，把地址填进去，确定，就OK了

博客网站设计开题报告范文

博客不仅是中国互联网未来核心和互动作用的关键技术所在，而且是中国三位一体电讯、数字化电视和网络资源整合之后的基础管理平台之一。博客的发展是一个必然的过程，它给人们带来了更多的机会和把握未来的机遇。

1.本课题的研究意义国内外研究现状、水平和发展趋势

研究意义：

“博客”于2000年前后兴起于美国，成为继个人主页，BBS之后互联网公共交流的新平台，近两年在国内互联网用户中得到了广泛传播，并得到了广泛的欢迎。其主要特点表现在三个方面：频繁更新，简单明了，个性化。

信息全球化的过程，对于互联网就是一个无国界的传播过程。因为博客，每一个人都可以在全球化的过程中建构一个自由发布个性化信息平台，这就是互联网给人们带来的革命性变革力量。一个开放的社会，实际上，就是一个虚拟世界中更真实的面对现实社会的选择。博客的发展是一个必然的过程，全球化的传播，也是一个能够给人们带来更多信息的社会。互动的网络社会突破了地域之间人们的阻碍，它给人们带来了更多的机会和把握未来的机遇。

博客不仅是中国互联网未来核心和互动作用的关键技术所在，而且是中国三位一体电讯、数字化电视和网络资源整合之后的基础管理平台之一。目前看，如果三位一体能够在中国实现最后的整合，电讯、数字化电视和网络， 都可能利用博客技术平台进行交流和互动，通过网络提供给人们快捷，便利和优质的服务。

因此，对于博客网站的研究，设计与实现意义重大。

国内外研究现状，水平和发展趋势

目前的博客网站，除了贴文字，就是贴图片，如果把歌曲和影音文件放到网页上就会觉得速度有些慢了，这是由于国内互联网速度决定的。在网络速度发展之后，就可以很方便的把声音，短篇影音文件放到网上，无论是在线还是下载，都将为博客提供更加丰富的内容。

目前的博客本身还存一些问题：

首先，博客首页的各个推荐栏目，由程序自动根据点击率或者回复率推荐文章。在这种机制下，论坛上的一些色情插边球和八卦话题，因为点击的网友比较多而使得他们位居首列，严重影响了博客成为一个开放的有价值的网络公众平台。在以后的博客网站中，要么能够找到一种好的筛选算法或者采用机器筛选加人工筛选的办法，提高博客首页推荐的'文章的价值。

其次，目前的博客网站大都属于综合性的博客，上面各个方面的内容混合在一起，博客用户也各式各样。这样是达到了博客网站开放性的原则但是要在上面找到专业的，有价值的东西就会显得很困难，属于杂货铺式的公共场合。未来的博客网站将会走向专业化的道路，专业化的博客网站将更有利于向专业化的出版，咨询，软件方面扩展，也将更有利于有关专业人士采用专业的网络信息资源。它将为专业人士提供一个专业资源，专业知识交流，信息发布的既综合又专业的交流平台。

总之，博客的兴起是进行网络交流的又一个新事物，它今后朝什么方向发展，能发展到什么程度还是个未知数。但是，专业化的博客网站将大量兴起，有利于增强各专业学术的交流，也将成为各专业信息采集的特色资源库。

毕业论文开题报告的规范格式

一、写作要求

开题报告主要由以下六部分构成，可根据实际情况对各构成部分的标题和内容进行细微调整，字数在1000字左右，开题报告撰写必须在选题结束后两周内完成，并提交指导教师审阅。

1、选题背景及意义。提出选题，并简要阐述选题目的、背景及意义

2、文献综述。目前相关课题研究情况、研究方法、必要的数据。

3、研究的内容。

4、研究的方法。拟采用的具体分析方法。

5、论文的写作提纲。开题报告应包含论文简要提纲。

6、参考文献。拟参考的文献，格式参照毕业论文参考文献格式。

二、开题报告定稿装订顺序

开题报告稿装订顺序依次为：封面、正文、参考文献。

三、开题报告书写格式

1、封面。封面包括论文题目、学生姓名、指导教师姓名等，格式见附件1。

要求：

(1)填写内容全部用宋体三号字，加粗。内容居中，字与字之间不空格。

(2)第二项填写内容为：系别。必须为全称，不得缩写。

如：经济贸易系

(3)第三项填写内容为：专业。必须为全称，不得缩写。

如：国际经济与贸易

(4)第四项填写内容为：年级、班。年级用阿拉伯数字表示，班级用中文数字表示，中间为专业信息。

如：2004级国际经济与贸易(三)班

如果专业只有一个班级，不填写班级序号。

如：2004级计算机科学与技术班

(5)第五、六项填写内容为：学生名字和指导教师。如果名字为三个汉字，字与字之间不空格。如果名字为两个汉字，则两字中间空一个汉字格(两个英文字节)。

(6)时间为：200X年X月X日(开题时间)

2、正文。

要求：

(1)正文前要有论文题目。字体居中，宋体二号字加粗，与下面的内容间不空行。

(2)一级标题使用宋体三号字、加粗，二级标题使用宋体小三号字、加粗，三级标题使用宋体四号字、加粗。正文标题级数较多时，从一级标准开始可以适当加大字号。

(3)每级标题前均要空两个汉字格(四个英文字节)，与段落的起点位置对齐。标题与上下文字间均不空行。

(4)正文文字内容使用宋体四号字，不加粗。字间距为标准字间距，行间距为单倍行间距。正文标题级数较多时，从一级标准开始可以适当加大字号。

3、页眉及页码

要求：

(1)毕业论文各页不加页眉。

(2)正文页码从第一页开始标注，参考文献也在页码内。

(3)页码按阿拉伯数字(宋体小五号)连续编排。

(4)位置在页面正中下方(居中)。

4、参考文献。必须是学生本人真正阅读过，以近期发表的杂志类文献为主，且要与论文工作直接有关，原则上，要求有一定的外文参考文献，参考文献至少10篇以上。

要求：

(1)参考文献附在全篇正文之后，另起一页打印，页边距与正文一样。

(2)“参考文献”这四个使用宋体四号字加粗居中。中间不空格，与下面文字不空行。

(3)文献字体用宋体五号字，不加粗。

(4)每条文献另起一行，序号用[1]形式标注，前面空两个汉字格(四个英文字节)。

(5)以单字母方式标识各种参考文献的类型。类型有：M—专著，C—论文集，N—报纸文章，J—期刊文章，D—学位论文， R—报告，S—标准，P—专利。对于专著、论文集中的析出文献用单字母“A”标识，对于其他未说明的文献类型，采用单字母“Z”标识。引用的文献，必须列出全部出版资料，格式如下：

专著、论文集、学位论文、报告：

[序号]主要责任者.文献题名[文献类型标识].出版地:出版者,出版年.

(6)论文集中文献(论文集)：

[序号]析出文献主要责任者.析出文献题名[A].原文献主要责任者.原文献题名[C].出版地:出版者,出版年.

(7)期刊：

[序号]主要责任者.文献题名[J].刊名,年,卷(期).

(8)报纸：这一类文献必须要说明出版年月日，版次。

[序号]主要责任者.文献题名[N].报纸名,出版日期(版次).

(9)网络文章等文献的格式如下：这类文献必须有作者和时间。

[序号]作者1、作者2.文章名称(不加书名号)[N].

(10)其他类型参考文献依照以上格式来完成。

本科的这种课题非常常见, 让网友给你写一篇是不太可能的, 毕竟你找写手代写是很贵的最简单的就是找一个javaweb的成品, 把网站的内容, 标题, 颜色改变一下, 这样导师就会认为这是你自己写的了。然后去文库搜这些文章, 东拼西凑一下, 注意语句顺畅就行, 只要能过查重你就能安心毕业了

个人网页设计论文及开题报告

关于写网页设计开题报告

开题报告是指开题者对科研课题的一种文字说明材料。这是一种新的应用写作文体，这种文字体裁是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要应运而生的，下面是我给大家整理的网页设计开题报告 ，欢迎阅读。

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1、讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2、定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3、确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2、网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1、资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2、熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1、构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2、设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3、实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4、向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的.时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

题目名称在线课程网站设计与实现

学生姓名专业班级

一、选题的目的意义

随着信息化的发展，互联网需要提供更多的服务，构造更完善的体系以满足越来越多的用户的精神与物质需求。其强大的功能已为人们深刻认识，它已经进入人类社会的各个领域并发挥着越来越重要的作用。各行各业的人们无须经过特别的训练就能够使用电脑完成许多复杂的工作。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。

目前在学校，教学工作日益繁重，需要有一个自动化的工具进行统筹管理，才能够及时、准确地进行教学工作，加强学生和教师之间的沟通。

为了达到网上互动教学的目的，让更多的学生能够随时实现远程学习的目的，同时可以通过一对一的提问，解答，实现师生间的相互远程交流。

虽然我国的教学互动系统还不够成熟，还存在这样那样的问题，但它的发展符合经济学原理和人们的需要，只要对症下药，一定可以逐渐发展完善。

二、国内外研究现状

在线课程网站上的教学活动是借助于一定的手段、工具展开的。教学活动的具体过程、组织方式以及质量效益等都和教学活动中使用的工具密切相关。可以说，不断地把人类在社会生产与生活中创造出来的新技术、新设备加以改进并运用于教学活动中，这是人类教学进步的重要动力，是教学效率和效果得以不断提高的重要物质保证。纵观人类教育发展史，每一项新的教学技术的应用，都给教学活动提供了新的发展空间，使教学活动在整体上得到丰富和提升。从某种意义上说，随着社会发展而不断更新教学设备、优化教学技术，是教学发展的历史规律和客观要求。我们发展现代教学技术，应立足于教学发展的历史规律，深刻认识到教学技术更新对于教学活动整体进步的历史意义。

当前人类正在步入一个全新的技术发展时期。正如联合国教科文组织国际21世纪教育委员会所指出的，“新技术使人类进入了信息传播全球化的时代；它们消除了距离的障碍，正十分有效地参与塑造明日的社会”，“这些新技术正在我们眼前引起一场真正的革命，这场革命既影响着与生产和工作有关的活动，又影响着与教学和培训有关的活动”。的确，以个人电脑、网络技术和多媒体技术为主要内容的现代信息技术革命的出现，为教学方式与教学模式的变革提供了新的物质基础。看不到现代信息技术为提高教学质量、扩大教学对象、变革教学方式提供的物质支撑，就很难有效地利用信息技术为教学发展服务，就很难在我们的教学活动中体现人类技术进步的成果。从这种意义上说，充分利用现代信息技术，是教学发展的时代要求。

当前，世界各国都在研究如何充分利用信息技术提高教学质量和效益的问题，加强现代信息技术的教学应用已成为各国教学改革的重要方向。基于这样的背景，国家教育部《纲要》第十一条明确提出，“大力推进信息技术在教学过程中的普遍应用”，并对这种应用的立足点作了明确的阐述：“促进信息技术与学科课程的整合，逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革”；“充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具。”我们一定要提倡以提高教学质量和效益为目的，以转变学生学习方式和促进学生发展为宗旨的教学技术应用观。同时要本着从实际出发、因地制宜的原则，挖掘和发挥传统的各种技术手段在教学中的积极作用，黑板、粉笔、挂图、模型等传统教学工具，录音机、幻灯机、放映机等传统的电化教学手段，在学校教学活动中同样具有独特的生命力，要把现代教学技术和传统教学手段结合起来，努力挖掘所有教学技术手段的使用价值，积极促进各种技术手段之间的协同互补，从而促进教学技术体系整体协调发展。

三、主要研究内容

1、课程信息模块

模块名称：课程信息模块

模块功能：教师发布课程信息，供学生们学习。

模块界面图：如图所示。

2、公告管理模块

模块名称：公告管理模块。

模块功能：管理员登录后，可以在线发布公告；网站浏览者点击公告可以浏览管理员发布的公告。

3、在线答疑模块

模块名称：在线答疑模块

模块功能：实现了教师和同学的在线交流，学生可以就某个问题向教师请教。

4、教学资料模块

功能：可以下载教学资料，浏览教学视频等

四、毕业论文（设计）的研究方法或技术路线

1、研究的整体方案：

1）应用程序背景和需求分析

2）组建开发组

3）数据库设计

4）编写应用程序

5）测试和优化应用程序

6）发布数据库和应用程序

2、工作进度的安排：

1）应用程序背景和需求分析：熟悉论文课题，查找资料，研究资料，熟悉编程语言，完成毕业设计开题报告及外文文献翻译。

完成时间：2012年12月底—2013年2月中旬。

2）组建开发组：本人独立完成

完成时间：2013年2月中旬。

3）数据库设计：继续熟悉编程语言，查找资料，研究资料，确定数据库结构和数据结构，建立数据库，做好编程准备。

完成时间：2013年2月中旬——2月底。

4）编写应用程序：着手编程，初调程序，建立程序的大致结构、整体框架。

完成时间：2013年3月初——4月初。

5）测试和优化应用程序：设计与撰写论文，完善设计，进行测试。

完成时间：2013年4月初——4月中旬。

6）发布数据库和应用程序：根据指导老师的建议，继续完善程序，将完成的程序上交，并将毕业论文完成初稿上交。

完成时间：2013年4月中旬——4月底。

3、研究的预期目标及主要特点及创新点

（一）预期目标：

1、界面简单可操作性强：一般的管理人员用户经过简单的培训后，能很快地熟练操作。

2、安全性：我们通过系统内部自设的权限校验来对系统登录用户实施校验，提高了整个系统的安全性，满足客户的安全性需求。

3、简便有效的维护手段：系统使用后，维护工作将是一个长期的工作，系统将充分考虑维护工作的需求，通过相应手段降低维护工作量及难度，从而达到保证运行可靠及节省费用的目的。

4、可扩充性：在线课程网站需要每日对办公人员进行输入，大量的数据要对数据库输入，所以该系统对具有较强的可扩充性，是十分重要的。

5、功能性强大：该系统将具有强大的功能，满足一般企业的需求，相对于手工输入具有强大的功能。

6、强大的纠错能力：该系统将具有较强的纠错能力，当运行时，用户操作错误时会提出响应的警示，能自动保护系统避免系统出错。

（二）主要特点：

1、可扩充性：数据库具有较大的可扩充余地。

2、系统的安全设置：系统内部的权限校验保证了企业资料的安全，保障了用户的权益

3、高效性：该系统充分体现了计算机的特点，能够快速有效的处理各项任务。

4、强大功能：通过对数据库的简单输入，可实现手工无法比拟的多功能操作。

5、具有错误识别能力：当用户操作出现错误时，系统将提出警告，并能提示正确的操作。避免系统被破坏。

（三）创新点：

该系统主要有人性化设计、系统的安全设置、简单的系统维护方法、使用的高效性、强大的功能、具有错误识别能力等创新点。

五、主要参考文献与资料

[1]王辉，黄红超编著。PHP实用教程。北京：清华大学出版社。2005、

[2]DinoEsposito（意）著。罗兵，顾燕宏译。精通PHP程序设计。北京：清华大学出版社。2006、

[3]RussBasinra，RichardConway著。王晓娜，黄开枝译。PHP安全性高级编程。北京：清华大学出版社。2003、

[4]冯方方编著。PHP基础教程。北京：清华大学出版社。2004、

[5]徐新华编著。精通PHP2、0、北京：机械工业出版社。2006、

[6]苏红超编著。PHP深入解析。北京：科学出版社。2003、

[7]刘寅力编著。系统分析之路。北京：电子工业出版社。2005、

[8]邹建峰，李律松，李晓栓编著。PHP开发技术详解。北京：人民邮电出版社。2005、

[9]申朝阳，宋颜浩主编。PHP与相关数据库技术高级指南。北京：中国水利水电出版社。2005、

[10]（美）MichealOtey，PaulConte著。陈思义，吴强，刘红波译。SQLServer2000开发指南。北京：清华大学出版社。2002、

写网站的作用，对社会、个人或其他有什么用处

功能模块

画模块图

如何实现（使用的语言、数据库之类的）

希望得到的网站效果，预计能实现哪些功能

总结（设计网站的意义）

指导老师：完成日期：目录一、概述 - 3 -二、结构图 - 3 -三、站点主题选择 - 4 -四、模块介绍 - 4 -（一）index - 4 -（二）公告栏 - 5 -（三）心马游缰 - 5 -（四）新闻、娱乐、游戏等附属板块 - 5 -五、总结 - 6 -一、概述随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作个人网站。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。二、结构图三、站点主题选择由于网络上各种各样的信息很多，别人可以轻易的各大知名网站上了解自己想要的信息。所以，我的关注的便是怎样让自己的网站更具有个性魅力，使个人擅长的信息更全面的反映于浏览者。以上便是我个人站点主题选择的指导思想。站点的主体内容由个人日常生活和大学各种作业两部分组成。从学习和生活两大方面全方位展示自己丰富多彩的大学生活。在主要内容之外，还设有娱乐、游戏、新闻三个模块。这部分内容将我个人浏览网页所收集到的奇闻趣事反映给大家。（此部分未开通）四、模块介绍（一）index使用Flash动画进入主页，给人一种耳目一新之感。开始的两个隧道引入，表明引领浏览者进入本人的内心世界，随之而来的是以红色为主色调的动画，给人一种热情好客的感觉，不断变换的网站内容更是起到了提示和概述的作用。（二）公告栏公告栏是我个人正在或将要发生重大事情的提示栏。内容与报纸的头版头条有异曲同工之妙。公告栏标题是由一面大鼓作为引导，用以寓意此部分内容重要之处。在黄底红字的衬托之下更显示其应受到的关注程度之高。（三）心马游缰心马游缰是个人心灵的自我倾诉之所，将自己日常生活的感悟写下来与浏览者交流。这部分也总结了自己的得与失，沉淀了自己的情绪。在主页上有该部分的文章列表，浏览者点击之后将跳转到每篇文章相对独立的网页中。而每一个相对独立的网页以黄色为主色调，有一种流露个人思想之感。（四）新闻、娱乐、游戏等附属板块该板块聚集了本人在日常浏览互联网时收集到的奇闻趣事。该部分内容并不在内容的广度，而是考虑所反映内容的深度和全面性。值得一提的是，进入该部分是通过Flash的Actionscrip语言编写。形式较为新颖。五、总结不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望明年可以选到动态网站的课程，从而弥补自己在动态网络语言方面的不足

1、 研究背景研究背景即提出问题，阐述研究该课题的原因。研究背景包括理论背景和现实需要。还要综述国内外关于同类课题研究的现状：①人家在研究什么、研究到什么程度？②找出你想研究而别人还没有做的问题。③他人已做过，你认为做得不够（或有缺陷），提出完善的想法或措施。④别人已做过，你重做实验来验证。2、目的意义目的意义是指通过该课题研究将解决什么问题（或得到什么结论），而这一问题的解决（或结论的得出）有什么意义。有时将研究背景和目的意义合二为一。3、成员分工成员分工应是指课题组成员在研究过程中所担负的具体职责，要人人有事干、个个担责任。组长负责协调、组织。4、实施计划实施计划是课题方案的核心部分，它主要包括研究内容、研究方法和时间安排等。研究内容是指可操作的东西，一般包括几个层次：⑴研究方向。⑵子课题（数目和标题）。⑶与研究方案有关的内容，即要通过什么、达到什么等等。研究方法要写明是文献研究还是实验、调查研究？若是调查研究是普调还是抽查？如果是实验研究，要注明有无对照实验和重复实验。实施计划要详细写出每个阶段的时间安排、地点、任务和目标、由谁负责。若外出调查，要列出调查者、调查对象、调查内容、交通工具、调查工具等。如果是实验研究，要写出实验内容、实验地点、器材。实施计划越具体，则越容易操作。5、可行性论证可行性论证是指课题研究所需的条件，即研究所需的信息资料、实验器材、研究经费、学生的知识水平和技能及教师的指导能力。另外，还应提出该课题目前已做了哪些工作，还存在哪些困难和问题，在哪些方面需要得到学校和老师帮助等等。6、预期成果及其表现形式预期成果一般是论文或调查（实验）报告等形式。成果表达方式是通过文字、图片、实物和多媒体等形式来表现。