HTML5电影点评网站的设计与实现(3)
时间:2021-11-08 20:23 来源:毕业论文 作者:毕业论文 点击:次
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) |