網路商店製作基本簡介
前言 網站 網站就是網頁的集合,一般的設計概念是先將網站架構規畫好,然後再分別製作各個網頁 當各網頁製作完成,再將彼此相連結,讓瀏覽者便於在各網頁間轉換
前言 建立網站的步驟 訂定主題及網站架構 蒐集資料 網頁製作 網站上傳 維護更新
前言 注意事項 檔名盡量用英文來命名,取名時最好能符合內容,方便日後的維護 首頁檔名取決於Web伺服器的設定,大部分以index.htm為設定值 檔案分類可以幫助網站製作更有效率
前言 網頁上要放什麼東西? 規定的內容:首頁5%、全部完工10% 可參考網路上的作品 使用網路上的資源(包含圖片、文字等)要注意是否侵犯智慧財產權 上傳到網路的資料也要注意隱私權的保護,個人資料一定要小心處理喔!
開新檔案
單頁網站 / 其他網站範本
指定新網站的位置 (例如:C:\我的文件\我的網站\MySite)
開啟後的畫面
Frontpage 環境簡介 網頁名稱 網頁編輯區 工作窗格 工作模式
步驟說明 Index.htm為首頁 若要接著做其它單頁網站: 建立新的網頁網頁新網頁 可以藉由”儲存檔案”來更改檔名
步驟說明 接著你就可以開始編輯囉!基本上FrontPage與word使用方法大同小異,多嘗試你一定可以輕易上手! 接下來介紹幾個常用的功能
版面配置 表格版面配置表格及儲存格 這是很好用的工具,特別是在建立”共同版面配置”時 舉例:CNN
表格 表格插入表格 舉例:104工作機會列表
插入背景圖案 在網頁編輯區空白處按右鍵網頁內容設定格式 2. 選擇圖片 1. 打勾
插入圖片 插入圖片選擇檔案來源
按鈕製作1 “插入””互動式按鈕” 讓超連結更活潑
按鈕製作2
小提醒1 超連結檢視可以讓你知道目前網站建置的概觀,才不容易搞混喔~
將首頁及其他網頁串連起來,開始組織你的網站囉~
FrontPage還有許多不錯的功能,都可以為你的網站加分,借本書來看看吧~ 附上學長姐的參考作品: 豪華版 彼得兔寵物專賣店 http://www.bm.nsysu.edu.tw/class/mba0531/index.htm 簡單版 寵物店男孩 http://www.bm.nsysu.edu.tw/class/mba0525/ HOT DOG http://www.bm.nsysu.edu.tw/class/mba0530/
檔案上傳 老師教學網站上有說明:click here 每當檔案有更新,就要重新再上傳一次,才可以將舊檔案覆蓋過去
瀏覽網頁 在瀏覽器網址列輸入: http://www.bm.nsysu.edu.tw/class/個人帳號 例如:http://www.bm.nsysu.edu.tw/class/mis98a01