คู่��มื�อการใช้�งาน Portal.in.thคลิ�กเว็�บ ได้�เว็�บ

พั ฒนาโด้ย ที�มงาน UsableLabs มหาว็�ทียาลิ ยสงขลิานคริ�นทีริ�ภายใต้�ชุ ด้โคริงการิริะบบออนไลิน�เพั#$อการิจั ด้การิคว็ามริ& �ส ขภาว็ะสน บสน นโด้ย ส'าน กงานกองที นสน บสน นการิสริ�างเสริ�มส ขภาพั (สสส.)

สารบั�ญ

ส�วนประกอบัของระบับั

- ส(ว็นของการิแสด้งผลิ หริ#อหน�าเว็�บไซต้�ของเริา (Frontend)

…………………………...1

- แผงริายการิจั ด้การิเว็�บ (Backend)

……………………………………………………...2

ข��นตอนการสมื�คู่รสมืาช้�ก

- การิสม คริสมาชุ�ก……………………………………………………………

………….4

- การิแก�ไขปริะว็ ต้�ส(ว็นต้ ว็……………………………………………………………….

10

การเข�าระบับั…………………………………………………………………………………...12

เร��มืต�นสร�าง web ศู�นย์�รวมื……………………………………………………………………..17

การสร�างและจั�ดการคู่$าส$าคู่�ญ

- การิสริ�างค'าส'าค ญ……………………………………………………………

………...20

- การิแก�ไขค'าส'าค ญ……………………………………………………………

………..22

การสร�างและจั�ดการหน�าเพจั

- การิสริ�างหน�าเพัจั……………………………………………………………..

………..23

- การิแก�ไขหน�าเพัจั………………………………………………………………

……...29

- การิส'าเนาหน�าเพัจั………………………………………………………………

……...31

- การิลิบหน�าเพัจั………………………………………………………………

…………32

การสร�างและการจั�ดการข�าว

- การิสริ�างปริะเภทีข(าว็………………………………………………………………

…..33

- การิแก�ไขปริะเภทีของข(าว็……………………………………………………………...

35

- การิสริ�างข(าว็………………………………………………………………

…………....37

- การิแก�ไขข(าว็………………………………………………………………

…………...39

- การิลิบข(าว็………………………………………………………………

……………...41

การสร�างและการจั�ดการก�จักรรมื

- การิสริ�างปริะเภทีก�จักริริม…………………………………………………………

…...42

- การิแก�ไขปริะเภทีก�จักริริม…………………………………………………………

…..44

- การิสริ�างก�จักริริมใหม(……………………………………………………………....

.....46

- การิแก�ไขก�จักริริม…………………………………………………………

…………...49

- การิลิบก�จักริริม…………………………………………………………

……………...50

การต��งคู่�าหน�าแรกของเว'บัไซต�………………………………………………………….……...51

การจั�ดการไฟล�

- การิเพั�$มไฟลิ�………………………………………….……………………

…………...53

- การิแก�ไขไฟลิ�………………………………………….……………………

…………55

- การิลิบไฟลิ�………………………………………….……………………

….………...58

- การิน'าไฟลิ�ไปใชุ�งาน………………………………………….………….………

……59

ว�ธี,การใช้�งาน FTP เพ��อจั�ดการไฟล�…………………………………………….………………64

พอดคู่าสต� (Podcast)

- การิสริ�างปริะเภทีพัอด้คาสต้�……………………………………………....……………77

- การิแก�ไขปริะเภทีพัอด้คาสต้�…………………………………..………….……………78

- การิสริ�างพัอด้คาสต้�ใหม(…………………………………..……………....…………

…79

- การิแก�ไขพัอด้คาสต้�…………………………………..………….…………….……

…82

- การิลิบพัอด้คาสต้�…………………………………..……………………..………

……84

การเพ��มืผู้��ร�วมืเข,ย์น…………………………………..………….….……………………..……85

การสร�างแผู้นที่,�อ�ตโนมื�ต�………………………………….………….….……….………

……88

การต��งคู่�าโดเมืนเนมื (Domain Name)…………………………………..….….…..…..………93

เที่คู่โนโลย์, RSS…………………………………..………………………..……………...……95

การที่$า Photo Album

- ข 0นต้อนการิเต้ริ�ยมไฟลิ�ริ&ปแลิะการิอ พัโหลิด้ข10นเคริ#$องแม(ข(าย…….….……..……….…99

- ข 0นต้อนการิสริ�าง Photo Album…………………………………..…..…....……….…

108- การิแสด้งผลิแลิะใชุ�งาน……………………………………..………...…..….….……113

ส�ญญาอน0ญาต (Creative Commons )…………………………………..…………....………116

2

ส�วนประกอบัของระบับั ปริะกอบด้�ว็ยส(ว็นหลิ ก 2 ส(ว็น ได้�แก(

ส�วนของการแสดงผู้ล หร�อหน�าเว'บัไซต�ของเรา (Frontend)

เป2นส(ว็นที�$ผ&�เข�าชุมเว็�บไซต้�มองเห�น หริ#อเป2นหน�าแสด้งผลิของเว็�บไซต้�ที�$เริาสริ�าง

คู่$าอธี�บัาย์เพ��มืเต�มืหมายเลิข 1 : แทีบริายการิของริะบบ ส'าหริ บใชุ�ในการิเข�าริะบบ ด้&ริายการิเว็�บไซต้�ที 0งหมด้ที�$ม�ในริะบบ แลิะแสด้งเว็�บไซต้�ที�$ม�ในริะบบแบบส (มเลิ#อกแสด้งหมายเลิข 2 : ส(ว็นที�$ใชุ�แสด้งข�อคว็ามของปริะกาศที�$ได้�ใส(ไว็�หมายเลิข 3 : ส(ว็นที�$แสด้งชุ#$อเว็�บไซต้�แลิะค'าโปริยหมายเลิข 4 : Breadcrumbs เป2นส(ว็นที�$บอกว็(าผ&�เข�าชุมก'าลิ งอย&(ในหน�าใด้หริ#อเมน&ย(อยใด้หมายเลิข 5 : เป2นส(ว็นที�$ใชุ�แสด้งริายการิของหน�าเพัจัที 0งหมด้ ข(าว็ ก�จักริริม พัอด้คาสต้� 5 อ นด้ บลิ(าส ด้ ค'าอธิ�บายเก�$ยว็ก บเว็�บไซต้� ข�อม&ลิ

2

ต้�ด้ต้(อ แลิะข�อม&ลิอ#$นๆ เชุ(น badges หริ#อ widgets (ข�อม&ลิอ#$นๆ น�0จัะแสด้งเม#$อม�ข�อม&ลิ)

หมายเลิข 6 : ส(ว็นแสด้งเน#0อหาของหน�าเพัจัหมายเลิข 7 : แสด้งข�อม&ลิส(ว็นที�ายที�$ก'าหนด้ไว็� เชุ(น ส ญญาอน ญาต้ เจั�าของลิ�ขส�ทีธิ�6 เป2นต้�น

แผู้งราย์การจั�ดการเว'บั (Backend) เป2นส(ว็นที�$ผ&�ที�$สริ�างเว็�บไซต้� ใชุ�ในการิจั ด้การิส(ว็นต้(างๆ ของเว็�บไซต้�

เชุ(น การิสริ�างแลิะใส(เน#0อหาของเว็�บ ริว็มถึ1งการิต้กแต้(ง ให�แสด้งผลิได้�ต้ามต้�องการิในหน�าเว็�บไซต้� (Frontend)

ส$าหร�บัในส�วนของแผู้งราย์การจั�ดการเว'บั (Backend) จัะประกอบัด�วย์ส�วนย์�อย์ๆ ด�งน,� - ด้�านซ�ายม#อของแผงริายการิจั ด้การิเว็�บ (Backend) ค#อ ส(ว็นที�$

2

ใชุ�ในการิ สริ�าง จั ด้การิ แลิะแก�ไข หน�าเพัจั ข(าว็ ก�จักริริม ไฟลิ� แลิะพัอด้คาสต้�

2

- ทีางด้�านขว็าของหน�าแผู้งราย์การจั�ดการ (Backend)

ปริะกอบด้�ว็ย ส(ว็นที�$ใชุ�ในการิจั ด้การิเก�$ยว็ก บเว็�บไซต้�น�0 ไม(ว็(าจัะเป2น ชุ#$อแลิะที�$อย&( (URL) ของเว็�บไซต้� การิต้กแต้(งหน�าเพัจัด้�ว็ยการิเข�ยน CSS เพั�$ม

เต้�ม การิต้ 0งค(าหน�าแริกของเว็�บไซต้� สามาริถึจั ด้การิได้� โด้ยการิคลิ�กป 9ม นอกจัากน�0ย งสามาริถึคลิ�กป 9ม เพั#$อไปย งหน�าเว'บัไซต�ของเรา (Frontend)

- คู่$าส$าคู่�ญและประเภที่ของข�อมื�ล เป2นส(ว็นที�$ใชุ�ในการิสริ�างแลิะจั ด้การิ ค'าส'าค ญ ปริะเภทีข(าว็ ปริะเภทีก�จักริริม แลิะปริะเภทีพัอด้คาสต้�ข10นมา เพั#$อคว็ามสะด้ว็กในการิค�นหาข�อม&ลิด้�ว็ยค'าส'าค ญ ปริะเภทีของข(าว็ ก�จักริริม หริ#อพัอด้คาสต้� ใน คริ 0งต้(อไป ซ1$งจัะต้�องสริ�างข10นมาเป2นอ นด้ บแริกก(อนการิสริ�างหน�าเพัจั ข(าว็ ก�จักริริม แลิะพัอด้คาสต้�

- ผู้��ร�วมืเข,ย์น ค#อสมาชุ�กของ GotoKnow Network Passport

ที�$เริาเพั�$มเข�ามาเป2นผ&�ริ (ว็มเข�ยน โด้ยผ&�ริ (ว็มเข�ยนจัะม�ส�ทีธิ��ในการิจั ด้การิที กส(ว็นของเว็�บไซต้�เหม#อนก บผ&�ด้&แลิเว็�บไซต้�ที กปริะการิ ในการิเพั�$มแลิะจั ด้การิผ&�ริ (ว็มเข�ยน จัะด้'าเน�นการิโด้ยผ&�ด้&แลิเว็�บไซต้�เที(าน 0น

2

ข��นตอนการสมื�คู่รสมืาช้�กในการิเข�าใชุ�งาน Portal.in.th จัะต้�องสม คริเป2นสมาชุ�กของ

GotoKnow Network Passport ก(อน แลิะผ&�ใชุ�คว็ริศ1กษาข�อม&ลิด้ งต้(อไปน�0 ก(อนการิสม คริ

1. ข�อม&ลิที�$เก�$ยว็ข�องก บ GotoKnow Network Passporthttp://gotoknow.org/register

2. เง#$อนไขการิใชุ�บริ�การิ Portal.in.thhttp:// portal.in.th/main/pages/policies

3. นโยบายส�ทีธิ�ส(ว็นบ คคลิhttp:// portal.in.th/main/pages/privacy-policies

4. ข�อม&ลิอ#$นๆ จัากเว็�บไซต้�หลิ กที�$ให�บริ�การิhttp:// portal.in.th

การสมื�คู่รสมืาช้�ก สมืาช้�กใหมื�

สามาริถึสม คริเป2นสมาชุ�ก GotoKnow Network Passport

โด้ยศ1กษาจัากห ว็ข�อ ข��นตอนการสมื�คู่รสมืาช้�ก ผู้��ที่,�เป3นสมืาช้�ก GotoKnow.org อย์��แล�ว

สามาริถึเข�าริะบบด้�ว็ยชุ#$อที�$ใชุ�ในการิเข�าริะบบแลิะริห สผ(านของ GotoKnow.org ได้�เลิยนอกจัากน�0ผ&�ใชุ�ย งสามาริถึอ(านข�อม&ลิอ#$นๆที�$เก�$ยว็ข�องโด้ยเข�าไปย งหน�าเว็�บไซต้�ของ Porlal.in.th ซ1$งจัะแสด้งไว็�ที 0งหมด้ที กหน�าของเว็�บไซต้� ด้&ที�$สาริบ ญด้�านซ�ายของหน�าเว็�บไซต้� จัะเห�นลิ�งค�ส'าหริ บเข�าไปอ(านข�อม&ลิด้ ง

2

กลิ(าว็

2

ข��นตอนการสมื�คู่รสมืาช้�ก สามืารถที่$าได� 2 ว�ธี, คู่�อว�ธี,ที่,� 1 เข�าไปที�$ http://portal.in.th คลิ�กป 9ม

เพั#$อลิ�งค�ไปย งหน�าสมื�คู่รสมืาช้�ก

ว�ธี,ที่,� 2 เข�าไปย งหน�าสมื�คู่รสมืาช้�กโด้ยต้ริงด้�ว็ย URL

http://gotoknow.org/register จัะได้�หน�าต้(างเพั#$อสม คริสมาชุ�กด้ งน�0

2

จัะม�ส�ทีธิ�ปริะโยชุน�การิเป2นสมาชุ�ก แลิะนโยบายส�ทีธิ�ส(ว็นบ คคลิ ที�$ที(านสมาชุ�กคว็ริทีริาบ เพั#$อเป2นการิริ กษาส�ทีธิ�ที�$ที(านคว็ริจัะได้�ริ บ แลิะเม#$อที'าการิอ(านริายลิะเอ�ยด้คริบถึ�ว็นแลิ�ว็ ผ&�ใชุ�สามาริถึใส(เคริ#$องหมายถึ&กลิงชุ(องว็(าง

ยอมริ บนโยบายส�ทีธิ�ส(ว็นบ คคลิ เพั#$อยอมริ บเง#$อนไขด้ งกลิ(าว็

เม#$อใส(เคริ#$องหมายถึ&กลิงชุ(องว็(าง ยอมริ บนโยบายส�ทีธิ�ส(ว็นบ คคลิ จัากน 0น คลิ�กป 9ม

2

การกรอกข�อมื�ลในแบับัฟอร�มืสมื�คู่รสมืาช้�ก

1

2

3

4

5

6

7

8

9

2

ว�ธี,การกรอกข�อมื�ลกริอกข�อคว็ามลิงไปในชุ(องว็(าง เริ�$มต้�นต้ 0งแต้(ชุ#$อที�$ใชุ�ในการิเข�าริะบบ

ไปจันถึ1งค'าส'าค ญ โด้ยข�อม&ลิต้(างๆ เหลิ(าน�0จัะแสด้งในหน�าประว�ต�ของที(าน บนเว็�บไซต้� Gotoknow.org แต้(ที(านสามาริถึก'าหนด้ส�ทีธิ�6ในการิแสด้งข�อม&ลิเหลิ(าน�0ได้�ที�$ชุ(องส�ที่ธี�5การอ�านประว�ต�ในฟอริ�มสม คริสมาชุ�ก ริายลิะเอ�ยด้ของแบบฟอริ�มม�ด้ งน�0

1.ช้��อที่,�ใช้�ในการเข�าระบับั(Username) : ม�หลิ กการิต้ 0งชุ#$อด้ งต้(อไปน�0- ชุ#$อในการิเข�าใชุ�ริะบบน 0นต้�องม�คว็ามยาว็ไม(น�อยกว็(า 6 ต้ ว็อ กษริ- การิต้ 0งชุ#$อในการิ เข�าใชุ�ริะบบน 0น ให�ใชุ�ต้ ว็อ กษริ a-z, A-Z, 0-9

ส ญลิ กษณ์�ข�ด้กลิาง ( - ) หริ#อข�ด้ลิ(าง ( _ ) (ห�ามใชุ�อ กษริภาษาไทีย)

- จั'าเป2นต้�องต้ 0งชุ#$อข10นต้�นด้�ว็ยต้ ว็อ กษริเที(าน 0น- ชุ#$อในการิเข�าใชุ�ริะบบ ไม(คว็ริข10นต้�นด้�ว็ยส ญลิ กษณ์�ข�ด้กลิาง ( - )

หริ#อข�ด้ลิ(าง ( _ )

- ชุ#$อในการิเข�าใชุ�ริะบบจัะเริ�$มต้�นด้�ว็ยต้ ว็เลิขไม(ได้�2.รห�สผู้�าน (Password) : เป2นริห สที�$ใชุ�ในการิเข�าริะบบ จัะใชุ�เป2น

ต้ ว็เลิขหริ#อต้ ว็อ กษริก�ได้� แลิะคว็ริใส(อย(างน�อย 8 ต้ ว็อ กษริรห�สผู้�าน (ย์�นย์�น): ค#อริห สผ(านเด้�มที�$กริอกไปก(อนหน�าน�0 ใส(เพั#$อย#นย นคว็ามถึ&กต้�อง แลิะต้ริงก นของริห สผ(านที�$ใชุ�

3.ข�อมื�ลส�วนต�ว- ช้��อจัร�ง : ชุ#$อของสมาชุ�กจัริ�งๆ ที 0งน�0เพั#$อย#นย นการิม�ต้ ว็ต้นของ

สมาชุ�ก- ช้��อกลาง : เป2นชุ#$อกลิางของสมาชุ�ก (ถึ�าม�)- ช้��อนามืสก0ล : นามสก ลิของสมาชุ�ก

4.อ,เมืล� : อ�เมลิ�แอด้เด้ริสของสมาชุ�ก ที 0งน�0หากม�การิต้�ด้ต้(อที(านโด้ยการิส(งอ�เมลิ� ริว็มถึ1งอ�เมลิ�ที�$ต้�ด้ต้(อจัากผ&�ด้&แลิเว็�บไซต้� ริะบบก�จัะแจั�งไปย งอ�เมลิ�ที�$ที(านให�ข�อม&ลิไว็� แลิะคว็ริใส(อ�เมลิ�ที�$ที(านใชุ�งานอย&(ปริะจั'าเพั#$อริ บข�อม&ลิจัากริะบบ

2

5.นามืแฝง : เป2นชุ#$อที�$เปริ�ยบเสม#อนนามปากกา หากต้�องการิใชุ�นามแฝง ก�สามาริถึกริอกชุ#$อที�$ต้�องการิลิงไปได้�

6.ช้��อที่,�เล�อกแสดง : เป2นชุ#$อที�$สมาชุ�กต้�องการิแสด้งต้(อผ&�อ(าน ซ1$งสามาริถึเลิ#อกแสด้งได้� โด้ยม� 5 ชุ#$อได้�แก( ชุ#$อเต้�ม นามแฝง ชุ#$อจัริ�ง ชุ#$อกลิาง หริ#อนามสก ลิ

7.ส�ที่ธี�5การอ�านประว�ต� : ก'าหนด้ส�ทีธิ�6ของผ&�อ(านว็(าผ&�อ(านกลิ (มใด้สามาริถึเข�าด้&ปริะว็ ต้�ของที(านได้�

8.คู่$าส$าคู่�ญ : เป2น ค'าหลิ ก ที�$เก�$ยว็ข�องก บคว็ามส'าค ญของข�อม&ลิที�$“ ”

สมาชุ�กได้�กริอกลิงในแบบฟอริ�มน�0 ซ1$งการิใส(ค'าส'าค ญน 0นก�เพั#$อใชุ�เป2นเคริ#$องม#อในการิค�นหา แลิะเชุ#$อมโยงข�อม&ลิที�$ม�ค'าส'าค ญที�$เป2นค'าเด้�ยว็ก นมาแสด้งผลิ ซ1$งส�$งเหลิ(าน�0จัะชุ(ว็ยให�การิค�นหา ให�สามาริถึที'าได้�ง(ายข10น

9.รห�สส0�มื : ใส(ริห สส (มต้ามริห สส (ม (ของริะบบ) ที�$ได้�แสด้งไว็�ด้�านบน เม#$อกริอกข�อม&ลิคริบถึ�ว็นสมบ&ริณ์�แลิะม $นใจัว็(าถึ&กต้�องแลิ�ว็ก�เลิ#อก **หมืาย์เหต0: ข�างต้�นค#อข�อม&ลิที�$จั'าเป2นต้�องกริอกเพั#$อใชุ�ในการิลิงทีะเบ�ยนสม คริสมาชุ�ก นอกจัากน�0ผ&�ใชุ�ที�$เป2นสมาชุ�กแลิ�ว็ย ง สามาริถึแก�ไขหริ#อเพั�$มเต้�มข�อม&ลิ ปริะว็ ต้�ส(ว็นต้ ว็ได้� โด้ยด้&ห ว็ข�อ แก�ไขประว�ต�ส�วนต�ว

2

หลิ งจัากการิลิงทีะเบ�ยนเสริ�จัสมบ&ริณ์�แลิ�ว็ริะบบจัะแจั�งข�อคว็ามย#นย นการิสม คริ ด้ งน�0

สมาชุ�กสามาริถึคลิ�กลิ�งค� กลิ บไปย งเว็�บไซต้� http://portal.in.th/pottals/login/ เพั#$อกลิ บไปสริ�างเว็�บไซต้� หริ#อคลิ�กลิ�งค� เข�าริะบบ Gotoknow.org เพั#$อใชุ�งานเว็�บไซต้� Gotoknow.org ในการิสริ�างบลิ�อกแลิะริ(ว็มแลิกเปลิ�$ยนเริ�ยนริ& �ก บสมาชุ�กในเว็�บไซต้�แลิะผ&�เข�าชุมบลิ�อกของเริา

2

การแก�ไขประว�ต�ส�วนต�ว1. เข�าริะบบในเว็�บไซต้� Gotoknow.org โด้ยที(านสามาริถึเข�าถึ1ง

หน�าเข�าระบับั ได้� 2 ว็�ธิ�ว�ธี,ที่,� 1 แลิ�ว็เลิ#อกเมน& สมืาช้�ก > เข�าระบับั หริ#อ คลิ�กลิ�งค� เข�าริะบบ

ที�$อย&(ทีางขว็าบนของหน�า เว็�บไซต้� ว�ธี,ที่,� 2 เข�าถึ1งหน�าเข�าระบับัได้�โด้ยต้ริงโด้ยพั�มพั� URL http://gotoknow.org/login

2. กริอกชุ#$อที�$ใชุ�เข�าริะบบ ริห สผ(าน แลิะริห สส (ม แลิ�ว็คลิ�กป 9ม

2

3. เลิ#อก เมืน�ของที่�าน > ประว�ต� > แก�ไขประว�ต�ส�วนต�ว

4. ริะบบจัะแสด้ง หน�าแก�ไขประว�ต�ส�วนต�ว ให�ผ&�ใชุ�ที'าการิแก�ไขข�อม&ลิ

ต้(างๆ

2

5. เสริ�จัแลิ�ว็ให�คลิ�กป 9ม เพั#$อบ นที1กหริ#อคลิ�กลิ�งค� ยกเลิ�ก เพั#$อยกเลิ�กการิแก�ไข

การเข�าระบับัการิเข�าริะบบสามาริถึที'าได้� 3 ว็�ธิ� ด้ งน�0

ว�ธี,ที่,� 1 คลิ�กป 9ม จัากหน�าเว็�บไซต้�

http://portal.in.th

ว�ธี,ที่,� 2 คลิ�กลิ�งค� เข�าริะบบ ที�$อย&(บนแที�บริายการิของริะบบในหน�าแริกเว็�บไซต้�

ว�ธี,ที่,� 3 เข�าผ(าน URL http://portal.in.th/portals/login

โด้ยต้ริง

2

ให�กริอกช้��อที่,�ใช้�ในการเข�าระบับั รห�สผู้�าน แลิะรห�สส0�มื (Captcha)

แลิ�ว็คลิ�กป 9ม

หลิ งจัากน 0นจัะเข�าส&(หน�า เว'บัไซต�ของผู้��ใช้� ซ1$งหน�าน�0จัะแสด้งริายการิของเว็�บไซต้�ที�$เริาได้�สริ�าง แลิะริายการิของเว็�บไซต้�ที�$เริาเป2นผ&�ริ (ว็มเข�ยน ผ&�ใชุ�สามาริถึสริ�างเว็�บไซต้�ใหม(ได้�โด้ย เลิ#อกเมน& เว'บัไซต� > สร�างเว'บัไซต�ใหมื� หริ#อคลิ�กป 9ม สร�างเว'บัไซต�ใหมื� แลิ�ว็ที'าการิกริอกข�อม&ลิที�$จั'าเป2นให�คริบถึ�ว็นในแบบฟอริ�ม

คลิ�กเลิ#อกเพั#$อเปลิ�$ยนภาษาที�$แสด้ง

คลิ�กเลิ#อกกริณ์�ที�$ที(านต้�องการิต้�ด้ต้(อที�มงาน Portal.in.th

คลิ�กเลิ#อกเพั#$อเปลิ�$ยนภาษาที�$แสด้ง

2

การกรอกข�อมื�ลสร�างเว'บัไซต�ใหมื�

1234567

8

91

0

11

1213

2

ว�ธี,กรอกข�อมื�ลสร�างเว'บัไซต�ใหมื�1. ที่,�อย์�� : ชุ#$อที�$อย&( (URL) ของเว็�บไซต้�ที�$ที(านต้�องการิ ต้�องเริ�$ม

ต้�นด้�ว็ยต้ ว็อ กษริ a-z จัากน 0นต้ามด้�ว็ยต้ ว็อ กษริ a-z, 0-9, - (ข�ด้),

หริ#อ . (จั ด้) โด้ยที�$อย&(ของเว็�บไซต้�ต้�องยาว็ไม(เก�น 100 ต้ ว็อ กษริ ต้ ว็อย(างเชุ(น ใส(ค'าว็(า mgt-psu ซ1$งจัะกลิายเป2นที�$อย&(ของเว็�บที�$เข�าใชุ�ได้�ที�$ http://portal.in.th/mgt-psu เป2นต้�น

2. ที่,�อย์��โดเมืน : เลิ#อกชุ(องน�0กริณ์�ที�$ที(านต้�องการิใชุ�โด้เมนที�$จัด้ทีะเบ�ยนแลิ�ว็ แลิะได้�ต้ 0งค(าใน DNS มาย ง 203.151.20.31

เริ�ยบริ�อยแลิ�ว็ โด้ยที(านต้�องใส(ชุ#$อโด้เมนที�$จัด้ทีะเบ�ยนน�0ในชุ(อง ที่,�อย์�� ด้�ว็ย

3. ช้��อ : ใส(ชุ#$อที�$ต้�องการิของเว็�บไซต้�น�04. คู่$าโปรย์ : ใส(ค'าโปริยของเว็�บไซต้�น�0 โด้ยจัะแสด้งอย&(ใต้�บริริที ด้

ชุ#$อเว็�บไซต้� เชุ(น สโลิแกนของเว็�บไซต้� ปริะโยคเด้(นๆ ที�$แสด้งถึ1งว็ ต้ถึ ปริะสงค�เของเว็�บไซต้� เป2นต้�น (ริายการิน�0ไม(จั'าเป2นต้�องใส()

5. ช้��อเจั�าของส�ที่ธี�5 : ใส(ชุ#$อของบ คคลิหริ#อองค�กริที�$เป2นเจั�าของลิ�ขส�ทีธิ�6ของข�อม&ลิในเว็�บไซต้�น��

6. ส�ญญาอน0ญาต : ส�ทีธิ�6ในการิอน ญาต้ให�ผ&�อ#$นน'าข�อม&ลิในเว็�บไซต้�น�0ไปใชุ�ต้(อโด้ยส ญญาอน ญาต้ที�$สามาริถึเลิ#อกได้�ม�ด้ งน�0 (ที(านสามาริถึอ(านริายลิะเอ�ยด้เพั�$มเต้�มของแต้(ลิะส ญญาได้�ในห ว็ข�อ ส ญญาอน ญาต้ )

คริ�เอที�ฟคอมมอนส�- ส ญญาอน ญาต้ปริะเภทีแสด้งที�$มา ไม(ใชุ(เพั#$อการิค�า แลิะอน ญาต้

แบบเด้�ยว็ก น- ส ญญาอน ญาต้ปริะเภทีที�$มา ไม(ใชุ(เพั#$อการิค�า แลิะไม(แก�ไข

ต้�นฉบ บ- ส ญญาอน ญาต้ปริะเภทีที�$มา แลิะไม(แก�ไขต้�นฉบ บ- ส ญญาอน ญาต้ปริะเภทีที�$มา แลิะไม(ใชุ(เพั#$อการิค�า- ส ญญาอน ญาต้ปริะเภทีที�$มา แลิะอน ญาต้แบบเด้�ยว็ก น- ส ญญาอน ญาต้ปริะเภทีแสด้งที�$มา

2

อ#$นๆ- สงว็นลิ�ขส�ทีธิ�6ที 0งหมด้- ไม(สงว็นลิ�ขส�ทีธิ�6

7. คู่$าจั$าก�ดคู่วามื : ใส(ค'าจั'าก ด้คว็ามส 0นๆ หริ#อว็ ต้ถึ ปริะสงค�ของเว็�บไซต้�น�0ว็(าเก�$ยว็ก บอะไริ

8. ข�อมื�ลต�ดต�อ : ใส(ที�$อย&(ที�$ต้�ด้ต้(อได้�ของผ&�ด้&แลิเว็�บไซต้�น�0 (แนะน'าให�ใส(ข�อม&ลิที�$ชุ ด้เจันแลิะต้�ด้ต้(อได้�จัริ�ง)

9. ภาษา : ต้ 0งค(าภาษาหลิ กของเว็�บไซต้�น�0 (Thai / Eng)

10. ข�อมื�ลอ��นๆ : ใส(ข�อม&ลิอ#$นๆ อาที�เชุ(น widgets หริ#อ badges แลิะ script (ริายการิน�0ไม(จั'าเป2นต้�องใส()

11. ส�วนที่�าย์ : ใส(ข�อม&ลิส(ว็นที�ายของเว็�บไซต้�น�0 (ริายการิน�0ไม(จั'าเป2นต้�องใส()

12. ประกาศู : ใส(ข�อคว็ามปริะกาศโด้ยข�อคว็ามน�0จัะแสด้งในส(ว็นห ว็ของที กหน�าในเว็�บไซต้�น�0 (ริายการิน�0ไม(จั'าเป2นต้�องใส()

13. Google Maps API Key หากค ณ์ใชุ�ชุ#$อโด้เมนที�$จัด้ทีะเบ�ยนของที(านเองแลิะม�การิสริ�างแผนที�$อ ต้โนม ต้� ที(านต้�องขอ Google Map API Key จัาก http://code.google.com/apis/ โด้ยด้&ว็�ธิ�การิจัากห ว็ข�อ การิสริ�างแผนที�$อ ต้โนม ต้� (ริายการิน�0ไม(จั'าเป2นต้�องใส()

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิที�$กริอกต้(อที นที�

2

เม#$อบ นที1กการิสริ�างเว็�บไซต้�ใหม(เสริ�จัเริ�ยบริ�อยแลิ�ว็ริะบบจัะแสด้ง หน�าแผู้งราย์การจั�ดการเว'บั เพั#$อด้'าเน�นการิในข 0นต้อนต้(อไป

ต้อนน�0ที(านจัะม�เว็�บไซต้� ที�$สามาริถึให�ผ&�อ#$นเข�ามาชุมได้�แลิ�ว็โด้ย เข�าชุมได้�ที�$ http://portal.in.th/ ชุ#$อที�$อย&(ที�$ที(านต้ 0ง หริ#อ พั�มพั�ชุ#$อโด้เมนที�$ได้�จัด้ทีะเบ�ยนแลิะต้ 0งค(า DNS เริ�ยบริ�อยแลิ�ว็

เร��มืต�นสร�างเว'บัศู�นย์�รวมื

1. เข�าระบับั โด้ยใส(ชุ#$อเข�าใชุ�แลิะริห สผ(าน

2

2. คู่ล�กที่,�ป08มืคู่$าส��ง สร�างเว'บัศู�นย์�รวมืใหมื� เพั#$อเป2นการิเริ�$มต้�นการิสริ�างเว็�บศ&นย�ริว็ม

3. ที่$าการกรอกราย์ละเอ,ย์ดต�างๆ ที�$ต้�องใชุ�ในการิสริ�างเว็�บศ&นย�ริว็มใหม( เริ�$มต้ 0งแต้(ลิ'าด้ บที�$ 1-10 เม#$อกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ก�กด้ป 9ม บ นที1ก หริ#อ ป 9ม บ นที1กแลิ�ว็แก�ไข

2

4. เม#$อเริาบั�นที่9กข�อมื�ลในการิสริ�างเว็�บศ&นย�ริว็มเริ�ยบริ�อยแลิ�ว็ ริะบบจัะแสด้งหน�าหลิ กเพั#$อให�เริาได้�ปริ บแต้(งส(ว็นต้(างๆ ของเว็�บศ&นย�ริว็ม

2

การสร�างและจั�ดการคู่$าส$าคู่�ญก(อนที�$จัะสริ�างหน�าเพัจั หน�าข(าว็ หน�าก�จักริริม การิน'าไฟลิ�ข10นเคริ#$องแม(

ข(าย แลิะ พัอด้คาสต้� ในคริ 0งแริกหลิ งจัากสริ�างเว็�บไซต้�แลิ�ว็จัะต้�องสริ�างค'าส'าค ญข10นมาก(อน โด้ยค'าส'าค ญน�0จัะต้�องสอด้คลิ�องก บข�อม&ลิที�$เริาจัะสริ�าง

2

แลิะสามาริถึเพั�$ม หริ#อแก�ไขค'าส'าค ญได้�ในภายหลิ งการสร�างคู่$าส$าคู่�ญ

1. เลิ#อกเมน& คู่$าส$าคู่�ญ > สร�างคู่$าส$าคู่�ญใหมื� หริ#อ คลิ�กป 9ม

จัาก ส�วนคู่$าส$าคู่�ญและประเภที่ของข�อมื�ล

2. กริอกข�อม&ลิต้ามแบบฟอริ�ม แลิ�ว็คลิ�กป 9ม

2

สล�ก(slug) เป2นส(ว็นหน1$งของชุ#$อที�$อย&( (URL) ของหน�าเพัจัน 0นๆ ต้ ว็อ กษริที�$สามาริถึใชุ�ได้�ค#อ a-z, 0-9, - (ข�ด้) แต้(ไม(สามาริถึใชุ�ชุ(องว็(าง หริ#อเริ�$มต้�นหริ#อลิงที�ายด้�ว็ยข�ด้ได้�

ต�วอย์�าง ใส(ค'าว็(า manual ในชุ(องสลิ ก ด้ งน 0น ที�$อย&( (URL) ของหน�าน�0ค#อ http://portal.in.th/ ชุ#$อที�$อย&(เว็�บไซต้� /pages/manual

กริณ์�ที�$ที(านใชุ�โด้นเมนเนมของที(านที�$อย&( (URL) ของหน�าเพัจัจัะเป2น http:// ชุ#$อโด้เมน /pages/manual เป2นต้�นหากไม(ม�การิก'าหนด้ค(าของสลิ ก ริะบบจัะก'าหนด้ให�เป2นต้ ว็เลิขแทีน ย์กเว�น สลิ กของการิสริ�างค'าส'าค ญ การิสริ�างปริะเภทีข(าว็ ก�จักริริมแลิะปริะเภทีพัอด้คาสต้� ที�$จั'าเป2นต้�องใส(ค(าของสลิ ก ริะบบไม(สามาริถึก'าหนด้ต้ ว็เลิขให�อ ต้โนม ต้� หลิ กในการิใส(ค(าสลิ กคว็ริเป2นค'าที�$สอด้คลิ�อง หริ#อเก�$ยว็ข�องก บค'าที�$เริาใส(ในชุ(องช้��อ

3. เม#$อบ นที1กค'าส'าค ญเสริ�จัแลิ�ว็ริะบบจัะแสด้งหน�าราย์การคู่$า

ส$าคู่�ญ เพั#$อด้'าเน�นการิในข 0นต้(อไป

ถึ�าผ&�ใชุ�ต้�องการิสริ�างค'าส'าค ญเพั�$ม สามาริถึคลิ�กป 9ม ภายใน หน�าราย์การคู่$าส$าคู่�ญ น�0 หริ#อเริ�$มที'าใหม(ต้ 0งแต้(ข 0นต้อนแริก เริ�ยงต้ามลิ'าด้ บข�างต้�น

2

การแก�ไขคู่$าส$าคู่�ญ1. ผ&�ใชุ�สามาริถึแก�ไขค'าส'าค ญที�$ม�อย&(ได้�โด้ยการิเลิ#อกที�$ ช้��อของคู่$า

ส$าคู่�ญ ที�$ต้�องการิจัะแก�ไขใน หน�าราย์การคู่$าส$าคู่�ญ

2. จัากน 0นริะบบจัะแสด้งหน�าแก�ไขคู่$าส$าคู่�ญ ที�$ม�ลิ กษณ์ะเหม#อนก บ หน�าสร�างคู่$าส$าคู่�ญใหมื� ในการิสริ�างค'าส'าค ญข10นมา

3. ผ&�ใชุ�สามาริถึที'าการิแก�ไข ช้��อ แลิะ สล�ก ได้�ต้ามต้�องการิจัากน 0นคลิ�กป 9ม

2

การสร�างและจั�ดการหน�าเพจัการสร�างหน�าเพจั ค#อ การิสริ�างหน�าของเน#0อหา ผ&�ใชุ�สามาริถึสริ�างหน�าเพัจัก�$หน�าก�ได้�ต้ามข�อม&ลิที�$ผ&�ใชุ�ต้�องการิน'าเสนอข�อม&ลิ แลิะสามาริถึก'าหนด้ลิ'าด้ บการิเริ�ยงหน�าเพัจัได้� ด้�ว็ยการิก'าหนด้ค(าน$�าหน�กของหน�าเพัจัน 0น หน�าเพัจัที�$ม�ค(าเลิขน�อยกว็(าจัะอย&(บนหน�าเพัจัที�$ม�ค(าเลิขมากกว็(า โด้ยม�ว็�ธิ�การิสริ�าง ด้ งน�0

1. เลิ#อกเมน& หน�าเพจั > สร�างหน�าเพจัใหมื� หริ#อ คลิ�กป 9ม

ในส(ว็น หน�าเพจัที่,�แก�ไขล�าส0ด

2

2. การิสริ�างหน�าเพัจัใหม( ต้�องที'าการิกริอกข�อม&ลิที�$จั'าเป2นให�คริบถึ�ว็น

12

34567891

011

2

ว�ธี,กรอกข�อมื�ลสร�างเพจัใหมื�1. ช้��อ : ใส(ชุ#$อของเว็�บไซต้�น�02. เน��อหา : ในส(ว็นน�0จัะม�แทีบเคริ#$องม#อที�$ชุ(ว็ยในการิจั ด้การิเน#0อหา

ด้ งน�0Save บ นที1กBold (Ctrl+B) ที'าข�อคว็ามที�$เลิ#อกเป2นต้ ว็หนาItalic (Ctrl+I) ที'าข�อคว็ามที�$เลิ#อกเป2นต้ ว็เอ�ยงUnderline

(Ctrl+U)ข�ด้เส�นใต้�ข�อคว็ามที�$เลิ#อก

Strikethrough

ลิากเส�นผ(านต้ริงกลิางของข�อคว็ามที�$เลิ#อก

Align left จั ด้ข�อคว็ามชุ�ด้ซ�ายAlign center จั ด้ข�อคว็ามไว็�ก1$งกลิางAlign right จั ด้ข�อคว็ามชุ�ด้ขว็า

Align full

จั ด้ข�อคว็ามชุ�ด้ริะยะขอบที 0งซ�ายขว็า โด้ยจัะเพั�$มชุ(องว็(างพั�เศษริะหว็(างค'าต้ามคว็ามจั'าเป2น

Format ริ&ปแบบต้ ว็อ กษริSelect text

colorเปลิ�$ยนส�ข�อคว็าม

Select background color

ที'าให�ข�อคว็ามด้&เหม#อนถึ&กที'าเคริ#$องหมายด้�ว็ยปากกาเน�นข�อคว็าม

Insert horizontal ruler

แทีริกเส�นแนว็นอน

Remove formatting

ลิ�างริ&ปแบบต้ ว็อ กษริ

Toggle guidelines /

invisible elements

ซ(อน / แสด้งเส�นแนว็ว็ ต้ถึ

2

Cut ต้ ด้ส(ว็นที�$เลิ#อกCopy ค ด้ลิอกส(ว็นที�$เลิ#อกPaste ว็างส(ว็นที�$ต้ ด้หริ#อค ด้ลิอกไว็�Unordered

listใส(ส ญลิ กษณ์�แสด้งห ว็ข�อย(อย

Ordered list ใส(ลิ'าด้ บต้ ว็เลิขOutdent ลิด้ริะด้ บการิเย#0องของย(อหน�าIndent เพั�$มริะด้ บการิเย#0องของย(อหน�าUndo

(Ctrl+Z)เลิ�กที'า

Redo (Ctrl+Y)

ที'าซ'0า

Insert / edit link

แทีริกหริ#อแก�ไขลิ�งค�

Unlink ยกเลิ�กการิที'าลิ�งค�Insert / edit

anchorแทีริกหริ#อแก�ไขค'าที�$ใชุ�ลิ�งค�ในหน�าเด้�ยว็ก น

Insert / edit image

แทีริกหริ#อแก�ไขริ&ปภาพั

Cleanup messy code

ลิ�าง Tag HTML ที�$ไม(เป2นริะเบ�ยบ

Help แสด้งข�อม&ลิเก�$ยว็ก บ editorEdit html

sourceแสด้ง

Print พั�มพั�เน#0อหาออกทีางเคริ#$องพั�มพั�Preview แสด้งต้ ว็อย(างเน#0อหาInsert /

embedded media

แทีริกไฟลิ�ม�เด้�ย

Insert a new table

แทีริกต้าริางลิงในเน#0อหา

Table row properties

ค ณ์สมบ ต้�แถึว็ที�$เลิ#อก

2

Table cell properties

ค ณ์สมบ ต้�เซลิลิ�ที�$เลิ#อก

Insert row before

แทีริกแถึว็ก(อนหน�าแถึว็ที�$เลิ#อก

Insert row after

แทีริกแถึว็ต้(อจัากแถึว็ที�$เลิ#อก

Delete row ลิบแถึว็ที�$เลิ#อกInsert

column before

แทีริกคอลิ มน�ก(อนคอลิ มน�ที�$เลิ#อก

Insert column after

แทีริกคอลิ มน�ต้(อจัากคอลิ มน�ที�$เลิ#อก

Remove column

ลิบคอลิ มน�ที�$เลิ#อก

Split merged table cells

ยกเลิ�กการิริว็มเซลิลิ�

Merge table cells

ริว็มเซลิลิ�ที�$เลิ#อกให�เป2นเซลิลิ�ที�$ใหญ(ข10นเซลิลิ�เด้�ยว็

Subscriptสริ�างต้ ว็อ กษริขนาด้เลิ�กใต้�แนว็หลิ กของข�อคว็าม

Superscriptสริ�างต้ ว็อ กษริขนาด้เลิ�กเหน#อบริริที ด้ข�อคว็าม

Insert custom character

แทีริกส ญลิ กษณ์�ที�$ไม(ม�อย&(บนแป>นพั�มพั�ของค ณ์ เชุ(น ส ญลิ กษณ์�ลิ�ขส�ทีธิ�6 ส ญลิ กษณ์�เคริ#$องหมายการิค�า เคริ#$องหมายย(อหน�า แลิะอ กขริะ Unicode

เป2นต้�นPaste as

Plain Textว็างส(ว็นที�$ต้ ด้หริ#อค ด้ลิอกไว็�เป2นข�อคว็ามธิริริมด้า

Paste from Word

ว็างส(ว็นที�$ต้ ด้หริ#อค ด้ลิอกมาจัาก

2

เอกสาริ Word

Select All เลิ#อกข�อคว็ามที 0งหมด้ในเน#0อหา

3. ซ�อน : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อซ(อนหน�าเพัจัน�0ชุ $ว็คริาว็4. แสดงคู่�าง : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อแสด้งริายการิน�0ก(อนริายกา

ริอ#$นๆ5. ก�อนหน�า : เลิ#อกหน�าเพัจัที�$หน�าน�0เป2นหน�าลิ&ก ถึ�าไม(เลิ#อกหน�าน�0

จัะเป2นหน�าหลิ ก6. สล�ก (slug) : เป2นค'าที�$เป2นส(ว็นหน1$งในที�$อย&(เว็�บ (URL) ต้ ว็

อ กษริที�$สามาริถึใชุ�ได้�ค#อ a-z , 0-9 แลิะข�ด้ (-) แต้(ไม(สามาริถึใชุ�ชุ(องว็(างหริ#อเริ�$มหริ#อป?ด้ด้�ว็ยข�ด้ได้� (ริายการิน�0ไม(จั'าเป2นต้�องใส()

7. น$�าหน�ก : ริะบ น'0าหน กเพั#$อการิจั ด้เริ�ยงหน�าเพัจั โด้ยหน�าเพัจัที�$ม�น'0าหน กน�อยกว็(าจัะแสด้งก(อนหน�าที�$ม�น'0าหน กมากกว็(า

8. ราย์การหน�าล�ก : แสด้งริายการิหน�าลิ&ก (ถึ�าม�) ในด้�านที�ายของเน#0อหา

9. ละต�จั�ด : ใส(ค(าพั�ก ด้ลิะต้�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น 7.008854 เพั#$อสริ�างแผนที�$(ถึ�าม�)(ริายการิน�0ไม(จั'าเป2นต้�องใส()

10. ลองจั�จั�ด : ใส(ค(าพั�ก ด้ลิองจั�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น 100.5007839 เพั#$อสริ�างแผนที�$(ถึ�าม�)(ริายการิน�0ไม(จั'าเป2นต้�องใส()

11. คู่$าส$าคู่�ญ : กด้ป 9ม "Control", หริ#อ "Command" บน Mac ค�างไว็�, เพั#$อเลิ#อกค'าส'าค ญได้�หลิายๆค'า แลิะคว็ริเลิ#อกค'าส'าค ญที�$สอด้คลิ�องก บเน#0อหา

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�กป 9ม กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

2

3. เม#$อบ นที1กสริ�างเว็�บเพัจัใหม(เสริ�จัเริ�ยบริ�อยแลิ�ว็ริะบบจัะแสด้ง หน�าราย์การหน�าเพจั เพั#$อด้'าเน�นการิในข 0นต้อนต้(อไป

ผ&�ใชุ�สามาริถึต้ริว็จัสอบการิแสด้งผลิทีางหน�าจัอของหน�าเพัจัที�$ได้�สริ�างไว็�แลิ�ว็ได้�โด้ยการิคลิ�กป 9มที�$อย&(ทีางขว็าม#อ

2

การแก�ไขหน�าเพจั1. การิเข�าส&(หน�าแก�ไขหน�าเพจัสามาริถึเข�าได้� 2 ว็�ธิ�

ว�ธี,ที่,� 1 เข�าโด้ยผ(าน หน�าราย์การหน�าเพจั ซ1$งผ&�ใชุ�จัะเข�าส&(หน�าน�0ได้�โด้ย เลิ#อกเมน& หน�าเพจั > จั�ดการหน�าเพจั หริ#อ คลิ�กป 9ม ส�วนหน�า

เพจัที่,�แก�ไขล�าส0ด ใน หน�าแผู้งราย์การจั�ดกาเว'บั (Backend)

(1) ริะบบจัะแสด้ง หน�าราย์การหน�าเพจั (2) จัากน 0นให�เลิ#อก ช้��อเพจัที�$ต้�องการิแก�ไข แลิะคลิ�กป 9ม

12

2

ว�ธี,ที่,� 2 เข�าโด้ยผ(านหน�าของ แผู้งราย์การจั�ดการเว'บั (Backend) โด้ยการิคลิ�กที�$ช้��อหน�าเพจั ที�(ต้�องการิแก�ไข

2. ริะบบ จัะแสด้งหน�าแก�ไขหน�าเพจั มาให�โด้ยจัะม�ลิ กษณ์ะเหม#อนก บการิสริ�างหน�าเพัจัใหม( โด้ยผ&�ใชุ�สามาริถึต้ริว็จัสอบการิแสด้งผลิได้�โด้ยการิคลิ�กป 9ม

หลิ งจัากแก�ไขข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�กด้ป 9ม หริ#อคลิ�ก กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

2

การส$าเนาหน�าเพจัเป2นการิส'าเนาหน�าเพัจัที�$ม�ข�อม&ลิ หริ#อโคริงสริ�างคลิ�ายก น เป2นอ�กว็�ธิ�ที�$

ชุ(ว็ยให�ปริะหย ด้เว็ลิาในการิสริ�างหน�าเพัจั

ว�ธี,การส$าเนาหน�าเพจั1. การิที'าส'าเนาหน�าเพัจัต้�องที'าโด้ยการิคลิ�กป 9ม ที�$อย&(ใน

หน�าราย์การหน�าเพจั ซ1$งเข�าถึ1งได้�โด้ยว็�ธิ�การิเด้�ยว็ก นก บการิแก�ไข

หน�าเพัจั

2. ริะบบ จัะแสด้ง หน�าแก�ไขหน�าเพจั มาให�โด้ยจัะม�ลิ กษณ์ะเหม#อนก บการิสริ�างหน�าเพัจัใหม(แต้กต้(างก นที�$ชุ#$อของหน�าเพัจั จัะปริากฏค'าว็(า ส'าเนา เพั�$มเต้�มหลิ งชุ#$อของหน�าเพัจัน 0น ซ1$งสามาริถึเปลิ�$ยนแปลิงชุ#$อแลิะข�อม&ลิของเน#0อหาได้�

หลิ งจัากแก�ไขข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

2

การลบัหน�าเพจั1. ผ&�ใชุ�สามาริถึลิบหน�าเพัจัได้�โด้ยการิเข�าไปย ง หน�าแก�ไขหน�าเพจั

ซ1$งว็�ธิ�การิเข�าถึ1งหน�าแก�ไขหน�าเพัจั น 0นสามาริถึด้&ได้�ในห ว็ข�อ แก�ไขหน�า

เพัจั

2. เม#$อเข�าส&(หน�าแก�ไขหน�าเพัจัแลิ�ว็ ให�คลิ�กป 9ม 3. ริะบบจัะที'าการิต้ริว็จัสอบเพั#$อคว็ามแน(ใจัว็(าผ&�ใชุ�ต้�องการิจัะลิบ หน�า

เพัจัน 0น หริ#อไม( ย#นย นการิลิบหน�าเพัจัคลิ�กป 9ม หากไม(

ต้�องการิลิบ คลิ�กป 9ม

2

การสร�างและการจั�ดการข�าวการสร�างประเภที่ข�าว

1. ก(อนที�$ผ&�ใชุ�จัะที'าการิสริ�างหน�าข(าว็ได้�น 0นจั'าเป2นจัะต้�องที'าการิสริ�างปริะเภทีของข(าว็ก(อน โด้ยสามาริถึเข�าส&(หน�าสร�างประเภที่ข�าว จัากส(ว็นของการิจั ด้การิเว็�บไซต้� เลิ#อกเมน& ข�าว > สร�างประเภที่

ข�าว หริ#อคลิ�กป 9ม ที�$อย&(ทีางด้�านขว็าม#อใน ส�วนคู่$าส$าคู่�ญและประเภที่ของข�อมื�ล

2

2. กริอกข�อม&ลิต้ามแบบฟอริ�ม แลิ�ว็คลิ�กป 9ม

** หมืาย์เหต0 อ(านค'าอธิ�บาย สลิ ก ได้�ที�$ข 0นต้อนการิสริ�างค'าส'าค ญ

3. เม#$อบ นที1กปริะเภทีข(าว็ใหม(เสริ�จัแลิ�ว็ริะบบจัะแสด้งหน�าราย์การ

ประเภที่ข�าวให�เห�น

4. หากต้�องการิเข�ยนข(าว็ใหม(ที นที� คลิ�กป 9ม เพั#$อสริ�างหน�าข(าว็ แลิะหากต้�องการิสริ�างปริะเภทีข(าว็เพั�$มอ�ก คลิ�กป 9ม

การแก�ไขประเภที่ของข�าว

2

1. เลิ#อกเมน& ข�าว แลิ�ว็เลิ#อก การจั�ดการข�าว เพั#$อที'าการิปริ บแต้(ง

2. เลิ#อกปริะเภทีของข(าว็ที�$ต้�องการิแก�ไขจัากริายการิปริะเภทีข(าว็

3. เม#$อที'าการิแก�ไข เสริ�จัเริ�ยบริ�อยแลิ�ว็ ให�กด้ป 9ม บั�นที่9ก

2

4. แลิ�ว็จัะริะบบจัะแสด้งข�อคว็ามต้อบริ บ ว็(า “ด้'าเน�นการิส'าเริ�จัเริ�ยบริ�อยแลิ�ว็ ”

การสร�างข�าว

2

1. เลิ#อกเมน& ข�าว แลิ�ว็เลิ#อกไปที�$ เข,ย์นข�าวใหมื�

2.กริอกข�อม&ลิของข(าว็ ให�สมบ&ริณ์�ลิงในฟอริ�ม ที�$ริะบบให�มาต้ามลิ'าด้ บ เม#$อเสริ�จัส�0นที กข 0นต้อนก�กด้ป 9ม บั�นที่9ก

2

3. เม#$อเสริ�จัส�0นการิกริอกข�อม&ลิ ริะบบจัะแสด้งข�อคว็าม “ด้'าเน�นการิส'าเริ�จัเริ�ยบริ�อยแลิ�ว็ ” แลิะแสด้งต้าริางที�$ม�ห ว็ข�อข(าว็ต้(างๆ ที�$เพั�$มไปปริากฏอย&( ให�เริาคลิ�กป 9มสร�าง เม#$อต้�องการิสริ�างข(าว็ใหม(

2

การแก�ไขข�าว

1. ผ&�ใชุ�สามาริถึที'าการิแก�ไขชุ#$อข(าว็แลิะเน#0อหาต้(างๆของข(าว็ได้� ภายหลิ งจัากที�$ที'าการิเข�ยนข(าว็ข10นมาแลิ�ว็ ผ(านทีางหน�าแก�ไขข�าว โด้ยหลิ งจัากสริ�างข(าว็ใหม(เสริ�จัริะบบจัะแสด้งหน�าราย์การข�าวมาให� หริ#อ ผ&�ใชุ�สามาริถึเข�าถึ1งหน�าริายการิข(าว็ได้� 2 ว็�ธิ�

ว�ธี,ที่,� 1 เลิ#อกเมน& ข�าว > จั�ดการข�าว หริ#อ คลิ�กป 9ม ส�วนข�าวล�าส0ด ใน หน�าแผู้งราย์การจั�ดการเว'บั(Backend) จัากน 0นคลิ�กเลิ#อก ช้��อข�าวที�$ต้�องการิแก�ไข

2

ว�ธี,ที่,� 2 คลิ�กเลิ#อกชุ#$อข(าว็ที�$ต้�องการิแก�ไขใน ส�วนข�าวล�าส0ด ของ หน�าแผู้งราย์การจั�ดการเว'บั (Backend)

2. ในหน�าแก�ไขข�าว ม�ลิ กษณ์ะเหม#อนหน�าสร�างข�าวใหมื� แลิะผ&�ใชุ�สามาริถึต้ริว็จัสอบการิแสด้งผลิได้�โด้ยการิคลิ�กป 9ม ที�$อย&(ทีางด้�านขว็าม#อ

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

2

การลบัข�าว1. การิลิบข(าว็สามาริถึที'าได้�ภายในหน�า แก�ไขข(าว็ โด้ยคลิ�กป 9ม

ที�$อย&(ทีางขว็าม#อ

2. ริะบบจัะข10นข�อคว็ามเต้#อนเพั#$อย#นย นว็(าผ&�ใชุ�ต้�องการิลิบข(าว็น 0นหริ#อไม(

3. ให�คลิ�ก เพั#$อย#นย น หริ#อ คลิ�ก เพั#$อยกเลิ�กการิลิบข(าว็

2

การสร�างและการจั�ดการก�จักรรมืการสร�างประเภที่ก�จักรรมื

1. ก(อนที�$ผ&�ใชุ�จัะที'าการิเข�ยนก�จักริริมได้�น 0นจั'าเป2นจัะต้�องที'าการิสริ�างปริะเภทีของก�จักริริมก(อน โด้ยสามาริถึเข�าส&(หน�าสร�างประเภที่ก�จักรรมื จัากส(ว็นของการิจั ด้การิเว็�บไซต้� เลิ#อกเมน& ก�จักรรมื >

สร�างประเภที่ก�จักรรมืใหมื� หริ#อคลิ�กป 9ม ที�$อย&(ทีางด้�านขว็า

ม#อในส�วนคู่$าส$าคู่�ญและประเภที่ของข�อมื�ล

2. จัากน 0นริะบบจัะเข�า หน�าสร�างประเภที่ก�จักรรมื ให�ผ&�ใชุ�กริอก ช้��อ แลิะ สล�ก

** หมืาย์เหต0 อ(านค'าอธิ�บาย สลิ ก ได้�ที�$ข 0นต้อนการิสริ�างค'าส'าค ญ

2

3. หลิ งจัากคลิ�กป 9ม ริะบบจัะแสด้ง หน�าราย์การประเภที่ก�จักรรมื เพั#$อด้'าเน�นการิในข 0นต้(อไป

4. หากต้�องการิเข�ยนข(าว็ก�จักริริมใหม(ที นที� คลิ�กป 9ม เพั#$อสริ�างหน�าก�จักริริม หากต้�องการิเพั�$มปริะเภทีก�จักริริม เพั�$มอ�ก คลิ�กป 9ม

2

การแก�ไขประเภที่ก�จักรรมื1. การิแก�ไขปริะเภทีก�จักริริม ผ&�ใชุ�ต้�องที'าการิเลิ#อกช้��อของปริะเภที

ก�จักริริมทีางหน�าราย์การประเภที่ก�จักรรมื โด้ยการิเป?ด้หน�าริายการิปริะเภทีก�จักริริมสามาริถึที'าได้�โด้ย เลิ#อกเมน& ก�จักรรมื > จั�ดการประเภที่ก�จักรรมื หริ#อ คลิ�กป 9ม ในส�วนคู่$าส$าคู่�ญและ

ประเภที่ของข�อมื�ล ที�$อย&(ทีางด้�านขว็าของหน�าแผู้งราย์การจั�ดการเว'บั(Backend)

2. ริะบบจัะแสด้ง หน�าราย์การประเภที่ก�จักรรมื เหม#อนก นก บที�$สริ�างปริะเภทีก�จักริริมใหม(เสริ�จั

2

3. คลิ�กเลิ#อกช้��อปริะเภทีก�จักริริมที�$ต้�องการิแก�ไข

4. เม#$อแก�ไขปริะเภทีก�จักริริมเสริ�จัแลิ�ว็ให�คลิ�กป 9ม

2

การสร�างก�จักรรมืใหมื�1. หลิ งจัากที�$ที'าการิสริ�างปริะเภทีก�จักริริมเสริ�จัแลิ�ว็ ผ&�ใชุ�สามาริถึที�$

จัะสริ�างก�จักริริมได้�โด้ยการิ เลิ#อกเมน& ก�จักรรมื > เข,ย์นก�จักรรมืใหมื� หริ#อคลิ�กป 9ม ที�$อย&(ใน ส�วนก�จักรรมืล�าส0ด ทีางด้�านซ�าย

ของหน�าแผู้งราย์การจั�ดการเว'บั(Backend)

หริ#อ คลิ�กป 9ม ทีางด้�านขว็าม#อ ของหน�า ราย์การประเภที่ก�จักรรมื

2

2. กริอกข�อม&ลิให�คริบถึ�ว็น

12

34567891

011

2

ว�ธี,กรอกข�อมื�ล1.ช้��อ : ใส(ชุ#$อห ว็ข�อข(าว็2.เน��อหา : (ด้&ค'าอธิ�บายแถึบเคริ#$องม#อในห ว็ข�อการิสริ�างหน�าเพัจั)

3.ซ�อน : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อซ(อนริายการิน�0ชุ $ว็คริาว็4.แสดงคู่�าง : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อแสด้งริายการิน�0ก(อนริายกา

ริอ#$นๆ5.ประเภที่ : เลิ#อกปริะเภทีของก�จักริริมที�$เริาได้�สริ�างไว็�6.สถานที่,� : ใส(สถึานที�$ในการิจั ด้ก�จักริริมน�07.เร��มื : ปAคริ�สต้ศ กริาชุ-เด้#อน-ว็ น ชุ $ว็โมง:นาที� (ต้ ว็อย(างเชุ(น

2009-01-03 13:21)8.ส��นส0ด : ปAคริ�สต้ศ กริาชุ-เด้#อน-ว็ น ชุ $ว็โมง:นาที� (ต้ ว็อย(างเชุ(น

2009-01-03 13:21)9.ละต�จั�ด : ใส(ค(าพั�ก ด้ลิะต้�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น

7.008854 เพั#$อสริ�างแผนที�$ (ถึ�าม�)10. ลองจั�จั�ด : ใส(ค(าพั�ก ด้ลิองจั�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น

100.5007839 เพั#$อสริ�างแผนที�$ (ถึ�าม�)11. คู่$าส$าคู่�ญ : กด้ป 9ม "Control" หริ#อ "Command" บน

Mac ค�างไว็� เพั#$อเลิ#อกค'าส'าค ญหลิายๆต้ ว็แลิะอาจัคว็ริเลิ#อกค'าส'าค ญที�$สอด้คลิ�องก บเน#0อหา

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

2

หลิ งจัากบ นที1กข�อม&ลิเริ�ยบริ�อยแลิ�ว็ริะบบจัะแสด้งหน�าราย์การก�จักรรมืเพั#$อด้'าเน�นการิในข 0นต้(อไป

2

การแก�ไขก�จักรรมื1. ผ&�ใชุ�สามาริถึเข�าถึ1งหน�าแก�ไขก�จักริริมได้� 2 ว็�ธิ�ว�ธี,ที่,� 1 เข�าโด้ยผ(านทีางหน�าราย์การก�จักรรมื โด้ยเลิ#อกเมน& ก�จักรรมื

> จั�ดการก�จักรรมื หริ#อ คลิ�กป 9ม ใน ส�วนของก�จักรรมืล�าส0ด ทีางด้�านซ�ายของหน�า แผู้งราย์การจั�ดการเว'บั(Backend) จัากน 0นคลิ�ก

เลิ#อก ช้��อก�จักรรมืที�$ต้�องการิแก�ไข

ว�ธี,ที่,� 2 คลิ�กเลิ#อก ช้��อก�จักรรมืที�$ต้�องการิแก�ไข ในส(ว็นของ ก�จักรรมืล�าส0ด ทีางด้�านซ�ายของหน�า แผู้งราย์การจั�ดการเว'บั (Backend) เพั#$อเข�าส&(หน�าแก�ไขก�จักรรมื โด้ยต้ริง

2

2. หน�าแก�ไขก�จักรรมื ม�ลิ กษณ์ะเหม#อนก บหน�าเข,ย์นก�จักรรมืใหมื� แลิะผ&�ใชุ�สามาริถึต้ริว็จัสอบการิแสด้งผลิของหน�าก�จักริริมได้�โด้ย

การิคลิ�กป 9ม ที�$อย&(ทีางขว็าม#อ

การลบัก�จักรรมื1. การิลิบก�จักริริมสามาริถึที'าได้�ในหน�าแก�ไขก�จักรรมื โด้ยคลิ�ก

ป 9ม ที�$อย&(ทีางขว็าม#อ

2. ริะบบจัะข10นข�อคว็ามเต้#อนเพั#$อย#นย นว็(าผ&�ใชุ�ต้�องการิลิบก�จักริริมน 0นหริ#อไม(

2

3. ให�คลิ�ก เพั#$อย#นย น หริ#อ คลิ�ก เพั#$อยกเลิ�ก

การิลิบก�จักริริม

การต��งคู่�าหน�าแรกของเว'บัไซต�

1. เข�าริะบบแลิ�ว็เลิ#อกข�อม&ลิ (หน�าเพัจั ข(าว็ ก�จักริริม) ที�$ต้�องการิต้ 0งค(าให�เป2นหน�าแริก โด้ยเลิ#อกจัากข�อม&ลิใด้ ก�คลิ�กป 9ม ต้ 0ง ที�$หลิ งข�อม&ลิน 0น ต้ ว็อย(าง ต้�องการิต้ 0งค(าหน�าเพัจั 1 เป2นหน�าแริก จั1งคลิ�กป 9มต้ 0งที�$อย&(หลิ งค'าว็(า หน�าเพัจั

2

2. ริะบบจัะแสด้งริายการิที 0งหมด้ที�$ม�ให�เริาเลิ#อกจัากริายการิน 0นแลิ�ว็คลิ�กป 9ม ต้ 0ง กริณ์�ที�$ไม(ต้�องการิเลิ#อกหน�าใด้ๆ หริ#อ ต้�องการิยกเลิ�กการิต้ 0งค(าหน�าแริกของข�อม&ลิน 0น ให�เลิ#อก ----------- ริะบบก�จัะที'าการิยกเลิ�กให�

3. เม#$อเริาต้ 0งค(าหน�าแริกของเว็�บไซต้�เสริ�จัเริ�ยบริ�อยแลิ�ว็ ริะบบจัะแสด้งผลิว็(า “ด$าเน�นการเร,ย์บัร�อย์แล�ว”

ในหน�าแริกของเว็�บ

2

การจั�ดการไฟล� เน#$องจัาก Portal.in.th ให�บริ�การิการิน'าไฟลิ�ข10นเคริ#$องแม(ข(ายโด้ยไม(จั'าก ด้เน#0อที�$การิจั ด้เก�บ ด้ งน 0นทีางที�มงาน จั'าเป2นต้�องเก�บข�อม&ลิของผ&�ใชุ�บริ�การิ ด้ งน�0 โด้ยส(งข�อม&ลิมาที�$ support@portal.in.th

1. ชุ#$อ-สก ลิของที(าน2. ที�$อย&(ที�$สามาริถึต้�ด้ต้(อได้�3. เบอริ�โทีริศ พัที�4. ชุ#$อที�$ใชุ�ในการิเข�าริะบบ Portal.in.th (UserName)

5. ที�$อย&( (URL) ของเว็�บไซต้�ที�$ที(านสริ�าง

เม#$อทีางที�มงานได้�ด้'าเน�นการิเริ�ยบริ�อยแลิ�ว็ จัะแจั�งให�ที(านทีริาบอ�กคริ 0งหน1$ง ทีางที�$อย&(อ�เมลิ�ที�$ที(านต้�ด้ต้(อมา

การเพ��มืไฟล�1. ผ&�ใชุ�สามาริถึเข�าถึ1งหน�าเพั�$มไฟลิ�ได้�โด้ยการิ เลิ#อกเมน& ไฟล� >

เพ��มืไฟล� หริ#อ คลิ�กป 9ม ในส�วนไฟล�ที่,�แก�ไขล�าส0ด ทีางด้�านซ�ายของหน�าแผู้งราย์การจั�ดการเว'บั(Backend)

2

2

หากผ&�ใชุ�ย งไม(ได้�ริ บส�ทีธิ�6ในการิน'าไฟลิ�ข10นในเคริ#$องแม(ข(าย ริะบบจัะข10นข�อคว็ามด้ งน�0

2. หากผ&�ใชุ�ม�ส�ทีธิ�6ในการิใส(ไฟลิ�ในเคริ#$องแม(ข(าย ริะบบจัะแสด้งหน�าเพั�$มไฟลิ� ด้ งน�0

การกรอกข�อมื�ล1.ไฟล� คลิ�กป 9ม เพั#$อเลิ#อกไฟลิ�ที�$ต้�องการิเพั�$ม โด้ยต้ ว็

อ กษริที�$อน ญาต้ให�ใชุ�ในชุ#$อไฟลิ�ได้�แก( A-Z, a-z , 0-9 , _ (ข�ด้ลิ(าง) แลิะ - (ข�ด้)

2.คู่$าส$าคู่�ญ กด้ป 9ม "Control" หริ#อ "Command" บน Mac

ค�างไว็� เพั#$อเลิ#อกค'าส'าค ญหลิาย ๆ ต้ ว็แลิะคว็ริเลิ#อกค'าส'าค ญที�$สอด้คลิ�องก บเน#0อหา

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม

1

2

2

การแก�ไขไฟล�1. ผ&�ใชุ�สามาริถึที'าการิแก�ไขไฟลิ�ที�$เพั�$มเข�าไป ด้�ว็ยไฟลิ�ใหม(ที�$ม�ชุ#$อ

เหม#อนก นก บไฟลิ�เด้�ม การิเข�าส&(หน�าแก�ไขไฟลิ� ที'าได้� 2 ว็�ธิ� ว�ธี,ที่,� 1 เลิ#อกเมน& ไฟล� > จั�ดการไฟล� หริ#อ คลิ�กป 9ม ใน

ส�วนไฟล�ที่,�แก�ไขล�าส0ด ทีางด้�านซ�ายของหน�าแผู้งราย์การจั�ดการเว'บั(Backend)

2

ริะบบจัะแสด้ง หน�าราย์การไฟล� ที�$ม� ให�ผ&�ใชุ�คลิ�กเลิ#อกช้��อไฟล�ที�$

ต้�องการิแก�ไข

ว�ธี,ที่,� 2 คลิ�กเลิ#อกช้��อไฟล�ที�$ต้�องการิแก�ไข จัาก ส�วนไฟล�ที่,�แก�ไขล�าส0ด ทีางด้�านซ�ายของหน�า แผู้งราย์การจั�ดการหน�าเว'บั(Backend)

2

2. เม#$อผ&�ใชุ�เลิ#อกไฟลิ� ริะบบจัะแสด้งข�อม&ลิของไฟลิ� ทีางด้�านขว็าม#อ

ของ หน�าราย์การไฟล�

3. คลิ�กป 9ม เพั#$อเข�าส&(หน�าแก�ไขไฟล� หากต้�องการิด้&ต้ ว็อย(างไฟลิ�ก(อนคลิ�กป 9ม

4. ริะบบแสด้งหน�าแก�ไขไฟล� ซ1$งม�ลิ กษณ์ะคลิ�ายก บข 0นต้อนการิเพั�$มไฟลิ� เลิ#อกไฟลิ�ที�$ต้�องการิเพั�$มเข�าไปแทีนไฟลิ�เด้�ม แลิ�ว็คลิ�กป 9ม

2

** หมืาย์เหต0 ไฟลิ�ที�$เพั�$มเข�าไปใหม(จัะต้�องม�ชุ#$อเด้�ยว็ก นก บไฟลิ�ที�$ต้�องการิแก�ไข

2

การลบัไฟล�1. ผ&�ใชุ�สามาริถึลิบไฟลิ�ที�$ไม(ต้�องการิได้�โด้ยการิคลิ�กป 9ม ไม(

ว็(าจัะอย&(ที�$ ข�อม&ลิของไฟลิ� หน�าราย์การไฟล� หริ#อใน หน�าแก�ไขไฟล�

2. ริะบบจัะข10นข�อคว็ามเต้#อนเพั#$อย#นย นว็(าผ&�ใชุ�ต้�องการิลิบไฟลิ�น 0น

หริ#อไม(

3. ให�คลิ�ก เพั#$อย#นย น หริ#อ คลิ�ก เพั#$อยกเลิ�กการิลิบข(าว็

2

การน$าไฟล�ไปใช้�งานกริณ์�ที�$ต้�องการิน'าไฟลิ�ริ&ปมาใชุ�สามาริถึที'าได้�ด้ งน�0

1. ผ&�ใชุ�ต้�องที'าการิค ด้ลิอกที�$อย&(ของไฟลิ� โด้ยสามาริถึเข�าไปด้&ข�อม&ลิของไฟลิ�ได้�ในหน�าจั�ดการไฟล� คลิ�กเลิ#อกเมน& ไฟล� > จั�ดการไฟล� หริ#อ คลิ�กป 9ม ในส�วน ไฟล�ที่,�แก�ไขล�าส0ด ทีางด้�านซ�ายของหน�าแผู้งราย์การจั�ดการเว'บั(Backend) แลิ�ว็คลิ�กเลิ#อกช้��อไฟล�ที�$ต้�องการิด้&ข�อม&ลิ เหม#อนในข 0นต้อนแริกของห ว็ข�อ การิแก�ไขไฟลิ�

2

หริ#อ คลิ�กเลิ#อกช้��อไฟล�ที�$ต้�องการิแก�ไข จัากส�วน ไฟล�ที่,�แก�ไขล�าส0ด ทีาง

ด้�านซ�ายของหน�า แผู้งราย์การจั�ดการเว'บั(Backend) โด้ยต้ริง

2. ริะบบจัะแสด้งข�อม&ลิของไฟลิ� ทีางด้�านขว็าม#อของหน�าราย์การไฟล� ให�ผ&�ใชุ�ค ด้ลิอก ที่,�อย์��ของไฟล�ที�$ต้�องการิใชุ�งานไว็�

3. จัากน 0นผ&�ใชุ�สามาริถึน'าไปใชุ�งานได้� โด้ยการิคลิ�กเลิ#อก ในแถึบเคริ#$องม#อเพั#$อเพั�$มริ&ปภาพัในหน�าเพัจั หน�าข(าว็ หริ#อหน�าก�จักริริม

2

4. เม#$อคลิ�กเลิ#อก แลิ�ว็ริะบบจัะแสด้งหน�าต้(างเลิ�กๆ ข10นมาเพั#$อใชุ�

ในการิจั ด้การิเก�$ยว็ก บการิแทีริกริ&ปภาพัเข�าไปในเอกสาริ

การกรอกข�อมื�ล1. Image URL ริะบ ที�$อย&(ของไฟลิ�ริ&ปภาพั ที�$ผ&�ใชุ�ค ด้ลิอกไว็�2. Image Description ค'าอธิ�บายริ&ปภาพั (ริายการิน�0ไม(

จั'าเป2นต้�องใส()3. Alignment การิจั ด้ต้'าแหน(งของริ&ปภาพั หากไม(ก'าหนด้

ริ&ปภาพัจัะถึ&กจั ด้ให�ชุ�ด้ซ�ายม#อ4. Dimensions ขนาด้คว็ามกว็�าง-ยาว็ของริ&ปภาพั หากไม(ได้�

ก'าหนด้ขนาด้คว็ามกว็�าง-ยาว็ จัะถึ&กต้ 0งค(าเที(าก บขนาด้ของริ&ปภาพั5. Border ขนาด้เส�นขอบของริ&ปภาพั หากไม(ได้�ก'าหนด้จัะถึ&ก

ต้ 0งค(าเป2น 0 (ศ&นย�)6. Vertical space ขนาด้พั#0นที�$ว็(างทีางแนว็ต้ 0ง(ริายการิน�0ไม(

จั'าเป2นต้�องใส()

1234567

2

7. Horizontal space ขนาด้พั#0นที�$ว็(างทีางแนว็นอน(ริายการิน�0ไม(จั'าเป2นต้�องใส()

จัากน 0นคลิ�กป 9ม เพั#$อแทีริกริ&ปภาพัเข�าไปในเน#0อหา

2

กริณ์�ต้�องการิน'าไฟลิ�เอกสาริมาใชุ�งาน หริ#อการิที'า link เพั#$อเชุ#$อมโยงไปย ง ไฟลิ�เอกสาริสามาริถึที'าได้�ด้ งน�0

1. เลิ#อกข�อคว็ามหริ#อริ&ปภาพัที�$ต้�องการิที'า link เพั#$อเชุ#$อมโยงไป

ย งไฟลิ�เอกสาริ แลิ�ว็คลิ�กเลิ#อก

2. ริะบบจัะแสด้งหน�าต้(างเลิ�กๆ ข10นมาเพั#$อใชุ�ในการิจั ด้การิเก�$ยว็ก บการิสริ�างแลิะแก�ไข link

12345

2

การกรอกข�อมื�ล1. Link URL ริะบ ที�$อย&(ของไฟลิ� หริ#อหน�าเอกสาริที�$ผ&�ใชุ�ต้�องการิ

เชุ#$อมโยงไป2. Anchors เป2นการิเชุ#$อมโยงไปย งต้'าแหน(งที�$ได้�ก'าหนด้ไว็�ใน

หน�าเด้�ยว็ก น โด้ยผ&�ใชุ�ต้�องก'าหนด้ค'าที�$จัะใชุ�เป2นลิ�งค�ก(อนโด้ยใชุ�เคริ#$องม#อ

3. Target ต้'าแหน(งที�$ต้�องการิเป?ด้ไฟลิ� หริ#อหน�าเอกสาริ

4. Title ชุ#$อหริ#อข�อคว็ามที�$แสด้งเม#$อน'า cursor ไปหย ด้อย&(เหน#อ link

5. Class ริ&ปแบบของ link ซ1$งก'าหนด้ได้�จัากการิเข�ยน CSS

จัากน 0นคลิ�กป 9ม เพั#$อแทีริกริ&ปภาพัเข�าไปในเน#0อหา

2

ว�ธี,การใช้�งาน FTP เพ��อจั�ดการไฟล�

FTP เป2นว็�ธิ�การิหน1$งที�$ใชุ�ในการิริ บส(งไฟลิ�ริะหว็(างก นริะหว็(างเคริ#$องคอมพั�ว็เต้อริ�ก บเคริ#$องแม(ข(าย (FTP Server) บนเคริ#อข(ายอ�นเทีอริ�เนต้ โด้ยที�มงานได้�พั ฒนาริะบบการิจั ด้การิไฟลิ�จัากเด้�มที�$ม�การิอ พัโหลิด้ไฟลิ�ได้�ที�ลิะไฟลิ� ไม(สามาริถึสริ�างโฟลิเด้อริ�เองได้� ที'าให�ผ&�ใชุ�งานอาจัจัะจั'าไม(ได้�ว็(าได้�จั ด้เก�บไว็�ที�$ใด้

ด้ งน 0น ริะบบการิจั ด้การิไฟลิ�ที�$ได้�พั ฒนาข10นมาจั1งใชุ�ว็�ธิ�การิริ บส(งไฟลิ�ด้�ว็ย FTP โด้ยผ&�ใชุ�งานจั'า เป2นต้�องต้�ด้ต้ 0งโปริแกริม FTP Client (เชุ(น FileZilla) ในเคริ#$องก(อน ซ1$งสามาริถึด้&ว็�ธิ�การิต้�ด้ต้ 0งแลิะการิใชุ�งานได้�จัากห ว็ข�อต้(อไปน�0

(หากม�ข�อสงส ย สามาริถึต้�ด้ต้(อมาย ง support@portal.in.th หริ#อ 074-287971)

การิต้�ด้ต้ 0งโปริแกริม FTP Client การิน'าไฟลิ�ข10นเคริ#$องแม(ข(าย ว็�ธิ�การิน'าไฟลิ�มาใชุ�งาน

การต�ดต��งโปรแกรมื FTP Client

1. ในการิอ พัโหลิด้ไฟลิ�ด้�ว็ย FTP จั'าเป2นต้�องม�โปริแกริม FTP ฝB$ งของผ&�ใชุ(ก( อ น : ค ลิ� ก ด้ า ว็ น� โ ห ลิ ด้ FileZilla Client (เ ลิ# อ ก FileZilla_3.3.2.1_win32-setup.exe ส'าหริ บ Windows นอกน 0นเลิ#อกต้าม OS ที�$ได้�ใชุ�งาน)

2. ไปที�$เก�บไฟลิ�ที�$ได้�ด้าว็น�โหลิด้โปริแกริมมาแลิ�ว็ด้ บเบ�0ลิคลิ�กเพั#$อต้�ด้ต้ 0ง จัากน 0นคลิ�ก Run

2

3. คลิ�ก I Agree เพั#$อยอมริ บเง#$อนไข

4. กด้ next เพั#$อด้'าเน�นการิต้�ด้ต้ 0งโปริแกริม FileZilla ต้(อไป

2

5. เลิ#อกส(ว็นปริะกอบในการิต้�ด้ต้ 0ง ด้�ว็ยการิ คลิ�ก แลิ�ว็ คลิ�ก next เพั#$อด้'าเน�นการิต้�ด้ต้ 0งในข 0นต้(อไป

6. เลิ#อกสถึานที�$ ที�$ เริาจัะจั ด้เก�บโปริแกริม FileZilla เชุ(น Drive C

เป2นต้�น แลิ�ว็คลิ�ก next

2

7.เลิ#อกชุ#$อ shortcuts หริ#อ ป 9มลิ ด้ ในการิเข�าใชุ�งานโปริแกริม FileZilla

แลิ�ว็คลิ�กป 9ม Install เพั#$อด้'าเน�นการิต้�ด้ต้ 0ง

8. ริอการิต้�ด้ต้ 0ง

2

9. หากแสด้งผลิหน�าต้(างน�0 ก� เป2นการิเสริ�จัส�0นการิต้�ด้ต้ 0งโปริแกริม FileZilla ให�คลิ�ก Finish แลิ�ว็เริ�$มการิใชุ�งานได้�เลิย

การน$าไฟล�ข9�นเคู่ร��องแมื�ข�าย์

2

1. ด้ บเบ�0ลิคลิ�กไอคอนของโปริแกริม FTP Client เพั#$ อเริ�ยกใชุ�งานโปริแกริม (ต้ ว็อย(างน�0ใชุ�โปริแกริม FileZilla)

2. จัะข10นหน�าต้(างของโปริแกริม

ชุ(องต้(างๆ ในแทีบส�เหลิ#องให�ใส(ค(าด้ งต้(อไปน�0 โฮสต้� ใส( ftp.portal.in.th

ชุ#$อผ&�ใชุ� ให�ใส(ชุ#$อผ&�ใชุ�ที�$ที(านใชุ�ในการิเข�าริะบบ ริห สผ(าน ใส(ริห สผ(านของที(านที�$ใชุ�ในการิเข�าริะบบ พัอริ�ต้ ใส(ค(า 2121

3. การิที'างานของแต้(ลิะพั#0นที�$

2

แที�บส�ม(ว็ง ค#อ พั#0นที�$แสด้งได้เริคทีอริ�$ในเคริ#$องของเริา ซ1$งเริาสามาริถึหาพั#0นที�$ที�$เริาเก�บไฟลิ�ได้�จัากส(ว็นน�0

แที�บส�ฟ>า ค#อ พั#0นที�$แสด้งไฟลิ�ที�$อย&(ในได้เริคทีอริ�$ที�$เริาเลิ#อกในเคริ#$องของเริา

แที�บส�เข�ยว็ ค#อ พั#0นที�$แสด้งริายการิไฟลิ�ที�$เริาเก�บในเคริ#$องแม(ข(าย

2

4. เริาสามาริถึคลิ�กเลิ#อกไฟลิ�จัากพั#0นที�$ที�$แสด้งริายการิไฟลิ�ที�$อย&(ในเคริ#$องของเริา (แทีบส�ฟ>า) โด้ยการิคลิ�กแลิ�ว็ลิากมาว็างไว็�ในส(ว็นที�$แสด้งริายการิไฟลิ�ที�$อย&(บนเคริ#$องแม(ข(าย (แทีบส�เข�ยว็)

2

กรณี,ที่,�ต�องการสร�างไดเรคู่ที่อร,�หร�อโฟลเดอร�เพ�� อเก'บัไฟล�ให�เป3นส�ดส�วน

ค#อ เริาสามาริถึสริ�างโฟลิเด้อริ�ใหม(แลิะต้ 0งชุ#$อโฟลิเด้อริ�น 0น (แนะน'าให�เป2นภาษาอ งกฤษ) แลิ�ว็น'าไฟลิ�ไปเก�บในโฟลิเด้อริ�น 0น เพั#$อจั ด้เก�บไฟลิ�ให�เป2นกลิ (มๆ ที'าให�เริาสามาริถึค�นหาไฟลิ�ที�$ต้�องการิได้�ง(าย ส'าหริ บว็�ธิ�การิสามาริถึที'าได้� ด้ งน�0

1. คลิ�กขว็าต้ริงบริ�เว็ณ์ว็(างๆ ในส(ว็นที�$แสด้งริายการิไฟลิ�บนเคริ#$องแม(ข(าย (แทีบส�เข�ยว็)

2. ต้ 0งชุ#$อได้เริคทีอริ�$หริ#อโฟลิเด้อริ�ใหม(น�0 (แนะน'าให�ใชุ�ต้ ว็อ กษริภาษาอ งกฤษในการิต้ 0งชุ#$อได้เริคทีอริ�$แลิะชุ#$อไฟลิ�จัะด้�ที�$ส ด้)

2

3. เริาจัะได้�โฟลิเด้อริ�ใหม(เพั#$อเก�บไฟลิ� ซ1$งว็�ธิ�การิน'าไฟลิ�ไปเก�บจัะเหม#อนก บว็�ธิ�การิที�$ได้�กลิ(าว็ไปด้�านบน

1. ว็�ธิ�การิน'าไฟลิ�มาใชุ�งาน

2

2.คลิ�กเลิ#อกไฟลิ�ที�$ต้�องการิน'าไปใชุ�งาน

2

3. copy url ของไฟลิ�โด้ยด้&บริ�เว็ณ์ที�$กลิ(องข�อคว็ามชุ�0อย&(ในริ&ป ซ1$งม�ริ&ปแบบของ url ค#อ http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�ในการิเข�าริะบบ/ชุ#$อไฟลิ� (ใส(นามสก ลิของไฟลิ�ด้�ว็ย เชุ(น .jpg , .doc , .ppt , .pdf เป2นต้�น)

กริณ์�ที�$ไฟลิ�น 0นอย&(ภายใต้�โฟลิเด้อริ�อ�กชุ 0น url ค#อ http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�ในการิเข�าริะบบ/ชุ#$อโฟลิเด้อริ�/ชุ#$อไฟลิ�

2

ต�วอย์�าง http://file.portal.in.th/dusanee/file1.jpg หริ#อ http://file.portal.in.th/dusanee/folderName/file1.jpg

4. เม#$อได้� url ของไฟลิ�มาแลิ�ว็ สามาริถึอ(านว็�ธิ�การิน'าไปใชุ�งานในริ&ปแบบของไฟลิ�ริ&ปแลิะไฟลิ�เอกสาริต้ามว็�ธิ�ที�$ http://portal.in.th/main/pages/5664/ ในข 0นต้อนที�$ 3 แลิะ 4

พอดคู่าสต� (Podcast)

พัอด้คาสต้�(podcast) ค#อ การิเผยแพัริ(ไฟลิ�ม ลิต้�ม�เด้�ยต้(างๆ เชุ(น ไฟลิ�เส�ยง หริ#อ ไฟลิ�ว็�ด้�โอ (.mp3 , .mp4 , .flv) ผ(านทีางริะบบ

2

อ�นเต้อริ�เน�ต้ พัริ�อมที 0งสามาริถึ ด้าว็น�โหลิด้ แลิะริ บฟBงข(าว็สาริจัากคอมพั�ว็เต้อริ�หริ#อเคริ#$องเลิ(น ได้�ที กที�$ที กเว็ลิา

การสร�างประเภที่พอดคู่าสต�1. ผ&�ใชุ�จัะต้�องที'าการิสริ�างปริะเภทีของพัอด้คาสต้�ก(อนที�$จัะที'าการิ

สริ�างพัอด้คาสต้�ข10น โด้ยเริ�$มจัากการิ เข�าส&(หน�าสร�างประเภที่พอดคู่าสต�โด้ย เลิ#อกเมน& พอดคู่าสต� > สร�างประเภที่พอดคู่าสต� หริ#อ

คลิ�กป 9ม ที�$อย&(ทีางด้�านขว็าม#อใน ส�วนคู่$าส$าคู่�ญและประเภที่ของข�อมื�ล

2. จัากน 0นริะบบจัะแสด้งหน�าสร�างประเภที่พอดคู่าสต�ใหมื�ให�ผ&�ใชุ�กริอกช้��อ แลิะ สล�ก

3. คลิ�กป 9ม ริะบบจัะแสด้งหน�า ราย์การประเภที่พอดคู่าสต�

2

การแก�ไขประเภที่พอดคู่าสต�1. ผ&�ใชุ�สามาริถึแก�ไขพัอด้คาสต้�ได้�จัากหน�าราย์การประเภที่พอด

คู่าสต� ซ1$งสามาริถึเข�าถึ1งได้�โด้ย เลิ#อกเมน& พอดคู่าสต� > จั�ดการประเภที่พอดคู่าสต� หริ#อ คลิ�กป 9ม ที�$อย&(ทีางด้�านขว็าม#อใน

ส�วนคู่$าส$าคู่�ญและประเภที่ของข�อมื�ลใน หน�าแผู้งราย์การจั�ดการเว'บั(Backend) ริะบบจัะแสด้งหน�าราย์การประเภที่พอดคู่าสต�

2. คลิ�กเลิ#อก ช้��อประเภที่พอดคู่าสต� ที�$ต้�องการิจัะแก�ไข

3. ผ&�ใชุ�สามาริถึแก�ไขได้�ที 0งช้��อ แลิะ สล�กของปริะเภทีพัอด้คาสต้� เม#$อแก�ไขเสริ�จัเริ�ยบริ�อยแลิ�ว็ให�คลิ�กป 9ม

การสร�างพอดคู่าสต�ใหมื�

2

1. หลิ งจัากที�$ผ&�ใชุ�สริ�างปริะเภทีของพัอด้คาสต้�ไว็�แลิ�ว็ก�จัะสามาริถึเพั�$มพัอด้คาสต้�ใหม(เข�าไปได้� โด้ยเลิ#อกเมน& พอดคู่าสต� > สร�างพอดคู่าสต�ใหมื� หริ#อ คลิ�กป 9ม ทีางด้�านซ�ายของหน�าแผู้ง

ราย์การหล�ก(Backend) ในส�วนพอดคู่าสต�ล�าส0ด

2

2. กริอกข�อม&ลิพัอด้คาสต้�ให�คริบถึ�ว็น

ว�ธี,กรอกข�อมื�ล1. ช้��อ : ริะบ ชุ#$อของพัอด้คาสต้�2. URL : ของไฟลิ�ส#$อ ที�$อย&(ของไฟลิ� โด้ยผ&�ใชุ�สามาริถึเพั�$มไฟลิ�ที�$

ต้�องการิ ที'าการิค ด้ลิอกที�$อย&(ของไฟลิ�แลิะน'ามาว็างในชุ(องน�0ได้� (ด้&ห ว็ข�อการิจั ด้การิไฟลิ�แลิะการิน'าไปใชุ�)

3. คู่วามืย์าวของไฟล�ส��อ : จั'าเป2นต้�องใส( โด้ยคว็ามยาว็ของไฟลิ�ม�หน(ว็ยเป2น ไบต้� (Byte)

(1 MB = 1,024 Byte)

4. ประเภที่ของไฟล�ส��อ : Portal.in.th ริองริ บการิใชุ�งานไฟลิ�ม ลิต้�ม�เด้�ยได้� 3 ปริะเภทีค#อ MP3 Audio(mp3) MP4

video(mp4) แลิะ Flash video(flv)

5. เน��อหา6. ซ�อน : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อซ(อนริายการิน�0ชุ $ว็คริาว็

12345

67891

011

2

7. แสดงคู่�าง : เลิ#อกต้ ว็เลิ#อกน�0เพั#$อแสด้งริายการิน�0ก(อนริายการิอ#$นๆ

8. ประเภที่ : เลิ#อกปริะเภทีของพัอด้คาสต้�9. ละต�จั�ด : ใส(ค(าพั�ก ด้ลิะต้�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น

7.008854 เพั#$อสริ�างแผนที�$(ถึ�าม�10. ลองจั�จั�ด : ใส(ค(าพั�ก ด้ลิองจั�จั&ด้ในแบบต้ ว็เลิข ต้ ว็อย(างเชุ(น

100.5007839 เพั#$อสริ�างแผนที�$ (ถึ�าม�)11. คู่$าส$าคู่�ญ กด้ป 9ม "Control" หริ#อ "Command" บน Mac

ค�างไว็� เพั#$อเลิ#อกค'าส'าค ญหลิายๆต้ ว็แลิะคว็ริเลิ#อกค'าส'าค ญที�$สอด้คลิ�องก บเน#0อหา

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก

กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

หลิ งจัากบ นที1กข�อม&ลิเริ�ยบริ�อยแลิ�ว็ริะบบจัะแสด้งหน�า ราย์การพอดคู่าสต� เพั#$อด้'าเน�นการิในข 0นต้อนต้(อไป

 

2

การแก�ไขพอดคู่าสต�1. ผ&�ใชุ�สามาริถึเข�าถึ1งหน�าแก�ไขพัอด้คาสต้�ได้� 2 ว็�ธิ�

2

ว�ธี,ที่,� 1 เลิ#อกเมน& พอดคู่าสต� > จั�ดการพอดคู่าสต� หริ#อ คลิ�กป 9ม ทีางด้�านซ�ายของหน�าแผู้งราย์การจั�ดการ

เว'บั(Backend) ในส�วนพอดคู่าสต�ล�าส0ด

จัากน 0นคลิ�กเลิ#อก ที�$ช้��อพอดคู่าสต�ที�$ต้�องการิแก�ไข

2

ว�ธี,ที่,� 2 คลิ�กเลิ#อก ช้��อพอดคู่าสต�ที�$ต้�องการิแก�ไข ในส�วนพอดคู่าส

ต�ล�าส0ด ทีางด้�านซ�ายของหน�าแผู้งราย์การจั�ดการเว'บั (Backend)

เพั#$อเข�าส&(หน�าแก�ไขพอดคู่าสต� โด้ยต้ริง

2. หน�าแก�ไขพอดคู่าสต� ม�ลิ กษณ์ะเหม#อนก บหน�าสร�างพอดคู่าสต�ใหมื�

หลิ งจัากแก�ไขข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�คลิ�กป 9ม หริ#อคลิ�ก

กริณ์�ที�$ต้�องกาบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที�

 

2

การลบัพอดคู่าสต�1. ผ&�ใชุ�สามาริถึที'าการิลิบพัอด้คาสต้�ที�$สริ�างไว็�ได้� โด้ยการิคลิ�กป 9ม

ที�$อย&(ทีางขว็าม#อในหน�าแก�ไขพอดคู่าสต�

2. ริะบบจัะข10นข�อคว็ามเต้#อนเพั#$อย#นย นว็(าผ&�ใชุ�ต้�องการิลิบก�จักริริม

น 0นหริ#อไม(

3. คลิ�กป 9ม เพั#$อย#นย น หริ#อ คลิ�กป 9ม เพั#$อยกเลิ�กการิลิบพัอด้คาสต้�

2

การเพ��มืผู้��ร�วมืเข,ย์น

ผู้��ร�วมืเข,ย์น ค#อ สมาชุ�กของ GotoKnow Network

Passport ที�$เริาสริ�างเข�ามาริ(ว็มเป2นผ&�ริ (ว็มสริ�างแลิะเข�ยนข�อม&ลิในเว็�บไซต้�ของเริาได้� โด้ยม�ว็�ธิ�การิเพั�$ม ด้ งน�01.ผ&�ใชุ�สามาริถึเพั�$มผ&�ริ (ว็มเข�ยนได้�โด้ยการิกด้ป 9ม ในส�วนผู้��ร�วมื

เข,ย์น ทีางด้�านขว็าของหน�าแผู้งราย์การจั�ดการเว'บั (Backend)

2.จัากน 0นริะบบจัะแสด้งหน�าราย์การผู้��ร�วมืเข,ย์น ให�ผ&�ใชุ�คลิ�กป 9ม ที�$อย&(ทีางด้�านขว็าของหน�า

2

ในหน�าเพ��มืผู้��ร�วมืเข,ย์นให�ใส(ช้��อที่,�ใช้�ในการเข�าระบับัของผู้��ที่,�เราต�องการให�เข�ามาเป2นผ&�ริ (ว็มเข�ยนในเว็�บไซต้�น�0 ซ1$งผ&�น 0นจัะต้�องเคยเข�าริะบบมาก(อน

ริะบบจั1งจัะสามาริถึเพั�$มให�เป2นผ&�ริ (ว็มเข�ยนได้�

ต้ ว็อย(าง นาย A ต้�องการิเพั�$มนาย B เป2นผ&�ริ (ว็มเข�ยน ด้ งน 0นริะบบจัะเพั�$มให�นาย B เป2นผ&�ริ (ว็มเข�ยนก�ต้(อนาย B เคยเข�าริะบบด้�ว็ยชุ#$อแลิะริห สผ(านของนาย B มาก(อนแลิ�ว็อย(างน�อย 1 คริ 0ง แลิะในขณ์ะที�$นาย A ก'าลิ งเพั�$มนาย B เป2นผ&�ริ (ว็มเข�ยน นาย B อาจัก'าลิ งอย&(ในริะบบหริ#ออกจัากริะบบแลิ�ว็ ริะบบก�ย งสามาริถึเพั�$มนาย B เป2นผ&�ริ (ว็มเข�ยนให�ได้�

3. เม#$อริะบ ช้��อเข�าใช้� แลิะกด้ป 9ม ริะบบจัะให�ผ&�ใชุ�ที'าการิย#นย นอ�กคริ 0งหน1$ง ให�กด้ป 9ม เพั#$อย#นย นการิเพั�$มผ&�ริ (ว็มเข�ยน

4. ริะบบจัะแสด้งหน�าราย์การผู้��ร�วมืเข,ย์น เพั#$อด้'าเน�นการิในข 0น

ต้(อไป

2

การอ�างอ�งหน�าเพจัภาย์ในเว'บัศู�นย์�รวมื

บางคริ 0งเริาเองก�อาจัสริ�าง link ที�$เป2นข�อคว็ามหริ#อริ&ป เพั#$อเชุ#$อมโยงหน�าเพัจัภายในเว็�บไซต้� โด้ยการิน'าที�$อย&( (url) ของหน�าเพัจัน 0นมาใชุ�

1. ไปที�$ส(ว็นจั ด้การิหน�าเพัจั แลิ�ว็คลิ�กเลิ#อกหน�าเพัจัที�$ต้�องการิ

2. กริณ์�ที�$ใชุ�โด้เมนเนมที�$จัด้ทีะเบ�ยน เว็ลิาอ�างอ�งใส(ชุ#$อโด้เมนของเว็�บไซต้�ที�$เริาจัด้มาเข�าไปด้�ว็ย โด้ยน'าหน�าที�$อย&(ที�$เริา copy น�0

ต้ ว็อย(าง เริาใชุ�โด้เมนชุ#$อ abc.com เว็ลิาเริาจัะอ�างอ�งก�ใส(ว็(า http://abc.com/main/pages/1 เป2นต้�น

2

การสร�างแผู้นที่,�อ�ตโนมื�ต�1. เข�าไปที�$เว็�บไซต้� http://maps.google.com/ จัากน 0นเลิ#$อน

แผนที�$ไปย งบริ�เว็ณ์ที�$ต้�องการิ โด้ยผ&�ใชุ�สามาริถึปริ บย(อ-ขยาย โด้ยพัยายามให�บริ�เว็ณ์ที�$ต้�องการิอย&(ต้ริงกลิาง

2. ใส(โค�ด้ Javascript น�0ในชุ(อง URL ของ browser ที�$เป?ด้แผนที�$javascript:void(prompt('',gApplication.getMap().getCenter()));

3. จัะข10น pop-up แสด้งค(าละต�จั�ด ลองจั�จั�ด เริ�ยงต้ามลิ'าด้ บ ด้ งริ&ป

2

4. ค ด้ลิอกค(าละต�จั�ด ลองจั�จั�ดน'าไปใส(ในหน�าเพัจั ข(าว็ หริ#อก�จักริริม ที�$ต้�องการิแสด้งแผนที�$อ ต้โนม ต้�

5. ผลิการิกริอกค(าพั�ก ด้ละต�จั�ดแลิะลองจั�จั�ดเป2นด้ งน�0

2

กรณี,ที่,�ที่�านได�ใช้�โดเมืนเนมื (Domain Name) ของที่�านสามาริถึสริ�างแผนที�$อ ต้โนม ต้� ด้ งน�0

1. เข�าไปลิงทีะเบ�ยนเพั#$อขอ Google Maps API Key ที�$เว็�บไซต้� http://code.google.com/apis/maps แลิ�ว็เลิ#อก

คลิ�กลิ�งค� Sign up เพั#$อลิงทีะเบ�ยน

2. อ(านริายลิะเอ�ยด้เง#$อนไข แลิะที'าเคริ#$องหมาย ในชุ(อง I have read and agree with the terms and conditions

3. ใส(ชุ#$อโด้เมนเนมของเว็�บไซต้�ที(าน ในชุ(อง My web site URL:

2

ที'าการิค ด้ลิอก Google Maps API Key ในชุ(อง Your key is :

4. กลิ บมาย งหน�าแผู้งราย์การจั�ดการเว'บั (Backend) คลิ�กป 9ม ทีางด้�านขว็าบนของหน�า

2

5. น'า Key ที�$ได้�ริ บจัาก Google Maps API มาใส(ในชุ(อง Google

Maps API Key ของหน�าแก�ไขเว'บัศู�นย์�รวมื

หลิ งจัากกริอกข�อม&ลิเริ�ยบริ�อยแลิ�ว็ ให�กด้ป 9ม หริ#อกด้ป 9ม กริณ์�ที�$ต้�องการิบ นที1กแลิะต้�องการิแก�ไขข�อม&ลิต้(อที นที� จัากน 0นที(านสามาริถึสริ�างแผนที�$อ ต้โนม ต้�ต้ามว็�ธิ�การิสริ�างแผนที�$ด้ งกลิ(าว็ข�างต้�นได้�ปกต้�

การต��งคู่�าโดเมืนเนมื (Domain Name)

2

เม#$อที(านต้�องการิใชุ�ชุ#$อโด้เมนเนม(Domain Name)ของที(านที�$ได้�จัด้ทีะเบ�ยนโด้เมนเนมเริ�ยบริ�อยแลิ�ว็ สามาริถึที'าต้ามข 0นต้อน ด้ งน�0

1. กด้ป 9ม ทีางด้�านขว็าของหน�าแผู้งราย์การ

หล�ก(Backend) เพั#$อเข�าส&(หน�าแก�ไขเว'บัไซต�น,�

2. ริะบบจัะแสด้งริายลิะเอ�ยด้ข�อม&ลิของเว็�บไซต้�น�0 ให�ผ&�ใชุ�ที'าการิแก�ไขที่,�อย์��ของเว็�บไซต้� แลิะที'าเคริ#$องหมาย ในช้�องที่,�อย์��โดเมืน

2

3. หากชุ#$อโด้เมนที�$ผ&�ใชุ�กริอกข�อม&ลิไว็�ย งไม(ได้�ต้ 0งค(า DNS ให�ชุ�0มาย งเลิขไอพั� 203.151.20.31 ผ&�ใชุ�ก�จัะไม(สามาริถึบ นที1กการิ

แก�ไขเว็�บไซต้�น�0ได้�

แลิะถึ�าหากที'าการิก'าหนด้ให�ชุ#$อโด้เมนน 0นๆชุ�0มาย งเลิขไอพั�ที�$ถึ&กต้�องแลิ�ว็ ริะบบจัะแสด้งผลิการิด้'าเน�นการิให�เห�นในหน�าแผู้งราย์การจั�ดการเว'บั(Backend) ด้ งน�0

เม#$อก'าหนด้ชุ#$อโด้เมนเริ�ยบริ�อยแลิ�ว็ ผ&�ใชุ�สามาริถึเข�าใชุ�เว็�บไซต้�น�0ได้�โด้ยพั�มพั�ชุ#$อโด้เมนที�$ผ&�ใชุ�ก'าหนด้ไว็�ในชุ(องที่,�อย์��

2

เที่คู่โนโลย์, RSSRSS ค#อริ&ปแบบหน1$งของการิริ บข�อม&ลิข(าว็สาริจัากเว็�บไซต้�ที�$เริา

สนใจั ส'าหริ บเว็�บไซต้�ที�$สริ�างจัากบริ�การิของ Portal.in.th น 0น ผ&�เข�าชุมเว็�บไซต้�สามาริถึเลิ#อกริ บข(าว็ใหม(ลิ(าส ด้ที�$ม�อย&(ในริายการิของเว็�บไซต้�ของเริาผ(านเทีคโนโลิย�ของ RSS ที'าให�ง(ายต้(อการิต้�ด้ต้ามข(าว็สาริลิ(าส ด้ของเว็�บไซต้�ที�$ริ บ RSS จัากเริามา ซ1$งว็�ธิ�การิริ บ RSS feed สามาริถึที'าได้�ด้ งน�0

ว�ธี,ร�บั RSS Feed ส$าหร�บั Firefox1. เข�าไปย งเว็�บไซต้�ที�$ที(านต้�องการิริ บ RSS feed เชุ(น ต้�องการิ

ริ บ RSS feed จัากเว็�บ Portal.in.th

2. ในหน�าต้(างของ Firefox จัะปริากฏส ญลิ กษณ์� อย&(ทีาง

ด้�านขว็าม#อของ address bar

3. เม#$อคลิ�กริ&ป จัะปริากฏเมน&ย(อยให�เลิ#อก 2 บริริที ด้ ค#อ ริ บข(าว็ลิ(าส ด้แลิะริ บพัอด้คาสต้�ลิ(าส ด้

4. ในหน�า RSS feed ให�ผ&�ใชุ�คลิ�กป 9ม

2

5. ริะบบจัะแสด้งหน�าต้(างไลิฟEบ Fคมาริ�ก ให�ริะบ ชุ#$อแลิะต้'าแหน(งที�$จัะว็าง RSS feed โด้ยปกต้�โฟลิเด้อริ�หริ#อต้'าแหน(งที�$จัะว็างไลิฟEบ Fคมาริ�กน 0นจัะต้ 0งไว็�ที�$ แถึบเคริ#$องม#อที�$ค $นหน�าเว็�บ หริ#อ Bookmarks Toolbar Folder

6. หลิ งจัากย#นย นการิริ บ RSS feed เริ�ยบริ�อยแลิ�ว็จัะปริากฏ

ไลิฟEบ Fคมาริ�กเพั�$มข10นที�$แถึบเคริ#$องม#อที�$ค $นหน�าเว็�บ

7. ที(านสามาริถึเข�าชุมหน�าข(าว็ได้�โด้ยต้ริง โด้ยเลิ#อกห ว็ข�อข(าว็ที�$

ปริากฏในไลิฟEบ Fคมาริ�ก

2

ว�ธี,ร�บั RSS feed ส$าหร�บั Internet Explorer (IE)1. เข�าไปย งเว็�บไซต้�ที�$ที(านต้�องการิริ บ RSS feed เชุ(น ต้�องการิ

ริ บ RSS feed จัากเว็�บ Portal.in.th

2. ในหน�าต้(างของ IE จัะปริากฏส ญลิ กษณ์� อย&(ในส(ว็นของ

Command bar

3. เม#$อคลิ�กริ&ป จัะปริากฏเมน&ย(อยให�เลิ#อก 2 บริริที ด้ ค#อ ริ บข(าว็ลิ(าส ด้แลิะริ บพัอด้คาสต้�ลิ(าส ด้

4. ในหน�า RSS feed ให�ผ&�ใชุ�คลิ�กลิ�งค� Subscript to this feed

2

5. ริะบบจัะแสด้งหน�าต้(าง ให�ริะบ ชุ#$อแลิะต้'าแหน(งที�$จัะว็าง RSS

feed โด้ยปกต้�ต้'าแหน(งที�$จัะว็างส'าหริ บ IE ค#อ Feeds

ผ&�ใชุ�สามาริถึที'าเคริ#$องหมาย หน�า Add to Favorites Bar เพั#$อให� RSS feed แสด้งใน Favorites Bar

เม#$อริะบ ชุ#$อแลิะต้'าแหน(งส'าหริ บว็าง RSS feed แลิ�ว็ให�คลิ�กป 9ม

6. หลิ งจัากย#นย นการิริ บ RSS feed เริ�ยบริ�อยแลิ�ว็จัะปริากฏอย&(

ในเมน& Favorites แทีบ Feeds

7. ที(านสามาริถึเข�าชุมหน�าข(าว็ได้�โด้ยต้ริง โด้ยเลิ#อกห ว็ข�อข(าว็ที�$ปริากฏ

2

การที่$า Photo Album

กริณ์�ที�$เริาต้�องการิน'าเสนอริ&ปเป2นจั'านว็นมากหริ#อต้�องการิน'าเสนอริ&ปในริ&ปแบบของการิที'าเป2น Photo Album (ด้&ต้ ว็อย(าง) ที(านสามาริถึเริ�$มจัากการิจั ด้เต้ริ�ยมไฟลิ�ริ&ปที�$ต้�องการิน'ามาจั ด้ที'า จัากน 0นน'าไปอ พัโหลิด้ข10นเคริ#$องแม(ข(ายด้�ว็ยโปริแกริม FTP แลิะเริ�ยกมาใชุ�งานโด้ยการิใส(โค�ด้ HTML เพั�$มเต้�มเลิ�กน�อย ซ1$งม�ข 0นต้อนการิที'าด้ งห ว็ข�อต้(อไปน�0

ข��นตอนการเตร,ย์มืไฟล�ร�ปและการอ�พโหลดข9�นเคู่ร��องแมื�ข�าย์

ในข 0นต้อนน�0จัะเป2นข 0นต้อนของการิต้กแต้(งไฟลิ�ริ&ปของเริาในจั'านว็นที�$มากด้�ว็ยโปริแกริม PhotoScape โด้ยเริาจัะก'าหนด้ค ณ์สมบ ต้�ของริ&ปเพั�ยงคริ 0งเด้�ยว็ แลิ�ว็โปริแกริมจัะแปลิงริ&ปที 0งหมด้ที�$เริาเลิ#อกต้ามริ&ปแบบที�$เริาได้�ต้ 0งค(าไว็�

ในข 0นต้อนน�0จัะเป2นการิลิด้ขนาด้ของริ&ปลิงเพั#$อให�ได้�ริ&ปเลิ�กๆ ที�$ม�ขนาด้ของคว็ามกว็�างปริะมาณ์ 120 px เพั#$อน'ามาเริ�ยงเป2นต้ ว็อย(างให�ผ&�เข�าชุมเว็�บไซต้�เริาคลิ�ก (ด้&ต้ ว็อย(าง) ส(ว็นคว็ามส&งน 0นให�เคริ#$องม#อปริ บให�เริาเองอ ต้โนม ต้� โด้ยอาจัม�การิต้กแต้(งเพั#$มเต้�มต้ามเคริ#$องม#อที�$ม�ให�ของโปริแกริม ซ1$งม�ว็�ธิ�การิด้ งต้(อไปน�0

1. คลิ�กเริ�ยกใชุ�งานโปริแกริม โฟโต้�สเคป (PhotoScape) จัากน 0นจั1งคลิ�กไอคอน แก�ไขภาพัเป2นกลิ (ม

2

หากที(านย งไม(ม�โปริแกริมน�0สามาริถึคลิ�ก ด้าว็น�โหลิด้โปริแกริม PhotoScape  ได้�เลิยค(ะ

 2. เม#$อคลิ�กเลิ#อกไอคอน แก�ไขร�ปภาพเป3นก0ล�มื โปริแกริมจัะแสด้งเคริ#$องม#อการิใชุ�งานในหน�าต้(างใหม( ด้ งริ&ป

2

 3. ค�นหาโฟลิเด้อริ�ที�$เริาเก�บภาพัของเริาที�$ต้�องการิน'ามาที'าเป2น Photo

Gallery ในกริอบส�แด้งจัากน 0นคลิ�กเริาคลิ�กเลิ#อกโฟลิเด้อริ�น 0น ริ&ปแลิะไฟลิ�ต้(างๆ ที�$อย&(ในโฟลิเด้อริ�น 0นจัะแสด้งในชุ(องกริอบส�เข�ยว็ ด้ งริ&ป

 หริ#อ คลิ�กป 9ม เพ��มื จัะม�หน�าต้(างใหม(ข10นมาเพั#$อให�เริาเลิ#อกริ&ปหริ#อไฟลิ�จัากเคริ#$องของเริา โด้ยเริาสามาริถึคลิ�กเลิ#อกริ&ปที�$ต้�องการิจัากน 0นจั1งคลิ�ก open เพั#$อเพั�$มริ&ป

2

       กริณ์�ที�$เริาต้�องการิเลิ#อกริ&ปที�ลิะหลิายๆ ริ&ปสามาริถึกด้ป 9ม Ctrl บนแป>นค�ย�บอริ�ด้ค�างไว็�แลิ�ว็คลิ�กเลิ#อกริ&ปที�$เริาต้�องการิ

 4. ริ&ปที�$เริาเลิ#อกมาจัะแสด้งเป2นริายการิโด้ยจัะแสด้งชุ#$อของไฟลิ�ในชุ(องกริอบส�แด้งด้ งริ&ป เริาสามาริถึคลิ�กเลิ#อกริ&ปที�$ไม(ต้�องการิแลิ�ว็กด้ป 9ม delete บนแป>นค�ย�บอริ�ด้เพั#$อลิบไฟลิ�ริ&ปน 0นออกได้�

2

5. ลิ'าด้ บต้(อไปเริาจัะมาเลิ#อกริ&ปแบบของกริอบริ&ปภาพัของเริาก น ซ1$งโปริแกริมน�0ก�จัะม�ให�เริาเลิ#อกอย&(หลิายแบบด้�ว็ยก น หากไม(ต้�องการิให�ม�กริอบก�เลิ#อก ไมื�มื,กรอบั

6. เม#$อเลิ#อกกริอบเริ�ยบริ�อยแลิ�ว็ เริาก�ต้�องมาลิด้ขนาด้ของริ&ป โด้ยเริาจัะเลิ#อกปริ บ เพ��มื/ลด คู่วามืกว�าง หริ#อจัะเลิ#อกอ#$นๆ

2

 

      กริณ์�ที�$เริาต้�องการิที'า Photo Gallery เริาจัะต้�องสริ�างโฟลิเด้อริ�เพั#$อเก�บไฟลิ�ริ&ปภาพัของเริา 2 โฟลิเด้อริ�ในเคริ#$องของเริาก(อน โด้ยโฟลิเด้อริ�แริกจัะเก�บไฟลิ�ริ&ปต้�นฉบ บซ1$งเริาจัะลิด้ขนาด้หริ#อไม(ก�แลิ�ว็แต้( อาจัต้ 0งชุ#$อโฟลิเด้อริ�ว็(า big แลิะโฟลิเด้อริ�ที�$สอง เริาจัะเก�บไฟลิ�ที�$ลิด้ขนาด้แลิ�ว็ ซ1$งเริาจัะลิด้แค(คว็ามกว็�างของไฟลิ�อย(างเด้�ยว็ ขนาด้คว็ามกว็�างของไฟลิ�ที�$ต้�องลิด้จัะอย&(ที�$ 150 px แลิ�ว็เก�บไฟลิ�น�0ในโฟลิเด้อริ�ที�$ชุ#$อว็(า small โด้ยการิบ นที1กไฟลิ�จัะพั&ด้ถึ1งในข 0นต้อนที�$ 8-10

 

 

2

7. หากเริาต้�องการิแก�ไขไฟลิ�ริ&ปเพั�ยงแค(ไฟลิ�เด้�ยว็ค#อไฟลิ�ที�$เริาก'าลิ งเลิ#อกอย&( ให�คลิ�กป 9ม แปลงภาพน��งป;จัจั0บั�น  แต้(หากต้�องการิแปลิงริ&ปที 0งหมด้ต้ามริ&ปแบบที�$เริาได้�ต้ 0งค(าไว็� ให�เลิ#อกคลิ�กป 9ม แปลง ที่��งหมืด

8. หลิ งจัากคลิ�กป 9มแปลิงจัะข10นหน�าต้(างใหม(ที�$เก�$ยว็ก บการิบ นที1ก ให�เริาคลิ�กเลิ#อกบ นที1กในโฟลิ�เด้อริ� output ในห ว็ข�อ ปลิายทีาง ด้ งริ&ป โด้ยไฟลิ�ที�$ได้�แปลิงน 0นจัะถึ&กบ นที1กในโฟลิ�เด้อริ�ที�$เริาเลิ#อกภาพัมาในข 0นต้อนที�$ 3

2

9. การก$าหนดช้��อ เริาสามาริถึต้ 0งชุ#$อไฟลิ�ใหม(ที�$จัะแปลิงได้� โด้ยสามาริถึเลิ#อกริ&ปแบบของชุ#$อไฟลิ�ที�$ต้�องการิได้�ในกริอบส�แด้ง

ต้ ว็อย(าง

ต้�องการิต้ 0งชุ#$อไฟลิ�ใหม(ที 0งหมด้โด้ยม�ริ&ปแบบด้ งน�0 ชุ#$อไฟลิ� abc แลิ�ว็ต้ามด้�ว็ยหมายเลิขที�$ริ นไปเริ#$อยๆ  ด้ งน 0นจั1งใส(ค'าว็(า abc ในชุ(องแริก แลิ�ว็คลิ�กเลิ#อกริ&ปแบบ หมายเลิข (สามาริถึเลิ#อกจั'านว็นต้ ว็เลิขได้�จัากห ว็ข�อเริ�$มจัากหมายเลิขที�$อย&(ถึ ด้จัากห ว็ข�อว็ นที�$-เว็ลิา) ด้ งน 0น ชุ#$อไฟลิ�ที�$ได้�แปลิงใหม(น�0จัะม�ริ&ปแบบของชุ#$อไฟลิ�เป2น abc01 (ต้ามต้ ว็อย(างในว็งแทีบส�เหลิ#อง)

2

10. เม#$อก'าหนด้ริ&ปแบบของไฟลิ�ที�$ต้�องการิแปลิงเริ�ยบริ�อยแลิ�ว็ คลิ�กป 9มบั�นที่9ก แลิ�ว็โปริแกริมก�จัะบ นที1กไฟลิ�ริ&ปเหลิ(าน�0ในโฟลิเด้อริ�ที�$เริาเลิ#อกในข�อ 9

2

 ว�ธี,การอ�พไฟล�ข9�นเคู่ร��องแมื�ข�าย์

ว็�ธิ�การิก�เหม#อนก บการิอ พัไฟลิ�ปกต้� (คลิ�กอ(านเพั�$มเต้�ม) แต้(ที�มงานขอแนะน'าให�สริ�างได้เริ�กทีอริ�$ใหม(ที�$แยกออกมาเฉพัาะ เพั#$อง(ายต้(อการิจั ด้การิภายหลิ ง เชุ(นต้ ว็อย(างได้�ที'าการิสริ�างได้เริ�กทีอริ�$ใหม(ที�$ชุ#$อ HAForum11

เพั#$อเก�บภาพังานฯ แลิะภายในได้เริ�กทีอริ�$น�0ก�เก�บโฟลิเด้อริ� 2 โฟลิเด้อริ� ค#อ big เก�บไฟลิ�ริ&ปต้�นฉบ บไว็� แลิะโฟลิเด้อริ� small เก�บไฟลิ�ริ&ปที�$ได้�ย(อส(ว็นต้ามข 0นต้อนที�$ 6 ด้�านบนแลิ�ว็ เพั#$อแบ(งไฟลิ�ออกเป2นหมว็ด้หม&(แลิะง(ายต้(อการิจั ด้การิในภายหลิ ง

2

1. สริ�างได้เริ�กทีอริ�$ใหม( โด้ยคลิ�กขว็าแลิ�ว็คลิ�ก สร�างไดเร'กที่อร,�ใหมื� จัากน 0นต้ 0งชุ#$อได้เริ�กทีอริ�$

 2. ต้ ว็อย(างการิจั ด้เก�บไฟลิ�เพั#$อคว็ามเป2นริะเบ�ยบเริ�ยบริ�อยในการิสริ�าง Photo Gallery ซ1$งสามาริถึน'าไปปริะย กต้�ก บการิเก�บไฟลิ�อ#$นๆ

2

ข��นตอนการสร�าง Photo Album

 1. สริ�างหน�าเพัจัข10นมาใหม(

2. คลิ�กป 9ม HTML จัากกลิ(องเคริ#$องม#อ

3. จัะข10นหน�าต้(างใหม(เพั#$อให�ใส(โค�ด้ HTML โด้ยถึ�าเริาม�การิใส(ข�อคว็ามเน#0อหาอย&(ก(อนหน�าน�0 จัะม�โค�ด้ข�อคว็ามเหลิ(าน 0นแสด้งอย&( ให�เริากด้ป 9ม Enter บนค�ย�บอริ�ด้เพั#$อข10นบริริที ด้ใหม(

2

 4. ข 0นต้อนน�0จัะเป2นการิใส(ริ&ป โด้ยเริาจัะใส(โค�ด้ต้(อไปน�0ลิงไป (แนะน'าให�ข10นบริริที ด้ใหม(เม#$อจับโค�ด้ 1 ชุ ด้กริณ์�ที�$ม�การิใส(ริ&ปหลิายริ&ป เพั#$อที'าให�ด้&ง(าย)

หมืาย์เหต0 : ไฟลิ�ริ&ปที�$น'ามา เริาจัะเอามาจัาก FTP ที�$เริาได้�อ พัข10นเคริ#$องแม(ข(ายในข 0นต้อนการิอ พัไฟลิ�ริ&ปข10นเคริ#$องแม(ข(าย

กรณี,ใส�เพ,ย์งร�ปเด,ย์ว : จัะม�ริ&ปแบบของโค�ด้ ด้ งน�0

<a href="ที�$อย&((url)ของไฟลิ�ภาพัต้�นฉบ บ(หริ#อไฟลิ�ที�$อย&(ในโฟลิเด้อริ� big)" title="ข�อคว็ามที�$เริาต้�องการิอธิ�บายของริ&ป อาจัเป2นชุ#$องานหริ#ออ#$นๆ" rel="lightbox"><img src="ที�$อย&((url)ของไฟลิ�ภาพัที�$เริาย(อขนาด้แลิ�ว็(หริ#อไฟลิ�ที�$อย&(ในโฟลิเด้อริ� small)"></a> ด้ งน 0นจัะได้�

<a href="http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�เข�าริะบบ/ชุ#$อโฟลิเด้อริ�ที�$เก�บไฟลิ�(กริณ์�ม�การิสริ�างได้เริ�กทีอริ�$ใหม(เพั#$อเก�บไฟลิ�น�0)/ชุ#$อไฟลิ�พัริ�อมนามสก ลิ" rel="lightbox"><img

src="http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�เข�าริะบบ/ชุ#$อโฟลิเด้อริ�ที�$เก�บไฟลิ�(กริณ์�ม�การิสริ�างได้เริ�กทีอริ�$ใหม(เพั#$อเก�บไฟลิ�น�0)/ชุ#$อไฟลิ�พัริ�อมนามสก ลิ" /></a>

 ต�วอย์�าง

<a href="http://file.portal.in.th/dusanee/images/HAForum11/big/IMG_1414.JPG" title="งานปริะชุ มว็�ชุาการิ HA

National Forum คริ 0งที�$ 11" rel="lightbox"><img src="http://file.portal.in.th/dusanee/images/HAForum11/small/IMG_1414-001.JPG" /></a>

2

  กรณี,ใส�หลาย์ร�ป : กริณ์�น�0ก�คลิ�ายๆ ก บกริณ์�ด้�านบน

<a href="ที�$อย&((url)ของไฟลิ�ภาพัต้�นฉบ บ(หริ#อไฟลิ�ที�$อย&(ในโฟลิเด้อริ� big)" title="ข�อคว็ามที�$เริาต้�องการิอธิ�บายของริ&ป อาจัเป2นชุ#$องานหริ#ออ#$นๆ" rel="lightbox"><img src="ที�$อย&((url)ของไฟลิ�ภาพัที�$เริาย(อขนาด้แลิ�ว็(หริ#อไฟลิ�ที�$อย&(ในโฟลิเด้อริ� small)"></a>

ด้ งน 0นจัะได้�

<a href="http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�เข�าริะบบ/ชุ#$อโฟลิเด้อริ�ที�$เก�บไฟลิ�(กริณ์�ม�การิสริ�างได้เริ�กทีอริ�$ใหม(เพั#$อเก�บไฟลิ�น�0)/ชุ#$อไฟลิ�พัริ�อมนามสก ลิ" rel="lightbox[img]"><img src="http://file.portal.in.th/ชุ#$อที�$ที(านใชุ�เข�าริะบบ/ชุ#$อโฟลิเด้อริ�ที�$เก�บไฟลิ�(กริณ์�ม�การิสริ�างได้เริ�กทีอริ�$ใหม(เพั#$อเก�บไฟลิ�น�0)/ชุ#$อไฟลิ�พัริ�อมนามสก ลิ" /></a>

ต�วอย์�าง

<a href="http://file.portal.in.th/dusanee/images/HAForum11 /big/IMG_1414.JPG" title="งานปริะชุ มว็�ชุาการิ HA

2

National Forum คริ 0งที�$ 11" rel="lightbox[img]"><img src="http://file.portal.in.th/dusanee/images/HAForum11/small/IMG_1414-001.JPG" /></a>

       การิน'าชุ#$อของไฟลิ�มาใชุ�งานน 0น เริาสามาริถึที'าได้�โด้ยการิคลิ�กขว็าแลิ�ว็เลิ#อก เปลิ�$ยนชุ#$อ เพั#$อ copy ชุ#$อของไฟลิ�มาใชุ�งานได้�เลิย แลิะเริาสามาริถึด้&ที�$อย&( (url) ของไฟลิ�ได้�โด้ยด้&จัากชุ(อง ที�$ต้ 0งริะยะไกลิ ในโปริแกริม FTP ซ1$งจัะบอกว็(าไฟลิ�น 0นอย&(ในได้เริ�ด้ทีอริ�$ใด้บ�าง ด้ งน 0นริ&ปแบบของที�$อย&(ของไฟลิ�จั1งเป2น http://file.portal.in.th/ชุ#$อเข�าริะบบของเริา(username)/ที�$ต้ 0งริะยะไกลิ/ชุ#$อไฟลิ�ที�$เริาคลิ�กขว็า copy มา

2

   

5. เม#$อใส(โค�ด้เริ�ยบริ�อยแลิ�ว็คลิ�กป 9ม update (การิเว็�นบริริที ด้ในโค�ด้ใส(ไฟลิ�ริ&ปแต้(ลิะชุ ด้จัะที'าให�ด้&โค�ด้ง(ายข10น)

6. ริะบบจัะแสด้งริายการิของริ&ปที�$เริาใส(ในโค�ด้ โด้ยจัะแสด้งริ&ปเลิ�กๆ ที�$จั ด้ที'าเพั#$อให�ผ&�เข�าชุมคลิ�ก (เริาสามาริถึที'าเป2นริ&ปใหญ(กว็(าน�0ได้� กริณ์�ที�$เริาม�ริ&ปไม(มาก เพัริาะหน�าเพัจัจัะได้�ไม(ยาว็มาก)

2

   

7. ในหน�าแสด้งผลิจัะแสด้งด้ งต้ ว็อย(าง (คลิ�กด้&ต้ ว็อย(าง)

 

การแสดงผู้ลและใช้�งาน

 1. ในหน�าแสด้งผลิเว็�บไซต้�ของเริา

2

 

 

2. คลิ�กริ&ปที�$ต้�องการิจัากหน�าเพัจัที�$แสด้งริ&ป  script จัะริ นแลิะแสด้งไฟลิ�ริ&ปที�$เริาคลิ�กข10นมา ด้ งริ&ป

2

 

3. เริาสามาริถึน'าเม�าที�ไปว็างทีางด้�านขว็าม#อ เพั#$อให�ป 9ม Next แสด้ง แลิะคลิ�กเม#$อต้�องการิด้&ริ&ปถึ ด้ไป

 4. เริาสามาริถึน'าเม�าที�ไปว็างทีางด้�านซ�ายม#อ เพั#$อให�ป 9ม PREV แสด้ง แลิะคลิ�กเม#$อต้�องการิด้&ริ&ปก(อนหน�า

2

2

ส�ญญาอน0ญาต (Creative Commons)

ส�ญญาอน0ญาต หริ#อ Creative Commons (คริ�เอที�ฟคอมมอนส�) ค#อ ส ญญาที�$จัะมอบส�ทีธิ�บางปริะการิของเริาให�ก บผ&�อ#$นในการิน'าข�อม&ลิหริ#อผลิงานของเริาไปเผยแพัริ(หริ#อใชุ�งาน โด้ยม�ขอบเขต้การิน'าไปใชุ�งานภายใต้�ส ญญาอน ญาต้แบบคริ�เอที�ฟคอมมอนส�ที�$เริาได้�ก'าหนด้ไว็� โด้ยที(านสามาริถึอ(านข�อม&ลิต้(างๆได้�  ด้ งน�0

เง��อนไขของส�ญญาอน0ญาต

ส'าหริ บเง#$อนไขของส ญญาอน ญาต้ปริะกอบด้�ว็ยส ญลิ กษณ์�หลิ กๆ ด้ งน�0

1. แสดงที่,�มืา

ค ณ์อน ญาต้ให�คนอ#$นที'าซ'0า แจักจั(าย จั ด้แสด้ง แลิะใชุ�งานสริ�างสริริค�ของค ณ์ ริว็มที 0งงานที�$ด้ ด้แปลิงมาจัากงานของค ณ์ แต้(ต้�องยอมริ บส�ทีธิ��ของค ณ์โด้ยการิอ�างอ�งกลิ บมาหาค ณ์

ต้ ว็อย(าง : ว็ริริณ์าเผยแพัริ(ริ&ปถึ(ายของเธิอภายใต้�เง#$อนไข "แสด้งที�$มา" เพัริาะเธิออยากให�ที กคนใชุ�ริ&ปที�$เธิอถึ(ายได้� ต้ริาบใด้ที�$พัว็กเขา ยอมริ บว็(าเธิอเป2นคนถึ(าย ส ชุาต้�เจัอริ&ปถึ(ายน�0ในอ�นเทีอริ�เน�ต้ แลิะอยากใชุ�ริ&ปน�0ในหน�าแริกที�$เว็�บไซต้�ของเขา ส ชุาต้�จั1งน'าริ&ปน�0ต้�ด้ไว็�ที�$หน�าแริกบนเว็�บไซต้� แลิะอ�างอ�งอย(างชุ ด้เจันว็(าว็ริริณ์าเป2นคนถึ(าย

2. ห�ามืแก�ไข ด�ดแปลง ต�นฉบั�บั

ค ณ์อน ญาต้ให�คนอ#$น แจักจั(าย จั ด้แสด้ง แลิะใชุ�งานต้�นฉบ บของค ณ์เที(าน 0น โด้ยไม(ให�ม�การิน'าไปแก�ไขหริ#อด้ ด้แปลิงใด้ ๆ ที�$ผ�ด้เพั�0ยนจัากงานต้�นฉบ บ

ต้ ว็อย(าง : ว็ นด้�เผยแพัริ(เพัลิงที�$เธิอแต้(งภายใต้�ส ญญาอน ญาต้แบบ "ไม(แก�ไขต้�นฉบ บ" สมศ กด้�6อยากน'าเพัลิงของว็ นด้�ไปเริ�ยบเริ�ยงเส�ยง แลิะต้ ด้ต้(อเข�าก บเพัลิงที�$เขาแต้(ง เพั#$อสริ�างเป2นเพัลิงใหม( สมศ กด้�6

2

ไม(ม�ส�ทีธิ�ที'าเชุ(นน 0น ถึ�าว็ นด้�ไม(อน ญาต้ (เว็�นแต้(การิแก�ไขของสมศ กด้�6 จัะเป2น "การิใชุ�งานโด้ยชุอบธิริริม")

3. อน0ญาตแบับัเด,ย์วก�น

ค ณ์อน ญาต้ให�คนอ#$นเผยแพัริ(งานที�$ด้ ด้แปลิงจัากงานต้�นฉบ บของค ณ์ได้� ต้ริาบใด้ที�$งานด้ ด้แปลิงน 0นอย&( ภายใต้�ส ญญาอน ญาต้แบบเด้�ยว็ก นก บที�$ค ณ์เลิ#อกใชุ�ก บงานต้�นฉบ บของค ณ์

** หมายเหต้ ส ญญาอน ญาต้ไม(สามาริถึใชุ�ที 0งเง#$อนไข "ใชุ�ส ญญาอน ญาต้แบบเด้�ยว็ก น" แลิะ "ไม(แก�ไขต้�นฉบ บ" พัริ�อมก นได้� เง#$อนไข "อน ญาต้แบบเด้�ยว็ก น" จั1งใชุ�ได้�ก บงานที�$ด้ ด้แปลิงเที(าน 0น

ต้ ว็อย(าง : ริ&ปถึ(ายบนเว็�บของสมปอง อย&(ภายใต้�ส ญญาอน ญาต้แบบ "ไม(ใชุ(เพั#$อการิค�า" แลิะ "ใชุ�ส ญญาอน ญาต้แบบเด้�ยว็ก น" บ ษบาเป2นศ�ลิป?นสม คริเลิ(นที�$สริ�างงานจัากการิน'าภาพัหลิายภาพัมาปะต้�ด้ปะต้(อก น แลิะเธิอก�น'าริ&ปถึ(ายของสมปองไปใชุ�ในงานศ�ลิปะของเธิอ ชุ�0นหน1$ง เง#$อนไขต้ามส ญญาอน ญาต้ให�ใชุ�ริ&ปถึ(ายของสมปอง บ งค บว็(าต้�อง "ใชุ�ส ญญาอน ญาต้แบบเด้�ยว็ก น" ด้ งน 0น บ ษบา จั1งต้�องเผยแพัริ( งานสริ�างสริริค�ใหม(ของเธิอภายใต้�ส ญญาอน ญาต้แบบ "ไม(ใชุ(เพั#$อการิค�า" แลิะ "ใชุ�ส ญญาอน ญาต้แบบเด้�ยว็ก น" ด้�ว็ย เง#$อนไขน�0 ที'าให�เธิอ เผยแพัริ(งานสริ�างสริริค�ใหม(ของเธิอต้(อคนอ#$น ๆ ภายใต้�เง#$อนไขแบบเด้�ยว็ก นก บที�$สมปองมอบส�ทีธิ�น 0นให�เธิอ

4. ไมื�ใช้�เพ��อการคู่�า

ค ณ์อน ญาต้ให�คนอ#$นที'าซ'0า แจักจั(าย จั ด้แสด้ง แลิะใชุ�งานของค ณ์ ริว็มที 0งงานอ#$น ๆ ที�$ด้ ด้แปลิงมาจัากงานต้�นฉบ บของค ณ์ ต้ริาบใด้ที�$ไม(ที'าเพั#$อการิค�า

ต้ ว็อย(าง : สมปองเผยแพัริ(ริ&ปถึ(ายของเขาในเว็�บไซต้�ภายใต้�ส ญญาอน ญาต้แบบ "ไม(ใชุ�เพั#$อการิค�า" บ ษบาพั�มพั�ริ&ปถึ(ายของ สมปองออกมา บ ศบาไม(ม�ส�ทีธิ�ขายริ&ปถึ(ายน 0นถึ�าสมปองไม(อน ญาต้

2

การเล�อกใช้�ประเภที่ส�ญญาอน0ญาต

ส'าหริ บว็�ธิ�การิใชุ�งานของส ญญาอน ญาต้แบบคริ�เอที�ฟคอมมอน (Creative Commons) ซ1$งเป2นการิน'าเง#$อนไขต้(างๆ มาใชุ�งานริ(ว็มก น โด้ยสามาริถึเลิ#อกใชุ�งานหลิ กๆ ได้�ด้ งน�0 

1. อน0ญาตให�ใช้�และต�องอ�างอ�งแหล�งที่,�มืา (by)

เลิ#อก by แสด้งว็(าค ณ์อน ญาต้ให�ผ&�อ#$นสามาริถึเปลิ�$ยนแปลิง แก�ไข งานของค ณ์ได้� เพั#$อน'าไปปริ บใชุ�ก บงานอ#$นๆ แม�แต้(อน ญาต้ให�ใชุ�เพั#$อการิค�า แต้(จัะต้�องม�การิให�เก�ยริต้�ค ณ์ในฐานะผ&�สริ�างสริริค�ผลิงานต้�นฉบ บ สร0ป  ที กคนสามาริถึค ด้ลิอกงาน สามาริถึแก�ไข ด้ ด้แปลิง แลิะน'าไปเสนอหริ#อเผยแพัริ(ต้(อได้�เพั�ยงแต้(จัะต้�องม�การิอ�างอ�งแหลิ(งที�$มาด้�ว็ย

2. อน0ญาตให�ใช้�โดย์แสดงที่,�มืา และอน0ญาตแบับัเด,ย์วก�น (by-sa)

เลิ#อก by-sa แสด้งว็(าค ณ์อน ญาต้ให�ผ&�อ#$นสามาริถึเปลิ�$ยนแปลิงแก�ไขงานของค ณ์หริ#อต้(อยอด้งาน ของค ณ์ได้� โด้ยผ&�ที�$ที'าจัะต้�องม�การิสริ�างสริริค�ผลิงานชุ�0นใหม(ภายใต้�แนว็ปฏ�บ ต้�อย(างเด้�ยว็ก น หริ#อใชุ�ส ญญาอน ญาต้ปริะเภทีเด้�ยว็ก นก บต้�นฉบ บ แลิะสามาริถึน'าไปใชุ�เพั#$อการิค�าได้� แต้(จัะต้�องม�การิให�เก�ยริต้�ค ณ์ด้�ว็ย  เป2นการิปฏ�บ ต้�ที�$เก�ด้ข10นบ(อยๆก บการิที'าซอฟแว็ริ�เป?ด้เผยต้�นฉบ บ (open source software) สร0ป  ที กคนสามาริถึน'าผลิงานค ณ์ไปใชุ� เปลิ�$ยนแปลิง แก�ไขผลิงานของค ณ์ได้�แม�จัะเป2นไปเพั#$อการิค�า แต้(ต้�องอ�างอ�งแหลิ(งที�$มาแลิะต้�องม�การิใชุ�ส ญญาอน ญาต้ปริะเภทีเด้�ยว็ก นก บต้�นฉบ บที�$ค ณ์ได้�ก'าหนด้ไว็�ด้�ว็ย

3. อน0ญาตให�ใช้�โดย์ห�ามืแก�ไข ด�ดแปลง ต�นฉบั�บัและต�องอ�างอ�งแหล�งที่,�มืา (by-nd)

2

เลิ#อก by-nd แสด้งว็(าค ณ์อน ญาต้ให�น'าไปใชุ�งานได้� ไม(ว็(าจัะเป2นทีางการิค�าหริ#อไม(ใชุ(เพั#$อการิค�า แต้(ห�ามด้ ด้แปลิง แก�ไขงานของค ณ์อย(างเด้�ด้ขาด้ ริว็มที 0งต้�องให�เก�ยริต้�โด้ยการิอ�างอ�งแหลิ(งที�$มาด้�ว็ย สร0ป  ที กคนสามาริถึน'าไปใชุ�ได้�แต้(ห�ามแก�ไข เปลิ�$ยนแปลิงงานโด้ยเด้�ด้ขาด้ แลิะต้�องอ�างอ�งแหลิ(งที�$มา

2

4. ไมื�อน0ญาตให�ใช้�เพ��อการคู่�าและต�องอ�างอ�งแหล�งที่,�มืา (by-nc)

เลิ#อก by-nc แสด้งว็(าค ณ์อน ญาต้ให�น'าผลิงานของค ณ์ไปใชุ�ได้� สามาริถึปริ บแต้(งหริ#อแก�ไขผลิงานได้� โด้ยที�$ผลิงานน 0นต้�องไม(เก�$ยว็ข�องก บการิค�าใด้ๆ ริว็มที 0งต้�องให�เก�ยริต้�โด้ยการิอ�างอ�งแหลิ(งที�$มาด้�ว็ย สร0ป  ที กคนสามาริถึน'าไปใชุ�ได้� ปริ บแต้(งแก�ไขให�เหมาะก บงานใหม(ได้� แต้(งานน 0นต้�องไม(เก�$ยว็ข�องก บการิค�าใด้ๆ แลิะต้�องอ�างอ�งแหลิ(งที�$มา

5. ส�ญญาอน0ญาตประเภที่แสดงที่,�มืา ไมื�ใช้�เพ��อการคู่�า และอน0ญาตแบับัเด,ย์วก�น ( by-nc-sa)

เลิ#อก by-nc-sa ส ญญาอน ญาต้ปริะเภทีน�0อน ญาต้ให�คนอ#$นริ�ม�กซ� ต้ ด้ต้(อ ด้ ด้แปลิง แลิะต้(อยอด้จัากงานของค ณ์ ต้ริาบใด้ที�$เขาไม(น'าไปใชุ�เพั#$อการิค�า ให�เคริด้�ต้ค ณ์ในฐานะผ&�สริ�างโด้ยอ�างอ�งกลิ บมาหา แลิะเผยแพัริ(งานด้ ด้แปลิงของเขาภายใต้�ส ญญาอน ญาต้ปริะเภทีเด้�ยว็ก นก บงานต้�นฉบ บ สร0ป  สามาริถึน'าผลิงานของค ณ์ไปใชุ� ปริ บแต้(งแก�ไขแลิะสริ�างสริริค�ผลิงานชุ�0นใหม(ได้�โด้ยที�$ต้�องอ�างอ�งแหลิ(งที�$มา ต้�องไม(ม�จั ด้ปริะสงค�น'าไปใชุ�เพั#$อการิค�า แลิะผลิงานชุ�0นใหม(น�0ต้�องอย&(ภายใต้�ส ญญาอน ญาต้ปริะเภทีเด้�ยว็ก นก บต้�นฉบ บ

6. อน0ญาตให�ใช้�โดย์แสดงที่,�มืา ไมื�ใช้�เพ��อการคู่�าและห�ามืเปล,�ย์นแปลงแก�ไขผู้ลงานต�นฉบั�บั (by-nc-nd)

เลิ#อก by-nc-nd น�$ค#อปริะเภทีส ญญาอน ญาต้ที�$ม�ข�อจั'าก ด้ส&งส ด้ เป2นส ญญาที�$ใชุ�อน ญาต้ให�คนอ#$นเผยแพัริ(งานของค ณ์ ส ญญาปริะเภทีน�0ม กถึ&กเริ�ยกว็(า "ส ญญาแบบโฆษณ์าฟริ�" เพัริาะม นอน ญาต้ให�ใคริก�ต้ามสามาริถึด้าว็น�โหลิด้แลิะแบ(งปBนงานของค ณ์ก บคนอ#$น ๆ ต้ริาบใด้ที�$ผ&�ใชุ�ให�เคริด้�ต้ค ณ์ในฐานะผ&�สริ�างสริริค� แลิะลิ�งก�กลิ บมาที�$ค ณ์ แต้(เขาไม(ได้�ริ บ

2

อน ญาต้ให�ด้ ด้แปลิงหริ#อต้(อเต้�มงานของค ณ์ไม(ว็(าจัะด้�ว็ยว็�ธิ�ใด้ แลิะไม(ได้�ริ บอน ญาต้ให�น'าไปใชุ�เพั#$อการิค�า สร0ป  ที กคนสามาริถึน'าไปใชุ�ได้�แต้(ต้�องไม(ใชุ(เพั#$อการิค�า แลิะห�ามแก�ไขด้ ด้แปลิงผลิงานโด้ยเด้�ด้ขาด้ พัริ�อมที 0งอ�างอ�งแหลิ(งที�$มาด้�ว็ย

“เง��อนไขใด ๆ ข�างต�น อาจัย์กเว�นได� หากคู่0ณีได�ร�บัอน0ญาตจัากผู้��ถ�อคู่รองล�ขส�ที่ธี�5”

_______________________________________________________________________