4.1 静态页面制作    18
4.1.1 页面布局    18
4.1.2 风格样式    21
4.2 动态效果实现    24
4.2.1 JavaScript的编写    24
4.2.2 JQuery的调用    26
5 结论    28
致谢    30
参考文献    31
1    绪论
随着科技的进步、时代的发展，Internet 为我们的生活带来了一次前所未有的革命。网上购物、网络电话、在线课程……我们的生活越来越离不开网络，人们对信息的需求也越来越迫切。而且，在信息网络和多媒体技术迅速更新的今天，许多人不再局限于获取“到”信息，相反地，人们会对获取到的信息进行评价：有效信息的含量有多高？获取信息的速度有多快？既然高新技术会淘汰一些落后的人群，那么残次品被丢进回收站也是理所当然的。
网站作为网络信息的主要表现形式和承载者，在信息的获取、传递、共享等方面都发挥着极其重要的作用，人们也越来越重视网站的建设和文护。网站之所以能够逐渐取代电视、报纸、杂志等媒体成为当下人们获取信息的主要来源，在于其结合文本、图像、音频、视频等多种表现形式来突出信息内容，给予人们丰富的视觉享受。相比于其他的多媒体，网站能够为我们提供更直观更有力的信息。然而，随着网络技术的快速发展，各类网站也层出不穷，如何让自己的网站在花花世界中吸引游客的眼球成了网站建设者们的首要问题。早期的网站大多以功能实现为主要目的，但对于界面的设计和交互的优化并没有给予太多的关注。然而，随着物质水平的逐步提高，人们的精神追求也在不断进步。我们已渐渐不再满足于纯粹的功能性网站，相反地，我们追求美观与实用的结合。界面设计包含网页的布局排版与风格样式，是用户的直观所见；交互优化则是指用户、前端、后台之间的三角关系，是用户的浏览体验。良好的视觉设计和交互体验能带给游客一次舒心的浏览经历，更重要的是能够提高网站的访问量和回访率。所以，充当门面的视觉和交互设计正以不可小觑的力量改变着网站设计的发展趋势。
本文通过查找资料和实例调研，以国内外网站的研究现状和水平为基础，着眼于今后网站设计的发展趋势，具体阐述当今网站建设的新潮风格和主流技术，通过对比一些优劣网站来总结各自的优缺点，取其精华并运用到“DIY制作”主题网站的制作中。本文将详细说明本次课题研究的前期准备工作、网站总体策划、制作过程中遇到的难点及解决方案等，就网站的设计风格和实现技术作出重点解释，并结合图片和图表来展示网站已开发和待开发的功能模块。用户可以根据提供的说明文档了解网站的基本构架和使用方法，熟悉网站的整体操作流程。部分代码和参考资料将在附录中一一罗列。
1.1    前言
1.1.1    课题的目的和意义
随着信息时代的到来，网络越来越强烈地介入我们的生活，互联网也正以惊人的速度飞快发展，更被喻为“21世纪最伟大的发明”。网络信息正在以惊人的速度和前所未有的方式颠覆我们的生活。作为21世纪主力军的我们，更应该具有从外界迅速、及时获取有效科学信息并将其广泛传播的能力。而网络恰恰符合这个要求。我们可以通过网站获取、发布并传递各种各样的信息，同时网站上日新月异的交互功能也使我们之间的距离变得越来越近，不再受时间和空间的限制。在资源共享的网络世界里，网站是信息传递必不可少的载体。因此，网站建设对互联网应用的意义非同小可，它已成为信息世界的重要组成部分。鉴于此，研究并开发界面更美观、功能更全面、使用更方便的网站显得尤为重要。互联网以其强大的冲击力影响着人类的生活，如何建设更加强大的网站让互联网更好地造福人类社会已是当今网络科技发展所面临的核心挑战。 HTML5“DIY制作”主题网站设计(2):http://www.751com.cn/jisuanji/lunwen_35417.html