网上免费下载使用。一般网站的成本主要在开发及后期维护上，但本网站开发周期短，工 作人员经济支出不大，前期不会给企业带来过重的经济负担。且投入使用后，可通过招商 广告版面等方法赚钱，以应付日常开支乃至盈利。是以，本系统在经济上是可行的。 

1。4 开发工具简介 

1。4。1 Photoshop CS6 简介 

Adobe Photoshop，简称“PS”，是由 Adobe Systems 开发和发行的图像处理软件。 Photoshop 的功能很多，在图像、图形、文字等各方面都有涉及。 

本网站主要使用 Photoshop 软件对图像进行处理。主要使用 Photoshop 的图像合成与 绘制技术这两大功能。 

1、图像合成 图像合成则是将几张图像素材通过图层操作、工具应用合成完整的、传达明确意义的

图像。 

本网站多处图片如首页的海报就是利用图像合成功能，将网上所找的图片素材，经过 图像结合、添加文字等方式进行编辑。 

2、绘制技术 使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。 

（1）形状图层：在图层中创建形状。因为可以方便地移动、对齐、分布形状图层以 及调整其大小，可用于为 Web 页创建图形。 

（2）路径：在当前图层中绘制一个工作路径，随后可使用它来创建选区、创建矢量 蒙版，或者使用颜色填充和描边以创建栅格图形（与使用绘画工具非常类似）。 

（3）填充像素：直接在图层上绘制，与绘画工具的功能非常类似: 

通过这三种方法，可以轻松设计网站图标。 

如本网站的点击按钮 button 就是通过该三种方法相结合的方式制作出来的。 网站图标如图 1-1 所示： 

图 1-1 网站图标图 

1。4。2 Sublime Text 简介 源G于J优L尔V论N文M网WwW.youeRw.com 原文+QQ75201`8766

Sublime Text 是一个代码编辑器，具有漂亮的用户界面和强大的功能，如代码缩略图， 插件，代码段等。还可以自定义键绑定菜单和工具栏。 

Sublime Text 有如下优点：（1）主流前端开发编辑器；（2）体积较小，运行速度快；

（3）文本功能强大；（4）支持编译功且可在控制台看到输出；（5）内嵌 python 解释器 支持插件开发以达到可扩展目的；（6）Package Control：ST 支持的大量插件可通过其进 行管理。 

Sublime Text 常用插件： 

（1）Emmet:一种快速的 HTML，CSS 编写方式。 

（2）JS Format:一个 JS 代码格式化插件。 

1。4。3 HTML 简介 

全称：HyperText Mark-up Language  译称：超文本标记语言 

主要特点： 

HTML 语言的目的是把存储在本地的文本或图形与另一台电脑中的文本或图形连接起 来，形成一个整体，用户不用知道信息的具体所在位置。只要利用鼠标轻轻在文档中点取 一个图标，互联网就会链接到相关的内容上去，然而用户看到的信息可能存放在千里之外 的另一台电脑中。 通过 HTML 命令，开发者可以诠释文字、图形、动画、声音、表格、链 接等。 

HTML 的结构包括 Head、Body 两大部分，其中 Head 部分展示浏览器的信息，而 Body 部分则展示页面信息。 

1。4。4 HTML5 简介 

HTML5，即超文本标记语言(HTML)第五次重大修改。 

HTML5 包含了新的元素，属性和行为，同时包含了一系列可以被用来让 Web 站点和应 用更加多样化，功能更强大的技术。