HTML5电影点评网站的设计与实现(3)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

HTML5电影点评网站的设计与实现(3)

     6。代码检查和快速修复

     7。代码调试

     8。代码结构浏览

     9。代码折叠

     10。包裹或者去掉外围代码

使用webstorm进行主体内容的实现,包括html和css书写,js和jq代码的书写,主体程序书写。

2。1。2 Photoshop cc

    Photoshop cc是adobe公司于2013年推出的Photoshop的最新版本,它是在原来版本的基础上新增了相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能,以及Creative Cloud,即云功能。论文网

    本程序使用Photoshop cc进行网页的图片的编辑和修改,对于网站颜色选择判断,制作CSS Sprites(CSS 精灵)。

2。1。3 Inkscape

     Inkscape是一套矢量图形的编辑器。该软件是一套强力的绘图程序,能够支持XML、SVG及CSS等开放性的标准格式。Inkscape是一个可以跨各种常见平台使用的程序,Windows、Mac OS X、Linux及类UNIX版等操作系统。

     本程序使用这款矢量图形编辑软件,用来制作svg图片并生成svg的路径,在loading界面有使用。

2。2使用主要技术的介绍

2。2。1 HTML5

  HTML为超文本传输协议,HTML5就是超文本传输语言的第五次重大修改。

HTML5相对于过去的HTML技术有着下面的几个方面的重大更新和改变:

(1) 易用性,语义更加明确化

   用新的标签像<header></header>,<footer></footer>,<nav></nav>等等,可以使阅读者更加容易的了解标签下的内容,而不像过去那种整篇全是<p>用id或者class来表述所写内容的情况。

(2) 视频和音频的支持

  新的HTML5抛弃了过去必须使用flash的情况,使得过去非常繁琐,复杂的代码变得更加简单,语义化。通过新的视频<video>和音频<audio>标签,可以像修改图片一样修改视频和音频的参数。

(3) Doctype

  新的Doctype更加的简单明了,不像过去的会有十分复杂的而难以理解,也没有多余的head标签。

(4) 跨浏览器的支持

    现代流行浏览器基本上都支持HTML5,即使最老的IE6都可以使用。HTML5已经使得开发更加简单了,更多支持更多浏览器,老IE浏览器可以通过添加javascript代码来使用新的元素。

2。2。2 CSS3

   CSS即层叠样式表(Cascading StyleSheet)。在网页中用来控制网页的显示形式。在网页制作时采用层叠样式表,可以有效的对页面布局,字体,颜色进行更好的修改。

   CSS3是CSS技术的升级版本,CSS3对比过去的CSS版本有着以下区别:

① 在盒子模型方面,CSS3的Flexbox是一种伸缩盒模型,网页可以通过Flexbox进行更加复杂的网页需求设计,本程序就是用这种的盒模型进行,网页设计和布局。文献综述

② 动画属性的应用Transform,Transition和Animationde 的使用是CSS3标识性的功能,CSS3可以在不使用任何JS的情况下,进行变形,旋转,变化,和复杂的动画制作。

③ 媒体查询的应用,使用@media查询,可以针对不同媒体类型和不同的屏幕大小进行不同的样式设计。当你在进行响应式设计时,@media是十分必要而有用的,本网页的首页的响应式设计就是用@media配合bootstrp框架进行设计和实现的。

④ 背景和边框的相关处理,边框圆角的使用,border-radius的使用在项目中多处用到。box-shadow的使用可以使盒子看起来更加逼真和有层次感,在项目中有很好的使用。 (责任编辑:qin)