3分鐘架站!做網頁就像打Word一樣簡單! (上)

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

科技越來越發達,做事應該也要越來越簡單才是。如果你臨時想要弄個簡單的網頁,類似一個活動公告或訊息、圖片展示的頁面,也許你不會想要去搞一整套部落格或花錢請人慢慢報價、溝通。那如果想越簡單、越快速的弄好一個圖文並茂的網頁,那該怎麼做呢?

以下我們簡單介紹幾種超快速架站的方法,不但不用自己寫HTML或安裝FrontPage、Dreamweaver...等軟體,連網站伺服器都可以不用自己架設、也不必花錢租用虛擬主機,只要申請一個免費的Google帳號就可以囉!

本篇(上)文章以最簡單的Google Docs(Google文件)的線上文書編輯器來示範,輕輕鬆鬆打好字,按下發佈按鈕就可以完成囉,搞定只後只要把網址傳給朋友就可以瀏覽。

 

網站名稱:Google文件(Google Docs)
網站網址:http://docs.google.com/
DEMO網頁:按這裡

 

一、編輯網頁內容

第1步  開啟Gogole Dosc網站「http://docs.google.com/」,並以你自己的Google帳號登入網站,如果你沒有申請過Google帳戶的話,請按一下〔開始使用〕按鈕免費申請一個帳號。

21-41-52

 

第2步  依序按下〔新增〕→【文件】,準備新增一個空白文件,用來輸入訊息、貼上圖片用的。

21-43-43

 

第3步  接著請開始輸入你要給大家看的訊息,上方有一排工具列和選單,我們可以像使用Word一樣的幫文字加上顏色、超連結、縮排或各種排版樣式。

21-46-02

 

第4步  當然,我們也可以按〔插入〕→【圖片...】,將電腦中的圖片上傳到文件中。

21-46-44

 

第5步  另外,表格製作與編輯的功能也挺方便的,除了欄位數量與表格間距等選項,還可自行設定表格邊框的顏色與背景色彩。

21-50-39

 

 

二、可自行編修網頁的HTML與CSS控制碼

第1步  如果你覺得預設的編輯器功能不夠你用的話,我們也可自行修改網頁的HTML或CSS控制碼,只要按下〔編輯〕→【編輯HTML...】。

22-05-34

 

第2步  開啟HTML或CSS編輯視窗後,便可自行修改控制碼的內容。如果你看不懂這些HTML是啥東西的話,也可以不用動他,只用預設的編輯器修修改改就可以囉。

22-06-20

延伸閱讀:

 

還沒完,請翻下一頁: 1 2

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2008/07/30 | 分類: Google, 網頁編修、網站架設 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

飛狼直升機 HP CQ41-105AX 64雙核獨顯強悍機 好神拖360度旋轉拖把組(拖把+脫水桶+布盤x1)

 

關於本主題有 21 個留言:

  1. 批貨 說道:

    真ㄉ好 用..^^

  2. ShowMeCash 說道:

    呵呵
    太神奇了
    我覺得還是直接在Blogger
    直接申請一個免費的較快
    Blogger真的好用
    什麼都可以做
    這是我的
    可以去看看

  3. 有問題的人 說道:

    網站名稱:Google文件(Google Docs)
    網站網址:http://docs.google.com/
    DEMO網頁:按這裡

    http://docs.google.com/這個網址我進去都是英文 要怎麼將它變成中文呢?

  4. 樂活兔 說道:

    不來恩大大真神;我搞了那麼久的網頁原來就在谷歌呀!就是要簡單的,妙啊!這樣就夠用了,真方便。
    想要作稍微完整一點的網頁;期待請不來恩的”下篇”的介紹,感恩了!

  5. 0.0 說道:

    下集勒= =..

  6. 小普 說道:

    太好用了~謝謝分享~我現在強大的愛上這功能了

    天天新增!!!哈哈

  7. lRabbit 兔子 說道:

    為什麼不用 Google Pages ? …

  8. Cookie Lee 說道:

    也可以單純的把它當成 HTML 編輯器 (檔案/下載為/HTML)。

  9. 暗黑龍槍 說道:

    話說,之前有用過咕狗的網上論壇,裡面的HTML碼有不少限制。
    很多Dreamweaver編好的HTML,一貼過去就OTZ

  10. river 說道:

    補充一下.
    無障礙 A 級是最好過的(但有心申請,已經不錯了),
    從低至高分別是 A, A+, AA, AAA ,
    愈高,限制愈多,也愈符合無障礙網頁的需求,
    有錯請更正.. ^^

  11. Sonia 說道:

    這篇最耐人尋味的是 『便可愛』
    :p

  12. 不來恩 說道:

    -本網站通過第1優先等級無障礙網頁檢測-

    GOOD!!!

  13. 訪客 說道:

    我系上的網站早就拿這來用了XD
    > http://www.im.tku.edu.tw/

  14. 不來恩 說道:

    剛剛把之前申請的網址 http://hhd.tw 給 接上去了,看起來就像真的一樣…

  15. 不來恩 說道:

    多謝 Toomore 的資訊,這招還真不錯!!!

  16. Toomore 說道:

    網址後面可以加幾個參數
    hgd=1 影藏底下的說明
    pageview=1 可以顯示像紙張預覽介面。

    其實猛的是還可以寫 CSS
    或是直接套用最近新增的文件樣式(主題樣式)

  17. 訪客 說道:

    太神奇的功能之前用了還不曉得可以這樣用~~

    太好了~~

  18. 不來恩 說道:

    這種東西就是看需求囉,對於某些人來說,這樣就夠用了。

  19. QQBoxy 說道:

    原來…
    這樣等於架站一 _一
    可是不覺得網址有點…
    不如用Google的空間架個比較像網站的站吧…(汗』

  20. syuan 說道:

    想不到google doc還有這樣的功能
    真方便啊!
    在次向偉大的google致敬!

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享