毕业设计（论文）CSS网页设计应用及其优化.docxVIP

目录摘要Abstract第一章绪论11.1 课题背景11.2 研究目的和意义11.3国内外研究现状21.4本文的主要研究内容5第二章关键技术分析62.1 DIV+CSS简介62.2 DIV+CSS基本元素72.3盒模型92.4分形设计理论142.5 DIV+CSS设计优势21第三章基于DIV+CSS技术的网站界面设计223.1DIV+CSS项目设计实例23第四章网页实际设计与优化404.1 色彩404.2 文字444.3 布局47第五章总结与展望495.1 心得与体会495.2结束语495.3致谢50参考文献51第一章绪论1.1 课题背景随着网站内容的不断丰富,网页上的图像、动画、字幕以及其他控件也不断地增加, 这就提出了一个新的问题,如何实现这些元素在网页中的准确定位。传统的网页制作工具都已经显得力不从心了。随着互联网和移动通信技术的快速发展，网页作为信息的主要载体，承担着将各类信息展现和传达的任务网页设计的使命是直接有效地传达信息给用户现在网页用户群体复杂，层次多样，对网页的好用性要求越来越高，要求一个网页在很好的需求战略，功能规格，信息架构的基础上更多的关注交互细节设计1996年底, CSS应运而生,它很好地解决了这个问题。要对网页元素进行准确定位,要想做出精美的网页就一定要用到CSS。CSS( CascadingStylesheets, 层叠样式表)是一种制作网页的新技术, 它的全称是级联样式表, 即CascadingStyleSheets的缩写, 又称之为风格样式表单。现已成为网页设计中必不可少的工具之一。1.2研究目的和意义过去的网页通常缺少动感,而且在网页内容的排版布局上也有很多困难, 如果不是专业人员或特别有耐心的人,很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试, 才能驾驭好这些信息的排版, 其过程是十分漫长和痛苦的。样式表就是在这种需求下诞生的。探究DIV+CSS网页设计思想，可以在当今这个互联网技术飞速发展、用户需求的局，合理的安排呈现的数据信息，在大数据量的前提下，让用户更加有效、快捷地信息量成倍增加并越来越看重用户体验的时代中，设计人员更好的去设计网页布获取信息，浏览网页保持愉快的体验感觉；在开发庞大的代码量的同时，又可以很方便地后期维护，不会出现‘牵一发而动全身’的情况；也可以严格的划分不同功能的代码模块。总之，基于DIV+CSS技术的网页制作技术，会对web时代的设计思想产生不可估量的影响力。1.3国内外网页设计现状正当网络作为第四媒体，逐渐走向成熟和完善的时候，网页设计业也已逐步脱离了传统广告设计的范畴，形成特殊而独立的体系。同时表明了，设计人员对网站视觉审美以及网站功能应用等多个方面的认知达到了新的高度。?抛去媒体这层外衣，网站是信息的储存空间。请思考一下：从理论上来说，套用相同的模板，只要保证浏览者能够获取信息，网站的功能就实现了。如同96年以前的网站几乎是纯文字的页面，没有什么所谓“设计”的概念可言。而从实际情况上看，至今的网络上依旧到处充斥着那种仅仅是通过信息堆砌而成的网站。那么，设计师们到底是为了什么而工作呢？不了解网页美术的意义所在，设计人员如何能够正确的面对创作。面对激烈竞争的网络环境众所周知，“优者生存”是事物繁衍发展的自然规律。随着网络技术的更新换代，以及计算机美术的可达到的范围越来越广，无法继续满足于：只有几篇文字和版式一模一样的网站。不可否认，互联网的共享环境给信息储备和更新带来了很大的冲击，现今已不是十年前数得出来的几百个网站，而是无法估量的上千万个网站。主题相同或雷同的网站多到无数，想要从千百个相同主题的网站中脱颖而出，确实不易。互联网的全球共享信息环境，能够使地球另一端的竞争者与设计人员站在同一条跑道上，竞争加剧了，网站的视觉设计也就变成了竞争环节中的一大利器。面对信息结构的日益复杂化网站不是发布几条消息，或者放上几个广告那么简单的载体。它可能是一个大型的信息资料库，也可能是琳琅满目的信息转盘，信息的重要性决定了信息的摆放顺序及浏览者的使用频率。由于信息结构变得越来越复杂，一个信息空间内部结构如何设计、信息类别多如何管理、异类信息如何分主次、同类信息如何分类分层，以及单一页面上的信息结构安排等等诸多问题。“页面上有文字就可以”这一原则已经无法解决现今的互联网的网站信息情况了。设计人员必须依据信息结构去规划网站设计，科学的进行信息管理。在不影响信息下载的同时，提供给浏览者一种美好的视觉环境，帮助他们科学且快速的查阅信息。信息的传播内涵与外沿网民们是为了不同的目的登陆相关的站点上查询信息的。试想一下，一个需要阅读娱乐新闻的人是不会到体育网站上去寻找的，而一个需要收集出国政策的人更是不会到游戏网站上去搜索的，这是有关信息类