摘要:论文详细论述了婚纱网站的设计思想、排版布局以及功能模块的实现原理。本网站是建立在HTML5+CSS3上,以Dreamweaver CC为开发工具,利用JavaScript和 jQuery相关语言设计出的综合性婚纱网站。本网站主要页面有一个网站主页,和九个子页面。网站效果有:在页面中动态显示当前日期、滑动滚动条头部悬浮导航出现和隐藏、滑动滚动条侧边栏随着滚动条移动、banner的自动循环播放、图片组鼠标经过特效、选项卡切换、返回顶部的动画效果、进去子页面,滚动条自动滑到内容部分等,成功的实现了婚纱网站的美观排版,炫酷特效。41342
毕业论文关键词:婚纱网站;HTML5+CSS3;JavaScript;jQuery
The Design and Implementation of wedding website based on HTML5 and CSS3
Abstract: This paper discusses the design idea, layout and function module of wedding website. This website is built on CSS3+HTML5, with CC Dreamweaver as the development tool, the use of JavaScript and jQuery related language design of the comprehensive wedding website.The main page of this site has a website home page, and nine sub pages.Site effects are:In the page dynamic display the current date, sliding rolling strip head suspended navigation and hidden, sliding rolling a sidebar with moving the scroll bar, playing the banner of the automatic cycle, group of pictures of the mouse after effects, tab to switch, return at the top of the animation, into sub page, scroll bar automatically slide to the content,To achieve the success of the beautiful wedding site layout, cool special effects.
Key Words: Wedding Website ; HTML5+CSS3 ; JavaScript ; jQuery
目 录
摘 要 1
引言 1
1.课题现状及意义 2
1.1 课题背景 2
1.2 国内外研究的现状 2
1.3 课题设计的意义 3
1.4 设计方法 3
2. JAVASCRIPT和JQUERY在网页设计中的应用 3
2.1 JAVASCRIPT在网页中的应用 3
3.2 JQUERY在网页中的应用 4
3. 网页需求分析 5
4. 网页功能效果的实现 6
4.1动态显示日期的实现 6
4.2悬浮导航出现或隐藏效果的实现 6
4.3侧边栏滑动效果的实现 7
4.4 BANNER轮播效果的实现 7
4.5图片组效果的实现 8
4.6 选项卡切换效果的实现 9
4.7 返回顶部的动画效果的实现 10
4.8 进入页面自动显示内容效果的实现 10
5. 总结 10
参考文献 10
致谢 12
基于HTML5+CSS3的婚纱网站设计和实现引言
O2O模式,Online to Offline,即将线下服务与线上平台相结合。让互联网成为线下交易的前台。这样线下服务就可以用线上平台来进行宣传,消费者可以通过线上平台进行筛选服务,咨询,或者线上付费,其方便快捷很快形成规模。O2O模式最大的特点是:推广效果可查,每笔交易可跟踪[1]。随着O2O概念的提出,大多数企业感受到互联网对自身发展的冲击,意识到网络阵地的重要性,开始在互联网逐渐建立起企业的门户网站。本婚纱网站的产生就是婚纱摄影行业在O2O模式的冲击下,做出的应对策略。
1. 课题现状及意义
1.1 课题背景
HTML,中文名超文本标记语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。2014年10月29日,在历经8年的艰苦努力下,万文网联盟宣布HTML5标准规范制定完成。根据统计2013年全球共有近10亿手机浏览器支持HTML5,同时HTML Web开发者数量将达到200万。毫无疑问,在未来移动互联网领域的5-10年内,HTML5将是主宰者一般的存在。HTML5这么火的原因是它可以提供:1.提高可用性和改进用户的友好体验;2.有几个新的标签,这将有帮助开发人员定义重要的内容;3.可以给站点带来更多的多媒体元素(视频和音频);4.可以很好的替代FLASH和Silverlight;5.当涉及到网站的抓取和索引的时候,对于SEO很友好;6.将被大量应用于移动应用程序和游戏。 HTML5+CSS3的婚纱网站设计+源代码:http://www.751com.cn/jisuanji/lunwen_41355.html