กรมสรรพสามิต
12) แสดงหน้าเวบ็ ไซต์ท่ีเกี่ยวขอ้ งบนเบราว์เซอร์ ข้ันตอนตอ่ ไปคือเพ่มิ สว่ นต่าง ๆ ในหนา้ เพจ
13) เรมิ่ จากเพิ่มสว่ น Header โดยคลิกที่
295
กรมสรรพสามติ
14) ทำการเลือกการแสดงสว่ น Header และคลกิ ปุ่ม Finish
15) เมื่อเพิ่มส่วน Header เรียบร้อยแล้ว จะแสดงส่วน Header ในหน้าเว็บ ต่อไปทำการเพิ่มส่วน
Menu โดยคลิกที่
296
กรมสรรพสามติ
16) ทำการเลอื กการแสดงส่วน Menu และคลิกป่มุ Finish
17) เมื่อเพิ่มส่วน Menu เรียบร้อยแล้ว จะแสดงส่วน Menu ในหน้าเว็บ ต่อไปเพิ่มส่วนข้อมูล
โดยคลกิ ที่
297
กรมสรรพสามิต
18) ทำการเลอื กการแสดงส่วนรายละเอียด และคลิกปมุ่ Next
19) เป็นการสร้างขอ้ มูลใหม่ ให้คลกิ เลือกท่ี New Contributor data file และคลิกป่มุ Next
298
กรมสรรพสามติ
20) เมื่อสร้างสว่ นขอ้ มลู ใหม่ ตอ่ มาทำการกรอกรายละเอยี ดในการสรา้ งข้อมลู
21) จากน้นั ทำการเลอื กโฟลเดอร์สำหรบั จดั เกบ็ ขอ้ มูล
299
กรมสรรพสามิต
22) ทำการเลือกโฟลเดอร์สำหรับจดั เก็บไฟล์ และคลิกปุ่ม OK
23) เมื่อเลือกโฟลเดอร์เก็บข้อมูลเรียบร้อยแล้ว ระบบแสดงข้อมูลที่จัดเก็บไฟล์ตามที่เลือก เมื่อกรอก
ข้อมลู ครบเรยี บร้อยแลว้ คลิกปุ่ม Next
300
กรมสรรพสามติ
24) ระบบแสดงขอ้ มลู ไฟล์ท่ีสรา้ ง และคลิกปุม่ Finish เพอื่ ยนื ยนั
25) เม่อื สรา้ งส่วนขอ้ มลู เสรจ็ แลว้ ต่อไปทำการแกไ้ ขขอ้ มลู โดยคลกิ ท่ี
301
กรมสรรพสามิต
26) เขา้ มาท่ีสว่ นแกไ้ ข เพื่อทำการเพ่มื ขอ้ มูล เริม่ จากในชอ่ื หน้าคือ เวบ็ ไซต์ท่เี กี่ยวขอ้ ง
27) เขา้ ไปยังเว็บไซตเ์ ดมิ และคลิกท่ี เพอ่ื เขา้ ส่วนการแกไ้ ข
302
กรมสรรพสามิต
28) เมื่อเข้ามาแล้วใหค้ ลิกที่ป่มุ Source
29) เมอื่ เข้ามาทส่ี ่วนโค้ดแล้ว ให้ทำการคดั ลอกโค้ดท้งั หมดไว้
303
กรมสรรพสามติ
30) จากนั้นกลับไปท่สี ่วนแก้ไขข้อมลู ของเว็บไซตใ์ หม่ และคลิกท่ปี มุ่ Source
31) ทำการวางโคด้ สว่ นท่คี ดั ลอกมาจากเวบ็ ไซต์เดิม ในสว่ น Detail
304
กรมสรรพสามิต
32) คลิกที่ปุ่ม Source อีกครั้ง เพื่อดูการแสดงผล และทำการบันทึกการแก้ไขโดยคลิกปุ่ม Save and
Close
33) เมื่อทำการบันทึกข้อมูลเรียบร้อยแล้ว ในหน้าเว็บไซต์แสดงผลข้อมูลที่เพิ่ม จากนั้นทำการเพ่ิม
ส่วนสดุ ท้ายในหน้าเพจ โดยคลิกที่
305
กรมสรรพสามติ
34) ทำการเลือกการแสดงสว่ น Footer และคลกิ ปุม่ Finish
35) เมื่อเพิ่มส่วน Footer เรียบร้อยแลว้ ในหนา้ เว็บแสดงขอ้ มลู ส่วน Footer
306
กรมสรรพสามติ
36) เมื่อทำการเพม่ิ ขอ้ มูลทกุ สว่ นเรียบรอ้ ยแลว้ แสดงหนา้ เวบ็ ไซต์ที่เก่ียวขอ้ ง
37) จากน้ันเขา้ Site Studio ไปทำการเพ่ิมหน้าเว็บไซต์ที่เกย่ี วขอ้ งในเมนู
307
กรมสรรพสามติ
38) เมือ่ เข้ามาทเี่ ว็บไซต์ มาทส่ี ่วนเมนเู ลอื กเมนูเกี่ยวกับสำนักงานแลว้ เลือกเว็บไซต์ท่เี กี่ยวขอ้ ง
39) เม่ือคลกิ เมนเู วบ็ ไซตท์ ี่เกย่ี วข้องกจ็ ะเข้ามาที่หน้าเว็บไซตท์ ่เี กยี่ วข้อง
308
กรมสรรพสามิต
2. ตวั อยา่ งท่ี 2
1) เริ่มจากการสร้าง Section ของขา่ วประกวดราคา ภายใน Section หอ้ งขา่ ว
309
กรมสรรพสามติ
2) ทำการสรา้ ง Section ขา่ วประกวดราคา โดยคลิกขวาทีห่ อ้ งข่าวและเลอื ก Add New Section
3) สร้าง Section ขา่ วประกวดราคา โดยกรอกขอ้ มูล Label และ URL แล้วคลกิ ปุ่ม OK
310
กรมสรรพสามติ
4) เมื่อสร้าง Section เสรจ็ แล้ว แสดงขา่ วประกวดราคาในโครงสร้างด้านซ้าย
5) เม่อื สร้าง Section เสร็จแลว้ ต่อไปทำการสร้างหนา้ ข่าวประกวดราคา
311
กรมสรรพสามติ
6) ทำการเลือก Layout ของหน้าข่าวประกวดราคา โดยเลือกเป็น Layout 3
7) เม่ือเลือก Layout เรยี บร้อยแล้ว จะเห็นวา่ มีหนา้ เพจอย่ใู ตโ้ ฟลเดอรข์ า่ วประกวดราคา
312
กรมสรรพสามิต
8) จากน้นั ทำการเปิดหนา้ เพจบนเว็บเบราว์เซอร์ เพื่อทำการเพมิ่ สว่ นต่าง ๆ ของหนา้ เพจ โดยคลกิ ขวาท่ี
หนา้ เพจและเลือก View in Browser
9) เมือ่ เปิดหน้าเพจผ่านเว็บเบราวเ์ ซอร์แลว้ จะแสดงหนา้ ขา่ วประกวดราคา
313
กรมสรรพสามติ
10) ทำการเพิ่มส่วนต่าง ๆ ของหน้าเว็บ จากภาพแสดงการเพิ่มส่วน Header และ Menu ในหน้าเพจ
เรียบรอ้ ยแล้ว
11) จากนั้นทำการเพม่ิ สว่ นข้อมูล ใหค้ ลิกที่ ในสว่ น BODY
314
กรมสรรพสามิต
12) ทำการเลือกรูปแบบข้อมลู และคลกิ ป่มุ Next
13) เม่อื เลือกรูปแบบแล้ว ทำการสร้างขอ้ มูลใหม่ ใหเ้ ลอื ก New Contributor data file คลกิ Next
315
กรมสรรพสามติ
14) จากน้นั ทำการกรอกข้อมลู ของไฟล์
15) แล้วทำการเลอื กโฟลเดอร์สำหรบั จดั เก็บไฟล์ และคลกิ ป่มุ OK
316
กรมสรรพสามติ
16) เมื่อกรอกข้อมลู ครบเรยี บรอ้ ยแลว้ ใหค้ ลิกปมุ่ Next
17) ระบบแสดงข้อมลู ของไฟล์ทีส่ รา้ งใหม่ และทำการคลิกปมุ่ Finish
317
กรมสรรพสามิต
18) เม่ือสรา้ งสว่ นข้อมลู เรียบร้อยแล้ว ตอ่ ไปเป็นการเพ่มิ ข้อมูล โดยคลกิ เพอ่ื เขา้ สู่การแกไ้ ข
19) เข้าสู่สว่ นการแกไ้ ข ทำการใส่ช่อื หนา้ ลงในส่วน Title
318
กรมสรรพสามติ
20) ต่อไปเรม่ิ จากการเพมิ่ รปู ของแตล่ ะรายการ โดยการคลิกท่ี
21) เมื่อคลิกเพิ่มรูปภาพแล้ว ต่อมาทำการค้นหารูปภาพใน Content Server เมื่อเจอแล้ว ให้คลิกปุ่ม
Select ท่รี ปู ภาพน้ัน
319
กรมสรรพสามติ
22) เม่ือเพม่ิ รูปภาพแลว้ รูปภาพจะแสดงอย่ใู นสว่ น Detail
23) ทำการพิมพข์ ้อความหลงั รูปภาพ
320
กรมสรรพสามติ
24) แลว้ ทำการลงิ กไ์ ปยังเอกสาร โดยการลากคลุมข้อความและคลกิ
25) ทำการเปดิ เอกสารจากเว็บไซตเ์ ดมิ และทำการคดั ลอก URL ของเอกสารไว้ สำหรบั การทำลงิ ก์
321
กรมสรรพสามิต
26) เลือก Link to the following URL และนำ URL ของเอกสารที่คัดลอกไว้มาวางไว้ในช่อง
คลกิ Next
27) ระบบแสดง URL ของลงิ ก์ แลว้ คลกิ ปุ่ม Finish
322
กรมสรรพสามิต
28) แสดงสว่ นข้อมูลที่เพมิ่ ลิงก์เรียบรอ้ ยแลว้
29) จากน้นั ทำการเพม่ิ ขอ้ มูลจนครบ 3 รายการด้วยวิธกี ารเดียวกนั แล้วคลกิ ปุม่ Save and Close
323
กรมสรรพสามิต
30) เมอ่ื บันทึกขอ้ มูลเรยี บรอ้ ยแลว้ จะแสดงส่วนข้อมลู ในหนา้ ขา่ วประกวดราคา
31) สุดท้ายทำการเพ่ิมสว่ น Footer โดยคลิกที่
324
กรมสรรพสามติ
32) เมื่อทำการเพ่มิ ข้อมลู ครบทกุ ส่วนในหน้าเพจ
33) แสดงหน้าข่าวประกวดราคา
325
กรมสรรพสามติ
34) จากนน้ั เข้า site studio ไปทำการเพ่ิมหนา้ ขา่ วประกวดราคาในเมนู
35) เม่ือเขา้ มาที่เวบ็ ไซต์ มาที่สว่ นเมนูเลือกเมนหู อ้ งข่าวแล้วเลอื กประกวดราคา
326
กรมสรรพสามติ
36) เมื่อคลกิ เมนขู ่าวประกวดราคากจ็ ะเข้ามาทีห่ น้าข่าวประกวดราคา
327
กรมสรรพสามิต
5.10 การสรา้ งขา่ วประชาสมั พนั ธ์แบบ Popup
1) คลกิ ท่ี ในสว่ น NEWS_BODY เพือ่ เพม่ิ ขา่ ว
2) เม่ือเขา้ สูห่ น้าการแก้ไขแล้ว ให้คลกิ ท่ี
328
กรมสรรพสามติ
3) คลกิ เลือก New Contributor data file เพ่ือสรา้ งขอ้ มลู ข่าวใหม่ และคลกิ ป่มุ Next
4) กรอกรายละเอียดของไฟล์ เมอ่ื กรอกเรียบรอ้ ยคลกิ ปุม่ Next
329
กรมสรรพสามิต
5) คลกิ เลอื ก Edit Content item now เพ่อื ทำการกรอกขอ้ มลู ของขา่ ว และคลิกป่มุ Finish
330
กรมสรรพสามิต
6) คลกิ ปมุ่ Finish แล้ว เขา้ มาสหู่ นา้ กรอกรายละเอยี ดข่าว โดยข้อมลู ที่กรอกประกอบดว้ ย 5 สว่ น คอื
• thumbnail คือ สว่ นรปู ภาพของรายการขา่ ว
• head_news คอื สว่ นหวั ขอ้ ข่าว
• detail คอื สว่ นรายละเอยี ดขา่ ว
• image_gallery คือ ส่วนรปู ภาพขา่ ว
• department คอื กรอกพืน้ ที่ของเวบ็ ไซต์
331
กรมสรรพสามิต
7) เรม่ิ กรอกข้อมูลสว่ นแรก คือ ส่วน Thumbnail โดยการเลือกรปู ภาพขา่ วจาก Content Server คลิก
8) จากนน้ั ทำการค้นหารูปภาพจาก Content Server โดยใช้ข้อมลู Content ID และคลกิ ปุ่ม เพื่อคน้ หา
332
กรมสรรพสามิต
9) เม่อื ระบบทำการคน้ หารปู ภาพเรยี บรอ้ ยแลว้ ใหค้ ลกิ ปุ่ม Select เพือ่ เลอื กรปู ภาพ
10) เมือ่ เลอื กรปู ภาพเรียบรอ้ ยแล้ว รูปภาพจะแสดงอยใู่ นสว่ น thumbnail
333
กรมสรรพสามติ
11) ต่อมาทำการกรอกหวั ขอ้ ขา่ วทส่ี ่วน head_news
12) จากนน้ั กรอกข้อมลู รายละเอยี ดข่าวที่ส่วน detail
334
กรมสรรพสามิต
13) ทำการเลือกรูปภาพจาก Server โดยการเลือกรูปภาพจาก Content Server ให้คลิก ที่ส่วน
image_gallery
14) จากนน้ั ทำการคน้ หารูปภาพจาก Content Server โดยใชข้ อ้ มลู Content ID และคลกิ ป่มุ เพือ่ คน้ หา
335
กรมสรรพสามติ
15) เมอื่ ระบบทำการคน้ หารูปภาพเรยี บร้อยแล้ว ให้คลกิ ป่มุ Select เพ่อื เลอื กรปู ภาพ
16) เม่ือเลอื กรูปภาพเรยี บร้อยแลว้ รูปภาพจะแสดงทสี่ ่วน image_gallery
336
กรมสรรพสามิต
17) กรอกข้อมูลในส่วน department
337
กรมสรรพสามติ
18) เมอ่ื กรอกขอ้ มลู ขา่ วเรยี บรอ้ ยแลว้ ใหค้ ลกิ ป่มุ Save and Close เพ่อื บันทกึ ข้อมลู
338
กรมสรรพสามิต
19) เมื่อทำการบันทึกข้อมูลแล้ว จะเห็นรายการข่าวเพิ่มมาอีก 1 ข่าวและคลิกปุ่ม Save and Close
เพ่อื บนั ทกึ ข้อมูล
20) เมื่อทำการบันทึกขอ้ มลู แลว้ แสดงรายการข่าวที่เพมิ่
339
กรมสรรพสามิต
21) ให้ทำการคลกิ ปุ่มอา่ นต่อขา่ วที่เพ่มิ เวบ็ ไซตแ์ สดงรายละเอยี ดข้อมลู ขา่ วใน Pop up
340
กรมสรรพสามติ
บทท่ี 6
การเข้าใชง้ านระบบเวบ็ ท่า
6.1 หน้าเข้าระบบเวบ็ ท่า
เป็นการเข้าระบบเว็บท่า โดยเข้าใช้งานผ่าน URL : http://portal.excise.go.th และทำการกรอกช่ือ
ผู้ใชง้ านและรหัสผ่าน เพ่ือเขา้ ระบบ
341
กรมสรรพสามิต
6.2 หนา้ หลักระบบเว็บท่า
เมื่อลงชื่อเข้าใช้ระบบเรียบร้อยแล้ว ระบบแสดงหน้าหลัก ระบบเว็บท่าสามารถเลือกเป็นภาษาอังกฤษได้
โดยคลกิ เปลี่ยนภาษาท่ีรูปธงชาตภิ าษาอังกฤษ
342
กรมสรรพสามติ
343
กรมสรรพสามติ
6.3 เมนูท่เี ชือ่ มไปยงั เวบ็ ไซต์อืน่
เป็นส่วนเชอ่ื มโยงไปเวบ็ ไซตอ์ ่นื ๆ โดยปัจจุบันมีเว็บไซต์ท่เี ช่อื มตอ่ 7 เวบ็ ไซต์
1) Facebook
2) Google
3) YouTube
4) Gmail
5) Google Translate
6) ระบบดาวน์โหลดเอกสาร
7) ระบบจำนวนผู้ขอใชส้ ทิ ธริ ถยนตค์ นั แรก
344