网页制作教学讲义

《网页制作教学讲义》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Namowebeditor網頁製作教學講義蔡承憲教師生活照片(最多6個)v一、架構圖我的家庭聚會照片自傳家人介紹首頁芸的家兄弟生活花絮姊妹我的爸爸爸爸我的榮譽好站報報v二、建立專屬網站(先於C槽新建一個資料夾，螢幕解析度設為800*600)1.開啟Namo→【檔案】→【專案】→【網站精靈】2.在網站模版中選擇【班級首頁】→【下一步】3.輸入網站名稱、電子郵件以及著作權資訊→【下一步】4.選擇佈景主題(可點【檢視佈景主題】放大預覽)→【下一步】5.【瀏覽】(選擇一開始建立的資料夾)→完成v三、開啟檔案1.【檔案】→【專案】→【開啟專案】→點選Namo檔→

2、【開啟】2.出現『網站管理員』視窗3.可從『網站管理員』的【結構】標籤中，用滑鼠拖曳移動檔案的連結位置，點選檔案按下滑鼠右鍵選擇【內容】改變檔案的標題4.選擇要編輯的網頁並點滑鼠兩下進入編輯v四、利用按鈕精靈修改按鈕(主標題與按鈕列)※如要還原，需依同樣的步驟改回(有些情況無法改回)※如果新增的檔案要套用相同的布景主題，請將網站的架構設計好再一起改變文字格式(否則全部都會被改回成原始的字型)1.在主標題上點滑鼠兩下→修改主標題內容→【修改影像】2.【修改影像形狀】→選取主標題→【下一步】→點選想要的圖案→【下一步】3.可編輯文字的內容、字型、大小、顏色

3、(填充)以及圖案的大小等41.【下一步】→【確定】→【確定】v五、儲存檔案1.【檔案】→【儲存檔案】2.【檔案】→【專案】→【儲存專案】v六、開啟新檔1.在『網站管理員』的視窗中點選【檔案】→【新建】→【新文件】2.輸入適當的名稱後，直接點滑鼠兩下進入編輯v七、選擇佈景主題套用至新檔案1.【格式】→【變更佈景主題】→【是】→【是】2.選擇想要套用的佈景主題(只能先套用背景，主標題與按鈕列必須手動加入)→【套用】3.點選『現行的檔案』→【確定】4.插入一欄一列的表格5.【插入】→【佈景主題元件】→【主標題】(利用按鈕精靈修改主標題)6.選取表格→【表格】

4、→【表格內容】→選擇框線『隱藏』→【確定】v八、新增文件至導覽樹1.到『網站管理員』的【結構】標籤中，點選要加入新文件的檔案2.按滑鼠右鍵點選『新增至導覽樹』→『插入既有的文件』3.選取檔案→【確定】v九、從導覽樹中移除文件1.到『網站管理員』的【結構】標籤中，點選要移除的檔案2.按滑鼠右鍵點選『從導覽樹移除』v十、在專案中刪除檔案1.到『網站管理員』的【專案】標籤中點選要刪除的檔案(可按右鍵查看檔案內容)2.【檔案】→【刪除】→【是】v新增水平子項按鈕(要連結至新增的網頁)‧從導覽樹增加後於母網頁建立一欄一列的表格→插入→佈景主題元件→導覽列→選擇子

5、項、水平、使用按鈕→確定‧若母網頁原本已有其他水平子項按鈕即直接從導覽樹增加即可v加入新網頁的垂直與水平導覽列(要連結回母網頁)‧垂直：插入→佈景主題元件→導覽列→選擇第一層、包括首頁、垂直、使用按鈕→確定‧水平：建立一欄一列的表格→插入→佈景主題元件→導覽列→選擇水平層級、水平、使用按鈕→確定‧下方水平：插入→佈景主題元件→導覽列→選擇第一層、包括首頁、水平、使用文字→確定4v十一、更改背景顏色或圖案1.【格式】→【文件內容】→點『外觀』標籤2.在『色彩』的項目下修改『背景』的顏色(此時『背景影像』選項的內容必須清空才能顯現出所修改後的背景顏色)3.

6、或在『背景影像』按下『瀏覽』選擇喜歡的背景圖案→【開啟】→【確定】v十二、加入背景音樂1.【格式】→【文件內容】→點『樣式』標籤2.在『背景聲音』按下『瀏覽』選擇wav或midi聲音檔3.選擇重複次數即可v十三、新增文字與設定文字格式1.可直接輸入文字2.利用滑鼠將文字反白→【格式】→【字型】→選擇字型、顏色、大小v十四、新增影像1.可直接在『圖像框』點兩下，於『影像路徑』中瀏覽所要的圖片2.或點【插入】→【影像】→【從檔案】→於『影像路徑』中瀏覽所要的圖片3.背景透明化：點選圖片→【插入】→【影像】→【設定透明顏色】→點工具列上的『設定透明的顏色』→

7、用滑鼠點影像的白色背景→確定v十五、建立文字或圖片的超連結1.將文字反白或直接在圖片上按滑鼠右鍵2.選擇『超連結』3.在URL瀏覽要連結的網頁4.選擇目標頁框的種類→【確定】v十六、走馬燈1.點工具列上的圖示『插入小區塊』2.在小區塊中輸入文字3.在小區塊的控制點上按滑鼠兩下，出現『小區塊內容』對話框4.【Scrip精靈】→【走馬燈】→【下一步】5.點按捲動方向(靠左)、可見長度(填滿到小區塊)→【完成】v十七、時鐘1.建立三欄一列的表格2.在第一格與第三格中輸入文字後，將插入點移入第二格3.【插入】→【Scrip】→【Scrip精靈】→【時鐘】→【下

8、一步】4.選擇喜愛的格式→【完成】5.調整及隱藏表格格線v十八、發佈專案1.到『網站管理員』按