某高校计算机专业大学生网页设计教程教学PPT课件模板.ppt

網頁設計課程 前言 網頁的介紹 Dreamweaver的介紹 如何看到自己製作的網頁 網路上有哪些免費空間可以放置網頁呢 某些空間使用上的限制 網頁語法參考網站 網頁的介紹 能利用瀏覽器在www上所能看到的畫面 即所謂的網頁 詳細介紹（維基百科） /w/index.php?title=%E7%B6%B2%E9%A0%81variant=zh-twzh-tw Dreamweaver的介紹 讓使用者能有效率地設計、開發和維護以標準為基礎的網站和應用程式 詳細介紹連結 .tw/soft/clickcount.asp?fid3=21344 載點 /Dreamweaver8.rar 如何看到自己製作的網頁 首要條件：網頁必須先存檔成功(非常重要) 方法1：直接到本機資料夾使用瀏覽器瀏覽 方法2：在Dreamweaver內按「F12」按鈕 方法3：上傳到網路空間後，使用網址連結 某些空間使用上的限制 MP3上傳的限制 EXE檔案上傳的限制 支援語法的限制 JPG、BMP、PNG…等等圖片檔案的限制 檔名命名的限制 網頁語法參考網站 網站建置百寶箱 .tw/ i-Web 網頁教學 /home.php 爪哇島 http://cdh.idv.tw/ 網頁設計作業 最後兩節課，使用Dreamweaver建構 分割頁框 跨頁框超連結 圖片連結 超連結 背景圖的使用 上傳至個人空間 原始電子檔的保存 學習項目 框架 貼圖 超連結 表格 背景圖案 音樂 上傳 常發生的錯誤 框架 　框架就是將瀏覽視窗分割成為幾個區域， 　每個區域都是一個獨立的網頁。 　而框架運用在網頁設計上是常見到的， 　這種將許多網頁結合呈現的方式， 　讓使用者容易閱讀網頁， 　而編輯者也可以做活潑的網頁設計。 找到調整框架的工具 位於「檔案」下方的「常用」按鈕 點選後選擇「版面」 找到調整框架的工具 請找到下圖的圖案，右方的倒三角形按下後 出現數種框架分割的範例 使用工具分割頁框 請選擇「上及左巢狀頁框」 分割頁框調整選項 應該會出現下面的視窗，請直接按確定 分割頁框 已經分割完成，還剩下一些細部項目 框架的存檔 在做完左右分割框架後，接下來就是我們要注意的地方：若分割成二個框架，則必須總共存三個檔案。(如下圖紅、綠、藍色所示，每一個顏色都代表一個的檔案。