网站内容设计(Photoshopcc代码检查和快速修复7、代码结构浏览9。)

　　网站内容设计(Photoshopcc代码检查和快速修复7、代码结构浏览9。)

　　6. 代码检查和快速修复

　　7.代码调试

　　8. 代码结构浏览

　　9.代码折叠

　　10. 包装或移除外设代码

　　使用webstorm实现主要内容，包括html和css编写，js和jq代码编写，主程序编写。

　　2.1.2 Photoshop 抄送

　　Photoshop cc是Photoshop于2013年推出的最新版本，在原版基础上增加了相机防抖功能、CameraRAW功能改进、图像上采样、属性面板改进、Behance集成等功能，以及云Creative Cloud功能。纸网

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

　　2.1.3 墨景

　　Inkscape 是一组矢量图形编辑器。该软件是一个功能强大的绘图程序，支持开放标准格式，如 XML、SVG 和 CSS。Inkscape 是一个可以在各种常见平台上使用的程序，例如 Windows、Mac OS X、Linux 和类 UNIX 版本。

　　本程序使用此矢量图形编辑软件制作svg图片并生成svg路径，用于加载界面。

　　2.2 主要技术使用介绍

　　2.2.1 HTML5

　　HTML 是超文本传输​​协议，HTML5 是超文本传输​​语言的第五个主要版本。

　　与过去的 HTML 技术相比，HTML5 在以下几个方面有较大的更新和变化：

　　(1)易于使用，语义更明确

　　使用 , 等新的标签，可以让读者更容易理解标签下的内容，而不是像过去那样阅读整篇文章。

　　使用 id 或 class 来描述书面内容的情况。

　　(2)视频和音频支持

　　新的 HTML5 摒弃了不得不使用 flash 的旧情况，让原本非常繁琐复杂的代码变得更简单、更语义化。使用新的视频和音频标签，您可以像修改图片一样修改视频和音频的参数。

　　(3)文档类型

　　新的Doctype更加简单明了，不像旧的非常复杂难懂，没有多余的head标签。

　　(4)跨浏览器支持

　　现代流行的浏览器基本都支持HTML5，连最老的IE6都可以用。HTML5 让开发变得更容易，支持更多的浏览器，旧的 IE 浏览器可以通过添加 javascript 代码来使用新元素。

　　2.2.2 CSS3

　　CSS 代表层叠样式表。用于网页中，控制网页的显示形式。在制作网页时使用级联样式表可以有效地修改页面布局、字体和颜色。

　　CSS3是CSS技术的升级版。与之前的 CSS 版本相比，CSS3 有以下区别：

　　① 在盒子模型方面，CSS3的Flexbox是一种可伸缩的盒子模型，通过Flexbox可以设计出更复杂的网页需求的网页。这个程序使用这个盒子模型来设计和布局网页。文献评论

　　②*敏*感*词*属性的应用Transform、Transition和Animationde的使用是CSS3的标志性功能。CSS3 可以在不使用任何 JS 的情况下进行变形、旋转、变化和复杂的*敏*感*词*。

　　③媒体查询的应用，使用@media查询，可以针对不同的媒体类型和不同的屏幕尺寸设计不同的样式。当你在做响应式设计时，@media 是非常必要和有用的。本网页首页的响应式设计是用@media结合bootstrp框架设计实现的。

　　④ 背景和边框的相关处理，边框圆角的使用，border-radius的使用在项目中很多地方都用到了。box-shadow 的使用可以让盒子看起来更逼真，更有层次感，在项目中很好用。HTML5影评设计与实现网站(3):