首页网站设计正文

静态网站设计论文（静态网页设计毕业论文）

网站设计 2023-01-29T05:04:10 1752

今天给各位分享静态网站设计论文的知识，其中也会对静态网页设计毕业论文进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录一览： 1、毕业论文关于静态网页的制作

今天给各位分享静态网站设计论文的知识，其中也会对静态网页设计毕业论文进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、毕业论文关于静态网页的制作
2、静态网页论文
3、有关网页设计与制作毕业论文范文
4、求一篇个人静态网页设计的论文(急用)我的邮箱suhaifeng123@163.com
5、静态旅游网站怎么写论文

毕业论文关于静态网页的制作

向你的指导老师或同学看能否找到一份参考的，就按照那个模式搬，该抓图的抓图该需要代码的就写代码。。。。。。不一而足，祝你顺利通过争取优秀！

静态网站设计论文（静态网页设计毕业论文）

静态网页论文

论文要想写好，写出色，先确定题目，一定要和老师商量，因为你喜欢的并不一定是老师喜欢的，然后把要写作的论点确定了，然后再找资料选择论据证明你的论点是正确的。最后给老师列个大纲看一下确定框架，同意了在开始着手写。

你的静态网页设计论文准备往什么方向写，选题老师审核通过了没，有没有列个大纲让老师看一下写作方向？

老师有没有和你说论文往哪个方向写比较好？写论文之前，一定要写个大纲，这样老师，好确定了框架，避免以后论文修改过程中出现大改的情况！！

学校的格式要求、写作规范要注意，否则很可能发回来重新改，你要还有什么不明白或不懂可以问我，希望你能够顺利毕业，迈向新的人生。

1，论文应该是单一主题还是面面俱到？

大学生碰到的第一个诱惑是想在论文里写很多东西。比如有个学生对文学感兴趣，他第一个念头就是给论文起一个《今日文学》这样的标题。如果迫不得已要缩小范围，他会选择《从战后到70年代的西班牙文学》。

这类论文是非常危险的。这种题目会让即使是成熟得多的研究者们也直挠头的。对一个20多岁的大学生来说这是不可能完成的挑战。它要么会变成各种名字和主流观点的简单罗列，要么对原始材料的引用会有失偏颇（这常常是由于省略了不该省略的东西引起的）。1961年，当代作家冈萨罗·托兰特·巴雷斯特写了一本《当代西班牙文学面面观》（瓜德拉玛版），然而，如果这是一篇博士论文的话，人们是一定会把它毙了的，虽然它厚达几百页。它被指责出于疏忽或者无知而没有提到一些被认为非常重要的人物的名字，或者他有时会花一整个章节来写一些“不怎么样”的作家，而对于一些被认为是“重要人物”的则只给了寥寥数笔。当然，我们知道该作者的历史学识以及批评能力都是得到认可的，所以这些遗漏或者比例失调都是有意为之，对某个人物避而不谈比为他洋洋洒洒地写上一整页更能够说明问题。不过如果同样的事情发生在一个二十二岁的大学生身上，谁又能保证他的沉默背后不是别有用心呢？或者他的避而不谈是因为会在其他地方花上几页纸来讨论这个问题？或者这个作者到底知不知道应该怎样写啊？

写这种论文的学生常常会向评审委员会的成员抱怨说他们没看懂自己的意思，但是那些成员实际上“无法”看懂他的意思，所以一篇面面俱到的论文常常被看作是傲慢的表现。并不是说（论文中所体现的）学术上的傲慢就一定要被否定掉，我们甚至可以说但丁是个糟糕的诗人，但必须至少先写个300页，对但丁的文本进行深入的分析之后才能说。而这些在一片面面俱到的论文中是看不到的。正因为这样，对于一个大学生来说，与其写什么《从战后到70年代的西班牙文学》，还不如选一个更切实际的低调一点的题目。

我可以很直接地告诉你什么才是好题目，它并不是《阿尔代科阿的小说》，而是《“天堂鸟”的两种不同版本》。听上去是不是有点无趣？可能吧，不过那会是更加有趣的挑战。

只要好好想一想你就会看到归根到底这是一个如何讨巧的问题。如果写一篇关于四十年的文学的面面俱到的论文，学生将会面对各种可能的反对声音。如果有个提案人或者评审委员会的成员正好想要标榜自己知道某个不太知名的作家，如果那个学生正好又没有把那个作家包括在论文内，他将如何面对前者的发难呢？只要每个评审委员会的成员在看目录时都发现了三个没有被提到的人，那个学生就将在一顿猛烈的轰炸中变得脸色惨白，他的论文顿时好像变成了屁话连篇。相反的，如果学生认真地选择一个范围很小的题目，他就只需要牢牢把握住一份评审委员会大多数成员都不知道的材料就可以了。我并不是在兜售什么下三滥的伎俩，这的确是一种伎俩，但并不低俗，而且它很管用。只要学位申请人以“专家”的面目出现在不如他专业的公众面前，而且看得出为了成为专家他是花了一番心血的，这样占一点便宜是无可厚非的。

在这两种极端之间（也就是写四十年文学史的面面俱到的论文以及两种文本之间区别这样严格的单一主题论文）存在着许多中间形式。比如我们可以写《四十年代先锋派文学家的经历》或者《胡安·贝内特和桑切斯·菲尔罗西奥对地理的文学处理》，甚至《卡洛斯·埃德蒙多·德·奥利，埃杜瓦多·奇恰罗以及格罗里亚·富埃尔特斯：三位后岛屿诗人的异同》。

我们来看一下一本小册子上的一段话，虽然那是科学领域的，但它所给出的建议适用于所有学科：

比如说，《地质学》这个题目就太宽泛了。《火山学》是地质学的一个分支，但是也太大了。《墨西哥的火山》是个不错的着手点，但是同样不够深入。我们把范围在缩小一点就有可能引出非常有价值的研究了：《波波卡莱佩伊尔火山的历史》（科尔特斯的征服者中的某人可能在1591年登上过那里，直到1702年它都没有猛烈喷发过）。一个范围更小，所涉及年份更少的题目是《帕里库丁火山的诞生和死亡》（它的生命仅仅从1943年2月20日延续到了到1952年3月4日）。

好吧，我还是推荐最后一个题目。因为到了这个地步，只要申请人能够对那座不幸的火山知无不言，言无不尽就可以了。

很久以前，有个学生跑来跟我说他要写一篇题为《当代思想中的符号》的论文。这样的论文是不可能的。连我也不知道“符号”到底指的是什么，实际上这个词在不同的作者那里具有不同的意思，有时，两个作者会用它来表达意思完全相反的两件东西。我们只要考虑一下形式逻辑学家或者数学家所理解的“符号”，它们是没有意义的，在计算公式中占据特定位置，具有特定功能的东西（比如代数公式中的a,b,x,y神马的）,而其他一些作者则可能把它们看做充满了模棱两可含义的东西，比如梦中出现的那些图像，它们可能指一棵树，或者性器官，或者想要长大的愿望等等。所以，我们怎么能把这个作为论文的题目呢？我们必须分析当代文化中所有关于符号的理论，列出它们的共同点和不同点，在它们的不同点里寻找所有作者和理论共有的基本的单一概念，看一下这些不同在不同理论中是否是不相容的。没有当代的哲学家，语言学家或者心理分析学家能够令人满意地解决这个问题。一个初出茅庐的大学生，即使他早慧也只不过接受了最多六七年的成年人的教育，他又怎么能够完成这样的研究呢？最多又是一个像托兰特·巴雷斯那样有失偏颇的东西了。或者他会提出自己的关于符号的理论，而把前人所说的东西晾在一边，下一节我们还要再来说说这种做法值得商榷的地方。我和这个学生交谈了一会儿，我建议他可以写弗洛伊德和荣格的符号，他需要忘记其他各种观点，专心考虑上面的两个作者。可惜这个学生不懂德语（关于语言的问题我们会在第五节谈到）。最后我们决定将题目定为《皮尔士，弗莱和荣格的符号概念》，论文将讨论这三位分别是哲学家，评论家和心理分析家的不同作者那里的三个用同一个词表示的不同概念。由于他们用了同一个词结果造成了混乱，常常有人把其中一位的概念安到另一个人身上。在文章的最后，作为假设的结论，这个学生试图在这些同名异义的概念间寻找平衡，找出它们的相似点。他还提到了一些自己所知道的其他作者，但表示因为论文篇幅所限就无法对他们更多展开了。这样，虽然他的论文只提到了作者X,Y,Z，但没有人能够指责他没有考虑作者K。也没有人能指摘他对引述的那些其他作者不够详细，因为那是在论文的结尾处顺带说一下的，而论文的主体是讨论题目中所出现的那三位作者。

现在我们看到了论文不必非要恪守单一主题，一篇面面俱到的论文也可以变得中规中矩，让所有人都接受。

需要指出的是，“单一”这个词的意思比我们在这里所用的要多得多。一篇单一论文只涉及一个主题，与“XXX的历史”或者一本手册或者一本百科全书完全相反。从这个意义上来说，《中世纪作家的“颠倒的世界”这个主题》应该也是一个单一主题。它涉及许多作家，但全都是围绕一个具体的主题（从他们想象的假设到所举的例子，悖论和寓言，比如在天上飞的鱼，在水里游的鸟神马的）。看上去这是一个理想的单一主题。但事实上，为了写这样一篇论文，我们需要讨论所有与这个主题有关的作者，特别是那些没有得到公认的不知名作者。所以这个题目还是要被归在“具有单一主题的面面俱到式论文”中，它是很难写的，需要准备无数的材料。如果有人一定要写的话，我建议把题目改成《卡洛林王朝时期的诗人的“颠倒的世界”这个主题》，范围一缩小，我们就知道该到哪儿不该到哪儿去寻找材料了。

当然，面面俱到的论文写起来更加有劲，毕竟花一两年甚至更长的时间研究一位作家显得很无聊。但是我们要明白，写一篇严格意义上的单一主题的论文并不意味着在视角上不能做到面面俱到。写一篇关于阿尔德科阿的小说的论文需要我们深入了解西班牙的现实主义，我们还需要读桑切斯·菲尔罗西奥或者加西亚·奥尔特拉诺，需要研究阿尔德科阿度过的美洲小说以及古典文学。只有把作者放到全景当中我们才能理解和诠释他。但是把全景用作背景和绘出一幅全景的图画是两回事。前者只是以一片田野和一条河流作为背景画了一幅骑士的肖像，后者则要画许多田野，山谷和河流。我们必须要改变技法，或者用摄影的术语来说，改变焦距。从单一作者的角度出发拍摄的全景是有点失焦的，不完整的和劣质的。

最后我们要记住下面这个基本结论：范围越小，干起活来就越是省心和安心。单一主题由于面面俱到，论文看起来最好像是随笔，而不是历史或者百科全书。

希望能解决您的问题。

有关网页设计与制作毕业论文范文

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

网页设计毕业论文篇一：《Flash软件画在网页设计中的应用》

网页设计毕业论文摘要

摘要: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”技术采用div+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。

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内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;div及css3完成固定宽度布局时，默认所有内部布局div向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数显示器为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用div+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的经验是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。

3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页

(1)相对视口尺寸，将最外层的布局div(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局div内部的页头布局div、导航布局div、内容布局div、侧边栏布局div、页脚布局div对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。

(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。

(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在body标签的初始化代码中，如果有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像素的屏幕尺寸，代码是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--3.3不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用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.

求一篇个人静态网页设计的论文(急用)我的邮箱suhaifeng123@163.com

毕业论文

网站设计与制作

所属系：计算机

专业：应用技术

学生姓名：***

学号：************

指导老师：****

二〇一一年五月

第1章网站总体分析及概要设计

1.1 模块功能分析

1.1.1 引导首页模块

引导首页使用整体颜色背景，配合图片或Flash构成，顶部为导航首页链接。

1.1.2 班级形象模块

该模块功能主要是展示班级的形象，同时作为网站的导航首页，在用户登录后就可以看到班级的整体形象，班级的展示及班级动态，用户还可以通过顶部和左侧的导航栏进入网站，更深入的了解该班级。

1.1.3 用户模块

用户注册与登录：网络上的用户通过填写ID、密码等信息可以注册成为会员，并获得相应的用户权限。系统自动把用户的注册信息存储到服务器端的数据库中。如果用户ID重复或者填写错误，系统会给出提示信息，而通过用户注册与登录、可以自由发布与查看各种信息。

用户信息维护：系统的注册用户可以随时修改自己的注册信息，这些修改后的信息将自动更新到服务器端的数据库中。

用户登录/退出：系统的注册用户可以登录系统并且获得相应的权限，登录了的用户也可以选择退出登录。

1.1.4 留言板模块

该模块功能主要是提供用户与网站主之间的交流平台及站长收集用户反馈信息以改善站点。

1.2 网站导航功能结构

网站主要实现的功能有：网站首页导航，各页面导航以及其他模块。

1.3 论文可行性分析

1.3.1 社会可行性分析

可行性分析主要分析现有技术条件能否顺利完成开发工作，软硬件配置能否满足开发者的需要等。随着计算机硬件和软件技术的飞速发展，为网站的建设提供了有利的技术条件，由此看来技术基础也已非常成熟，因而技术上是可行的。

1.3.2 软件可行性分析

1.3.2.1 ASP技术介绍

ASP（Active Server pages）即“动态服务器网页”，ASP之所以能受到大家的重视与使用的原因，只要在于脚本在服务器上而不是在客户端运行，传送到浏览器上的Web页是在Web服务器上生成的。所以不必担心浏览器能否处理脚本，Web服务器已经完成了所有脚本的处理，并肩标准的HTML传输到浏览器。由于只有脚本的结果返回到浏览器，所有服务器端脚本不易复制。用户看不到创建他们正在浏览的页的脚本命令。所以在客户端看到的只能是经过解析之后的数据，而无法获得源代码，故编写者不用担心自己的代码会被别人剽窃。

ASP的主要特点：容易产生，无需Compile变异或Link链接即可执行，集成于HTML中，使用常规文本编辑器，如Windows的记书本，即可设计，用户端只要使用常规的可执行HTML码的浏览器，即可浏览ASP所设计的主页内容，Script语言（Vbscript ，Jscript）是在站点服务器执行，用户不需要执行这些语言，可通过ActiveX服务器组件来扩充功能。ActiveX Server component，可使用visual Basic，Java，Visual C++，COBOL等语言来实现，任何AcTiveX scripting语言兼容。可使用Vbscript或Jscript等语言来设计，一个应用程序，可以在多个主页之间保留和使用一些共同的信息，也就是说一个用户，可以在多个主页之间保留和使用一些共同的信息，在多个主页之间共享信息。

1.3.2.2 DREAMWEAVER

Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。

Dreamweaver还集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。

1.3.2.3 SQL 2000

SQL Server 2000是为迅速提供可伸缩性电子商务、企业及数据仓库解决方案而开发的完整数据库与分析软件产品。SQL SERVER 2000定位于Internet背景下的数据库应用，它为用户的Web应用提供了一款完善的数据管理和数据分析解决方案。同时SQL SERVER 2000还是Windows DNA（Distributed Internet Architecture）架构的一个核心组件。它极大地缩短了用户开发电子商务、数据仓库应用的时间。SQL SERVER 2000还提供对XML(Extensible Markup Language扩展标示语言支持)和HTTP的全方位支持。

在高性能和企业级可伸缩性领域，SQL Server 2000 设计成利用 Windows 2000 对更多处理器、更大的系统内存的支持，最终达到支持 64 位硬件平台。在不断提升可用性的努力过程中，SQL Server 2000 采用 Windows 2000 四路群集，提供了大大改进的群集支持。SQL Server 7.0 已经在可管理性和易用性方面在行业内领先，SQL Server 2000 通过与 Windows 2000 活动目录紧密结合进一步改进了这些功能。而且，SQL Server 2000 还包含对现有管理工具和实用程序的重大改进，并引入更具自我调节和自我管理的引擎功能。

SQL Server 2000 按照设计可以为部署和维护强大的、易于管理、支持商务活动的 Web 站点提供最好的性能，这些站点可以从事商家和商家之间或商家与客户之间的交易。在寻求一个支持您的电子商务解决方案的数据库时，需要考虑的项目包括：可用性、性能、可管理性和价格。

1.3.2.4 PHOTOSHOP

Photoshop是Adobe公司推出的一款功能十分强大、使用范围广泛的平面图像处理软件。拥有多种选择工具，极大地方便了用户的不同需求。而且多种选择工具还可以结合起来选择较为复杂的图像。它不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的滤镜。目前Photoshop是众多平面设计师进行平面设计，图形，图像处理的首选软件。

1.3.2.5 FLASH

Flash被大量应用于互联网网页的矢量动画设计。因为使用向量运算﹙Vector Graphics﹚的方式，产生出来的影片占用存储空间较小。使用Flash创作出的影片有自己的特殊档案格式﹙SWF﹚，该公司声称全世界97%的网络浏览器都内建Flash播放器﹙Flash Player﹚ 。Flash是Macromedia提出的“富因特网应用”（RIA）概念的实现平台。

1.4 开发环境介绍

操作系统：Windows XP professional；

开发的软件环境：IIS 5.1 ，Dreamweaver CS4 ，SQL server 2000 ，Photoshop CS5，Flash 8

开发的硬件环境：Pebtium（R） Dual-Core CPU T4200 @ 2.00GHZ

内存：2 GB

参考文献及引用内容

网站建设教程（金旭亮、吴彬），高等教育出版社；

ASP动态网页编程/工作过程导向新理念从事（丛林编委会），清华大学出版社；

Flash ActionScript 3 殿堂之路（孙颖）电子工业出版社；

站长之家 : ；

站长网 : ；

结束语

在该网站制作的过程中利用了各种软件或程序设计语言完成网站的设计，完成前台基本操作与后台的数据处理，浏览器向WEB服务器代理提出访问请求，可以通过浏览器直接看到网站内容，同时给班级在网络上带来了一个很好的宣传窗口。本网站也方便了班级同学间的联系及交流。上述就是我制作该网站所想要视线的目标。相信通过一个多月的毕业论文对该网站的制作完善，能使我对网站制作有了一个比较清楚的认识，也加深了对数据库原理、程序设计的学习，能提高资深的程序设计能力，到那时我得到的将是终生的财富，必将给我今后的学习和工作带来更多的收益。

致谢

大学生活进入尾期，即将离开美丽的校园，心中难免有着种种不舍，这里的三年生活，存在了我太多美好的回忆。

在这里，首先要感谢银涛老师在我完成该毕业论文过程中给予的悉心指导。同时通过互联网在网上收集大量的资料并且及时向指导老师、同学请教。在他们的帮助下，我顺利的完成了此次毕业论文的任务。通过此次设计，使我学到了很多有使用价值的只是，开阔了知识面，积累了对网站制作的经验，在遇到困难时，去寻求解决的方法，去克服它，并学会自己找资料进行参考，直到问题最终得到解决。在制作学习中，我领悟到了很多道理——学习在于不断探索、思考、质疑，在举一反三中创新。更重要的是要有持之以恒的毅力。

在为期1个多月的毕业设计过程中使自己真正的学习到很多的东西，无论是自己的动手能力是是心智的开发都是一个很大的提高。更重要的是学到了一种严谨的学习态度。在整个毕业设计中三年的大学学习老师所教授的知识无疑是最大的帮助，指导老师细心的指导更加速了本人的提高。在此，我衷心的感谢及祝福老师们。