用谷歌網站製作你自己的免費多用途網頁

讓我們學習如何使用Google網站,以及如何用它建立自己的網站,只需幾個簡單的步驟。...

谷歌網站是最好的在線工具之一,可以創建自己的免費網頁。許多人使用它作為一種快速的方式來發布個人投資組合頁面或簡單的商業網站。沒有人需要任何特殊的網頁設計技能或編碼知識。

google-sites-3

在本文中,您將學習如何使用Google網站,以及如何用它創建自己的網站,只需幾個簡單的步驟。

什麼是Google協作平臺(google sites)?

多年來,就功能而言,谷歌網站保持相當穩定。googlesitesclassic(現在稱之為googlesitesclassic)在網站的實際風格方面一直受到限制。

與其他網站相比,大多數谷歌網站的風格顯得非常過時。現代網站有動態導航菜單和簡潔的佈局等元素。

谷歌網站創建的大多數頁面都有靜態導航菜單和雜亂無章的佈局。他們有一種復古的感覺,適合上世紀90年代的網頁設計風格。

007Ys3FFgy1govkblxnomj30im0cbaki

2016年,谷歌更新了谷歌網站,讓你可以創建一個更新鮮、更現代的網站。

您會立即注意到升級。以前的Google站點編輯工具在放置對象的位置和方式上非常有限。新的編輯器是一個非常自由的設計工具。您可以隨意地拖動、放置和調整頁面元素和小部件的大小。

如何創建谷歌網站

要從頭開始創建一個Google站點,請轉到新的Google站點頁面並使用您的Google帳戶登錄。按下右下角的紅色“+”按鈕。

這將顯示一個帶有默認“Simple”主題的空白網頁。

007Ys3FFgy1govkbp**kuj30im08nwga

編輯器佈局非常易於使用,包括幾個部分:

  • 右控制面板:一個三個菜單區,包括一個帶有對象和小部件的**菜單。有一個頁面菜單,你可以創建新的頁面和子頁面的網站。您還會看到一個主題菜單,您可以在其中為正在編輯的頁面選擇主題。
  • 頂部菜單:這是您命名站點、預覽正在編輯的頁面或將站點發布到web的位置。你也可以在這裡與其他人共享網站。
  • 設計窗口:您將在其中處理頁面設計和內容的中心區域。

首先,有三種標題樣式可供選擇。你可以用一個非常大的橫幅,一箇中等的橫幅,或根本沒有橫幅,只是一個網頁標題。

創建標題和內容

您還可以在頁面頂部添加網站名稱和徽標。將其放置在導航菜單的左側。

007Ys3FFgy1govkbt0vsfj30im0bd43o

Google站點的好處在於,你可以把對象放在任何你喜歡的地方。

例如,如果您正在創建一個個人資料頁面,並且希望將您的個人資料照片添加到橫幅圖像的頂部,那麼您不必知道任何CSS魔術或PHP編程。只需使用“**”菜單添加一個圖像對象,然後將圖片拖到頁面上的任何位置。

007Ys3FFgy1govkbwu3waj30im0aqgt0

在標題下,您只需單擊頁面即可添加新的部分。為每個部分指定自己的背景色,將任何對象**其中,或者直接開始鍵入。

007Ys3FFgy1govkbzzqiaj30im09ljsv

有了谷歌網站,你在輕鬆和靈活中得到的東西,你就失去了選擇。

根據您選擇的大小,只有少數標題樣式可用。它們是標題(H1)、標題(H2)或副標題(H3)。

但是,如果您知道如何調整背景代碼,可以單擊“更多”圖標(三個點)進行編輯,並根據需要調整樣式。

007Ys3FFgy1govkc3835pj30im0a90uu

在佈置好頁面標題和橫幅,並創建了分區標題之後,您只需專注於創建頁面內容。

網站設計和導航

如果單擊右側導航欄中的“主題”菜單項,您將看到一個包含六個主題的列表,您可以從中進行選擇。這些主要改變元素的顏色方案,如水平線、字體大小和樣式以及標題樣式。

聰明的做法是為你的新網站創建一個頁面,然後玩轉這些主題,看看你最喜歡哪一個。但是當你選擇一個時,一定要在網站的所有頁面上一致地使用它。

007Ys3FFgy1govkc9hinoj30im0bv761

如果單擊右側導航欄中的“頁面”菜單項,則可以在此處向網站添加新頁面或子頁面。

每次添加新頁面時,它都會在每頁頁眉的頂部導航菜單中添加一個新項目。

007Ys3FFgy1govkcf00jjj30im0aa0vs

您不必跟蹤菜單的鏈接。每當您更改其中一個頁面的名稱時,菜單鏈接都會自動更新。

而且,你不會被每個頁面頂部的靜態菜單所束縛。如果你覺得這太老套了,只需點擊屏幕左側的齒輪圖標,然後選擇側導航。

007Ys3FFgy1govkcj37t6j30im0bpq5g

這將生成一個動態側邊欄菜單,只有當訪問者單擊頁面左上角的菜單圖標時才會彈出。

這是一個非常酷的方式給你的谷歌網站一個非常現代,專業的外觀。

添加小部件

Google網站帶來的一件事是,在頁面中嵌入功能元素是多麼容易。此功能允許您為站點添加一些交互性,併為您提供了一個比設置WordPress站點更簡單的選擇。

不僅僅是簡單的文本框或視頻。您可以將以下任何內容直接嵌入到頁面中。

  • 谷歌文檔
  • 谷歌幻燈片幻燈片
  • 谷歌工作表電子表格
  • 谷歌表單
  • 任何電子表格中的谷歌圖表
  • 谷歌地圖
  • 谷歌日曆

您可以通過拖放將這些元素中的任何一個移動到頁面上您想要的任何位置。以下是幾個例子:

嵌入日曆。單擊日曆小部件並選擇要從中提取日曆的Google帳戶。

007Ys3FFgy1govkcmj7s0j30im0bitcj

並排放置這些元素,在頁面上移動它們,或者調整它們的大小,使它們看起來像您希望它們在頁面上的樣子。

這是一個簡單的網頁設計水平,任何人都可以設計一個漂亮的網頁。你不需要知道一點代碼。

007Ys3FFgy1govkcoxhv4j30im0bomzq

嵌入谷歌表。使用電子表格,您可以以一種組織良好的方式向讀者傳達信息,只需很少的努力。

這樣做的好處是你再也不用編輯網頁了。只要更新源Google表,網頁上嵌入的表就會自動更新。

007Ys3FFgy1govkd3vf28j30im09xq6d

嵌入圖表。選擇一個包含任意數量圖表的Google表。您可以選擇要嵌入網頁的特定圖表。

007Ys3FFgy1govkd9jj6rj30im0c4t9r

如果你的工作是創建經常需要電子表格更新的儀表盤,那麼你可以通過將所有電子表格中的圖表嵌入網頁來給老闆留下深刻印象。

007Ys3FFgy1govkdf8vafj30im0btab2

然後,當你要把你的報告交給老闆的時候,只要給他們提供一個URL鏈接,他們就可以用谷歌賬戶訪問。談談如何成為一名創新型員工!

完成併發布你的網站

當你的頁面的所有元素結合在一起,這是一件美好的事情。現在,您可以創建一個信息豐富的聯繫人頁面,向您的潛在客戶顯示您的日程安排。

你可以包括一個聯繫方式,甚至你的公司地址地圖,如果你有一個。嘗試使用靈活的Google表單收集數據。

007Ys3FFgy1govkdkf4rpj30im0cl776

一旦你完成了創建你的新網站和所有進入它的頁面,你就可以發佈了。

你所要做的就是按下頁面頂部的Publish按鈕,你就有機會在Google站點下為你的站點申請子頁面的名稱。

007Ys3FFgy1govkdnq749j30im0bkjtz

如果你想要自己的域名,不用擔心,你可以註冊域名,然後把它重定向到這個網址。當你重定向一個域時,對訪問者來說,看起來他們瀏覽的頁面實際上就是那個域,而不是Google網站。

谷歌網站適合你嗎?

事實上,你可以創建一個免費的網站使用谷歌網站打開了一個世界的可能性。

  • 你可以創建私有的內部頁面來創建你的工作報告。
  • 你可以創建一個專業的投資組合頁面,與新的潛在客戶分享。
  • 你可以使用Google網站來啟動一個簡單、有效的商業頁面。

我想你會同意新版谷歌網站更容易使用。它可以幫助你創建更現代的網站。但是,如果Google站點不適合你,那麼總是有靜態站點生成器可以幫助你在幾分鐘內創建一個站點。

  • 發表於 2021-03-25 02:35
  • 閱讀 ( 55 )
  • 分類:網際網路

你可能感興趣的文章

用8個最簡單的網站製作酷的頭像

... 你不需要成為一個藝術家來**這些。網際網路上有免費的網站來建立很酷的頭像,你可以自定義,下載和使用。 ...

  • 發佈於 2021-03-12 07:39
  • 閲讀 ( 55 )

如何用shotcut製作你的第一部電影

...片之前,您當然需要下載並安裝Shotcut,您可以在shotcut.org網站. 因為它是免費的、開源的,你不需要花一分錢。除了為Windows、macOS和幾個Linux作業系統提供安裝程式外,GitHub還提供了shotchut原始碼。 ...

  • 發佈於 2021-03-13 00:10
  • 閲讀 ( 41 )

如何在adobe photoshop中使用google字型

Fonta為您帶來了一次觸控訪問,從谷歌800多個網路字型使用Photoshop-是的,整個開源谷歌字型鑄造,您可以使用任何創造性專案。單擊Fonta主頁上的“Try Me”連結,然後檢視正在操作的web字型。 ...

  • 發佈於 2021-03-15 10:29
  • 閲讀 ( 44 )

瞭解如何從你的生活中刪除谷歌永遠與這5個工具

...只是一個簡單的放棄谷歌的最佳選擇列表,那就不要再使用谷歌了。這個網站關注隱私友好的主要產品的替代品,由使用者投票排名。不過,這只是一個簡單的列表,不要在這裡尋找利弊。 ...

  • 發佈於 2021-03-18 07:07
  • 閲讀 ( 51 )

什麼是谷歌?如何進行網際網路搜尋

“你為什麼不穀歌一下呢?你用谷歌文件嗎?你在谷歌地圖上查過嗎?你能在谷歌硬碟上共享這個檔案嗎?” ...

  • 發佈於 2021-03-20 21:13
  • 閲讀 ( 61 )

5酷自定義資料儀表盤,你可以與谷歌網站

谷歌網站是最方便的方式之一,建立和釋出一個網站以最少的工作量。利用Google網站上提供的工具,您可以建立非常有用的個人儀表盤,從而提高您的組織和生產力。 ...

  • 發佈於 2021-03-24 21:55
  • 閲讀 ( 57 )

7個最好的免費microsoft office備選方案

... 1谷歌文件 ...

  • 發佈於 2021-03-26 08:07
  • 閲讀 ( 63 )

再見谷歌:搜尋、新聞、文件等的15個最佳選擇

受夠了谷歌,想永遠離開它嗎?這些是所有主要的谷歌程式和服務的最佳選擇。 ...

  • 發佈於 2021-03-26 08:09
  • 閲讀 ( 53 )

如何將網站製作成windows10應用程式

如果您定期訪問某些網站,您可以將其轉換為本機Windows 10應用程式。這讓您可以像使用正常應用程式一樣使用站點。您可以使用GoogleChrome或Microsoft Edge建立這些應用程式,我們將向您展示如何建立這些應用程式。 網站應用程...

  • 發佈於 2021-03-31 11:05
  • 閲讀 ( 51 )

最適合讀書愛好者的免費網站

...他們也將使命帶到了圖書上。 谷歌的圖書搜尋可以讓你用谷歌的力量搜尋數百萬本書。您可以輸入短語、書名或作者姓名,Google將獲取與您的查詢匹配的圖書列表。如果這本書沒有版權或是在公共領域,你就可以閱讀整本書。...

  • 發佈於 2021-04-04 05:01
  • 閲讀 ( 43 )
dc810257
dc810257

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章

相關推薦