架设网站开发环境(一键搭建网站工具)
发布时间:2022-07-12 22:06:17
文章来源:快乐收录网
访问次数:
上一篇讲了做一个网站的全流程,相信大家对做网站有了基本的认识
接下来就开始进入实践环节
开发网站之前我们需要做一些准备工作
我们平时开发一般是用自己的电脑,在我们的电脑上调试好之后再传到远程服务器上
我们电脑的网站服务称为本地开发环境,远程服务器的开发环境称为生产环境
搭建本地开发环境的方法有很多,为了省事,就用网上大神做好的一键安装软件吧
软件名称是PhpStudy,软件可以自行搜索下载,也可以关注我发信息“开发环境”获取
下载后解压运行安装文件,安装路径不能包含中文或空格。
安装完成后首次运行界面如下
点击“WNMP”启动,接下来防火墙会询问是否允许访问网络,点“允许访问”就可以了。
打开浏览器,在地址栏输入127.0.0.1
127.0.0.1这是一个特殊的IP地址,表示你的电脑
不出意外的话,你会看到默认创建的一个网页
这个网页在哪里呢?
电脑打开你刚才安装软件的目录
会看到里面有一个"WWW"的目录
里面的index.html就是该网页
把你之前创建好的网页移到这里以相同的名字覆盖原来的文件
这样刷新之后就看到我们创建的第一个网页了
等等,怎么是乱码?
这是因为计算机显示的文字有很多种文字编码格式
浏览器不知道我们的文字是用什么编码格式导致的
编码格式可以理解是计算机显示文字的规则,是一套计算机的编码标准
修复这种问题也很简单,就是告诉浏览器我们用的编码格式就可以了
那怎么告诉浏览器呢?
之前的讲解中提到网页文件都是按照HTML语言去描述网站的
按HTML格式修正之后代码是这样的:
<html>
<head>
<meta charset="utf-8">
<head>
<body>
你好,这是我的第一个网站
</body>
</html>
简单说一下这个HTML文件吧
HTML文件是一种标记语言,标签一般是成对出现的
标签名用尖括号“<>”包起来,结束标签在标签名前加“/”
注意是英文输入法状态下输入
标签<html>告诉浏览器其自身是一个HTML文档
<html>与</html>限定了文档的开始点和结束点
文档之间是头部和主体
头部由<head>标签定义,主体由<body>标签定义
头部中<meta charset="utf-8">这行代码就是告诉浏览器其文档是使用utf-8编码
重新浏览器中刷新一下网页就能正常显示这行文字了
一个本地网站开发环境就已经搭建好了
你可以试着改变文档的内容,保存后在浏览器中刷新就可以看到改变后的效果了
下一篇我们将对文档进行排版,加入一些图片元素,让网站变得图文并茂
《架设网站开发环境(一键搭建网站工具)》更新于时间:2022-07-12 22:06:17;由本站小编进行发布,目前浏览的小伙伴达到,感谢你们的支持,后期快乐收录网小编会继续为大家更新更多相关的文章,希望广大网友多多关注快乐收录网工作心得栏目,如果觉得本站不错,那就给我们一个分享的支持吧!
架设网站开发环境(一键搭建网站工具)特别声明
本站快乐收录网提供的架设网站开发环境(一键搭建网站工具)都来源于网络,不保证文章的准确性和真实性,同时,对于该文章所造成的影响,不由快乐收录网实际控制,在2022-07-12 22:06:17收录时,该网页上的内容,都属于合规合法,如有侵权违规,可以直接联系网站管理员进行整改或删除,快乐收录网不承担任何责任。
快乐收录网:致力于优质、实用的网络站点资源收集与分享!本文地址:https://nav.klxjz.cn/zixundaquan/wzyh/202207/9454.html转载请注明标签:
- 1华为 Nova 10 和 Nova 10 Pro 配备 120 Hz OLED 显示屏
- 2Realme GT2 Master Explorer Edition设计随着高端智能手机发布之旅的开始而揭晓
- 3Wi-Fi 7 技术将支持 40Gbps 的速度
- 4小米 11T 和 11T Pro 配备相同的 108 MP 摄像头
- 5Garmin Forerunner 955 系列收到软件版本 11.12
- 6到 2026 年翻新智能手机市场的价值预计将增长近 460 亿美元
- 7小米发布 Band 7 Pro 固件更新 进行各种改进和优化
- 8苹果最新的MacBook Air产品将影响 Wintel 笔记本电脑的销售
- 9戴尔 Precision 7770 和 7670 现在可与英特尔第 12 代博锐 CPU 和 Nvidia RTX A5500 显卡一起购买
- 10System76 使用 Intel Alder Lake-U 处理器升级其基于 Linux 的 Lemur Pro 笔记本电脑
- 11苹果计划在今年发布标准 Watch Series 更新的替代品
- 12OnePlus的10T发布了新旗舰智能手机发布前的最高AnTuTu分数
- 13摩托罗拉 Edge 30:搭载 Android 12 的超薄中端智能手机
- 14小米 12智能手机相机是如何拍摄的
- 15NintendoSwitchOnline下周将获得被低估的神奇宝贝经典
- 16MUJI x Honda MS01 电动自行车透露最高时速 25 公里和无钥匙解锁功能
- 17Infinix 最新 Note 12 系列智能手机升级至 5G 起价低于 200 美元
- 18Amazfit 正在举行 2022 年年中的促销活动
- 19AMD 的 RDNA 3 Chiplet 专利详述了尖端着色器优化架构