網路商店製作基本簡介.

Presentation on theme: "網路商店製作基本簡介."— Presentation transcript:

1 網路商店製作基本簡介

2 前言 網站 網站就是網頁的集合，一般的設計概念是先將網站架構規畫好，然後再分別製作各個網頁
當各網頁製作完成，再將彼此相連結，讓瀏覽者便於在各網頁間轉換

3 前言 建立網站的步驟 訂定主題及網站架構 蒐集資料 網頁製作 網站上傳 維護更新

4 前言 注意事項 檔名盡量用英文來命名，取名時最好能符合內容，方便日後的維護
首頁檔名取決於Web伺服器的設定，大部分以index.htm為設定值 檔案分類可以幫助網站製作更有效率

5 前言 網頁上要放什麼東西？ 規定的內容：首頁5%、全部完工10% 可參考網路上的作品
使用網路上的資源(包含圖片、文字等)要注意是否侵犯智慧財產權 上傳到網路的資料也要注意隱私權的保護，個人資料一定要小心處理喔！

6 開新檔案

7 單頁網站 / 其他網站範本

8 指定新網站的位置 (例如：C:\我的文件\我的網站\MySite)

9 開啟後的畫面

10 Frontpage 環境簡介 網頁名稱 網頁編輯區 工作窗格 工作模式

11 步驟說明 Index.htm為首頁 若要接著做其它單頁網站： 建立新的網頁網頁新網頁 可以藉由”儲存檔案”來更改檔名

12 步驟說明 接著你就可以開始編輯囉！基本上FrontPage與word使用方法大同小異，多嘗試你一定可以輕易上手! 接下來介紹幾個常用的功能

13 版面配置 表格版面配置表格及儲存格 這是很好用的工具，特別是在建立”共同版面配置”時 舉例：CNN

14 表格 表格插入表格 舉例：104工作機會列表

15 插入背景圖案 在網頁編輯區空白處按右鍵網頁內容設定格式 2. 選擇圖片 1. 打勾

16 插入圖片 插入圖片選擇檔案來源

17 按鈕製作1 “插入””互動式按鈕” 讓超連結更活潑

18 按鈕製作2

19 小提醒1 超連結檢視可以讓你知道目前網站建置的概觀，才不容易搞混喔~

20

21 將首頁及其他網頁串連起來，開始組織你的網站囉～

22 FrontPage還有許多不錯的功能，都可以為你的網站加分，借本書來看看吧～ 附上學長姐的參考作品:
豪華版 彼得兔寵物專賣店 簡單版 寵物店男孩 HOT DOG

23 檔案上傳 老師教學網站上有說明：click here 每當檔案有更新，就要重新再上傳一次，才可以將舊檔案覆蓋過去

24 瀏覽網頁 在瀏覽器網址列輸入： http://www.bm.nsysu.edu.tw/class/個人帳號
例如：