【步睿课堂原创电脑知识精华,不做搬运工,不做Ctrl-Ver,想要学到干货,请关注我们!】

越来越信息化的时代,一个漂亮精致的个人网站是必不可少的,它可以让这个世界更快地了解你,欣赏你

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(1)

今天我来教大家如何快速在windows上搭建一个入门级个人网站,我们需要用到的软件有:

phpstudy

phpStudy是一个集成多个web服务的程序包。它可以做到一键安装,无须配置就可使用,是非常方便、好用的PHP调试环境。

记事本

Windows自带。。。

安装phpstudy

首先我们先去phpStudy的官方网站下载最新版本的安装软件(http://WWW.phpstudy.net/)

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(2)

往下翻,在下面会有下载地址,点击下载地址

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(3)

保存并解压

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(4)

解压之后有四个文件

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(5)

Manual.chm是常见问题的电子书,如果安装之后有什么问题,可以在这里面查阅

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(6)

使用说明里包含数据库的默认密码和一些使用的注意事项

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(7)

双击phpsyudt20161003.exe 执行安装程序

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(8)

点“是”

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(9)

这个时候PHPSTUDY弹出一个窗口,并且告诉你已经自动运行了

创建一个自己的页面

网站环境搭建好了,接下来我们创建一个最简单的HTML页面

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(10)

在桌面右键“新建”-“文本文档”

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(11)

代码示例

打开那个文本文档,然后在里面写HTML代码,如果你不会写的话,你可以抄我写的代码;

<title> 这个标签是浏览器标签栏显示的内容;

<body> 标签里的内容会在浏览器的页面中显示出来

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(12)

然后我们点左上角的“文件”-“另存为”,在这个框里有3个内容要更改,然后点击保存。

1.文件名:indexhtml

2.保存类型:所有文件

3.编码:UTF-8

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(13)

桌面上会有一个index的网页文件

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(14)

我们打开phpstudy的安装目录,在里面有一个WWW文件夹,这个文件夹是存放你的网站文件的。然后把里面的l.php和phpinfo.php删除掉,把刚才的index文件复制进去

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(15)

点重启,如果你不小心把这个窗口关掉了,没关系,在屏幕的右下角有2个小电脑的图标就是,双击就能打开

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(16)

打开浏览器,在地址栏输入http://127.0.0.1 ,接下来就能看到我们做的网页了!是不是很简单?

局域网访问

如果你做了一个漂亮的网站,怎么能让局域网里的其他人访问我的网站呢?其实也很简单,你只要把你的IP地址告诉别人,只要和你在同一个局域网的人就能访问你的网站了。

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(17)

在屏幕的右下角,对网络连接点右键,然后选择“打开网络和共享中心”

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(18)

点击你现在正在使用的网卡,就是红框里面的“本地连接”

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(19)

然后点击“详细信息…”

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(20)

这个IPv4地址 后面的值就是你的地址了,你把这个地址可以告诉和你在同一个局域网里的其他用户,他们也可以访问你的网站了。

手把手教你搭建一个自己的网站(三分钟搭建个人网站)(21)

其他电脑打开效果

想学更多吗?赶紧关注我们并在评论区留言,我们会制作你喜欢的课程。

,