干货满满!!如何快速搭建自己的网站!

个人网站搭建步骤:

先来讲解一下大致的网站专有名词

域名:简单说就相当于网站的入口,比如人的姓名,某某家庭

 IP:就相当于人的身份证号,家庭详细地址

主机:就相当于活生生的人,家庭的物理存在房子

 DNS:域名系统,就相当于公安局,房屋管理局

备案系统:就相当于把相关信息关联起来,并且确保真实有效

         如果这个时候想要看一个人长什么样,那么就输入www.张三.com/面部。其实内部运行肯定是先确定张三这个人是在哪个域名系统解析(是在公安局,还是房屋管理局打),在公安局找到张三(www.张三.com 一定是唯一的)这个人就可以确定身份证号(IP),再根据身份证号找到这个人(主机),再就可以看到这个人的面部了(www.张三.com/面部)版权声明:本文为CSDN博主「岁月奔跑」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处k链接及本声明。

购买主机可以去阿里云官网购买

网页简单制作

         网页制作很多语言可以实现,动态网页就会用到各种编程语言及数据库技术等等,但是于静态网页就简单很多了,像office该都可以,两下简单介绍下word和为知笔记的方法吧。在网页制作时,注意文件名和文件夹名要避免使用中文!

6.1 word制作

另存为:blog.html,放到一个blog文件夹(名字不限,以模块划分)中

         用户浏览器打开,查看一下效果:

6.2为知笔记

         下载为知笔记软件,编写一篇笔记:

       点击HTML后,把里面内容全部复制出来,存到一个新建的记事本里,并且把charset=unicode改成charset=GBK   把<title>未命名</title>中间的 未命名 改为:<title>IT小搭档-手机优化-我的手机我做主</title>

         把新建的文件重新命名为:weizhi.html

用浏览器打开刚刚制作的weizhi.html文件,看看效果:

7上传网页

         首先下载一个ftp软件,这里用的是XFTP,这里要用主机管理账号和密码

 

特别说明:

          / :  您的FTP的根目录,为避免您错误删除该路径下的内容,所以禁止写入,只可读取

 htdocs/:  您的网站的根目录,请将您的网站文件(php, htm, html, css, js等)上传至此文件夹

htdocs/logreport/: 访问统计报告存放目录,不占用空间,只可读取。

  cgi-bin/:  请将您的CGI脚本(如 perl脚本)上传至此文件夹

  myfolder/:  此文件夹中的内容不会被web用户看到,您可以临时存放一些不愿公开的内容,比如站点备份、数据库备份等

  ftplogs/:  您的ftp访问日志存放位置,只读

  wwwlogs/:  您的www访问日志存放位置,只读

  backup/:  系统自动为您生成的数据库备份的存放位置,只读

l  左边是本地机器,右边是万网主机。先把本地E盘建立一个itptn.com的文件夹,作为本地制作网页时使用,右边主机目录的/表示根目录,就也相当于www.itptn.com就会直接访问到的。

l  现在只需要把万网主机上的/htdocs文件夹下载到E:\itptn.com\htdocs中,然后把word生成的blog文件夹和weizhi.html也放到E:\itptn.com\htdocs下就行了。

l  编辑index.html文件(可以右键用记事本打开):

         

         <a href="weizhi.html"></a>就链接,<b></b>是加粗,<font></font>设置字体样式,<br>是换行,更多参考 http://www.w3school.com.cn/html/

l  加上以下两行代码,可以看到两个路径不一样,是因为blog.html比weizhi.html多一层文件夹。

<a href="weizhi.html">为知笔记效果</a><br>

<a href="blog/blog.html">Word效果</a>

l  把本地的E:\itptn.com\htdocs目录下的有改动的文件和文件夹上传到万网主机(也称服务器上)/htdocs目录下

         已经全部到了万网主机了,这里只演示了两个文件和一个文件夹,如果有重复的直接覆盖就行了。现在所有工作已经OK,来验证一把:

         看到添加的链接已经显示了,分别进去看看:
————————————————
版权声明:本文为CSDN博主「岁月奔跑」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Yu_Yangjun/article/details/38823731

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值