摘要:本文将从网站的发展历程着手,分析用户需求,通过参考当下流行的网站设计趋势,详细阐述如何建设一个界面美观、交互良好、功能全面的“DIY制作”主题网站。网站主要分为“首页”、“关于”、“欣赏”、“教程”、“我的”这五大模块。本文以网站的规划设计为蓝本,具体阐述了“DIY制作”主题网站从视觉设计至技术实现的过程。网站最大的特点就是结合当下热门的HTML5和CSS3最新引进的标签来实现丰富多彩、动感十足的网页特效,例如canvas画布、锚点链接、视差滚动等,配合JavaScript脚本语言,Dream weaver为前端开发工具,以用户体验为基础,拟定一套实现方案。网页设计是艺术与技术的结合,为了制作出用户满意的网站,必须考虑到风格、交互等各方面的内容来提升网站的质量。36828 毕业论文关键词:HTML5;CSS3;JavaScript;网页设计
"DIY fabrication" Theme Website Design
Abstract: This article will begin with the development of site, analyze user needs, by reference current popular website design trends, and detail how to make a "DIY fabrication" theme website with beautiful interface, good interactive and full-featured. Sites are pided into "Home", "About", "Appreciation", "Course", "My" These five modules. This paper with the site planning and design as blueprint, specifically addressed the process of the site from design to achieve. Site biggest feature is combined with the current popular HTML5 and CSS3 introduction of the latest label to achieve a colorful, dynamic page effects, such as canvas, anchor links, parallax scrolling, etc, with JavaScript scripting language, Dream weaver as the front-end development tools, and user experience as the basis, develop a set of implementation. Web design is a combination of art and technology, in order to create customer satisfaction site, you must consider the style, interactive and other areas to improve the quality of the site.
Keywords: HTML5; CSS3; JavaScript; Web Design
目录
摘要 1
Abstract 1
目录 2
1 绪论 4
1.1 前言 4
1.1.1 课题的目的和意义 4
1.1.2 国内外研究现状与水平 5
1.1.3 发展趋势 6
1.1.4 文献查阅及调研情况 7
1.2 “DIY制作”主题网站概述 8
1.3 “DIY制作”主题网站开发计划 8
1.4 工作进度安排 9
1.5 本文主要内容 10
2 网站开发环境 10
2.1 设计语言概述 11
2.1.1 HTML5语言介绍 11
2.1.2 CSS3语言介绍 11
2.1.3 JavaScript语言介绍 12
2.1.4 jQuery介绍 12
2.2 测试环境介绍 13
2.3 编辑工具介绍 13
2.3.1 Dreamweaver简介 13
2.3.2 Photoshop简介 13
2.3.3 Illustrator简介 14
3 “DIY制作”主题网站分析策划 14
3.1 用户需求分析 14
3.2 可行性分析 15
3.2.1 技术可行性 15
3.2.2 运营可行性 15
3.2.3 环境可行性 15
3.2.4 经济可行性 15
3.3 模块原型和视觉设计 16
3.3.1 模块原型 16
3.3.2 视觉设计 17
4 “DIY制作”主题网站建设实施 18