网页设计--毕业论文

网页设计摘要：在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。本文从网页设计的角度出发，介绍一些设计中要素和技巧，例如框架、CSS样式的使用等等。【关键词】网页设计要素框架CSS互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。目录目录前言 11．网页的要素 21.1图片要素 21.2排列方法要素 51.3色彩要素 52．网页设计技巧 62.1框架的使用 62.2CSS样式的使用 63．涉及软件 73.1DreamWeaVerCS3介绍 73.2DreamWeaVerCS3操作界面 74．制作前期工作 84.1歌曲类型选取 84.2歌曲选择 85．作品制作过程 95.1利用Photoshop切割网页图画 95.2使用Photoshop设计网页Logo 95.3使用Photoshop设计网页Banner 106．网页设计经验 18参考文献及资料出处 18前言PAGE1前言互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。由于制作经验不足，作品和论文中存在问题之处，请老师指导完善。FLASH简介PAGE31.、网页设计的要素在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。1.1.图片要素要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等，1.2.排列方法要素主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。F、基于屏幕的可视开发环境；G、可视编程环境；H、高级可控制外观组件支持；I、数据绑定；J、Web服务和XML的预建数据连接器；K、项目管理功能；L、源代码控制系统；M、其它FLASH简介PAGE41.3.色彩要素色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。

图1.1完整的页面MTV简介PAGE62、网页设计技巧一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和CSS样式的运用两方面来介绍网页设计的技巧。2.1.框架的使用FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。许多专业Web设计人员不喜欢使用框架，并且许多浏览Web的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。2.2.CSS样式的使用CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即CascadingStyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。

如图1.2

涉及软件PAGE73．涉及软件3.1DreamWeaVercs3介绍DreamweaverCS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的CreativeSuite3设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。3.2DreamWeaVercs3操作界面DreamWeaVercs3界面设计友好，空间广阔，操作精微细致,是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。，如图3.1所示。图3.1DreamWeaVercs3操作界面制作前期工作PAGE84．制作前期工作4.1歌曲类型选取在确定了设计主题为FLASHMTV后，下一个步骤，就是歌曲类型的选取。歌曲的分类颇为广泛，要选择一个适合自己的类型进行制作，考虑了下面几个问题。该类型是否具有一定意义，是否能让作品做到不俗套，更容易让人接受。在经过慎重考虑只后，我选择了流行歌曲的MTV制作，流行歌曲是目前少男少女们最喜爱的音乐类型，为了使MTV做起来比较顺利，我首先听了不同风格的歌曲，在其中找自己最喜欢，最有MTV画面的音乐。通过以上因素，所以毕业作品歌曲的类型就定为了抒情类情歌。4.2歌曲选择歌曲类型确定后，要选择一首怎样的歌曲进行制作，考虑到为了使观众从我的作品中感受到喜悦，我决定采用久别重逢为主题，通过反复的听取不同的歌曲，最后我决定用许绍洋唱的“身边”作为本次毕业设计MTV的歌曲。作品制作过程PAGE95．作品制作过程5.1利用CorelDRAW绘制图画利用CorelDRAW矩形工具、钢笔工具绘制出厨房，并通过CorelDRAW自带的色彩填充工具填充上相应的色彩，如图5.1所示。图5.1厨房绘制5.2制作FLASH元件打开FLASH软件，通过“文件”→“导入”→“导入到库”，将绘制好的厨房图片导入FLASH中，并将其元件命名为“厨房”，如图5.2所示。图5.2图片导入作品制作过程PAGE105.3FLASH库中实例展示图5.3图5.4图5.5作品制作过程PAGE12图5.6图5.7(因元件过多，不一一例举，完整元件请参照作品内部。)5.4FLASH具体制作过程新建图层，将其分别命名。将先前制作好的元件插入相应图层中。（其中包括将音乐导入FLASH库中，并将其拖入到图层中。）如图5.8所示。图5.8新建图层,将图层命名为“脚本”，选中第一帧，在脚本编辑框中加入“stop();”，从而达到动画停在第一帧的效果，如图5.9所示。作品制作过程PAGE13图5.9动画停止人物行走为逐帧动画，在时间轴上每隔一帧便插入一个空白关键帧，然后将人物行走时四肢律动的图片放入相应帧上，以完成人物整个行走过程，如图5.10所示。（注意每个帧上的人物高度都需一致）图5.10男生走入通过帧的运用，切换计算机屏幕的图片，从而达到模拟计算机启动时的效果，如图5.11所示。图5.11电脑启动作品制作过程PAGE16首先在需要被遮罩层的上方新建一个图层，然后在新图层上画一个矩形，矩形的位置在被遮罩层文字的左边，接下来在第二个关键帧上调整矩形的宽度，使矩形完全遮住文字，最后在放置矩形的图层上单击鼠标右键→“遮罩层”即可，如图5.12所示。图5.12打字首先将花瓣制成“图形元件”，再将制作好的图形元件拉入到影片剪辑当中，通过“动画补间动画”，使花瓣成自然下落的效果，并将第二个关键帧的实例“透明度”调成“0”。回到场景中，将刚才做好的花瓣下落的影片剪辑拉入到场景之中，并在属性框中将实例命名为“a”,新建一个图层，在第一个关键帧的脚本编辑框中输入“c=1;”,在第二帧上插入“空白关键帧”图5.13花瓣飘零人物行走为逐帧动画，在时间轴上每隔一帧便插入一个空白关键帧，然后将人物行走时四肢律动的图片放入相应帧上，以完成人物整个行走过程。（注意每个帧上的人物高度都需一致）如图5.14所示。作品制作过程PAGE18图5.14女生走入制作手部动画，双手需要在独立图层之中，通过“变形工具”调整第二个关键上手的位置，两个关键帧之间的距离由设计者自己设定，最后两个关键帧之间加入“动画补间”即可，如图5.15所示。图5.15制作食物插入第一个关键帧，将实例放入场景中，然后再插入一个关键帧，两关键帧之间的距离由设计者自己设定，接着将第二个关键帧上的实例放大，最后在两帧之间插入“动画补间”即可，如图5.16所示。图5.16镜头拉伸作品制作过程PAGE19调整左手的位置，使手与盒盖的运动保持一致；盒盖的运动首先需要将中心点定在盒盖与盒底的交界处，然后通过变形工具调整各个关键帧上盒盖的形状，各个关键帧之间的距离由设计者自己设定，最后在各个关键帧之间加入“动画补间”即可，如图5.17所示。图5.17打开戒指盒在第一个关键帧处，将飞机先放在场景的左上角，然后在第二个关键帧处将飞机移动到场景的右上角，两个关键帧之间的距离由设计者自己设定，最后在两个关键帧之间加上“动画补间”即可，如图5.18所示。图5.18飞机飞过在第一帧上插入关键帧，将“门”拉入到场景中，随后再插入几个关键帧，每个关键帧的位置由设计者自己调整。通过“变形工具”调整门在不同时期的形状，每两个关键帧之间插入“动画补间”即可，如图5.19所示。作品制作过程PAGE20图5.19开门先将礼花制成“图形元件”，再将制作好的图形元件拉入到影片剪辑当中，通过“动画补间动画”，使礼花从左往右飞行，并将第二个关键帧的实例“透明度”调成“0”。回到场景中，将刚才做好的礼花飞行的影片剪辑拉入到另一个影片剪辑之中，并在属性框中将实例命名为“red”然后在脚本框中加入礼花脚本，最后将带有脚本的影片剪辑拉入到场景中相应的位置即可。通过以上方法便可做出不同色彩的礼花效果，实例名由设计者自己设定，如图5.20所示。图5.20礼花首先插入一个关键帧，在场景上方画一个矩形，宽度需和场景一致，然后插入第二个关键帧，两个关键帧之间的距离由设计者自己设定，将第二个关键帧上的矩形高度通过“变形工具”调整得遮住整个场景，最后在两帧之间加入“形状补间”即可，如图5.21所示。作品制作过程PAGE22图5.21闭幕在第一个关键帧上将文字放入场景下方，在第二个关键帧上将文字位置调整到场景中心，最后在两个关键帧之间加入“动画补间”即可，如图5.22所示。图5.22字幕“Replay”按钮的制作，新建一个“按钮”元件，在“弹起”帧上输入“Replay”，并添加“阴影”滤镜，然后在“指针经过”和“按下”帧上改变字体的颜色，接下来在“点击”帧上画出一个响应区，如图5.23所示。图5.23“Replay”按钮（因操作太多，无法完全显现，完整操作请参照作品。）总结PAGE23三、网页设计经验谈一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。另外还要注意，不要依赖图形。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。第三要注意，仅仅在需要的时候使用帧(FRAME)。使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧，有待于我们去挖掘和研究。◆参考文献及资料出处[1]纪晓亮、金超、詹强、刘玉鹏.《FLASH精彩动画设计》.清华大学出版社.2021年7月[2]甘登岱.《FLASH8创意与设计百例》.航空工业出版社.2021年10月[3]百度网站.致谢：在作品和论文制作和写作过程中，得到了曹玉婵老师的大力支持与悉心的指导，特此致谢。

论大学生写作能力写作能力是对自己所积累的信息进行选择、提取、加工、改造并将之形成为书面文字的能力。积累是写作的基础，积累越厚实，写作就越有基础，文章就能根深叶茂开奇葩。没有积累，胸无点墨，怎么也不会写出作文来的。写作能力是每个大学生必须具备的能力。从目前高校整体情况上看，大学生的写作能力较为欠缺。一、大学生应用文写作能力的定义那么，大学生的写作能力究竟是指什么呢？叶圣陶先生曾经说过，“大学毕业生不一定能写小说诗歌，但是一定要写工作和生活中实用的文章，而且非写得既通顺又扎实不可。”对于大学生的写作能力应包含什么，可能有多种理解，但从叶圣陶先生的谈话中，我认为：大学生写作能力应包括应用写作能力和文学写作能力，而前者是必须的，后者是“不一定”要具备，能具备则更好。众所周知，对于大学生来说，是要写毕业论文的，我认为写作论文的能力可以包含在应用写作能力之中。大学生写作能力的体现，也往往是在撰写毕业论文中集中体现出来的。本科毕业论文无论是对于学生个人还是对于院系和学校来说，都是十分重要的。如何提高本科毕业论文的质量和水平，就成为教育行政部门和高校都很重视的一个重要课题。如何提高大学生的写作能力的问题必须得到社会的广泛关注，并且提出对策去实施解决。二、造成大学生应用文写作困境的原因：（一）大学写作课开设结构不合理。就目前中国多数高校的学科设置来看，除了中文专业会系统开设写作的系列课程外，其他专业的学生都只开设了普及性的《大学语文》课。学生写作能力的提高是一项艰巨复杂的任务，而我们的课程设置仅把这一任务交给了大学语文教师，可大学语文教师既要在有限课时时间内普及相关经典名著知识，又要适度提高学生的鉴赏能力，且要教会学生写作规律并提高写作能力，任务之重实难完成。（二）对实用写作的普遍性不重视。“大学语文”教育已经被严重地“边缘化”。目前对中国语文的态度淡漠，而是呈现出全民学英语的大好势头。中小学如此，大学更是如此。对我们的母语中国语文，在大学反而被漠视，没有相关的课程的设置，没有系统的学习实践训练。这其实是国人的一种偏见。应用写作有它自身的规律和方法。一个人学问很大，会写小说、诗歌、戏剧等，但如果不晓得应用文写作的特点和方法，他就写不好应用文。（三）部分大学生学习态度不端正。很多非中文专业的大学生对写作的学习和训练都只是集中在《大学语文》这一门课上，大部分学生只愿意被动地接受大学语文老师所讲授的文学经典故事，而对于需要学生动手动脑去写的作文，却是尽可能应付差事，这样势必不能让大学生的写作水平有所提高。（四）教师的实践性教学不强。学生写作能力的提高是一项艰巨复杂的任务，但在教学中有不少教师过多注重理论知识，实践性教学环节却往往被忽视。理论讲了一大堆，但是实践却几乎没有，训练也少得可怜。阅读与写作都需要很强的实践操作，学习理论固然必不可少，但是阅读方法和写作技巧的掌握才是最重要的。由于以上的原因，我们的大学生的写作水平着实令人堪忧，那么如何走出这一困境，笔者提出一些建议，希望能对大学生写作水平的提高有所帮助。三、提高大学生应用写作能力的对策（一）把《应用写作》课设置为大学生的必修课。在中国的每一所大学，《应用写作》应该成为大学生的必修课。因为在这个被某些人形容为实用主义、功利主义甚嚣尘上的时代，也是个人生存竞争最激烈的时代，人们比任何时代都更需要学会写作实用性的文章，比如职场