SlideShare une entreprise Scribd logo
1  sur  38
โครงการสอนน้องสร้างเว็บ ปี2
การสร้างเว็บไซต์ด้วย CMS
จัดทาโดย
เฉลิมสิทธิ์ หุตะเจริญ
Twitter: @nuychahoemsid
Facebook: Nuy Chahoemsid
Website: www.inuy.th.ht
โรงเรียนวัดโสธรวรารามวรวิหาร
๑๓๔ ตําบลหน้าเมือง อําเภอเมือง จังหวัดฉะเชิงเทรา
รักศักดิ์ศรี มีคุณธรรม นําวิชาการ สืบสารงานพระราชดําริ
= เว็บเพจหลายๆหน้า ที่เชื่อโยงกันผ่านไฮเปอร์ลิงค์
WWW.YOURNAME.COM <<< เรียกว่า Domain name
ข้อมูลเว็บไซต์ จะถูกเก็บไว้บน Server
ซึ่งเครื่อง Server ต้องเปิดตลอดเวลา ไม่งั้นเว็บจะเข้าไม่ได้
Domain name และ Server ต้องมี การเชื่อมต่อกัน
เราจึงจะสามารถเข้า เว็บไซต์ผ่าน Domain name นั้นได้
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
CMS ?
ระบบจัดการข้อมูล
ตัวอักษร
เสียง
รูปภาพ
ภาพเคลื่อนไหว
อื่นๆ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
CMS คือ ระบบสําหรับ “สร้าง” และ “บริหาร” เว็บไซต์
โดยที่เราไม่จําเป็นที่จะต้องมีความรู้เรื่องภาษา คอมพิวเตอร์
เพราะระบบถูกสร้างไว้ให้เรียบร้อยแล้ว เราเพียงแค่นําไป
ติดตั้ง แล้ว ปรับแต่ง เท่านั้น CMS จะต้องติดตั้งบนเครื่อง
Server ที่รองรับ Mysql CMS 1 ระบบ จะใช้ Mysql 1
CMS ?
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
CMS พัฒนามาจากภาษาคอมพิวเตอร์ต่างๆ บางระบบอาจมีมากกว่าหนึ่งภาษา
CSM ?
Html Javascript
Asp.Net Pythorn
Php
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
CMS ?
ปัจจุบันมี cms มากมายถูกเขียนขึ้นมา และแบ่ง
ออกเป็นมากมายหลายหมวดหมู่ cms แต่ละตัวอาจ
เหมาะสําหรับเว็บไซต์แต่ละประเภทที่แตกต่างกัน
ออกไป จะเลือกใช้อันไหน ขึ้นอยู่กับผู้ใช้ว่า “จะทํา
เว็บไซต์ประเภทไหน เพื่ออะไร” หรือว่าถนัดตัวไหน
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
CMS ?
นิยมใช้สร้างเป็นเว็บไดอารี่ หรือ Blog
เหมาะสําหรับสร้างเว็บไซต์ทั่วๆไป
CMS สําหรับสร้างเว็บไซต์รูปแบบกระดานสนทนา
และยังมีอีกเยอะเบย
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ข้อดีของ CMS
• ผู้ใช้งานไม่จําเป็นที่จะต้องมีความรู้เรื่อง
ภาษาคอมพิวเตอร์
• ประหยัดเวลา (ใช้เวลาในการสร้างโครงสร้างพื้นฐานไม่
เกิน 30 นาที)
• มีระบบจัดการบริหารและระบบป้องกันเว็บไซต์มาใน
ระดับที่ดี
• สามารถสร้าง หรือ ปรับแต่ง ได้ผ่านหน้าเว็บไซต์
• มีระบบเสริม ที่สามารถดาวโหลดมาติดตั้งเพิ่มเติมได้
มากมาย ไม่ว่าจะเป็น ระบบกระดานสนทนา การแสดงภาพ
แบบเคลื่อนไหว เกมส์
• สามารถเปลี่ยน รุปแบบ หน้าตามเว็บไซต์ได้ทุกวัน โดย
เพียงการ เลือก โหลด แล ติดตั้ง และคลิกใช้งาน
• ทุกอย่างที่กล่าวมา ฟรี!! นะ555+
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ข้อเสียของ CMS
• ใช้เวลาในการศึกษาระบบที่มีขนาดใหญ่ แต่
หากเกิดความเคยชิน ปัญหานี้จะหมดไป
• หากต้องกาบริหารเว็บให้เป็นอย่างที่
ต้องการ ผู้ใช้งานจะต้องมีความรู้
ภาษาคอมพิวเตอร์ พอสมควรในภาษานั้นๆ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
AppServ
Appserv โปรแกรมจําลองเครื่องคอมพิวเตอร์ทั่วไป ให้เป็น
เครื่อง Server หรือ Web Server
Open Source Soft ware P HP
ผลิตโดย ภาณุพงศ์ ปัญญาดี
www.appservnetwork.com
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ติดตั้ง Appserv
Download: www.appservnetwork.com
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ติดตั้ง Appserv
พอโหลดโปรแกรมมาแล้วก็
กดดับเบิลคลิก เพื่อติดตั้งโปรแกรม
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ติดตั้ง Appserv
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ติดตั้ง Appserv
พอถึงขั้นตอนนี้คือ
ระบบจะให้เราเลือกพื้นที่
สําหรับ เก็บโปรแกรมและโปรเจค
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ติดตั้ง Appserv
เลือกถูกทั้งหมด แล้ว คลิก ที่ Next> เพื่อ ไปยังขั้นตอนต่อไปได้เลย
รายชื่อโปรแกรมที่จําเป็นในการสร้าง
เว็บไซต์ด้วย CMS
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ชื่อ Server (อะไรก็ได้)
Email ของคุณ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
เลือกรหัสผ่าน สําหรับเข้าใช้
งาน จัดการบริหารฐานข้อมูล
(จําเป็น อย่าเผลอลืมนะครับ)
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
เมื่อติดตั้งเรียบร้อยก็จะขึ้น หน้าต่างแบบนี้
ติดตั้ง Appserv
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
โฟลเดอร์สําหรับเก็บ ข้อมูลเว็บไซต์ของเรา
ให้เก็บข้อมูล หรือ โปรเจค
เว็บไซต์ ทั้งหมดไว้ใน
โฟลเดอร์ “www” หากเก็บไว้
ที่อื่นจะไม่สามารถ ทํางานได้
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ในการเรียกชมเว็บไซต ์ที่เราสร้างผ่าน
Appserv ให้ไปที่ Browser แล้วกรอก
Adress เป็น localhost/ชื่อโฟลเดอร์
งาน ของเรา
เช่นผมสร้างโฟลเดอร์ cms ใน www ผมก็ต้องเรียกชมผ่าน localhost/cms
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
Wordpressเหมาะสําหรับในการสร้าง Blog
ทํางานกับฐานข้อมูล P HP Open Source Soft ware
MySQL
พัฒนาโดย : แมตต์ มูลเลนเวก
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
การติดตั้ง Wordpress ในครั้งนี้จะเป็นการติดตั้งบน Serverจําลองที่
สร้างขึ้นด้วยโปรแกรม Appserv ซึ่งจะสามารถรับชม ได้เพียงแค่
ท่านผู้เดียวเท่านั้น
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
Download : www.th.wordpress.org/
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
เมื่อดาวน์โหลดเสร็จ
เรียบร้อยแล้วแตกไฟล์
จะได้โฟล์เดอร์
“wordpress”
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ย้ายไฟล์ใน wordpress ทั้งหมดไปไว้ใน
CAppServwww *ในตัวอย่างย้ายไฟล์ไปไว้
ใน CAppServwwwcms
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
*ในตัวอย่างย้ายไฟล์ไปไว้ใน CAppServwwwcms
เวลาชมหน้าเว็บเลยต้อง ชมผ่าน localhost/cms
คลิกสร้างไฟล์สําหรับกําหนดค่า
หลังจากย้ายไฟล์เสร็จแล้วให้เปิด
บราวเซอร์ ขึ้นมาแล้วก รอก Adress
เป็น “localhost/โฟล์เดอร์ที่เก็บงาน”
ถ้าเราเก็บใน www ก็ให้กรอกแค่
“localhost”เท่านั้น จากนั้นก็จะพบหน้า
สําหรับติดตั้ง Wordpress
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
คลิกเริ่มการติดตั้ง
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ตอนนี้จะเป็นการเชื่อมต่อกับฐานข้อมูล
ซึ่งหากเราจาลอง Server ด้วย AppServ
เราสามารถสร้างและจัดการฐานข้อมูล ผ่าน
phpmyadmin ได้ที่ “localhost/phpmyadmin”
จากนั้นจะมีหน้าต่างให้เรากรอก ชื่อผู้ใช้ และ
รหัสผ่าน
ชื่อผู้ใช้ : root
รหัสผ่าน: รหัสผ่านที่ท่านกรอกตอนติดตั้AppServ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
http://localhost/phpmyadmin/
ขั้นตอนนี้ให้เราสร้างฐานข้อมูล ตัวอย่างสร้าง
ฐานข้อมูลชื่อ cms
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
หลังจากสร้างฐานข้อมูลเสร็จระบบก็จะพามาหน้านี้
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
ชื่อฐานข้อมูลที่เราสร้าง
ชื่อผู้ใช้งานฐานข้อมูล (ในที่นี้เป็น root)
รหัสผ่านฐานข้อมูล (ได้จากขั้นตอนติดตั้ง AppServ)
คลิกติดตั้ง
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
คลิกทําการติดตั้ง
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญกรอกให้ครบและคลิกติดตั้ง
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
คลิกเข้าสู่ระบบ
ติดตั้งสําเร็จ
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
หลังเข้าสู่ระบบ ก็จะเข้าหน้าบริหารเว็บไซต์
จัดทําโดย
เฉลิมสิทธิ์ หุตะเจริญ
เสร็จแล้วเว็บไซต์ของเรา
Facevook: ตะเกียง ไฟ
เอกสารชุดนี้จัดทาขึ้นสาหรับการอบรมใน โครงการสอนน้อง
สร้างเว็บไซต์ด้วย CMS ไม่สงวงลิขสิทธิ์ ไม่ต้องแสดงที่มา และ
สามารถใช้เพื่อการค้าได้
Website:www.nattt.com

Contenu connexe

En vedette

Relatório de monitoramento do plano nacional de cidadania
Relatório de monitoramento do plano nacional de cidadaniaRelatório de monitoramento do plano nacional de cidadania
Relatório de monitoramento do plano nacional de cidadania
Cristiane Novaes
 
Hist 141 modern latin america
Hist 141   modern latin americaHist 141   modern latin america
Hist 141 modern latin america
flip7rider
 
No sql for sql professionals
No sql for sql professionalsNo sql for sql professionals
No sql for sql professionals
Ric Centre
 
Silicon Peel meetup16 slidedeck
Silicon Peel meetup16 slidedeck Silicon Peel meetup16 slidedeck
Silicon Peel meetup16 slidedeck
Ric Centre
 
Copyright crash course part 5
Copyright crash course part 5Copyright crash course part 5
Copyright crash course part 5
gsalas10
 
Аавтоматизация. Что и зачем
Аавтоматизация. Что и зачемАавтоматизация. Что и зачем
Аавтоматизация. Что и зачем
VYuri
 
презентация элективного курса по истории
презентация элективного курса по историипрезентация элективного курса по истории
презентация элективного курса по истории
loksal
 
6 11-13 collecting russia ucb
6 11-13 collecting russia ucb6 11-13 collecting russia ucb
6 11-13 collecting russia ucb
lpendse
 
サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901
Masayuki Abe
 
MongoDBJP 納涼もんご祭り
MongoDBJP 納涼もんご祭りMongoDBJP 納涼もんご祭り
MongoDBJP 納涼もんご祭り
Hiroaki Kubota
 
презентация элективного курса по географии
презентация элективного курса по географиипрезентация элективного курса по географии
презентация элективного курса по географии
loksal
 

En vedette (16)

Heroku shdh
Heroku   shdhHeroku   shdh
Heroku shdh
 
Knowledge management session1
Knowledge management session1Knowledge management session1
Knowledge management session1
 
Html5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap TipsHtml5 fun@Tokyo Bootstrap Tips
Html5 fun@Tokyo Bootstrap Tips
 
War Against Terrorism - CIO's Role
War Against Terrorism - CIO's RoleWar Against Terrorism - CIO's Role
War Against Terrorism - CIO's Role
 
Relatório de monitoramento do plano nacional de cidadania
Relatório de monitoramento do plano nacional de cidadaniaRelatório de monitoramento do plano nacional de cidadania
Relatório de monitoramento do plano nacional de cidadania
 
Hist 141 modern latin america
Hist 141   modern latin americaHist 141   modern latin america
Hist 141 modern latin america
 
No sql for sql professionals
No sql for sql professionalsNo sql for sql professionals
No sql for sql professionals
 
Silicon Peel meetup16 slidedeck
Silicon Peel meetup16 slidedeck Silicon Peel meetup16 slidedeck
Silicon Peel meetup16 slidedeck
 
Copyright crash course part 5
Copyright crash course part 5Copyright crash course part 5
Copyright crash course part 5
 
Аавтоматизация. Что и зачем
Аавтоматизация. Что и зачемАавтоматизация. Что и зачем
Аавтоматизация. Что и зачем
 
презентация элективного курса по истории
презентация элективного курса по историипрезентация элективного курса по истории
презентация элективного курса по истории
 
6 11-13 collecting russia ucb
6 11-13 collecting russia ucb6 11-13 collecting russia ucb
6 11-13 collecting russia ucb
 
サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901サーバーの初歩的な話セミナー@大阪20120901
サーバーの初歩的な話セミナー@大阪20120901
 
MongoDBJP 納涼もんご祭り
MongoDBJP 納涼もんご祭りMongoDBJP 納涼もんご祭り
MongoDBJP 納涼もんご祭り
 
презентация элективного курса по географии
презентация элективного курса по географиипрезентация элективного курса по географии
презентация элективного курса по географии
 
B orenic1
B orenic1B orenic1
B orenic1
 

Similaire à การติดตั้ง appserv และ การติดตั้ง wordpress บน appserv

คู่มือการติดตั้ง Wordpress บน AppServ
คู่มือการติดตั้ง Wordpress บน AppServ คู่มือการติดตั้ง Wordpress บน AppServ
คู่มือการติดตั้ง Wordpress บน AppServ
Cupid Eros
 
20080306joomla 1214552387011563-9
20080306joomla 1214552387011563-920080306joomla 1214552387011563-9
20080306joomla 1214552387011563-9
Nong ton
 
โปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บโปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บ
anuchit025
 

Similaire à การติดตั้ง appserv และ การติดตั้ง wordpress บน appserv (20)

คู่มือการติดตั้ง Wordpress บน AppServ
คู่มือการติดตั้ง Wordpress บน AppServ คู่มือการติดตั้ง Wordpress บน AppServ
คู่มือการติดตั้ง Wordpress บน AppServ
 
Doc2
Doc2Doc2
Doc2
 
Blog : Wordpress
Blog : WordpressBlog : Wordpress
Blog : Wordpress
 
Web Development with Joomla
Web Development with JoomlaWeb Development with Joomla
Web Development with Joomla
 
20080306 Joomla
20080306 Joomla20080306 Joomla
20080306 Joomla
 
20080306joomla 1214552387011563-9
20080306joomla 1214552387011563-920080306joomla 1214552387011563-9
20080306joomla 1214552387011563-9
 
Joomla 56 km
Joomla 56 kmJoomla 56 km
Joomla 56 km
 
คู่มือการติดตั้งและใช้งาน Joomla!
คู่มือการติดตั้งและใช้งาน Joomla!คู่มือการติดตั้งและใช้งาน Joomla!
คู่มือการติดตั้งและใช้งาน Joomla!
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
 
คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...
คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...
คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...
 
590920 manual wordpres_byjantimaok23
590920 manual wordpres_byjantimaok23590920 manual wordpres_byjantimaok23
590920 manual wordpres_byjantimaok23
 
Wordpress 3.5 -install-appserv
Wordpress 3.5 -install-appservWordpress 3.5 -install-appserv
Wordpress 3.5 -install-appserv
 
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress)
 
Moodle2010
Moodle2010Moodle2010
Moodle2010
 
Moodle
MoodleMoodle
Moodle
 
Building ec
Building ecBuilding ec
Building ec
 
โปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บโปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บ
 
โครงงานระบบปฎิบัติการ
โครงงานระบบปฎิบัติการโครงงานระบบปฎิบัติการ
โครงงานระบบปฎิบัติการ
 
Projectpowerpoint
ProjectpowerpointProjectpowerpoint
Projectpowerpoint
 

การติดตั้ง appserv และ การติดตั้ง wordpress บน appserv