首頁 /技術支援 /教學影片 /架設網站 /html 網頁 /Dreamweaver 的基本操作和用 html 製作網頁

Dreamweaver 的基本操作和用 html 製作網頁

簡介Dreamweaver 的基本操作和用 html 製作靜態網頁：

修改樣本(Template)網頁文字說明：

 

網路上有許多免費的樣本網頁，但是css很難修改。本公司有自製的16個樣本網頁，

  1. 進入 程式碼 (code) 模式

修改網頁顯示名稱<title>Amstar Creative Ltd</title>改為 台端的名號或公司名稱。

  1. 進入 設計 (design) 模式

在網頁最下面 Copyright © Your Name Here 修改為台端的名號或公司名稱，並編輯您的網頁內容。

  1. 利用圖庫 (Library) 來修改導覽列(navigator)和公司的logo.
  • 導覽列(navigator): 進入資產(Asset)點選圖庫 (Library)中的圖檔，然後進入插入(Insert) ->影像物件(Image Objects) ->影像預留位置 或 滑鼠變換影像 來修改導覽列的正確的路徑。
  • logo: 進入資產(Asset)點選圖庫 (Library)中的圖檔，修改正確的路徑。
  • 進入修改 (Modify) -> 圖庫 (Library) -> 更新多個頁面(Update Pages)

導覽列(navigator)增加 Rollover按鈕文字說明：

 
  1. 先製作二個不同顏色的圖案。
  2. 開啟 Dreamweaver。
  3. 設定路徑： Insert  –>  Image Objects  ->  Rollover Image
  4. 顯示頁面：Windows -> Properties –> Target
  • _blank     將連結的畫面內容，在新的瀏覽視窗顯示。
  • _parent   將連結的畫面內容，當成文件的上一個畫面。
  • _self       將連結的畫面內容，顯示在目前的視窗中。
  • _top        整個畫面重新顯示成連結的畫面內容。
  • 發表回應前，請先登入