網路商店製作基本簡介.

Slides:



Advertisements
Similar presentations
E-portfolio 個人履歷網站教學
Advertisements

高一年级过渡性学习 活动汇报 高一年级组 教科研室 汉滨高中.
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
網站的開發流程 著作權所有 © 旗標出版股份有限公司.
國立瑞芳高工電機科 94年度教學觀摩       科 目: 網頁製作 主講人: 蘇孝傑 老師.
TQC+ JAVA全國教師研習會 PLWeb 程式設計練習平台 簡介.
DreamWeaver MX (V) 林偉川.
FrontPage 2003 網站製作簡介 Lecturer 許明宗 僑光行政人員訓練課程.
DreamWeaver MX (II) 林偉川.
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
網頁瀏覽器.
Google協作平台.
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
網頁製作入門 電算中心 – 蔡京甫.
Dreamweaver 8 範例:201、202 潘雅真.
應用軟體 本節重點: 應用軟體簡介 Word Excel PowerPoint 資料庫Acess.
Google協作平台實作教學-以班網為例
第 7 章 設定網頁背景與音樂.
R教學 安裝RStudio 羅琪老師.
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
中文字SVG檔製作 利用線上文字產生器 編製者:陳培文
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
安裝公文製作系統 1.*到文書組下載公文製作系統* 或 2.輸入網址
OpenID與WordPress使用說明
商用軟體 OFFICE 2003.
硬體話機設定說明.
檔案與磁碟的基本介紹.
第二章 SPSS的使用 2.1 啟動SPSS系統 2.2 結束SPSS系統 2.3 資料分析之相關檔案 2.4 如何使用SPSS軟體.
系統設定 IE8相容性檢視
FTP檔案上傳下載 實務與運用.
網頁切換移轉 JS vs. ASP.NET.
協作平台的教學 宜蘭縣教育處教育網路中心 陳宣霖.
VS.NET 2003 IDE.
班級網頁與部落格 自由軟體簡介 校網資源說明 文雅國小 資訊組.
網路程式設計期末project B 張芸菱.
Dreamweaver 8 潘雅真老師.
本院使用建教合作之輔仁大學 圖書館資料庫 設定方式說明
PowerPoint 2019/4/9.
網路工具運用 講師:鍾詩蘋.
Prepare by Jean Huang 黃瀞儀
HTML – 超連結與圖片 資訊教育.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
講師:陳永芳 網際網路資源運用 講師:陳永芳
把下列各音樂符號和它們的中文名稱配對起來
網頁資料知多少? 事 實 ? 謠言?.
通識課程學生學習檔案 E化製作-上傳至blogger 佛光大學 教務處通識教育中心主辦.
如何利用範本來製作網頁.
Google協作平台+檔案分享(FileZilla+網路芳鄰)
教學媒體作業 歷史系99級 楊琇媚. 教學媒體作業 歷史系99級 楊琇媚.
Power Point 教學單元 實作步驟簡表
個人網路空間 資訊教育.
網際網路與電腦應用 林偉川 2001/10/18.
VS.NET 2003 IDE.
六年級電腦科 KompoZer w3.dhps.tp.edu.tw.
FTP使用教學 簡介: 軟體名稱:FileZilla 軟體性質:Freeware 版本: 繁體中文版
EPAGE 基礎教育訓練 黑快馬股份有限公司 講師:Yuri.
第十二章 文書處理: Word 2000 的使用 計算機概論編輯小組.
把下列各音樂符號和它們的中文名稱配對起來
IE7設定步驟畫面 點選IE網頁上的工具→網際網路選項
PowerPoint 操作介紹 106 計算機概論
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
Dreamweaver 進階網頁製作 B 許天彰.
1. 查詢個人電腦版本 1.進入控制台 2.點選“所有控制台項目” 3.點選“系統”.
國立屏東大學宿舍網路連線 設定說明 104/08/12.
如何從政大圖書館館藏目錄匯出書目至EndNote
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
張筱楓 Nov 19’ Wiki系統使用研習 張筱楓 Nov 19’2004
Presentation transcript:

網路商店製作基本簡介

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

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

前言 注意事項 檔名盡量用英文來命名,取名時最好能符合內容,方便日後的維護 首頁檔名取決於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