CSS网页设计应用及其优化.docxVIP

PAGE 0 PAGE 目 录 摘要 TOC \o 1-2 \h \z \u HYPERLINK \l _Toc200853947 Abstract HYPERLINK \l _Toc200853948 第一章 绪论 1 HYPERLINK \l _Toc200853949 1.1 课题背景 1 HYPERLINK \l _Toc200853950 1.2 研究目的和意义 1 HYPERLINK \l _Toc200853952 1.3 国内外研究现状 2 HYPERLINK \l _Toc200853952 1.4 本文的主要研究内容 5 HYPERLINK \l _Toc200853953 第二章 关键技术分析 6 HYPERLINK \l _Toc200853954 2.1 DIV+CSS简介 6 HYPERLINK \l _Toc200853955 2.2 DIV+CSS基本元素 7 HYPERLINK \l _Toc200853956 2.3 盒模型 PAGEREF _Toc200853956 \h 9 HYPERLINK \l _Toc200853956 2.4 分形设计理论 PAGEREF _Toc200853956 \h 14 HYPERLINK \l _Toc200853956 2.5 DIV+CSS设计优势 21 HYPERLINK \l _Toc200853958 第三章 基于DIV+CSS技术的网站界面设计 22 HYPERLINK \l _Toc200853959 3.1 DIV+CSS项目设计实例 23 HYPERLINK \l _Toc200853964 第四章 网页实际设计与优化 40 HYPERLINK \l _Toc200853965 4.1 色彩 40 HYPERLINK \l _Toc200853966 4.2 文字 44 HYPERLINK \l _Toc200853971 4.3 布局 47 HYPERLINK \l _Toc200853973 第五章 总结与展望 49 HYPERLINK \l _Toc200853974 5.1 心得与体会 49 HYPERLINK \l _Toc200853974 5.2 结束语 49 HYPERLINK \l _Toc200853974 5.3 致谢 50 HYPERLINK \l _Toc200853973 参考文献 51 第一章 绪论 1.1 课题背景 随着网站内容的不断丰富,网页上的图像、动画、字幕以及其他控件也不断地增加, 这就提出了一个新的问题,如何实现这些元素在网页中的准确定位。传统的网页制作工具都已经显得力不从心了。随着互联网和移动通信技术的快速发展，网页作为信息的主要载体，承担着将各类信息展现和传达的任务 网页设计的使命是直接有效地传达信息给用户 现在网页用户群体复杂，层次多样，对网页的好用性要求越来越高，要求一个网页在很好的需求战略，功能规格，信息架构的基础上更多的关注交互细节设计 1996年底, CSS应运而生,它很好地解决了这个问题。要对网页元素进行准确定位,要想做出精美的网页就一定要用到CSS。 CSS( CascadingStylesheets, 层叠样式表)是一种制作网页的新技术, 它的全称是级联样式表, 即Cascading StyleSheets的缩写, 又称之为风格样式表单。现已成为网页设计中必不可少的工具之一。 1.2 研究目的和意义 过去的网页通常缺少动感,而且在网页内容的排版布局上也有很多困难, 如果不是专业人员或特别有耐心的人,很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试, 才能驾驭好这些信息的排版, 其过程是十分漫长和痛苦的。样式表就是在这种需求下诞生的。 探究DIV+CSS网页设计思想，可以在当今这个互联网技术飞速发展、用户需求的局，合理的安排呈现的数据信息，在大数据量的前提下，让用户更加有效、快捷地信息量成倍增加并越来越看重用户体验的时代中，设计人员更好的去设计网页布获取信息，浏览网页保持愉快的体验感觉；在开发庞大的代码量的同时，又可以很方便地后期维护，不会出现‘牵一发而动全身’的情况；也可以严格的划分不同功能的代码模块。 总之，基于DIV+CSS技术的网页制作技术，会对web时代的设计思想产生不可估量的影响力。 1.3 国内外网页设计现状 正当网络作为第四媒体，逐渐走向成熟和完善的时候，网页设计业也已逐步脱离了传统广告设计的范畴，形成特殊而独立的体系。同时表明了，设计人员对网站视觉审美以及网站功能应用等多个方面的认知达到了新的高