怎样从零开始做一个网页?
自己动手做一个内容丰富的网页,并把它分享给别人,这个过程很艰辛但乐趣无穷。下面的教程完全适合新手从零开始学做网页,使用的是的GitHub网站上的免费域名。
工具/材料
webstorm
操作方法
01在GitHub仓库中默认会有两个文件,选中其中任意一个点击后面的垃圾桶符号进行删除,然后再点击界面下面的commit changes,保存到服务器
02同样在把另外一个文件删除,删除之后我们的网页就会出现一个404的访问限制,是因为网站没有任何内容,所以就是这个样子。
03在这里我们自己新建一个网页,不使用他的主题模板,之前删除的两个文件就是模板。新建一个文件,在图中红色文件夹名称处,可以自定义网页名称,每次操作都要点击底部的【commit changes】,网页内容输入的是:欢迎来到我的本站!!
04怎么访问自己的网页呢?
点击选项卡中的【settings】,找到【GitHub pages】,下面的网页地址就是自己的域名,点击就可以访问,但是访问的时候,可能由于服务器缓存还没有加载过来,所以要等待一会儿才会生效。
刚才我们的网页内容是非常的简单,需要使用规范的网页设计软件,比如webstorm、dw按照网页代码的规范书写,这里使用的是前面提及的软件,可以通过搜狗搜索下载,下载下来的版本选择试用版。
06软件完成安装,点击【files】---新建【HTML files】,并命名,之后就出现HTML的格式啦,在body中间输入网页文本内容即可。
07我们在这里输入的是李白的静夜思为例,使用<p>..........</p>换行,输入完成可以点击右边的浏览器符号在该浏览器中预览,这就是webstorm的优势。
08预览没有错误后,可以将HTML中的所有代码,Ctrl+A全选,然后粘贴到GitHub的文件中去,如图。
09使用步骤4的方法来访问自己的域名,可以看到效果,这里是真正上传到服务器啦。
10如果不想将网页的标题设为默认的title,可以直接在GitHub的编辑器中修改,因为这个修改的幅度很小很简单,可以直接在GitHub编辑器中修改,只要在<title>......</title>输入标题,这样打开的网页标题就修改了。
特别提示
这里的WS是30天试用版本。
-
金万维动态域名教程
现如今有很多nat123、金万维等类似的建站软件,那么怎么用金万维获得属于自己的动态域名呢?操作方法(01)登陆金万维服务器端,进入配置界面,点击配件许可证,然后点击“点击申请试用账号”。(02)按提示输入相关信息,完成注册。注册完成后,一般建议勾选“启动动态域名解析”,这...
-
谷歌浏览器语言设置,谷歌浏览器如何更改语言
谷歌浏览器语言怎么设置,谷歌浏览器如何更改语言。虽然在国内,大多数人也都是用中文,但也不有少英语爱好者喜欢用外语,那么下面我就来说下谷歌浏览器语言怎么设置,谷歌浏览器如何更改语言。操作方法(01)首先点击打开GoogleChrome浏览器。(02)点击打开后,进入到我们最为习...
-
怎样使用搜狗微信公众平台搜索教程
2014年06月9日微信正式开启搜索时代。用户可以在电脑上搜索微信公共号和文章;大大加快了微信公众平台的曝光度和传播速度。下面讲下怎样使用微信搜索引擎。操作方法(01)打开搜狗微信搜索();如下图:(02)输入想要搜索的微信公众平台;例如:思维与逻辑;如下图:(03)输入完成之后,点...
-
word中替换功能的六个实用技巧
在这个讲效率的年代,word的使用也需要效率,那么,我们怎么才能使word的使用也有效率呢,这就需要我们在平时多积累一些实用小技巧,但如何能够更加了解word各个功能的使用技巧呢?那下面我们就以Word中替换功能为例,详细讲解它的6个技巧。操作方法(01)第一、去除word里括号...