要設計網頁,先要揀選合適的網頁設計軟件,dreamweaver 是行內認受性比較高的軟件。今次我們就從基本入手,介紹以 Dreamweaver 編寫網頁的基本技巧。首先,請您打開 Dreamweaver,打開後的畫面如下:
網站其實是由很多不同的網頁檔案與其他資料檔案所組成,所以要把這些不同的檔案有系統地組合在一起是十分重要的。在 Dreamweaver 內,我們第一步應先制定裝這檔案的存放位置。適按「網站」→「新增網站」
新視窗出現後,再自訂網站名稱,「本地根資料夾」則是指網頁檔案的存放位置,如要更改可按右邊的黃色資料夾按鈕;「預設影像資料夾」則是指圖片檔案的存放位置,大家可按右邊的黃色資料夾按鈕,再在網頁資料夾內新增一個名為「images」的資料夾。設定好後要按「確定」完成。
在「建立新檔案」一欄中,存有多種不同類型的網頁檔案名稱,我們今次選「HTML」作為最基本的網頁類型。另一個方法是,按「檔案」→「開新檔案」。
之後會出現白色的編輯面板,而在下方則會出現「屬性」面板。如要更改網頁的屬性,請按「頁面屬性」按鈕一下。
「頁面屬性」視窗出現後,按左方的「外觀」標籤,則可調整如背景顏色、預設字型等選項。如要調整顏色,可按選色方塊;如要以圖片作背景,請按「背景影像」旁的「瀏覽」,再選出圖片即可。該圖片會自動被複製到「images」資料夾內,十分方便。「重覆」一項則是設定背景圖片是否會如牆紙般重覆出現於網頁背景上。設定完成後按「確定」。
回到主板面後,可以試試在編輯面板上打上文字。留意下方的「屬性」面板內會出現多個文字屬性的按鈕:
如要美化文字,我們可先選取文字,在「大小」中可讀文字的大小;在「大小」旁的選色方塊可選取文字的顏色;「字體」則可選字型,要記緊盡量選視窗故有的字型,以確保其他電腦也能看到相近的效果。
當完成網頁的設計後,請按「檔案」→「儲存」,如果這是網站的首頁,請把檔案名稱定為「index」或「default」(視乎寄存伺服器的需要),再按「存檔」儲存。
歡迎各會員按「參與討論」一起研究有關本文的問題。