欣悅禮服形象網站建置企劃書 - Zymic.ppt

講師 羅涵筠e mail hanyunluo adobedreamweavercs3 北訓電腦網頁設計講師講師姓名 羅涵筠聯絡方式 hanyunluo 專業技能 網頁設計 軟體應用 硬體裝修 工業電子 講師 羅涵筠e mail hanyunluo adobedreamweavercs3 網站基本概念與dreamweaver環境介紹在開始製作網頁之前 你得先了解一下網站與網頁的概念 然後再開始收集資料 規劃網站製作流程與內容 做好這些基本功再動手製作網頁會比較有效率 當然除了事前規劃很重要外 要製作出實際的網頁成品 還得仰賴網頁編輯軟體 本堂課將帶你認識dreamweaver的環境與操作 使網頁實作上更加順利 講師 羅涵筠e mail hanyunluo 網站如同網路開店 tw 網路空間 房子 網域名稱 門牌 1 網路空間 房子 2 網域名稱 門牌 3 架構風格 裝潢 4 產品內容 禮服 5 網站維護 換季 講師 羅涵筠e mail hanyunluo 網站製作流程 1 規劃期 設定主題 內容與資料收集 2 施工期 網頁的製作 測試與上傳 3 維護期 資料的正確性與時效性 講師 羅涵筠e mail hanyunluo 網站就是網頁的集合 樹狀架構 類似樹狀伸展 分 層 別類的架構 網頁中會提供下一層所有網頁的連結 你可以自由選擇要連結的下一層網頁 首頁 選單 連結網頁內容 可連結類型 下載 檔案 圖片 音樂 產品 講師 羅涵筠e mail hanyunluo 補充範例資料 網路空間申請 講師 羅涵筠e mail hanyunluo adobedreamweavercs3 dreamweaver軟體介紹dreamweaver是macromedia公司設計 現已和adobe合併 網頁編輯軟體 具有所見即所得功能功能強大 支援多種網頁語法簡單入門 資料維護的好工具為目前市場熱門軟體之一 講師 羅涵筠e mail hanyunluo 啟動dreamweaver 講師 羅涵筠e mail hanyunluo 認識工作區 講師 羅涵筠e mail hanyunluo 文件視窗 講師 羅涵筠e mail hanyunluo 插入面板 講師 羅涵筠e mail hanyunluo 屬性面板 講師 羅涵筠e mail hanyunluo 展開與收合面板 講師 羅涵筠e mail hanyunluo 建立網站資料夾並定義網站 講師 羅涵筠e mail hanyunluo 建立網站資料夾並定義網站 1 桌面新增資料夾命名為website2 網站 新增網站網站名稱 ooo的網站本地根資料夾 桌面website路徑 講師 羅涵筠e mail hanyunluo 新增空白網頁 講師 羅涵筠e mail hanyunluo 新增空白網頁 講師 羅涵筠e mail hanyunluo 變更標題名稱 新增的網頁預設會以無標題文件做為網頁標題 但是 網頁標題 就像是網頁的招牌 當我們在入口網站搜尋網頁時 會優先搜尋網頁標題 若將網頁加入我的最愛 也會用網頁標題做為我的最愛中顯示的名稱 所以一定得替網頁取個有意義又好記的標題喔 講師 羅涵筠e mail hanyunluo 儲存網頁 變更好網頁標題後 我們先將此網頁檔案儲存到之前定義好的網站資料夾中 存檔的方式很簡單 只要直接按 鍵 或執行 檔案 儲存檔案 命令 就會跳出如下的另存新檔交談窗 讓你指定檔案名稱和儲存位置 講師 羅涵筠e mail hanyunluo 儲存網頁 講師 羅涵筠e mail hanyunluo 檔案命名時的注意事項 避免使用中文或全形符號非中文的伺服器及瀏覽器可能會不支援 造成無法連結到網頁 最好統一使用小寫英文例如index htm跟index htm就會變成兩個不同的檔案 檔名中不要有空格例如將 mypage htm 改成 my page htm 講師 羅涵筠e mail hanyunluo 網頁編輯 html基本架構標題文字內容頁面及文字的屬性輸入文字 修改大小 顏色 連結表格的建立及屬性設定插入表格 列 欄 表格寬度 邊框 邊框顏色 間距 合併儲存格 插入圖片 講師 羅涵筠e mail hanyunluo 實作練習 請參考網址 http dreamweavercs 99k org teach