整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何在互聯網放置 HTML 頁面

          喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做,所以我想我會快速地寫下來!

          -- Julia Evans(作者)

          我喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做,所以我想我會快速地寫下來!

          只是一個 HTML 頁面

          我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高( https://wizardzines.com 是我自己開發的最復雜的網站),因此保持我所有的網站相對簡單意味著我可以做一些改變/修復,而不會花費大量時間。

          因此,我們將在此文章中采用盡可能簡單的方式 —— 只需一個 HTML 頁面。

          HTML 頁面

          我們要放在互聯網上的網站只是一個名為 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它,它是一個 Github 倉庫,其中只包含一個文件。

          HTML 文件中包含一些 CSS,使其看起來不那么無聊,部分復制自 https://example.com 。

          如何將 HTML 頁面放在互聯網上

          有以下幾步:

          1. 注冊 Neocities 帳戶
          2. 將 index.html 復制到你自己 neocities 站點的 index.html 中
          3. 完成

          上面的 index.html 頁面位于 julia-example-website.neocities.com 中,如果你查看源代碼,你將看到它與 github 倉庫中的 HTML 相同。

          我認為這可能是將 HTML 頁面放在互聯網上的最簡單的方法(這是一次回歸 Geocities,它是我在 2003 年制作我的第一個網站的方式):)。我也喜歡 Neocities (像 glitch ,我也喜歡)它能實驗、學習,并有樂趣。

          其他選擇

          這絕不是唯一簡單的方式,在你推送 Git 倉庫時,Github pages 和 Gitlab pages 以及 Netlify 都將會自動發布站點,并且它們都非常易于使用(只需將它們連接到你的 GitHub 倉庫即可)。我個人使用 Git 倉庫的方式,因為 Git 不會讓我感到緊張,我想知道我實際推送的頁面發生了什么更改。但我想你如果第一次只想將 HTML/CSS 制作的站點放到互聯網上,那么 Neocities 就是一個非常好的方法。

          如果你不只是玩,而是要將網站用于真實用途,那么你或許會需要買一個域名,以便你將來可以更改托管服務提供商,但這有點不那么簡單。

          這是學習 HTML 的一個很好的起點

          如果你熟悉在 Git 中編輯文件,同時想練習 HTML/CSS 的話,我認為將它放在網站中是一個有趣的方式!我真的很喜歡它的簡單性 —— 實際上這只有一個文件,所以沒有其他花哨的東西需要去理解。

          還有很多方法可以復雜化/擴展它,比如這個博客實際上是用 Hugo 生成的,它生成了一堆 HTML 文件并放在網絡中,但從基礎開始總是不錯的。


          via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/

          作者: Julia Evans 選題: lujun9972 譯者: geekpi 校對: wxy

          本文由 LCTT 原創編譯, Linux中國 榮譽推出

          點擊“了解更多”可訪問文內鏈接

          tml是hypertext markup language的縮寫,即超文本標記語言。html是一種簡單的標記語言,用于創建超文本文檔,可以從一個平臺移植到另一個平臺,通常用于創建網頁。html文件是帶有格式標識符和超文本鏈接的內嵌代碼的ascii 文本文件。

          HTML文本是由HTML命令組成的描述性文本,可以描述文本、圖形、動畫、聲音、表格、鏈接等等。HTML頁面結構由頭部和主體兩部分組成。頭部描述瀏覽器所需的信息,主體包含所要說明的具體內容。

          html是制作網頁的基礎。我們在網站建設中談論的靜態網頁是基于HTML的網頁。早期的網頁直接用HTML代碼編寫,但現在有許多智能網頁制作軟件(常用的如frontpage,dream weaver等)通常不需要手動編寫代碼,而是由這些軟件自動生成。雖然不需要自己寫,但是理解HTML代碼仍然是非常重要的。了解HTML是什么?它是學習網站建設的重要技術基礎知識。

          下面我們自己可以動手創建一個非常簡單的網頁,首先我們讓計算機顯示擴展,方法是打開我的電腦,然后現在欄目工具》文件夾選項》查看》高級設置中找到《隱藏已知文件類型的擴展名》將其不勾選,并單擊“應用”以確認設置。然后在桌面上創建一個新的TXT文件,將此文件命名為“xxx.html”(擴展名也可以是htm),這樣你就可以用瀏覽器打開它,你就會看到自己制作的最簡單的頁面。

          進一步的簡單理解什么是html

          html是一種超文本標記語言,即html(hypertext markup language),是一種用來描述網絡文檔的標記語言。在頁面的開頭和結尾使用<html></html>標簽。

          總結:

          1),HTML是我們常說的靜態網頁;

          2),HTML是以Html或htm為擴展名的文件;

          3),HTML某些標簽代碼規則,讓內容在瀏覽器中呈現出我們所需要的樣式;

          4),HTML可以使用記事本創建,并以.html或.htm為擴展名保存。

          html文件中的代碼由具有一定的規則規律標簽與內容組成。以指定的HTML結構和內容形成完整的html文件。我們可以直接使用瀏覽器來打開,查看網頁效果。

          如果您想在瀏覽器中顯示各式各樣的網頁,我們就需要html文件(HTML基本結構+內容+標簽)和css文件(css樣式)來實現我們需要的漂亮網頁。

          04頁面是什么,有什么作用?

          404頁面的目的是:告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導用戶使用網站其他頁面而不是關閉窗口離開。

          現在大部分開源系統都會為大家考慮到404頁面的跳轉引導,比如:z-blog/wordpress,都是很不錯的開源系統(注意不要用最原始的開源系統,而是采用帶有模板的系統)。菜鳥后院網站本身也是wordpress的開源程序,然后我們用robin模板。(花299元擁有和菜鳥后院一樣的網站,包括域名和1G阿里巴巴云空間)

          頁面應該達到什么樣的效果才能滿足SEO的要求?

          搜索引擎使用 http 狀態碼來識別網頁的狀態。當搜索引擎獲得不正確的鏈接時,網站應該返回一個狀態代碼404,告訴搜索引擎放棄索引該鏈接。如果返回一個200或302狀態代碼,搜索引擎會對鏈接進行索引,導致許多不同的鏈接指向相同的頁面內容。結果,搜索引擎對這個網站的信任度大大降低。很多網站存在這個問題,那就是404頁面返回的是200或302狀態碼而不是404狀態碼。

          正確建立404頁面的方法是:(僅適合Apache服務器)

          • 在.htaccess 文件中加入代碼: ErrorDocument 404 /Error.html
          • 建立一個簡單的html404頁面命名 Error.html
          • 把 Error.html放置在網站根目錄
          • 如果碰到困難,參考本站:錯誤網頁
          • 注意:不要將404錯誤直接,跳轉到網站首頁,這將導致首頁不被收錄,正確的做法是在404頁面加上一個返回首頁的鏈接,讓用戶判斷,并選擇是否返回首頁,或者返回其他頁面,這也是用戶體驗的一種表現,搜索引擎對于這種做法比較友好。
          • /Error.html 前面不要帶主域名,否則返回的狀態碼是302或200狀態碼。

          現在我們購買的虛擬主機一般提供有404頁面的制作方法,流程:

          1、做一個簡單的404頁面,命名如:404.html;

          2、通過ftp把這個404頁面上傳到網站根目錄;

          3、進入虛擬主機管理后臺,找到404頁面提交的入口,添加以上404頁面的地址,如:www.cnbackyard.com/404.html(一般空間服務商都有帶著種功能,也可以直接找他們技術客服完成這步操作)

          4、輸入一個錯誤的鏈接進行訪問測試,隨便輸入,比如:www.cnbackyard.com/123.html,如果正確返回到404.html頁面,則算正確;

          5、使用站長工具(http://tool.chinaz.com/pagestatus),輸入任意一個錯誤網址,檢查返回值是否為404。如果返回值是200,代表該主機商設置有誤,可以與其技術反饋。

          以上操作方法對于一個seo初學者來說,還是有點復雜,同學們可以關注燃燈教育直播課程,參加我們的培訓,理解起來會更透徹一點。


          主站蜘蛛池模板: 国产精品视频一区二区三区| 亚洲一区二区三区国产精品| 国产内射999视频一区| 婷婷亚洲综合一区二区| 大香伊蕉日本一区二区| 精品无码一区二区三区水蜜桃| 国产乱子伦一区二区三区| 国产精品一区二区av| 国产女人乱人伦精品一区二区| 激情亚洲一区国产精品| 国产吧一区在线视频| 国产精品视频第一区二区三区| 福利国产微拍广场一区视频在线 | 亚洲一区二区三区亚瑟| 一区二区不卡久久精品| 中文乱码字幕高清一区二区| 日韩AV无码久久一区二区| 国产精品女同一区二区久久| 国模大尺度视频一区二区| 国产成人午夜精品一区二区三区| 97一区二区三区四区久久 | 国模精品一区二区三区| 日韩人妻无码一区二区三区久久| 手机看片一区二区| 国产精品久久一区二区三区| 夜夜精品视频一区二区| 偷拍精品视频一区二区三区| 亚洲福利视频一区二区| 国产一区二区三区91| 一区二区三区高清| 国产精品主播一区二区| 国产精品小黄鸭一区二区三区| 东京热无码一区二区三区av| 手机看片福利一区二区三区| 久久精品一区二区免费看| 亚洲国产老鸭窝一区二区三区 | 国产成人亚洲综合一区| 中文字幕一区二区三| 午夜性色一区二区三区不卡视频| 亚洲无线码一区二区三区| 国产精品视频无圣光一区|