当前位置:网站首页 > 资讯百科 > 网站建设 > 正文

搭建个人网站的步骤(轻轻松松三分钟创建网站)

三石哥三石哥 2022-07-31 18:24:24 255

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

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

Phpstudy

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

记事本

Windows自带。。。

安装phpstudy

首先我们先去phpStudy的官方网站下载最新版本的安装软件

搭建个人网站的步骤(轻轻松松三分钟创建网站)

搭建个人网站的步骤(轻轻松松三分钟创建网站)

搭建个人网站的步骤(轻轻松松三分钟创建网站)

保存并解压

搭建个人网站的步骤(轻轻松松三分钟创建网站)

解压之后有四个文件

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

双击phpsyudt20161003.exe 执行安装程序

搭建个人网站的步骤(轻轻松松三分钟创建网站)

点“是”

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

创建一个自己的页面

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

代码示例

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

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

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

1.文件名:indexhtml

2.保存类型:所有文件

3.编码:UTF-8

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

局域网访问

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

然后点击“详细信息…”

搭建个人网站的步骤(轻轻松松三分钟创建网站)

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

搭建个人网站的步骤(轻轻松松三分钟创建网站)

其他电脑打开效果

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3561739510@qq.com 举报,一经查实,本站将立刻删除。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO,本文标题:《搭建个人网站的步骤(轻轻松松三分钟创建网站)》

标签:

关于我

关注微信送SEO教程

搜索
最新文章
热门文章
热门tag
抖音优化提升网站排名百度SEO优化网站优化提高网站排名抖音小店SEO优化SEO优化技巧网站SEO优化网站排名seo优化seo网站优化关键词优化百度SEO排名小红书关键词排名seoSEO优化排名搜索引擎优化
友情链接