การ Upload งานทเปน file word excel PDF และการ Upload รปภาพกจกรรมขนเวบไซต

นางสาวมณวรรณ วงศนอก ตาแหนง เจาพนกงานประมงปฏบตงาน

กลมพฒนาและสงเสรมอาชพการประมง สานกงานประมงจงหวดอบลราชธาน

กรมประมง กระทรวงเกษตรและสหกรณ

คานา

คมอการ การ Upload งานทเปน file word excel PDF และการ Upload รปภาพกจกรรมขนเวบไซตน จดทาขนเพอเปนองคความรและเปนสอประกอบการจดทาเวบไซตสานกงานประมงจงหวดอบลราชธาน เนอหาประกอบไปดวย ขนตอนการ Upload งานทเปน file word excel PDF การ Upload รปภาพกจกรรม การลบ File ขอมล และการเพม Main Menu เปนตน

ผจดทาหวงเปนอยางยงวา คมอดงกลาวจะเปนประโยชนแกทานผสนใจไมมากกนอย หากมขอผดพลาดประการใดผจดทากขออภยมา ณ ทนดวย หรอหากทานผใดมขอเสนอแนะในการจดทาคมอเลมนทางผจดทานอมรบดวยคาขอบคณยง

นางสาวมณวรรณ วงศนอก ผจดทา สงหาคม 2554

สารบญ

เรอง หนา การ Upload งานทเปน file word excel และ PDF 1 การ Upload รปภาพกจกรรม ขนตอนการลดขนาดรปกจกรรม 7 ขนตอนการ Upload รปภาพกจกรรม 10 การลบ File ขอมล 15 การเพม Main Menu วธการสราง 16 การนามาใชงาน 17 เอกสารอางอง 23

การ Upload งานทเปน file word excel PDF และการ Upload รปภาพกจกรรมขนเวบไซต

การ Upload งานทเปน file word excel และ PDF 1. เขาอนเตอรเนต แลวไปทหลงบาน (http://www.fisheries.go.th/fpo-ubon/web2/administrator) แลวกรอก username และ password แลว login เขาระบบ ดงรป

2.จะขนหนาจอ ดงรป

1. กรอก username

2.กรอก password 3. login 

-2-

3. คลกท site แลว เลอก media manager ดงรป

4. จากนนไป download แลวทาการ create folder ในการพมพชอ folder ใหพมพเปนภาษาองกฤษ เชน fish แลวคลกท create folder จะได folder ใหมขนมา

เลอก media manager

2.พมพชอ folder

3. กด create folder

1. download

-3-

5. เมอได folder สาหรบเกบงานทตองการแลว คลกไปท folder ทสราง แลว Browse เลอก file เอกสารทตองการนามา Upload เขาเวบไซต ( file ทจะ Upload นน ชอ file ตองเปนตวอกษรภาษาองกฤษ หรอตวเลข หามเปนชอภาษาไทยเพราะจะทาให Upload ไมได ) เมอได file แลวก คลกท Start Upload ดงรป

6. ขอมลทตองจดจา เชน images/download/fish ดงรป

1. Browse file

3. File ท Upload

2. Start Upload

ขอมลทตองจดจา

-4-

7. เลอก Menus แลวคลกท Main Menu ดงรป

8. เมอตองการทา หวขอใหม ให คลกท New เพอทาการ Link file ขอมลท Upload เขามาใหแสดงในหนาเวบไซตหลกซงจะแสดงในกรอบของ Main Menu

เลอก Main Menu

คลกท New

-5-

9. จะปรากฏหนาจอ ดงรป ใหคลกท External Link

10. พมพขอมลลงในชอง ดงตอไปน 9.1 Title : ใหกรอกเปนชอหวขอทตองการใหแสดงในหนาหลก เชน ขาวจากกลมสงเสรม 9.2 Link : ใหกรอก ขอมลทจดจา / ชอ file ขอมลท Upload เชน Link : images/download/fish/test12.doc **อยาลมใสสกลของ file เชน .doc .xls หรอ .pdf 9.3 On Click , Open in ใหเลอก New Window with Browser Navigation

External Link

1. ใสชอเรอง (หวขอ)

2.ขอมลทจดจา/ชอ file ขอมล

3. เลอก New Window with Browser Navigation

-6-

10. เมอทาการเลอก และกรอกขอมลเรยบรอย แลว ให กด Save เพอทาการบนทกขอมล ดงรป

*การ Upload File ขอมลท เปนเอกสาร word Excel และ file PDF จะทาในลกษณะ เดยวกน

Save

-7-

การ Upload รปภาพกจกรรม

ขนตอนการลดขนาดรปภาพ

1. ไปทโปรแกรมทสามารถลดขนาดของภาพกจกรรมได ซงมหลายโปรแกรมดวยกน ในทนจะยกตวอยางของโปรแกรม Adobe Photoshop เปดโปรแกรมขนมา จากนนไปท File เลอก Open

2. ทาการเลอกรปภาพแลวคลกท Open

1.เลอก File

2. เลอก Open

1. เลอกรปภาพ

2. คลก Open

-8-

3. การลดขนาดรปภาพ ไปท Image เลอก Image size

4. ปรบขนาด Width เปน 400 pixels และปรบ Resolution เปน 72 pixels/inch คลกท OK

1. เลอก Image

2. เลอก Image size

1. ปรบใหเปน 400

2. ปรบใหเปน 72

3. คลก OK

-9-

5. ทาการบนทกรปภาพทลดขนาด โดยไปท File เลอก Save As…

6. เลอกทเกบรปภาพ เปลยนชอภาพ จากนนทาการ Save

1. เปลยนชอภาพ

2. บนทกภาพ

2. เลอก Save As..

1. เลอก File

-10-

ขนตอนการ Upload ภาพกจกรรม

1. ไปท Site เลอก Media Manager เพอทาการ Upload รปภาพกจกรรมททาการลดขนาดแลว

2. เลอกทเกบขอมล ไปท Stories จากนนทาการสราง Folder เพอเกบขอมลรปภาพกจกรรมดงกลาวไว ชอ Folder ทสรางตองเปนตวอกษรภาษาองกฤษ หรอตวเลข หามเปนตวอกษรภาษาไทย เนองจากจะทาใหสราง Folder ไมได เชน lates แลวทาการ กด Create Folder

2. เลอก Media Manager  

1. เลอก Site 

1. ไปท Stories  

2. ตงชอ Folder

3. กด Create Folder

-11-

3. ทาการ Upload รปภาพกจกรรมทจะนาเวบไซต โดยคลกเขาไปท Folder ทสรางขน (เชน lates) แลว เลอก Browse.. เลอกรปภาพททาการลดขนาดแลว จากนนใหทาการ Upload โดยกดทปม Start Upload

1.เลอกรปภาพ แลวคลกท Open

2. คลกท Start Upload

-12-

4. เมอทาการ Upload รปภาพกจกรรมแลว จะทาการนาเขาในขาวประชาสมพนธของเวบไซตสานกงาน โดยเลอก Content แลวเลอก Article Manager ทาการเพมหวขอขาวกจกรรม เลอกท New

1. Content 

2. เลอก Article Manager 

เลอก New 

-13-

5. ทาการพมพหวขอกจกรรม ในชอง Title …… เลอก Section เปนขาวประชาสมพนธ และเลอก Category เปนขาวประชาสมพนธสานกงานประมงจงหวด หรอขาวประชาสมพนธประมงอาเภอ แลวทาการเลอก Image เพอ Upload รปภาพกจกรรม จากนนทาการเลอกรปภาพกจกรรม แลวคลกท Insert

1. พมพชอเรอง

2. เลอก Section 3. เลอก Category

4. เลอก Image

5. เลอกรปกจกรรม 6. คลกท Insert

-14-

6. เลอกรปภาพกจกรรมตามตองการ จากนนทาการ บนทกภาพกจกรรม โดยคลกท Save

Save 

-15-

การลบ file ขอมล

1. ไปทอยของ file ทตองการลบขอมล เชน งานอยท Main Menu ใหไปท Menus แลวเลอก Main Menu ดงรป

2. เลอกขอมลทตองการลบโดยใชเมาสเลอก √ ตรงหนา Menu Item แลวเลอกลบโดยกดท Trash หนงครง ดงรป

เลอก main menu

1.เลอกหวขอทตองการลบ 2. กดลบ

-16-

การเพม Main Menu

วธการสราง

1. ไปท Menus เลอก Menu Manager

2. ตองการเพม Main Menu ใหคลกท New ดงรป

คลกท New

คลก Menu Manager

-17- 3. กรอกขอมลลงในชองทง 4 ชอง ใหครบและเปนขอมลเดยวกน จากนนทาการบนทกโดยคลกท Save ดงรป * ขอมลใน ชองทง 4 ชอง จะตองเปนภาษา องกฤษ ทกตวอกษร เชน occupation

การนามาใชงาน

1. ไปท Extensions เลอก Module Manager เพอทาการแก ชอ Main Menu ทสรางใหเปนภาษาไทย

1. กรอกขอมล 4 ชอง 2. Save

1. ไปท Extension

2. เลอก Module Manager

-18-

2. คลกทชอ Main Menu ทสราง เชน occupation

3. เปลยนชอ ใหเปนภาษาไทย ในชอง Title เชน สงเสรม แลวทาการบนทก โดยคลกท Save ดงรป

1. แกไขชอ 2. Save

Main Menu ทสราง

-19-

4. Main Menu ทสรางนนยงไมมกรอบขอมล จาเปนตองมการสรางกรอบขอมล หรอ Block ให ทาไดโดย ไปท Module Name แลวคลกเลอก Main Menu ทอยลาดบถดจาก Main Menu ทสรางขนใหม เชน สงเสรม ดงรป

5. จะปรากฏหนาจอดงรป แลวเลอกคลกท Advanced Parameters แลวทาการ copy ขอมลในชอง Module Class Suffix (_menu) เพอนาไปสรางกรอบใหกบ Main Menu ททาการสราง จากนนทาการปด คลกทปม Close

คลกเลอก Main

2. คดลอก

1. คลกเพอทาการคกลอก

-20-

6. ไปท Module Name คลกเลอกขอมล Main Menu ทสรางขน เชน สงเสรม

7. ไปท Advanced Parameters แลวทาการ paste ขอมลในชอง Module Class Suffix (_menu) จากนนทาการบนทก คลกท Save

Main Menu ทสราง

1. วางขอมล 2. Save

-21-

8. ทาการเปลยน Enabled ของ Module Name ทสรางขน เปนเครองหมายถก ดงรป

กรณทจะให Main Menu ทสรางแสดงเฉพาะหนา Web page ทเปนหนาหลก จะทาไดดงน

1. คลกท Module Name ทสรางขน เชน สงเสรม ดงรป

Module name ทสราง

เปลยน

-22-

2. Menu Assignment หวขอยอย Menu เลอก Select Menu Item(s) from the List จากนน ทาการนาไปใช คลกท Apply

3. การเรยงลาดบใหแสดง ในหนา Module Manager หวขอ Module Name แลวด Main Menu ทสรางขน (สงเสรม) ใหทาการเปลยนขอมลลาดบทจะใหแสดงใน Oder แลวทาการ Save ขอมล ดงรป

2. Apply

1. เลอกหนาทตองการให

1. เปลยนลาดบการแสดง

2. Save

-23-

เอกสารอางอง

“การจดการเนอหาและเมนของ Joomla”. [ออนไลน]. เขาถงไดจาก : http://www.krumontree.com/site/ index.php/FAQs/156-article-menu-joomla.(วนทคนขอมล : 11 มถนายน 2554). “การสรางเมน joomla ชดเพมเตม”[ออนไลน]. เขาถงไดจาก : http://www.pcnott.comhttp://www. pcnott.com/Joomla/Basic.(วนทคนขอมล : 12 มถนายน 2554). บญเลศ อรณพบลย. เวบไซตงาย รวดเรว ดวย Joomla(version 1.5). กรงเทพมหานคร : สานกงานพฒนา วทยาศาสตรและเทคโนโลยแหงชาต, 2551.