HTML5+CSS3的婚纱网站设计+源代码(2)
1.2 国内外研究的现状
我们互联网发展历史相较于其他发达国家来说起步晚，只孕育出一些普通的设计者，没有多少严格意义上的专业web前端工程师，而web前端工程师在国内被定义为一个潜力巨大的职业。在上个世纪末，互联网初入中国，大家争先恐后的做网站，各种类型门户网站，个人网站一拥而上，只为跟风，再加上网页技术更新换代快，不管是精品还是垃圾，一个网站的界面设计寿命仅仅2-3年，过后就会被新技术所淘汰，并没有所谓的经典。所以网站粗制滥造耗不讲究，这也间接引发了一场网络经济泡沫。
作为一个web前端工程师，要不断的学习，学习国内外先进网页设计技术，不断更新自己的知识，还要学习国内外优秀网站的设计思想。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显。因此做一个好的网页对web前端工程师来说是一项挑战。
1.3 课题设计的意义
婚纱网站相较于其他类型的网站，更要求配色合理，特效美观，图片处理得当。对没有工作经验、项目经验，只是学习课本知识的大学生来说，是一项挑战。通过婚纱网站的制作，让大学生更加深入了解HTML5和HTML4的区别，学习HTML5新增的标记，了解HTML5+CSS3.0在网页设计中的优势和新交互性[2][3]，同时也要知道HTML5和CSS3技术固然很强大的功能，也确实为网页技术的发展带来了非常大的变化，但是由于这项技术还没有完全成熟，所以在使用这项技术是还是要保持严谨、慎重的态度[4]。目前，HTML5和CSS3的某些特性仍旧还不可以进行跨浏览器的操作[5]。
1.4 设计方法
本网站采用p+css和html5中的一些新标记进行排版布局，采用JavaScript和jQuery来给HTML网页增加动态功能。网站设计思路主要有以下几个方面：
（1）网站总体规划：比较国内外知名的婚纱摄影公司的门户网站，学习他们的配色和框架布局，选定自己的网站的主色调。
（2）用p+css配合HTML5的新标记，制作出静态页面。
（3）用JavaScript和jQuery来增加页面的动态功能，加强特效，美感和交互性。
（4）调试兼容性：网站要兼容谷歌、欧朋、360、火狐、IE10。CSS3.0里面一些样式不能被老版本浏览器兼容，因此要加 ‘-o-’‘-moz-’‘-ms-’‘-webkit-’ 等兼容性代码[6]。
2. JavaScript和jQuery在网页设计中的应用
2.1 JavaScript在网页中的应用
JavaScript是一种脚本设计语言，它与Java有关，并与Java共享一些相同的语法和结构，但它又不是Java的简化版本。JavaScript最早是在HTML网页上使用，用来给HTML网页增加动态功能。它使网页开发者可以更有效地控制页面，并能对用户触发事件作出即时响应，诸如单击鼠标、表单操作等等，而且这些都不需要客户机与服务器的交互通讯，这样同时就为最终用户提供了更快速的操作，减小了服务器端的负担。组成部分：核心（ECMAScript）、文档对象模型（Document Object Model，简称DOM）、浏览器对象模型（Browser Object Model，简称BOM）