跳轉到內容

Adobe GoLive 指南/網站建立、結構和管理

來自華夏公益教科書

本章重點介紹使用 Adobe GoLive 建立和設計網站

GoLive 網站嚮導

[編輯 | 編輯原始碼]

GoLive 網站嚮導可用於建立從空白到模板結構到匯入網站的任何內容。

工作原理

[編輯 | 編輯原始碼]

網站嚮導建立專案資料夾、專案檔案和三個組織資料夾來存放網站元素。這些資料夾是 web-content 資料夾、web-data 資料夾和 web-settings 資料夾。雖然這些不同的部分用於組織和建立網站,但只有 web-content 資料夾在釋出時上傳到伺服器。

  • 專案檔案 與您的網站名稱相同,並使用 .site 副檔名。此檔案用於管理網站的構成。
  • web-content 資料夾 包含頁面、css、影像以及釋出網站所需的一切其他內容。
  • web-data 資料夾 模板、元件和其他可重複使用的元素。
  • web-settings 資料夾 儲存在網站設定對話方塊中所做的更改。

建立網站

[編輯 | 編輯原始碼]

Mac 或 PC 的網站建立過程相同,生成的的檔案可在作業系統之間互換。

  1. 檔案 > 新建網站
  2. 選擇單使用者
  3. 選擇
    • 空白網站
    • 從資料夾匯入
    • 從伺服器匯入
    • 從模板複製
  4. 命名網站(如果適用)
  5. 選擇網站檔案所在的路徑
  6. 單擊完成

組織網站

[編輯 | 編輯原始碼]

建立網站並填充頁面後(參見下一章),您必須將這些頁面及其元素連結在一起以及連結到它們的源,以建立一個連貫且可維護的網站。

連結頁面、物件及其源

[編輯 | 編輯原始碼]

連結後,即使物件源被移動或重新命名,只要這些更改發生在網站視窗內,物件將保持其連結。有三種類型的連結可以應用於物件、影像等。

  • 資源連結(HTML 中的連結,用於定位出現在頁面上的物件)
  • 導航連結(將檢視者從一個頁面帶到另一個頁面或頁面上不同位置的連結)
  • 外部連結(從技術上講仍然是導航連結,外部連結指的是開啟另一個頁面或電子郵件的任何連結)
[編輯 | 編輯原始碼]

執行以下操作之一

  • 從網站視窗拖動檔案,讓 GoLive 自動建立資源連結
  • 手動指定資源位置
  1. 選擇物件
  2. 導航到檢查器
  3. 更改原始檔
[編輯 | 編輯原始碼]
  1. 選擇要放置連結的專案
  2. 如果連結到影像或物件,請單擊連結選項卡,然後單擊建立連結按鈕(看起來像一條鏈)
  3. 在 URL 文字框中輸入目標檔案。
  4. 使用目標選單選擇連結要開啟的位置,如果您希望它在框架或另一個視窗中開啟。
  5. 為連結輸入標題。當游標懸停在連結上時,標題將顯示。(這僅在某些瀏覽器中有效。)
  6. 使用名稱/ID 選單選擇名稱和 ID。
  7. 在名稱/ID 行上輸入連結名稱。
[編輯 | 編輯原始碼]

按照導航連結部分中的步驟 1 和 2 操作。在步驟 3 中輸入目標檔案時,在目標之前包含“http://”或“mailto:”以連結到外部位置。以導航連結的形式完成。

華夏公益教科書