User Manual Editor Tool Proposal V1.0

Transcription

1 KMIT-GROUP CO., LTD. User Manual Editor Tool Proposal V1.0

2 2 User Manual Editor Tool Table of Content 1. ส วนเคร องม อท ไว ส าหร บ จ ดการข อม ล Content ท เป นข อความ ส วนเคร องม อพ เศษ ไว ส าหร บท า Link ท ข อความ การแทรกร ปภาพ และ ตาราง 4 3. เคร องม อพ เศษอ นๆ.. 11

3 3 User Manual Editor Tool เอกสารอธ บาย เคร องม อ Editor Tool ส าหร บเคร องม อต างๆ ใน Editor Tool ม ตามร ปภาพด านล าง ม ล กษณะการใช งานคล ายๆก บ Microsoft Word โดยสามารถอธ บายในแต ละส วนได ด งน 1. ส วนเคร องม อท ไว ส าหร บ จ ดการข อม ล Content ท เป นข อความ - ปร บต วอ กษร ให ม ความหนา เอ ยง หร อ ข ดเส นใต ข ดเส นกลาง - แทรกล าด บต วเลข, แทรกล าด บแบบเป น Bullet - ป ม Tab เพ อย อหน า ข อความ - จ ดข อความให ช ดขอบซ าย ตรงกลาง ขอบขวา หร อ จ ดให ขอบท งสองด านเท าก น - แทรกส ญล กษณ พ เศษ - เส นค นข อความ - แสดงช องเพ อให ใส ข อความท ต องการ เพ อช วยให ข อความแสดงผลออกมาอย างเป นระเบ ยบ เช น ท งน ในส วนของ ข อความย งสามารถเข ามาเล อกแบบท เป น ร ปแบบส าเร จร ปไว ให แล ว หร อ ต องการจ ดร ปแบบ ข อความเองก สามารถท าได โดย ในส วนของร ปแบบท เป นส าเร จร ปน น จะม ด งน - เล อกร ปแบบของข อความ การแสดงผลจะเป นไปตามต วอย างท ให เล อก

4 4 User Manual Editor Tool - เล อกร ปแบบของข อความ การแสดงผลจะเป นไปตามต วอย างท ให เล อก ร ปแบบท ต องการจ ดการข อความเอง จะม ด งน - เล อกร ปแบบต วอ กษร - เล อกขนาดของต วอ กษร - เล อกส และพ นหล ง ข อความ - Maximize the Editor size ใช ในการปร บขยายขนาด Tools ให กว างเต มจอ 2. ส วนเคร องม อพ เศษ ไว ส าหร บท า Link ท ข อความ การแทรกร ปภาพ และ ตาราง 2.1 เพ มและแก ไข Link ท งน สามารถท าล งค เพ อให เข าไปดาวน โหลดได และ ท าล งค เพ อล งค ไปย ง URL อ นได โดย แบบท 1 เป นการท าล งค เพ อดาวน โหลดไฟล ต างๆ ข นตอนท 1 ท าการ ไฮไลท เล อกในส วนของ ข อความท ต องการท าล งค ดาวน โหลด จากน นให เล อกท ส ญล กษณ Insert/Edit Link

5 5 User Manual Editor Tool เม อท าการเล อก Insert/Edit Link แล วน น จะม หน าต างปรากฏมาด งร ป ข นตอนท 2 เล อกไปท ป ม Browse Server แล ว ด าเน นการ Upload file ท ต องการ เม อ Upload เสร จเร ยบร อยแล วน น File จะท าการ Save มาไว ท Folder ตามร ปด านล าง

6 6 User Manual Editor Tool เม อเล อกไฟล ท ต องการได แล วจะกล บมาท หน า ด งร ป ข นตอนท 3 เล อกการแสดงผลของ Link น น หากไม ได ท าการต งในส วนน เม อท าการเล อก Link จากทางด านหน าเว บไซต น นจะถ กเป ดท บด วยหน าใหม ท นท ข นตอนในการเล อกน นสามารถท าได โดยเล อกท Target ด งร ป แล วเล อกไปท New Window (_blank) จะเป นการแสดงผลแบบเป ดหน าต างใหม ซ งร ปแบบในการแสดงผลน นจะม ให เล อกอย หลายร ปแบบ สามารถมาท าการเล อกได ตามความเหมาะสมของการ แสดงผลของไฟล น นๆ

7 7 User Manual Editor Tool แบบท 2 เป นการการท า Link เพ อแสดงในส วนของ URL อ นน นจะม ข นตอน ด งน ข นตอนท 1 ท าการเล อกในส วนของข อความท ต องการท า Link ไปย ง url น นๆ จากน นให ท าการ เล อกท Insert/Edit Link ข นตอนท 2 เม อปรากฏหน าต างด งร ป แล วให ท าการใส URL ท ต องการในช อง URL ข นตอนท 3 เม อท าการ ใส URL เข าไปแล วให ท าการเล อก Target ท ต องการให แสดงผล ด งร ป

8 8 User Manual Editor Tool 2.2 แทรกร ปภาพ สามารถเล อกการเพ มได 2 แบบ ค อ Image Button และ Insert/Edit Image ม ค าอธ บาย ด งร ป โดย ข นตอนในการแทรกร ปภาพน น ม ว ธ การ ด งน ข นตอนท 1 เม อท าการเล อกร ปแบบการแทรกร ปภาพได แล ว จะปรากฏหน าต างมาด งร ปจากน นเล อกท Browse Server ข นตอนท 2 เม อปรากฏหน าต างด งร ปแล ว ให ท าการ Upload เพ อท าการเล อกร ปมาเก บไว ในส วนของFolder น ด งต วอย าง

9 9 User Manual Editor Tool ข นตอนท 3 เม อท าการเล อกร ปจากข นตอนท 2 ได แล วน นจะกล บมาท หน าต างเด มโดยสามารถก าหนด size ของร ปภาพใน การแสดงผลได ตรงส วนน โดยเปล ยนได ตรง Width และ Height จะได การแสดงผลด งน

10 10 User Manual Editor Tool ซ งในว ธ การ Upload ร ปภาพแบบเก บไว ใน Server น น จะม ข อด อย ท ว า หากร ปภาพน นต องน าไปใช ในส วนอ นๆบ อย ทาง admin ไม จ าเป นต องมาUpload ร ปใหม ท กคร ง สามารถมาเล อกร ปท เคยท าการ upload ใน server ไปใช ได เลย เป น การประหย ดเวลาในการแก ไขข อม ลอ กด วย แต หากต องการ Upload ร ปภาพในเคร องไปใช เลยโดยไม น าไปเก บไว ใน server อย างว ธ ข างต นน นก สามารถท าได เช นก น โดยจะม ว ธ การด งน เล อกท Upload

11 11 User Manual Editor Tool จากน นให ท าการ Browse file จากเคร อง เม อท าการเล อกเสร จแล วให ท าการ click ท ป ม send it to server ภาพก จะไปแสดงผลเลยโดยไม เก บไว ท server โดย admin สามารถเล อกใช ว ธ การ upload ร ปภาพแบบใดก ได จะม การแสดงผล เช นเด ยวก น 2.3 การแทรกตาราง โดยสามารถเข ามาท าการสร างตารางได โดยอธ บาย ด งร ปด านล าง Row: จ านวนแถวของตาราง Column: จ านวนคอล มน ของตาราง Width: ความกว างของช องในตาราง Height: ความส งของช องในตาราง Header: ห วข อในตารางท ต องการแสดงผลเป นต วหนา Caption: ห วข อของตารางน น Border size: ขนาดของกรอบ Alignment: การจ ดต าแหน งตารางในหน าน น 3. เคร องม อพ เศษอ นๆ - Template ม ส วนของ การจ ดวางข อความแบบส าเร จร ปไว ให เล อก ด งร ป