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

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

操作方法

  • 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>输入标题,这样打开的网页标题就修改了。

(0)

相关推荐

  • 如何用js做一个网页无限弹出窗口把浏览器弹崩溃

    如何用js做一个网页无限弹出窗口把浏览器弹崩溃?如果你想做一个整蛊网页,利用js可以轻易实现.不过小编建议不是非常熟悉的朋友之间不要轻易进行整蛊,否则容易让人心生厌烦.下面,小编就来给大家介绍如何用j ...

  • html网页制作入门:怎么制作一个网页?

    html网页制作入门,怎么制作一个网页呢?下面我们就来看一下详细的操作吧. 操作方法 01 想要做一个网页,首先要找到一个合适的代码编辑软件,我这边使用的是Notepad++. 02 打开软件之后,点 ...

  • 如何做一个优秀的网页前端设计师?

    现在设计师太多了,都是挂牛头卖狗肉的很多,一句话水货很多,如何做一个优秀的网页前端设计师,优秀的网页前端设计师必须有哪些追求呢? 操作方法 01 用最恰当的标签表达网页元素.每一个HTML标签都有其存 ...

  • 如何用文本做一个简单的HTML网页

    见到许许多多的个性网页,有没有想过自己做一个漂亮的网页.小编教大家用文本制作一个简单的静态网页. 操作方法 01 首先我们在桌面点击右键找到新建. 02 然后点击新建中的文本文档 03 这时候桌面会多 ...

  • 想做一个优秀的作品吗?教你四个细节!(设计经验谈)

    首先不谈设计我想谈下剪头发,我们每个人都要修剪头发,特别是男人,以前我的头发是妈妈剪的,那时的她是以节约为目的的,她觉得她剪的很好,我也这么认为,所以我一直觉得我不适合短发,不是她剪的不好,而是我不适 ...

  • javascript做一个简单的计算器

    操作方法 01 在网页中, 使用javascript代码做一个简单的计算器 思路很简单就是 02 取得第一个输入框的数字 03 取得第二个输入框的数字 04 选择要执行的操作 05 得出结果显示出来 ...

  • 作为一个网页设计应该了解网站设计规范

    操作方法 01 达内数字艺术学院网页设计培训规范总结:本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通.但是,请大家千万不 ...

  • 自己动手做一个易拉罐wifi信号增强器

    本文我们的主角就是一个易拉罐,小编将教大家如何自己动手做一个易拉罐wifi信号增强器。 准备: 一个铝质易拉罐、一把剪刀、一台无线路由器、一部带WiFi信号的手机,一台有无线网络的笔记本电脑、WiFi ...

  • 做一个好的PPT演讲

    制作技巧 内容:演讲的骨架 多使用图形 少用术语 的内容应简洁而突出重点,在10/20/30法则中强调使用30号字体。 我更同意如下建议: 大标题 44 点 粗体 标题一 32点 粗体 标题二 28点 ...