PHP开发环境的搭建及编辑工具的破译和使用

一、PHPStudy安装说明
1、安装步骤（附截图）
(1)百度搜索PHPstudy。

图1.1

(2)进入官网选择合适的版本，设置下载路径，进行下载 。

图1.2

图1.3

(3)解压压缩包，运行程序，设置安装路径，安装PHPstudy。

图1.4

2、启动、停止、重启
(1)启动PHPstudy：安装路径会生成一个新的文件夹phpstudy_pro。

图 1.5

进入文件夹phpstudy_pro>COM找到应用程序phpstudy_pro.exe即可启动PHPstudy。

图1.6

图1.7

图1.8

(3)重启Apache，Mysql：如果使用过程中PHP环境出现问题可以尝试重启Apache，Mysql解决问题，按相对应的启按钮即可(参考图1.8)

(4)停止Apache，Mysql：按相对应的停止按钮即可(参考图 1.8)
3.检测环境是否配置成功(详见Editplus 5使用说明书)

二、EditPlis 5使用说明
1.Editplus 5的下载与安装：百度搜索Editplus 5选择合适的版本进行下载并安装。

图 2.1

2.PHP文件的创建与运行
(1)新建PHP文件：在目录处找到phpstudy_pro>WWW文件夹(图2.2)，在WWW文件夹下，Editplus 5在左下角空白处右键创(图2.3)，为php文件命名。【注意：①文件尾缀为.php ②文件名只能为英文或拼音】

图 2.2

图 2.3

(2)运行PHP文件：启动Apache，Mysql，在新建的php文件中输入代码(图2.4)并保存文件，打开浏览器，在网址输入栏内输入127.0.0.1/test.php或localhost/test.php回车进入网址(图2.5)，得到输出结果(图 2.6)【注意：输入网址的开头不能有 http://】如果输出结果为hello wirld!说明Apache，Mysql环境配置成功。

图2.4

图2.5

图2.6

三、Dreamweaver CS6使用说明
1.Dreamweaver CS6 安装与破译
(1)下载所有需要下载的组件
链接：https://pan.baidu.com/s/1vDKOeOvZMnYp7HeqnWifYQ
提取码：3rc4

(2)解压压缩包，断开网络，运行Dreamweaver_12_LS3Setup.exe，安装Dreamweaver CS6(图2.7)。点击忽略(图2.8)，点击试用(图2.9)完成安装。

图2.7

图2.8

图2.9

(2)启动Dreamweaver CS6发现提醒有试用期限(图2.10)。关闭应用程序，找到 破译补丁>32>amtlib.dll(图2.11)将其复制，比如PS CS6 64bit其目录在“C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)”，找到相应的32bit或64bit文件夹，将“amtlib”覆盖掉相应软件的源文件。再次启动Dreamweaver CS6，发现不再提示试用，且产品注册变成灰色(图2.12)，说明破译成功。

图2.11

图2.12

2.创建HTML文件并运行
(1)创建文件：左上角>文件>新建，选择空白页>html>无 创建文件(图2.13)。

图2.13

(3)保存与运行：启动Apache，Mysql，输入需要的代码(图2.14)，另存为(图2.15)，【注意：一定要将文件保存到…/phostudy_pro>WWW 之内】，打开浏览器，在网址输入栏内输入127.0.0.1/test.html或localhost/test.html回车进入网址，得到输出结果(图 2.16)【注意：输入网址的开头不能有 http://】

图2.14

图2.15

图2.16

3.Dreamwear CS6 基本介绍
(1)四个视图：
①代码(图2.17)
显示我们所设计的网页的源码，如果对html熟悉可以直接通过此视图直接设计网页。

图2.17

②拆分
让软件分屏同时显示代码和设计(2.18)或代码和实时视图(2.19),方便操作。

图2.18

图2.19

③设计(图2.20)
从网页层面直观设计网页，比输入代码更加方便快速且出错也会减少，但在网页设计最后通常要用代码来充实细节。

图2.20

④实时视图(图2.21)
直接展现出网页设计的结果，相当于在浏览器内运行。

图2.21

(2)属性面板的使用
在视图>设计 之中选择一个元素在DW下方会显示其属性面板，可以直接更改元素的属性，比如更改文字的颜色，大小(图2.22)(图2.23)；更改图片的长宽(图2.24)。不同种类元素的属性面本是不同的。元素的属性也可以直接通过代码更改，但是属性面板更加简便直观(图2.25)。

图2.22

图2.23

图2.24

图2.25

(3)插入-表单
插入>表单>表单(图2.26) 即可插入一个表单，也可以通过出入代码的方法插入表单(图2.27)

图2.26

图2.27

(4)插入-表单对象
插入表单后进入视图代码，在action中输入表单对象即可插入(图2.28)。

图2.28