Website Webportal

กรมสรรพสามิต

3) เมอื่ เลอื ก site ท่เี ช่ือมตอ่ แลว้ ตอ่ ไปคลกิ ป่มุ OK

4) เมื่อเพิ่มการเชื่อมต่อ Site เรียบร้อยแล้ว ให้คลิกเลือกที่ Site ที่ต้องการเชื่อมต่อและคลิกปุ่ม
Done

145

กรมสรรพสามิต

5) เมื่อเช่อื มต่อ Site ได้แลว้ โปรแกรมแสดงหน้าจดั การของเว็บไซต์

6) ต่อมาทำการสร้างหน้ารายละเอียดข่าว คือทำการสร้าง Section โดยคลิกขวาที่โฟลเดอร์
รายละเอียดขา่ วและคลกิ ปุ่ม Add New Section

146

กรมสรรพสามติ

7) ยนื ยนั การสรา้ ง Section ใหม่ ดว้ ยการคลกิ ปมุ่ OK
8) สร้าง Section ใหม่ โดยกรอกข้อมูลชื่อโฟลเดอร์ในช่อง Label และกรอกข้อมูล Url ของหน้า
รายละเอยี ดขา่ ว ในช่อง URL เมื่อกรอกเรียบรอ้ ยแล้วคลิกปุ่ม OK

147

กรมสรรพสามติ

9) แสดงหน้ารายละเอยี ดข่าวที่สรา้ งใหม่

10) เมื่อสร้างหน้ารายละเอียดข่าวเรียบร้อยแล้ว ต่อไปทำการเปิดหน้ารายละเอียดข่าว
ผา่ นเวบ็ เบราว์เซอร์ โดยคลิกขวาที่หน้าเวบ็ นนั้ ๆ และเลอื ก View in Browser

148

กรมสรรพสามิต

11) ยนื ยนั การเปิดหน้ารายละเอียดขา่ ว ผ่านเวบ็ เบราว์เซอร์ โดยการคลกิ ปุ่ม Yes
12) แสดงหน้ารายละเอยี ดขา่ วบนเวบ็ เบราว์เซอร์

149

กรมสรรพสามติ

13) ต่อไปดำเนินการเพิ่มส่วนต่าง ๆ ของหน้าเว็บ โดยการแก้ไขหน้าเว็บต้องเข้าสู่โหมดแก้ไข
กด Ctrl+shift+F5 พร้อมกัน

14) ทำการเพม่ิ ส่วนต่าง ๆ ของหนา้ เว็บ เร่ิมจากส่วน Header โดยคลิกท่ี ทส่ี ว่ น HEADER

150

กรมสรรพสามติ

15) ทำการเลือก Subtemplate ส่วน header ที่ชื่อว่า STP_REGION12019_HEADER และคลิก
ป่มุ Next

16) เม่ือเลือก Subtemplate แล้ว ระบบแสดงผลการเลือก และคลกิ ป่มุ Finish เพ่อื ยืนยัน

151

กรมสรรพสามติ

17) เม่อื ทำการเพิ่มส่วน Header เรยี บรอ้ ยแลว้ จะแสดงส่วน Header ในหน้าเวบ็

18) ตอ่ ไปทำการเพ่มิ สว่ นเมนู โดยคลิกท่ี ท่ีสว่ น MENU

152

กรมสรรพสามติ

19) ทำการเลอื ก Subtemplate ของเมนู ทช่ี ่อื วา่ STP_REGION12019_MENU และคลกิ ป่มุ Next

20) เมื่อเลอื กเมนูแลว้ ระบบแสดงผลการเลอื ก และคลิกปมุ่ Finish เพือ่ ยืนยนั

153

กรมสรรพสามติ

21) เม่อื ทำการเพิ่มส่วน menu เรียบรอ้ ยแลว้ จะแสดงส่วนเมนใู นหน้าเว็บ

22) ตอ่ ไปทำการเพมิ่ สว่ น Footer ของหน้าเว็บ โดยคลกิ ท่ี ทส่ี ่วน FOOTER

154

กรมสรรพสามติ

23) ทำการเลือก Subtemplate ส่วน footer ชื่อ STP_REGION12019_FOOTER และคลิกปุ่ม
Next

24) เมื่อเลอื ก Subtemplate แลว้ ระบบแสดงผลการเลอื ก และคลิกปุ่ม Finish เพ่ือยนื ยัน

155

กรมสรรพสามิต

25) เมือ่ ทำการเพิม่ ส่วน Footer เรยี บรอ้ ยแลว้ จะแสดงส่วน Footer ในหนา้ เวบ็

26) ต่อมาเพิม่ ส่วนรายละเอยี ดข่าว โดยคลกิ ท่ี ทส่ี ว่ น BODY_NEWS

156

กรมสรรพสามติ

27) เลือก Region Definition ของรายละเอียดข่าว ชื่อ RD_REGION12019_NEWS_DETAILS
และคลกิ ปุ่ม Next

28) ทำการสรา้ งสว่ นข้อมลู ใหม่ โดยคลกิ เลือก New Contributor data file และคลกิ ปุ่ม Next

157

กรมสรรพสามิต

29) จากนั้นกรอกรายละเอยี ดของขอ้ มลู ใหม่ เม่อื กรอกเรียบรอ้ ยแลว้ คลกิ ปุ่ม Next

30) แสดงผลการสรา้ งสว่ นข้อมลู และคลิกปุ่ม Finish

158

กรมสรรพสามติ

31) เมอ่ื สร้างสว่ นรายละเอยี ดขา่ วเรยี บร้อยแล้ว จะแสดงสว่ นรายละเอียดขา่ วในหนา้ เวบ็

32) นำรปู ภาพเข้า server เพ่อื นำมาใชใ้ นการเพิ่มข้อมลู รายละเอยี ดข่าว

159

กรมสรรพสามติ

33) เมื่อสร้างส่วนรายละเอียดข่าวเรียบร้อยแล้ว ต่อไปทำการเพิ่มข้อมูลข่าว คลิกที่ ที่ส่วน
BODY_NEWS

34) เขา้ สูส่ ว่ นการแก้ไขขอ้ มูล

160

กรมสรรพสามิต

35) ทำการกรอกสว่ นหัวข้อ คอื สว่ น Title
36) แสดงส่วนขอ้ มูลรูปภาพและวันเวลา

161

กรมสรรพสามติ

37) ทำการคัดลอก URL ของรปู ภาพ

38) ทำการกรอกส่วนรายละเอียดข่าว โดยนำเอา URL ของรูปภาพที่คัดลอกมาแก้ไขส่วนรูปภาพ
และแก้ไขวันเวลา

162

กรมสรรพสามิต

39) แสดงสว่ นขอ้ มลู หวั ขอ้ ข่าวและรายละเอยี ดข่าว

40) ทำการกรอกสว่ นรายละเอียดขา่ ว สว่ นรปู ภาพ

163

กรมสรรพสามติ

41) ทำการคดั ลอก URL ของรูปภาพ

42) นำเอา URL ของรูปภาพท่คี ดั ลอกไวม้ าใสใ่ น โดยทำการใส่ 2 จดุ ตามในรปู ภาพ

164

กรมสรรพสามิต

43) เมอ่ื แกไ้ ขขอ้ มูลเรียบร้อยแล้ว ใหค้ ลกิ ปมุ่ Save and Close เพ่อื บันทึกการแกไ้ ข

165

กรมสรรพสามิต

44) แสดงหนา้ รายละเอยี ดขา่ ว ท่ที ำการเพ่มิ ข้อมลู เรยี บรอ้ ยแลว้

166

กรมสรรพสามิต

45) แสดงส่วนรูปภาพของขา่ ว โดยเม่ือคลิกที่รูปภาพแลว้ จะแสดงรูปภาพเป็นรูปขนาดใหญ่

167

กรมสรรพสามติ

5.2.2. การเพ่ิมข่าวประชาสมั พนั ธ์ใน WebCenter content

1) เขา้ มาที่ WebCenter Content URL : http://192.168.3.239:16200/cs

168

กรมสรรพสามิต

2) เมอื่ เข้า WebCenter Content แล้ว คลกิ ท่ี New Check-In เลอื กขา่ วประชาสมั พันธ์-สาขา

3) เมอื่ คลกิ เข้ามาทข่ี ่าวประชาสัมพนั ธ์-สาขาแล้ว จะพบส่วนกรอกขอ้ มูลข่าว

169

กรมสรรพสามิต

4) แสดงรายละเอยี ดส่วนต่าง ๆ ของข้อมูล
5) ใสข่ ้อมลู ส่วนแรกของข่าว คอื ส่วนภาพขา่ ว โดยคลกิ ปุ่ม Choose File

170

กรมสรรพสามติ

6) เมอ่ื คลกิ เลือกรูปแล้ว ให้ทำการเลอื กรปู ภาพจากเครื่องคอมพิวเตอรแ์ ละคลิกป่มุ Open

7) เมอื่ เพ่ิมรูปภาพเรียบรอ้ ยแลว้ จะแสดงชือ่ ภาพในสว่ น Primary File

171

กรมสรรพสามิต

8) ต่อมาทำการกรอกหัวขอ้ ข่าวและรายละเอยี ดย่อของขา่ ว

9) เปิดหน้ารายละเอยี ดขา่ วแล้วคัดลอก URL ตง้ั แตห่ ลงั /ช่อื site ไว้

172

กรมสรรพสามติ

10) นำ URL ของหนา้ รายละเอยี ดขา่ วที่คดั ลอกไว้ มากรอกที่ช่องรายละเอียดลิ้งค์

11) จากนั้นเลอื กว่าขา่ วเป็นของเว็บไซตใ์ ด โดยคลกิ ปุม่ Browse ในสว่ น Web Site

173

กรมสรรพสามิต

12) ทำการเลอื กเวบ็ ไซต์ โดยเลอื กท่ีชื่อเวบ็ ไซต์

13) เมือ่ เลือกเวบ็ ไซตแ์ ล้ว ใหเ้ ลอื่ นมาทดี่ ้านลา่ งและคลิกป่มุ OK

174

กรมสรรพสามติ

14) เมอื่ เลือกเว็บไซต์เรยี บร้อยแล้ว จะแสดงชื่อเวบ็ ไซต์

15) เมอ่ื กรอกข้อมลู ครบเรยี บร้อย คลกิ ปมุ่ Check-In

175

กรมสรรพสามติ

16) เมื่อทำการเพิ่มข่าวเรียบร้อยแล้ว ระบบแสดงการเพิ่มข่าวประชาสัมพันธ์ และสามารถคลิกท่ี
Content Info เพือ่ ดูรายละเอียดข่าวได้

17) แสดงรายละเอียดของข่าวประชาสัมพนั ธ์

176

กรมสรรพสามติ

18) เมื่อเพิ่มข่าวประชาสัมพันธ์ใน WebCenter content เรียบร้อยแล้ว จะมีข่าวเพิ่มในรายการ
ขา่ วประชาสัมพันธ์

19) แล้วเมอ่ื คลิกทรี่ ายการข่าวจะแสดงหน้ารายละเอยี ดข่าว

177

กรมสรรพสามติ

5.3 การจดั การ Banner
Banner คอื ส่วนในการประชาสมั พันธ์ขอ้ มลู ของเว็บไซต์ ใชส้ ำหรับเผยแพร่ข้อมูลข่าวสารต่าง ๆ ท่ีเกี่ยวขอ้ ง

เพื่อให้ผู้ใช้งานทราบและไม่พลาดข้อมูลข่าวสารที่สำคัญ ขนาดของ Banner แบ่งออกเป็น 2 ขนาด โดยขนาด
ความสูงเป็นความสงู สูงสุดของ Banner ดงั นี้

- เวบ็ ไซตพ์ ้ืนท่ี 940 x 400 px

- เว็บไซตห์ นว่ ยงานภายใน 632 x 397 px

5.3.1. การเพิ่ม Banner

การสรา้ ง banner ใชใ้ นกรณที ่ตี ้องการสรา้ ง banner ใหม่ของเวบ็ ไซต์โดยมขี ั้นตอนวธิ ีการดังน้ี

1) เปิดหน้าหลกั ของเวบ็ ไซต์ จะเห็น banner ของเวบ็ ไซต์

178

กรมสรรพสามติ

2) คลกิ ท่ี ในส่วน HIGHLIGHT_BANNER เพื่อทำการเพิม่ Banner

3) คลิกที่ เพือ่ เพ่มิ banner

179

กรมสรรพสามิต

4) หลงั จากท่คี ลิก แลว้ จะมบี รรทดั เพ่มิ ข้นึ มา ใหค้ ลิกเลือกทีบ่ รรทัดน้ันและคลกิ ที่ เพ่ือเข้า
เพม่ิ ข้อมลู ของ Banner

180

กรมสรรพสามติ

5) เม่อื เขา้ มาส่วนสำหรบั เพม่ิ ข้อมลู จะพบกบั ขอ้ มูล 3 สว่ น ดังน้ี
• Title ข้อมลู ของ Banner
• Image รปู Banner
• Link link ของ Banner

6) เร่มิ กรอกขอ้ มูลสว่ นแรกคอื Title

181

กรมสรรพสามิต

7) ต่อมาเพ่ิมรปู banner ในสว่ น Image โดยคลกิ ที่ เพ่อื เพิม่ รปู ภาพ

8) เมื่อคลิกที่ แล้วระบบจะแสดงหน้าเลือกรูปจาก Server ให้ทำการค้นหารูป โดยใช้
Content ID

182

กรมสรรพสามิต

9) เมือ่ คน้ หาพบแล้ว ทำการเลือกรปู ภาพนนั้ โดยคลิกที่ปมุ่ Select

10) หลงั จากท่เี ลือกรูปภาพเรยี บรอ้ ยแล้ว จะเห็นรปู ภาพเพ่ิมมาในส่วน Image

183

กรมสรรพสามิต

11) จากนนั้ กรอกขอ้ มลู ในสว่ นสดุ ทา้ ย คอื สว่ น Link เป็น URL ที่ใหเ้ ม่อื คลกิ รูปแลว้ จะไปที่ข้อมูล
น้ัน และเมอื่ กรอกข้อมูลครบเรยี บร้อยแลว้ ให้ทำการบันทึก โดยคลกิ ท่ีปุม่ Upload Row and Close

12) จากการบนั ทกึ ข้อมลู จะเห็นขอ้ มลู แสดงเพิ่มข้นึ มาอกี 1 Row และทำการบันทึกข้อมูลอีกครั้ง
โดยคลกิ ท่ีปุ่ม Save and Close

184

กรมสรรพสามติ

13) เมอ่ื บันทึกขอ้ มูลเรียบรอ้ ยแล้ว จะพบว่ามี Banner ท่เี ราสรา้ งเพมิ่ ขึน้ มาอีก 1 Banner

185

กรมสรรพสามิต

5.3.2. การแกไ้ ข Banner
การแก้ไข Banner ใช้ในกรณีที่ต้องการเปลี่ยนรูปหรือเปลี่ยน Link ของ Banner โดยมีขั้นตอน

วิธีการดงั นี้
1) คลิกที่ เพื่อเข้าแกไ้ ข Banner

2) เมอ่ื เข้ามาสูห่ นา้ รายการขอ้ มูล แลว้ ใหค้ ลกิ เลอื กที่ row ทต่ี ้องการแก้ไข และคลิกที่

186

กรมสรรพสามิต

3) เมอื่ เข้ามาส่หู นา้ แกไ้ ขข้อมลู สามารถทำการแก้ไขข้อมูลได้เลย เรมิ่ แก้ไขที่ส่วน Title

4) ต่อมาทำการแก้ไขรูปภาพ โดยต้องทำการลบรูปเก่าออกก่อน แล้วถึงทำการเพิ่มรูปภาพใหม่
เขา้ ไปอกี คร้ัง โดยคลิกที่

187

กรมสรรพสามิต

5) เมื่อคลิกที่ แล้วระบบจะแสดงหน้าเลือกรูปจาก Server ให้ทำการค้นหารูปโดยใช้
Content ID

6) เม่ือค้นหาพบแล้ว ทำการเลอื กรูปภาพนั้นโดยคลิกท่ีปมุ่ Select

188

กรมสรรพสามิต

7) หลงั จากที่เลอื กรูปภาพเรียบร้อยแลว้ จะเห็นรปู ภาพเพ่มิ มาในส่วน Image แทนรปู ภาพเดมิ

8) ต่อมาทำการแก้ไขส่วน Link โดยการพิม URL ใหม่แทน URL เดิม และเมื่อทำการแก้ไข
เรยี บรอ้ ยแลว้ ให้ทำการบนั ทกึ โดยคลกิ ปมุ่ Upload Row and Close

189

กรมสรรพสามติ

9) จากการบันทึกข้อมูล จะเห็นข้อมูลเดิมมีการแก้ไขแล้ว และทำการบันทึกข้อมูลอีกครั้ง
โดยคลกิ ทป่ี ุ่ม Save and Close

v

10) เมอื่ บันทึกข้อมูลเรยี บรอ้ ยแล้ว จะพบวา่ มี Banner มกี ารแก้ไขเรียบรอ้ บแล้ว

190

กรมสรรพสามติ

5.3.3. การลบ Banner
การลบ banner ใช้ในกรณีทตี่ อ้ งการนำ banner นัน้ ๆ ออกโดยมขี น้ั ตอนวธิ ีการ ดงั น้ี
1) คลิกที่ เพอื่ เขา้ แกไ้ ข Banner
v

2) เมือ่ เข้ามาสหู่ น้ารายการข้อมลู แล้วให้คลกิ เลือกท่ี row ทีต่ อ้ งการลบ และคลกิ ที่
v

v

191

กรมสรรพสามิต

3) หลังจากที่ลบ Banner แล้ว ข้อมูล Banner นั้นจะหายไป ต่อมาทำการบันทึกการลบ
โดยคลกิ ทีปมุ่ Save and Close

v

4) แสดงผล Banner เมื่อทำการลบ Banner เรยี บรอ้ ยแลว้

192

กรมสรรพสามิต

5.3.4. การเปลย่ี นลำดับ Banner
การเปลี่ยนลำดับ Banner ใช้ในกรณีที่ต้องการสับเปลี่ยนลำดับการแสดง Banner ก่อนหลัง

โดยปกตกิ ารแสดงผลจะเรียงจาก Banner ใหมล่ า่ สุดไปยัง Banner เก่า โดยมีขนั้ ตอนวธิ กี ารดังน้ี
1) คลกิ ท่ี เพือ่ เข้าแกไ้ ข Banner
v

2) เมอ่ื เข้ามาสู่หน้ารายการข้อมูล จะเหน็ ข้อมลู อยู่ 2 รายการ

193

กรมสรรพสามติ

3) จากนั้นคลิกเลือกข้อมูลที่ต้องการย้ายตำแหน่ง แล้วถ้าต้องการย้ายลงให้คลิกที่ แต่ถ้า
ต้องการยา้ ยขึน้ ใหค้ ลิกท่ี

v

4) เม่อื คลิกที่ จะเหน็ ไดว้ ่า Banner สำนักกฎหมาย กรมสรรพสามติ ยา้ ยไปอยดู่ า้ นล่างแทน

194