怎样从零开始做一个网页?

自己动手做一个内容丰富的网页,并把它分享给别人,这个过程很艰辛但乐趣无穷。下面的教程完全适合新手从零开始学做网页,使用的是的GitHub网站上的免费域名。

东西/材料

webstorm

操作方式

  • 01

    在GitHub仓库中默认会有两个文件,选中此中肆意一个点击后面的垃圾桶符号进行删除,然后再点击界面下面的commit changes,保留到办事器

  • 02

    同样在把别的一个文件删除,删除之后我们的网页就会呈现一个404的拜候限制,是因为网站没有任何内容,所以就是这个样子。

  • 03

    在这里我们本身新建一个网页,不利用他的本家儿题模板,之前删除的两个文件就是模板。新建一个文件,在图中红色文件夹名称处,可以自界说网页名称,每次操作都要点击底部的【commit changes】,网页内容输入的是:接待来到我的搜狗指南!!

  • 04

    怎么拜候本身的网页呢?
    点击选项卡中的【settings】,找到【GitHub pages】,下面的网页地址就是本身的域名,点击就可以拜候,可是拜候的时辰,可能因为办事器缓存还没有加载过来,所以要期待一会儿才会生效。

  • 05

    适才我们的网页内容长短常的简单,需要利用规范的网页设计软件,好比webstorm、dw按照网页代码的规范书写,这里利用的是前面说起的软件,可以经由过程搜狗搜刮下载,下载下来的版本选择试用版。

  • 06

    软件完当作安装,点击【files】---新建【HTML files】,并定名,之后就呈现HTML的格局啦,在body中心输入网页文本内容即可。

  • 07

    我们在这里输入的是李白的静夜思为例,利用<p>..........</p>换行,输入完当作可以点击右边的浏览器符号在该浏览器中预览,这就是webstorm的优势。

  • 08

    预览没有错误后,可以将HTML中的所有代码,Ctrl+A全选,然后粘贴到GitHub的index.html文件中去,如图。

  • 09

    利用步调4的方式来拜候本身的域名,可以看到结果,这里是真正上传到办事器啦。

  • 10

    若是不想将网页的题目设为默认的title,可以直接在GitHub的编纂器中点窜,因为这个点窜的幅度很小很简单,可以直接在GitHub编纂器中点窜,只要在<title>......</title>输入题目,如许打开的网页题目就点窜了。

  • End

出格提醒

这里的WS是30天试用版本。

  • 发表于 2018-03-06 00:00
  • 阅读 ( 1215 )
  • 分类:电脑网络

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具