网页制作教学讲义名师精编资料汇编.pdf

Namowebeditor 網頁製作教學講義 蔡承憲教師 一、架構圖 (最多 6 個 ) 生活照片 我的家庭 聚會照片 自 傳 首頁 家人介紹 芸 兄 弟 的 生活花絮 家 姊 妹 我的爸爸 我的榮譽 爸爸 好站報報 二、建立專屬網站 (先於 C 槽新建一個資料夾，螢幕解析度設為 800*600) 1. 開啟 Namo→【檔案】→【專案】→【網站精靈】 2. 在網站模版中選擇【班級首頁】→【下一步】 3. 輸入網站名稱、電子郵件以及著作權資訊 →【下一步】 4. 選擇佈景主題 (可點【檢視佈景主題】放大預覽 ) →【下一步】 5. 【瀏覽】(選擇一開始建立的資料夾 ) →完成 三、開啟檔案 1. 【檔案】→【專案】→【開啟專案】→點選 Namo 檔→【開啟】 2. 出現『網站管理員』視窗 3. 可從『網站管理員』的【結構】標籤中，用滑鼠拖曳移動檔案的連結 位置，點選檔案按下滑鼠右鍵選擇【內容】改變檔案的標題 4. 選擇要編輯的網頁並點滑鼠兩下進入編輯 四、利用按鈕精靈修改按鈕 (主標題與按鈕列 ) ※如要還原，需依同樣的步驟改回 (有些情況無法改回 ) ※如果新增的檔案要套用相同的布景主題 ，請將網站的架構設計好再一起 改變文字格式 (否則全部都會被改回成原始的字型 ) 1. 在主標題上點滑鼠兩下→修改主標題內容→【修改影像】 2. 【修改影像形狀】→選取主標題→ 【下一步】→點選想要的圖案→ 【下 一步】 3. 可編輯文字的內容、字型、大小、顏色 (填充 )以及圖案的大小等 4. 【下一步】→【確定】→【確定】 五、儲存檔案 1. 【檔案】→【儲存檔案】 2. 【檔案】→【專案】→【儲存專案】 六、開啟新檔 1. 在『網站管理員』的視窗中點選【檔案】→【新建】→【新文件】 2. 輸入適當的名稱後，直接點滑鼠兩下進入編輯 七、選擇佈景主題套用至新檔案 1. 【格式】→【變更佈景主題】→【是】→【是】 2. 選擇想要套用的佈景主題 (只能先套用背景，主標題與按鈕列必須手動 加入 ) →【套用】 3. 點選『現行的檔案』→【確定】 4. 插入一欄一列的表格 5. 【插入】→【佈景主題元件】→【主標題】 (利用按鈕精靈修改主標題 ) 6. 選取表格→【表格】→【表格內容】→選擇框線『隱藏』→【確定】 八、新增文件至導覽樹 1. 到『網站管理員』的【結構】標籤中，點選要加入新文件的檔案 2. 按滑鼠右鍵點選『新增至導覽樹』→『插入既有的文件』 3. 選取檔案→【確定】 九、從