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

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页