由于平台限制,只在微信公众号@论科技(LunKejiCOM)发私信才能正确获取资料!
建一个网站(一)——开发环境搭建
煮酒论科技
2024-03-07 22:51:58
0

图片


上一篇讲了做一个网站的全流程,相信大家对做网站有了基本的认识

接下来就开始进入实践环节

开发网站之前我们需要做一些准备工作

我们平时开发一般是用自己的电脑,在我们的电脑上调试好之后再传到远程服务器上

我们电脑的网站服务称为本地开发环境,远程服务器的开发环境称为生产环境

搭建本地开发环境的方法有很多,为了省事,就用网上大神做好的一键安装软件吧

软件名称是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编码

重新浏览器中刷新一下网页就能正常显示这行文字了

一个本地网站开发环境就已经搭建好了

你可以试着改变文档的内容,保存后在浏览器中刷新就可以看到改变后的效果了

下一篇我们将对文档进行排版,加入一些图片元素,让网站变得图文并茂


相关内容

建一个网站(二)——原型设...
上一节讲了怎么做一个简单的网站简单到只有一行字:“你好,这是我的第...
2024-05-04 14:06:14
劝你建个网站被豆瓣永久封号...
在各大平台上线了我劝你建个网站没想到被一个不入流的豆瓣网给永久封号...
2024-03-09 15:42:35
我劝你建个网站
现在那么多自媒体平台,为什么我还是劝你自己建个网站呢?很重要的原因...
2024-03-08 01:04:22
建一个网站(一)——开发环...
开发网站之前我们需要做一些准备工作我们平时开发一般是用自己的电脑,...
2024-03-07 22:51:58
建一个网站(三)——使用开...
从0开始建一个网站需要掌握太多知识了,普通人如果只是想建个网站,在...
2024-03-07 22:01:16

热门资讯

实锤!鸿蒙微内核LiteOS跟... 我是一个较真的人,之前一直没搞懂LiteOS是否基于某个微内核的自主研发,一帮华为粉丝过来喷我,说什...
建一个网站(一)——开发环境搭... 开发网站之前我们需要做一些准备工作我们平时开发一般是用自己的电脑,在我们的电脑上调试好之后再传到远程...
我劝你建个网站 现在那么多自媒体平台,为什么我还是劝你自己建个网站呢?很重要的原因就是因为网站是自己的地盘,自己的地...
建一个网站(二)——原型设计 上一节讲了怎么做一个简单的网站简单到只有一行字:“你好,这是我的第一个网站”这个网站也太简单了我想增...
建一个网站(三)——使用开源程... 从0开始建一个网站需要掌握太多知识了,普通人如果只是想建个网站,在网上有发布信息的地方,那完全没必要...
做一个网站难吗 教你从0开始做一个网站,也就是说在浏览器输入一个网址就能展示你的网站。这个网站功能很简单,显示一行字...
0基础开发鸿蒙应用,看这一篇 本文面向0基础的小白,让你快速了解开发鸿蒙APP的流程,并且得到一款可以在手机上运行的鸿蒙APP。一...
扒一扒鸿蒙LiteOS内核并不... 说鸿蒙评论区总是攻击我是小米派来的,可以翻翻看看我以前的文章嘛。吐槽一下小米产品小米14亮点还是有的...
从0开始开发一款微信小程序 0基础做一个微信小程序,实现名片展示和拨打电话功能。0、什么是小程序运行在微信之上的轻量级APP,它...
小米Vela正式开源,系统之间... 基于NuttX内核的Vela正式开源,采用Apache 2.0协议。小米的澎湃OS与其它系统之间的关...