《网页设计课程》由会员分享，可在线阅读，更多相关《网页设计课程（23页珍藏版）》请在金锄头文库上搜索。
1、網頁設計課程資管系 宋鎮宇前言l網頁的介紹 lDreamweaver的介紹 l如何看到自己製作的網頁 l網路上有哪些免費空間可以放置網頁呢 l某些空間使用上的限制 l網頁語法參考網站網頁的介紹l能利用瀏覽器在www上所能看到的畫面即所謂的網頁l 詳細介紹（維基百科） l http:/zh.wikipedia.org/w/index.php?title=%E7%B6%B2%E9%A0%8 1&variant=zh-twDreamweaver的介紹l讓使用者能有效率地設計、開發和維護以 標準為基礎的網站和應用程式 l 詳細介紹連結 l http:/.tw/soft/clickcount.asp?f
2、id3=21344l 載點 l http:/ l方法2：在Dreamweaver內按F12按鈕 l方法3：上傳到網路空間後，使用網址連結有哪些免費空間可以放置網頁呢l大葉，免費20MB（限本校學生） l網址：ftp:/aries.dyu.edu.twl帳號：學號 l密碼：同信箱密碼l尚未申請： http:/lotus.dyu.edu.tw/caccount/某些空間使用上的限制lMP3上傳的限制 lEXE檔案上傳的限制 l支援語法的限制 lJPG、BMP、PNG等等圖片檔案的限制 l檔名命名的限制網頁語法參考網站l 網站建置百寶箱 l http:/dob.tnc.edu.tw/l i-Web
3、網頁教學 l http:/www.i- 爪哇島 l http:/cdh.idv.tw/網頁設計作業l最後兩節課，使用Dreamweaver建構 l分割頁框 l跨頁框超連結 l圖片連結 l超連結 l背景圖的使用 l上傳至個人空間 l原始電子檔的保存學習項目l框架 l貼圖 l超連結 l表格 l背景圖案 l音樂 l上傳 l常發生的錯誤框架框架就是將瀏覽視窗分割成為幾個區域，每個區域都是一個獨立的網頁。而框架運用在網頁設計上是常見到的，這種將許多網頁結合呈現的方式，讓使用者容易閱讀網頁，而編輯者也可以做活潑的網頁設計。找到調整框架的工具位於檔案下方的常用按鈕 點選後選擇版面找到調整框架的工具請找到下圖
4、的圖案，右方的倒三角形按下後 出現數種框架分割的範例使用工具分割頁框請選擇上及左巢狀頁框分割頁框調整選項應該會出現下面的視窗，請直接按確定分割頁框已經分割完成，還剩下一些細部項目框架的存檔 l在做完左右分割框架後，接下來就是我們 要注意的地方：若分割成二個框架，則必 須總共存三個檔案。(如下圖紅、綠、藍色 所示，每一個顏色都代表一個的檔案。圖片連結l就是俗稱的貼圖 l語法 l l 或是工具列插入影像 l l 選取你想要插入的圖片超連結l語法 l連結名稱 l或是 l工具列插入超連結 l l 輸入資料表格l工具列插入表格 l細部調整後即可使用lPs.表格中可再插入表格背景l畫面中點選滑鼠右鍵頁面屬性 l l 外觀 l l 背景顏色 l l 背景影像音樂l背景音樂語法 ll 額外補充l快速縮短超級長的網址 l下載YouTube的影片 l好用的免費網路硬碟 l簡單好用的上傳分享空間
