创意电子

标题: 建网站保姆教程——本地开发环境搭建 [打印本页]

作者: 青梅煮酒论科技 时间: 2022-2-27 22:06
标题: 建网站保姆教程——本地开发环境搭建

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

上一篇讲了做一个网站的全流程，信任大家对做网站有了基本的认识
接下来就开始进入实践环节
开发网站之前我们需要做一些准备工作
我们平时开发一般是用本身的电脑，在我们的电脑上调试好之后再传到远程服务器上
我们电脑的网站服务称为本地开发环境，远程服务器的开发环境称为生产环境
搭建本地开发环境的方法有许多，为了省事，就用网上大神做好的一键安装软件吧
软件名称是PhpStudy，软件可以自行搜索下载，也可以关注我发信息“开发环境”获取

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

下载后解压运行安装文件，安装路径不能包含中文或空格。
安装完成后初次运行界面如下

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

点击“WNMP”启动，接下来防火墙会询问是否答应访问网络，点“答应访问”就可以了。

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

打开欣赏器，在地址栏输入127.0.0.1
127.0.0.1这是一个特别的IP地址，表示你的电脑
不出意外的话，你会看到默认创建的一个网页

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

这个网页在哪里呢？
电脑打开你刚才安装软件的目录
会看到里面有一个"WWW"的目录
里面的index.html就是该网页
把你之前创建好的网页移到这里以相同的名字覆盖原来的文件
这样刷新之后就看到我们创建的第一个网页了

资源名称:
下载次数:0 文件大小: 记录
购买VIP 充值创意币运营教程免费赚创意币

安全检测,请放心下载

等等，怎么是乱码？
这是因为盘算机显示的笔墨有许多种笔墨编码格式
欣赏器不知道我们的笔墨是用什么编码格式导致的
编码格式可以理解是盘算机显示笔墨的规则，是一套盘算机的编码标准
修复这种问题也很简朴，就是告诉欣赏器我们用的编码格式就可以了
那怎么告诉欣赏器呢？
之前的讲解中提到网页文件都是按照HTML语言去描述网站的
按HTML格式修正之子女码是这样的：
你好，这是我的第一个网站简朴说一下这个HTML文件吧
HTML文件是一种标记语言，标签一般是成对出现的
标签名用尖括号“”包起来，结束标签在标签名前加“/”
注意是英文输入法状态下输入
标签告诉欣赏器其自身是一个HTML文档
与限定了文档的开始点和结束点
文档之间是头部和主体
头部由标签定义，主体由标签定义
头部中这行代码就是告诉欣赏器其文档是使用utf-8编码
重新欣赏器中刷新一下网页就能正常显示这行笔墨了
一个本地网站开发环境就已经搭建好了
你可以试着改变文档的内容，保存后在欣赏器中刷新就可以看到改变后的效果了
下一篇我们将对文档进行排版，加入一些图片元素，让网站变得图文并茂

欢迎光临创意电子 (https://wxcydz.cc/)