1、國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw網頁製作基本功國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw什麼是網站 網頁的集合（好難？聽不懂）一堆網頁，許多網頁 網站管理者 規劃、建置網頁伺服器 網頁設計者 設計、製作各網頁，讓網頁間彼此連結國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw架設網站的步驟 Setp1 訂定主題與架構 商業類、教育類、個人網站.網站包含哪些內容、如何呈現 Step2 蒐集資料內容豐富、分類明確的網站，會比光彩炫目的網站更吸引人 Step3 網頁製作利用各種工具，將蒐集的資料，做成網頁。並將各網頁間做連結 Ste
2、p4 網頁上傳 個人電腦：其他人無法瀏覽網頁 Web 伺服器：可供其他人無法瀏覽網頁 Step5 網頁更新不斷更新內容的網站，才能吸引人再次光臨 國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw今日主題 框架頁 目錄選單 超連結國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw框架頁 檔案開新檔案其他網頁範本框架頁國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw消除框線 滑鼠右鍵框架內容框架頁 取消顯示框線國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw新增網頁 重新設計一新的網頁國立高雄大學-圖書資訊館 楊國棟kdyangnuk.
3、edu.tw另存新檔 使所設計的檔案當在同一目錄下國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw橫幅選單-插入表格 插入一2列1欄的表格國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw橫幅選單-插入互動式按鈕 插入互動式按鈕 選擇浮凸索引標籤9 輸入文字：高大首頁 輸入連結：http:/www.nuk.edu.tw國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw橫幅選單-插入互動式按鈕 重複上述動作 文字：認識高大 連結：http:/sec.nuk.edu.tw/nukpublic/intro/intro.htm國立高雄大學-圖書資訊館 楊國棟
4、kdyangnuk.edu.tw橫幅選單-插入互動式按鈕 重複上述動作 文字：行政單位 連結：http:/www.nuk.edu.tw/administration.php國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw橫幅選單-插入互動式按鈕 重複上述動作 文字：教學單位 連結：http:/www.nuk.edu.tw/teaching.php國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw橫幅選單-插入互動式按鈕 重複上述動作 文字：研究中心 連結：http:/www.nuk.edu.tw/research.php國立高雄大學-圖書資訊館 楊國棟kdyang
5、nuk.edu.tw橫幅選單-儲存格設定 設定儲存格背景顏色 插入clear.gif圖國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw直式選單-另開一新檔 檔案開新檔案空白網頁 另存新檔國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw直式選單-插入表格 插入一5列3欄，寬度100px的表格國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw直式選單-格式化表格 合併儲存格 設定儲存格背景色 深：198、177、141 淺：158、138、100 插入Clear.gif圖 設定儲存格寬度 設定置中對齊 設定列高國立高雄大學-圖書資訊館 楊國棟kdyan
6、gnuk.edu.tw直式選單-增加效果 將onmouseover=this.style.backgroundColor=#999999;onmouseout=this.style.backgroundColor=;“插入國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw直式選單-增加超連結 選取超連結文字 滑鼠右鍵超連結 or 插入超連結 輸入網址、提示文字國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw直式選單-超連結加工 如何消除底線 滑鼠右鍵超連結樣式 格式字型勾選無文字裝飾 改變超連結文字顏色 滑鼠右鍵超連結樣式 格式字型色彩國立高雄大學-圖書資訊館 楊國棟kdyangnuk.edu.tw設定初始網頁 載入一已設計好的網頁 按設定初始網頁選擇檔案確定
