保良局胡忠中学资讯及通讯科技科.PDF

保良局胡忠中學 資訊及通訊科技科 1 網站設計篇二 運用 D R E A M W E A V E R 製作網頁 編輯網頁基本技巧 網頁貯存位置 2  校內  所有網頁及相關檔案(圖片及多媒體檔)都必須存放於網絡磁碟機 W:  中一同學請於W: 磁碟機內建立一資料夾 資料夾名稱: f1  如同學想將其他多媒體檔案分類貯存，可於資料夾f1 內新建其 他資料夾，例如：  圖片：f1\pictures 音效檔：f1\music 製作網頁 3  開啟Dreamweaver  從桌面的圖示啟動 建立新檔案  選取HTML  首先將檔案存檔  所有網頁必須存於w:\f1 資料夾內  請勿用中文檔案名稱 Dreamweaver 的操作環境 4 功能表 插入 板面 文件 工具列 文件 視窗 狀態列 屬性 板面 Dreamweaver 的操作環境 5  功能表：集合Dreamweaver 所有功能，按不同的功 能執行指定的工作。  插入板面：包含插入到文件中的所有物件圖示。  文件工具列：包含檢視網頁模式的工具按鈕及下拉式 選單。  文件視窗：編輯網頁的地方。  狀態列：包含  標籤選取器：顯示目前選取網頁的HTML碼；  視窗大小下拉式選單：可用作調整視窗大小；  預計下載時間：預計網頁下載到瀏覽者電腦的時間。 設定網頁背景 6  編輯過網頁文字後，可以為網頁加上背景，包括背景 顏色及背景圖案  按 『屬性板面』內的 『頁面屬性』或 『修改/頁面屬性』 頁面屬性 設定網頁背景 7 在背景影像按 『瀏覽』,開啟選取影像檔 在 『搜尋位置』的下拉式方塊找尋 K:\Web Page Design\background 插入影像 8  將滑鼠在插入圖像檔的位置按一下，然後按 『插入影 像』，開啟『選取影像原始檔』的視窗；  在 『搜尋位置』的下拉式方塊找尋 K:\Web Page Design\icons  由於從外部匯入影像，系統會詢問是否把影像複製到 網站內，請按是 。 超連結 9  網頁製作一定會用到超連結。若把所有內容放到同頁 內，不但使網頁雜亂無章，做成瀏覽不便；亦會因為 網頁檔案太大而開啟緩慢；  因此要把網站內容放到不同網頁，然後用超連結把各 網頁連結起來；  超連結一般分為下列兩類：  連結至網站以外的網站：引用其他網站內容，使網站內容更加 充實；  網站內部連結：方便瀏覽者瀏覽，快速找到所需資料；