Chang Chi-Chung 國立大里高級中學

Slides:



Advertisements
Similar presentations
網頁介紹與管理 演講單位:電算中心 演講人:侯麗雪.
Advertisements

LiveABC學習系統 103年英語自學說明會 校內學習資源LiveABC.
新竹縣博愛國民中學 曾琳富 動態網頁模組(dyna) 安裝與使用 新竹縣博愛國民中學 曾琳富
陳維魁 博士 儒林圖書公司 第九章 資料抽象化 陳維魁 博士 儒林圖書公司.
TQC+ JAVA全國教師研習會 PLWeb 程式設計練習平台 簡介.
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
亞洲大學的數位學習資源與應用 鍾仁宗老師 101年12月4日.
Joomla 網站簡介 By Chin-Wen Tsay.
臺北市立大學 資訊科學系(含碩士班) 賴阿福
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
OpenID與WordPress應用於 組內資源共享介紹
Transparent proxy 班級:資傳四A 組員:林佳辰 陳星宇 邱鈺翔
Google協作平台.
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
資料庫管理 操作DBMS 指導教授:楊維邦  助教:廖皓翔.
Google協作平台實作教學-以班網為例
Chapter 2 – Chapter 4 Chang Chi-Chung
R教學 安裝RStudio 羅琪老師.
無線射頻識別系統(RFID) 基本原理及發展與應用
ASP.NET基本設計與操作 建國科技大學 資管系 饒瑞佶 2007年.
資訊及通訊科技科 Information and Communication Technology (ICT)
資訊及通訊科技科 Information and Communication Technology (ICT)
安裝JDK 安裝Eclipse Eclipse 中文化
一、如何規劃? 二、教材數位化的可用工具介紹。 三、發表時應該注意的重點。 四、可展示的平台有哪些?
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
OpenID與WordPress使用說明
連結資料庫管理系統.
App Inventor2呼叫PHP存取MySQL
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
檔案與磁碟的基本介紹.
FTP檔案上傳下載 實務與運用.
私立南山高中 信息組 電腦研習 電腦資料的備份 中華民國 99年4月20日 星期二.
VS.NET 2003 IDE.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
TB-054A  周天穎 編著 儒林圖書公司 發行.
App Inventor 2初體驗 靜宜大學資管系 楊子青
班級網頁與部落格 自由軟體簡介 校網資源說明 文雅國小 資訊組.
Dreamweaver 8 潘雅真老師.
本院使用建教合作之輔仁大學 圖書館資料庫 設定方式說明
Chang Chi-Chung 國立大里高級中學
Prepare by Jean Huang 黃瀞儀
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
2013/09/23 12:20-13:30 LIVE ABC英檢平台 與其他校內學習資源
伺服器安裝設定 AppServ Apache + PHP + MySQL Apache : Web Server
虛擬傢俱館 指導老師: 高玉芬 老師 組員: B 黃琪芳 B 蔡宜眞 B 林政緯
Google協作平台+檔案分享(FileZilla+網路芳鄰)
VS.NET 2003 IDE.
資訊網路專題 Special Topics on Information Networks
106年度教育雲服務策略聯盟計畫 酷學習 COOL CLASS.
智慧型手機程式設計 建國科技大學資管系 饒瑞佶 2011年(992).
六年級電腦科 KompoZer w3.dhps.tp.edu.tw.
產業實務實習工作說明 Kay Chang ASD
(Mobile User music–Sharing Innovation Center)
電腦概論考題分析 佛學資訊組 碩一 張榮顯.
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
Dreamweaver 進階網頁製作 B 許天彰.
1. 查詢個人電腦版本 1.進入控制台 2.點選“所有控制台項目” 3.點選“系統”.
Welcome to my badminton world
無障礙網頁開發規範 班級:資管四A 姓名:白銘聰 學號: A 指導老師:吳有龍 老師
Brief Guide of FrontPage
2018搶鮮大賽技術項目簡介 iMEC平台創意應用技術
第四章 通訊與網路管理 授課老師:褚麗絹.
介紹Saas 以Office 365為例 組員: 資工四乙何孟修 資工四乙 黃泓勝.
程式語言與邏輯:主題示範 報告人:國立台灣師大附中 李啟龍 老師 學年度資訊科技概論研習.
安裝JDK 配置windows win7 環境變數
指導教師:張慶寶 老師 組長:劉明哲 組員:蔡維庭、葉聖鴻、康有成
電腦網絡與教學.
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
Chapter 4 Multi-Threads (多執行緒).
指導老師:張慶寶 組員 : 蔡維庭 4970E028 劉明哲 4970E079 葉聖鴻 4991E020 康有成 4970E004
Presentation transcript:

Chang Chi-Chung 國立大里高級中學 2012.09.30 Joomla! 架設與應用 Chang Chi-Chung 國立大里高級中學 2012.09.30

瞭解CMS (Content Management System) 的功用 教學目標 瞭解CMS (Content Management System) 的功用 瞭解 Joomla! 系統的安裝環境及方法 瞭解 Joomla! 系統的管理及設定方式 能運用 Joomla! 架設主題網站

Why Joomla! ? 因為 Joomla! 更新速度很快 因為 Joomla! 有很豐富的資源 因為 Joomla! 的自由度很高 外掛功能擴充 布景主題 (free) 因為 Joomla! 的自由度很高 因為老師只會 Joomla! 、想教 Joomla!、喜歡 Joomla!

教學步驟 簡介與分組 Joomla! 的管理(1) Joomla! 的管理(2) Joomla! 的安裝 Joomla! 的管理(4) 會員管理 第10節 簡介與分組 CMS 及 Joomla! 第1節 Joomla! 的管理(1) 分類、文章與精選 第6節 AppServ 的安裝 AppServ 簡介與架設 第2- 4節 Joomla! 的管理(2) 選單與模組 第7節 分組與實作 分組實作主題 第11-16節 Joomla! 的安裝 Joomla! 安裝與管理介面 第5節 Joomla! 的管理(3) 外掛與佈景主題 第8-9節 觀摩與展示 分組報告與評量 第17-18節

Joomla! 簡介 名字起源與讀音 Joomla! 作什麼用? 架站程式(架站軟體) 快速架站程式(軟體) 整站程式 這個名稱來自非洲斯瓦希里語的方言 “Jumla”, 這個名字的唸法類似中文的 “君啦”,意思是 “一起” (All Together) 或 “全體” (As a Whole)。(摘錄自http://www.joomla.org.tw/tutorial/faq/84-joomla) Joomla! 作什麼用? 內容管理系統(Content Management System, CMS),屬於 Portal(商業入口網站)類型 較適合作為商業類型的網站程式。 有以下的別名來稱呼: 架站程式(架站軟體) 快速架站程式(軟體) 整站程式

Joomla! 的發展 Joomla!前身是知名的Mambo系統,自2005年8月份分裂Mambo而成立的新專案。 主要使用技術:PHP 程式語言 + MySQL資料庫 可以在Linux、Windows、MacOSX 等各種不同的平台上執行。 目前是由開放源碼組織 Open Source Matters ( www.opensourcematters.org ) 進行開發與支援。 組織的成員來自全世界各地,小組成員約有150人,包含了開發者、設計者、系統管理者、文件撰寫者,以及超過9萬名(2007.3)的參與會員 。

內容管理系統 Content Management System 內容管理系統就是能夠進行內容管理的一種工具或一套工具的軟體系統。 內容包括任何型別的數位資訊的結合體,可以是文字、圖形影像、Web頁面、文件檔、資料庫表單、視訊、聲音、XML檔案等。 目前多數的 CMS系統都是 Web-based 軟體系統,即不論管理或是內容建立,均採取 Web 介面進行,相當方便。 常見的 CMS系統有XOOPS、Wordpress、Drupal、Joomla!

AppServ 的安裝教學(1) AppServ 簡介 重要概念:Server vs Clinet 網站伺服器 Apache Server 後端網頁程式語言 php 資料庫 Mysql Mysql 資料庫的管理程式MysqlAdmin。 重要概念:Server vs Clinet Server Client Request Response

AppServ 的安裝教學(2) 網站伺服器 資料庫概念 Php 網頁程式語言的簡介 Apache 的使用 MySQL 簡介 資料庫  資料表  資料行  資料列 新增、刪除、修改與查詢 MysqlAdmin 的使用 Php 網頁程式語言的簡介

Joomla! 安裝教學 Joomla! 下載 Joomla! 安裝 Joomla! 中文化套件安裝 管理介面的登入 http://www.joomla.org http://www.joomla.org.tw Joomla! 安裝 Joomla! 中文化套件安裝 管理介面的登入

Joomla! 管理的重要概念 分類、文章與精選 選單與模組 外掛 佈景主題 會員管理

Joomla! 的管理-文章 文章是Joomla! 最基本的內容單位 文章的組織方式 文章精選 1.5版以前:單元-分類-文章 (僅只分為此三層) 1.6版以後:分類-文章 (分類下還可以有分類) 文章精選 文章可以設定為精選(1.5版前稱為首頁) 凡是設為「精選」的文章,不但會在所屬的分類版面出現,還會在選單項目類型為「精選文章」中的頁面出現。 可以用其製作網站「最新消息」

Joomla! 的管理-模組與選單 模組 (module) 選單 (menu) 模組對應至網頁的某區域,透過模組的管理,可以決定網頁的某區域是否顯示位置與出現 選單 (menu) 網頁中的選單 配合模組的使用,可以讓所架設網站達到多變功能。 頭條(1) 摘要(3) 摘要(3) 連結數目(4)

Joomla! 的管理-外掛 透過外掛可以擴充 Joomla! 的功能 外掛安裝完後稱為「元件」 常用的外掛有 附加檔案 attachments 圖片管理 phoca 磁碟管理外掛

Joomla! 的管理-佈景主題 佈景主題可以改變整個網站的顯示風格、圖片等。 網路上有許多免費的Joomla! 佈景主題,只要在瀏覽器下達 Joomla free template 即可搜尋到。 熟悉CSS + HTML 者,還可以細部微調。

Joomla! 的管理-會員管理 Joomla! 提供有會員註冊及管理功能,在1.6版以後,各項功能還能依使用者的權限加以設定。 存取權限分為三類 Public Registered Special

Joomla! 專題實作(8-9節) 透過專題網站檢核要求,讓學生運用之前所學的知識,例如: 透過分組報告,進行總結性評量。 必須要有2個以上的選單 必須至少利用1個外掛,擴充Joomla! 功能 文章分類至少在2個以上 至少有6 篇文章(每位組員至少一篇) 主題請慎選 透過分組報告,進行總結性評量。 系統展示與心得)。

Joomla! 專題實作教學 與學科結合 其他主題 擬定專題主題 內容充實與版面美化 分組展示與報告 資訊安全、重要人物簡介(資訊科技概論) 教師提示,透過小組討論決定 與學科結合 資訊安全、重要人物簡介(資訊科技概論) 性別平等、生涯規劃(性平教育、生涯輔導) 散文、詩詞、作家介紹(國文科) 星空介紹、認識地震(地球科學) 當地風俗人文或地理介紹(地理) 質數的找尋(數學) 當地美食介紹(家政) 其他主題 好書介紹 簡易教學(各項主題) 其他有意義之主題 系統安裝與架設 系統架設於教師指定地方 內容充實與版面美化 針對專題主題增加內容並運用佈景主題 分組展示與報告 教師進行總結性評量、學生互憑

可能的進階教學 Joomla! Template 實作 CSS HTML PHP Joomla! Plugin 實作

謝謝各位指教 問題討論與教學方法分享