Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
การเปดใชงาน USBWebserver and Web Application 1. ดับเบิ้ลดลิก ไฟลชื่อ USBWebserver เพื่อเปดระบบบริการฐานขอมูลกอน ตามรูปครับ
2. เมื่อปรากฏหนาตางของ ระบบ USBWebserver แลวใหคลิกปุมคําสั่งตางๆตามที่ทาน ตองการใชงานหรือจัดการระบบปุมฝงดานซาย ความหมายการใชงานของปุมตางๆ 1. ปุม Root dir = ดูชื่อโฟลเดอรชื่อของแตละเว็บไซตหรือชื่อโปรแกรมเว็บสําเร็จรูปที่ใชจัดการเนื้อกา เว็บไซต 2. ปุม Localhost = แสดงตําแหนงที่อยูหรือชื่อ URL อันเปนหนาแรกของเครื่องแมขายบริการ หลักเปดบริการใหเขาถึงไดทางอินเตอรเน็ต 3. ปุม PhpMyAdmin = เปนปุมเขาใชงานสรางชื่อฐานขอมูล Database ไวรองรับการติดตอ เขาใช จัดเก็บ คนคืนใหแกโปรแกรมการจัดการเนื้อหาตางๆ ซึ่งในที่นี้คือMYSQL ปุมดานขวา ความหมาย แสดงสถานะการเปด – ปดใชงานโปรแกรมระบบบริการหลักของเครื่องแมขาย เชน หากมีปุมเครื่องหมายถูกสีเขียวหลัง Apache และ Mysql หมายถึง ไดเปดระบบบริการอินเตอรเน็ต ดวยโปรแกรม Apache นั้นเปนการตั้งคา - เปลีย่ น
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- เมือ่ กดดับเบิ้ลดลิก ไฟลชื่อ USBWebserver แลวกดที่ปุม Locoalhost ตามรูปครับ
- ถาปรากฏหนาจอ ขางลางนี้ใหกดปุมUnblock เพื่อเขาใชระบบ ตามรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
-
เมือ่ กดกดปุม Unblock แลวใหกดปุม Localhost ก็จะเขามาหนาเว็บไซตของ USBWebserver : WordPressThai Edition ตามรูปดานลาง แลวกดทีล่ ิงคhttp://localhost:8080/wordpressthaiedition
- ก็จะไดหนาเว็บไซตดานลางนี้
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
การเปลีย่ น Theme - กดที่แทปดานลางขวามื่อ Met - กดที่ ศูนยจัดการระบบ - ใส ชื่อผูใช Admin , ใสรหัส Admin
- กด Root ที่ USB Wedserver ตามรูปครับ
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กด wordpressthaiedition ตามรูปดานลางครับ
- กด wp – content ตามรูปดานลางครับ
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กดเขาที่ Themes ตามรูปดานลางครับ
- กดเขา Edegree – chandra , twentyten ตามรูปดานลางครับ
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กด เขา Images ตามรูปครับ
- เมื่อกดเขาที่ Images แลวจะเห็นหนาเว็บไซต ดานลางนี้ ก็เลือกหา themes ที่ตองการจะ เปลี่ยน แลวก็ cop themes ที่เลือก ( back-wrapper 6.jpg )ไปไวทื่ Desktop ตามรูปดานลางครับ
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- cop fire( back-wrapper 6.jpg ) ทื่ Desktop เพื่อทําการตกแตง ออกแบบ themes ในโปรแกรม Photoshop โดยการหาภาพมาใสหรือทํากราฟกตางๆ ตามภาพดานลางครับ
แนวคิด : เพื่ออยากใหนักศึกษามีความรักในสถาบันการศึกษาที่ตนเองศึกษาอยูในแตละคณะ จึงไดนําภาพ ซุมประตูที่มีรูปสัญญาลักษ “จันทรเกษมร และ รูปนักศึกษาในสถาบันมาประกอบภาพ” Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- เมื่อทําการตกแตงและออกแบบ themes เสร็จตามที่ตองการแลว Saves เปนชื่อเดิม ( back-wrapper 6.jpg ) - cop( back-wrapper 6.jpg )ไปไวทื่ Desktop - จากนัน้ cop( back-wrapper 6.jpg )ทื่ Desktop มาไวที่ตั้งเดิมของ ( back-wrapper 6.jpg ) ตามรูปดานลางครับ
- จะได themes ที่เปลื่ยนแลวดังรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กดเขาหนาหลักที่ admin - กด F5 เพื่อใหทําการปรับเปลี่ยน themes เปนภาพที่ทําการออกแบบแลวดงรูปดานลาง
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
การทํา Vslider - กดเขาที่ root
- กด Wordpressthaiedition
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กด wp – content ตามรูปดานลางครับ
- กด plugins
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กด Vslider
- เมือ่ กด Vslider ก็จะเขามาสูหนาเว็บไซต ดังรูปดานลาง แลวเ cop slide 1.jpg , slide 2.jpg ไวที่ทื่ Desktop
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กด cop fire copy slide 1.jpg , slide 2.jpg ที่Desktop เพื่อทําการตกแตง ออกแบบ themes ในโปรแกรม Photoshop โดยการหาภาพมาใสหรือทํากราฟกตางๆ ตามภาพดานลาง - slide 1.jpg
- slide 2.jpg
- แนวความคิด : เนนการใชสีเหลืองเปนหลักโดยมีภาพประกอบที่เกียวกับอุปกรณทางวิทยาศาสตรมาตกแตง และออกแบบมี ตัวอักษร เกี่ยวกับ ปรัชญา วิสัยทัศน ของคณะวิทยาศาสตรและเทคโนโลยีมาประกอบภาพ Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- เมื่อทําการตกแตงและออกแบบ themes เสร็จตามที่ตองการแลว Saves เปนชื่อเดิม cop slide 1.jpg , slide 2.jpg - cop cop slide 1.jpg , slide 2.jpg ไปไวทื่ Desktop - จากนัน้ cop cop slide 1.jpg , slide 2.jpg ทื่ Desktop มาไวที่ตั้งเดิมของ cop slide 1.jpg , slide 2.jpg ตามรูปดานลางครับ
- กดเขาหนาหลักที่ admin - กด F5 เพื่อใหทําการปรับเปลี่ยนVslider 1, Vslider 2 . เปนภาพที่ทําการออกแบบแลวดงรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
การแกไขเนือ้ หาใน USBWebserver - กดเขาศูนยควบคุมระบบ แลวจะไดหนาเว็บไซตดงรูป
- เมื่อกดที่สรางบลอกเนื้อหาใหมแลวจะเห็นหนาเว็บดังนี้ แลวหาชื่อเรื่องและเนื้อหามาใสในชองดัง รูปดางสางครับ
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- กดเขาที่ แทรกภาพ ตามรูปครับ
- กดเขาที่ แทรกภาพแลวจะเห็นหนาเว็บดังรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- จะเห็นหนาเว็บไซต
- กดแทรกภาพเขาเนื้อหาตามรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/
- จะเห็นหนาเว็บที่เอาภาพไปใสแลวหาเนื้อหามาใสดังรูปครับ
- กดทีเ่ ผยแพรเนื้อหา แลวเขาหนาหลังและกด F5 เพื่อทําการเปลี่ยนแปลงดังรูป
Created with Print2PDF. To remove this line, buy a license at: http://www.software602.com/