這些是網頁中最重要的部分

網頁的一部分

在您作為平面設計師可以提供的各種服務中, 網頁設計 它就是其中之一。 但是,要做好它,您必須首先了解網頁的組成部分。

在這篇文章中 我們將教你關於網絡你需要知道的一切 專注於構成它的元素,以便在客戶要求您設計網站時您可以安全地工作。

網頁由哪些部分組成?

網頁代碼

我們從最簡單的開始,那就是討論網頁的各個部分,或者相同的部分,即結構。 如果你很好奇並且經常上網 你會注意到有很多類型的頁面, 有些使用一種結構,有些使用另一種結構。

因此,必須考慮到 根據內容的結構或分佈,您將擁有網頁的不同部分. 等等,我們解釋得更好。

當一個頁面是 專注於網絡結構, 它的組成部分是:

  • 標題(或更廣為人知的標題)。
  • 身體(或更廣為人知的身體)。
  • 頁腳(或頁腳)。

這種結構主要是博客頁面或類似頁面所具有的結構,因為這些新聞會更新並出現在主頁上。

但是,絕大多數公司網站、在線商店等都無法使用。 是不同的,是基於 內容分發。 在這種情況下,我們可以將以下內容作為網頁的一部分:

  • 主頁(這將是頁面的主頁)。
  • 產品和/或服務(產品或服務類別,每個類別都有自己單獨的頁面)。
  • 博客(您有頁面上提供的文章或更新)。
  • 聯絡方式
  • 隱私政策、cookies、法律聲明...

在每一個中應該放的東西都是不同的,所以我們從那裡開始很方便。

網頁的哪些部分構成了基於結構的網頁

帶有 web 的計算機屏幕的矢量

讓我們來看第一個案例,一個專注於結構的網絡,它由以下部分組成:

  • 床頭板。
  • 身體。
  • 頁腳。

Cabecera

標題,或標題,是 頁面頂部, 輸入開始時看到的是頁面名稱(公司、品牌、服務...)。 它將在該網站的所有頁面中重複出現,因為它是整個網站的通用標題。

它有什麼項目? 嗯,通常放的有以下幾種:

  • 網站標誌。 有時,只留下文字而不是徽標。 或者你可以把兩者都放。
  • 網站說明。 特別是在博客中,它是對網絡做什麼的簡短描述(它做什麼,它的誕生......)。 這是越來越普遍的隱藏。
  • 導航菜單。 例如,如果您希望他們轉到聯繫人頁面,轉到特定類別...
  • 搜索框。 這是更可選的,但它是一個搜索引擎,人們可以通過關鍵字搜索網絡上可能存在的內容。

根據頁面的用途,您可以使用更多或更少的元素,但基本上只有最少的元素。

正文或主體,我們可以說它是網站最重要的部分,因為它是網站主要內容所在的地方。

這裡 沒有指南,所以你可以知道應該有什麼, 因為每個網站都是不同的,您的客戶可能想要很多東西,也可能很少。 A、最好有右邊一欄的,有兩欄的,還有不要欄的。

對此必須補充的事實是 每個網頁都會彼此不同. 例如,您網站的開頭與聯繫頁面無關。 或者關於我(或關於公司)的頁面。

根據您關注的頁面(在網站內),您將不得不放置一個或另一個內容。 但是,幾乎所有這些中通常都有文本+圖像或視頻。 有時,尤其是在聯繫方式和關於我的情況下,可能會有社交網絡的圖標(這些圖標要么放在頁眉中,要么放在頁腳中)。

頁腳

最後,在這種情況下我們不得不談談頁腳。 它是結束網絡並位於網絡底部的部分。

被重複, 就像標題一樣,在網絡的所有頁面中 並且它通常在所有這些中具有相同的內容。 哪個? 好吧,它們可以是社交網絡的按鈕、聯繫信息、法律聲明的鏈接、cookies、隱私政策……; 頁面菜單(鏈接到其他內部或外部網站)。

網頁的哪些部分構成了基於內容的網絡

帶有 web 的計算機屏幕的矢量

既然您已經根據其結構了解了網頁的各個部分,那麼如果我們以 Web 內容為基礎,我們需要您了解它是由什麼組成的。

在這種情況下,我們有:

  • 開始(或回家)。
  • 產品和/或服務。
  • 博客文章
  • 聯絡方式
  • 隱私政策、cookies、法律聲明...

引發

也稱為主頁,它是您網站的主頁,用戶在點擊搜索引擎或輸入您網站的 URL 時到達的頁面。 這是最重要的,因為您可以將其視為用戶對您的“第一印象”。

這通常有一個 在站點的所有網站中重複的標頭, 以及正文和頁腳。 但除此之外,您還可以擁有其他部分,例如:

  • 號召性用語: 當您希望用戶做某事時(轉到另一個網站、支付產品費用、訂閱等)。
  • 展示產品或服務 (適合文本、圖像、兩者等)。
  • 提供報價 (或有折扣的特殊活動)。
  • 放推薦信 提高聲譽,並且您將其視為優秀的專業人士或公司。

產品和/或服務

它們是在網絡上創建的頁面 提供有關您銷售的產品或服務的更多信息, 這樣那些感興趣的人就可以更多地了解您的工作,您是如何做的,如果他們有興趣,可以與您聯繫。 因此,在它們的最後總是有行動的號召。

在這裡我們可以告訴您關於“關於我”頁面的信息, 告訴您您是誰以及您可以為來找您的客戶做什麼。 最後,將發出行動號召。

博客文章

這是將我們帶到該網站博客的鏈接。 並且要小心,因為這裡 是的,您可以更改它的頁眉、正文和頁腳。 它變得幾乎像一個完全不同的網站(其他時候不是),因此可以看出它的功能是提供有關公司或品牌部門的定期內容以提高有機定位。

聯繫

在此頁面中,您不會發現與之前的頁面相同的內容,但它有頁眉、正文和頁腳以及 只有在正文中,您才會有個人或公司的聯繫信息, 一個聯繫表(可選)和一張定位他們所在位置的地圖(也是可選的)。

隱私政策、cookies、法律聲明...

簡而言之,我們談論的頁面應該 遵守西班牙的法律。 這些通常作為鏈接在頁腳中,但對其他任何東西都沒有用(儘管今天它們是強制性的)。

您對網頁的各個部分有任何疑問嗎?


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。