Website Webportal

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

5) เมื่อทำการเปลี่ยนลำดับเรียบร้อยแล้ว ให้ทำการบันทึกการเปลี่ยนแปลงโดยคลิกที่ปุ่ม Save
and Close

v

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

195

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

5.4 การแก้ไข Footer
Footer คือ ส่วนล่างของหน้าเว็บ เป็นส่วนแสดงข้อมูลต่าง ๆ ของเว็บไซต์ โดยใน Footer จะแสดงข้อมูล

ช่ือเว็บไซต์, ทอ่ี ยู่, อีเมลและเบอรโ์ ทรศพั ท์ โดยมีข้ันตอนในการแกไ้ ข ดังน้ี
1) การแก้ไข Footer ต้องเข้าทำการแก้ไขโดยผ่านโปรแกรม Site Studio ดังนั้นให้ทำการเข้าโปรแกรม

และทำการสร้างการเช่ือมต่อ Site โดยถา้ ในกรณีที่ยังไมเ่ คยเชือ่ มต่อ ให้คลิกที่ปุม่ New เพอื่ สร้างการเชอ่ื มต่อ Site

v
2) ต่อมาทำการเชื่อมต่อ Server โดยกรอก URL ที่ช่อง Server Cgi URL และคลิกปุ่ม Connect
เพ่อื เช่อื มตอ่ Server

v
v

196

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

3) เม่อื เช่อื มต่อ Server ได้แลว้ ทำการเลอื ก Site ที่ตอ้ งการเชือ่ มตอ่ โดยเลือก Site จากส่วน Site Label

v

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

v

197

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

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

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

198

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

7) จากน้นั ไปทสี่ ่วน Site Asset แล้วเลอื ก Subtemplates

8) ทำการคลกิ 2 ครัง้ ทช่ี ื่อ STP_REGION12019_FOOTER

199

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

9) แสดงโค้ดสว่ น Footer

10) แสดงขอ้ มลู สว่ นทอ่ี ยู่

v

200

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

11) แสดงข้อมลู ส่วนทีอ่ เี มล

v

12) แสดงข้อมลู สว่ นเบอรโ์ ทรศพั ท์

v

201

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

13) ทำการทดสอบโดยการแก้ไขอเี มล

14) ทำการทดสอบโดยการแก้ไขเบอรโ์ ทรศพั ท์
v

202

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

15) แสดงผลการแกไ้ ขอีเมลและเบอรโ์ ทรศัพท์
v

203

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

5.5 การสรา้ งหน้ารายการข่าวประชาสัมพันธ์
โดยการสรา้ งแบง่ ออกเป็น 2 ส่วนคือ
5.5.1. การสร้างสว่ นข้อมลู
1) ทำการสร้าง Region Definition ของส่วนรายการข่าว โดยคลิกที่ New และเลือก Region

Definition

v

204

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

2) ตอ่ มาทำการกรอกข้อมลู ของ Region Definition

3) ตอ่ มาทำการเลือกโฟลเดอร์ในการจัดเกบ็ ไฟล์ โดยคลิกทป่ี ุ่ม Browse ในส่วน Folder
v
205

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

4) ทำการกรอก User Name และ Password แล้วคลกิ ปุม่ Sign In

5) เม่ือเข้า content server ได้แลว้ ให้ทำการเลือกโฟลเดอรใ์ นการจดั เกบ็ ไฟล์ และคลกิ ป่มุ OK
v

206

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

6) เมอ่ื เลอื กโฟลเดอรเ์ รยี บร้อยแลว้ จะแสดงข้อมูลโฟลเดอรท์ จ่ี ดั เก็บไฟล์

v
7) เมอื่ กรอกขอ้ มลู ครบหมดแลว้ ให้เลื่อนมาท่ดี ้านลา่ งขอหนา้ จอและคลิกปมุ่ Assign Info

v
207

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

8) เมื่อสร้าง Region Definition เรียบร้อยแล้ว มีแสดง Region Definition ที่สร้างใหม่ในส่วน
Site Asset

v
9) ตอ่ มาทำการเพมิ่ element ใน Region Definition โดยคลกิ ทป่ี มุ่ Add

v

208

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

10) ทำการสร้างสว่ น Title เมอื่ กรอกขอ้ มูลเสรจ็ แล้วคลิกปุม่ OK
vv

11) เมื่อเพม่ิ Element เรยี บรอ้ ยแลว้ จะมี Element เพ่ิมเขา้ มาใน Region Definition
v

209

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

12) จากนั้นทำการสร้าง Region Template โดยคลิกเลือก New แล้วเลือก HCSP Region
Template

v
13) ทำการเลอื ก Region Definition ทน่ี ำมาใช้งานกบั Region Template นี้ และคลกิ ปุ่ม OK

vv

210

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

14) ต่อมาทำการกรอกรายละเอียดของ Region Template

15) ทำการเลือกโฟลเดอร์สำหรับจดั เกบ็ ไฟล์ โดยคลิกที่ Browse
v

211

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

16) ทำการเลือกโฟลเดอร์สำหรับจดั เก็บไฟล์ และคลกิ ปมุ่ OK

17) เม่อื เลอื กโฟลเดอร์เรยี บรอ้ ยรอ้ ยแลว้ ระบบแสดงโฟลเดอรท์ ่เี ลอื กในสว่ น Folder
v

212

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

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

v
19) เมื่อสรา้ ง Region Template แลว้ แสดง Region Template ในสว่ น Site Asset

213

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

20) ต่อมาทำการแก้ไข Region Template

21) สว่ นที่ต้องแก้ไข คอื สว่ นการเรยี กข้อมลู ขา่ ว
v

214

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

22) เมื่อสร้าง Region Definition และ Region Template เรียบร้อยแล้ว ต่อไปเป็นการเพิ่ม
ขอ้ มูลท้งั 2 ส่วนเข้าไปใน Placeholder Definition

23) เปดิ ส่วน Placeholder Definition เพือ่ ทำการเพมิ่ ข้อมลู Region Definition

v
215

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

24) ทำการเลอื ก Region Definition ทต่ี อ้ งการเพ่มิ เขา้ ไปใน Placeholder และคลกิ ปุม่ OK
25) เมื่อเพิ่ม Region Definition เรียบร้อยแล้ว จะแสดงชื่อ Region Definition และต่อไปเป็น
การเพิ่ม Region Template โดยการคลิกป่มุ Add

v
26) ทำการเลือก Region Templates ทต่ี ้องการเพมิ่ เข้าไปใน Placeholder

216

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

27) เมื่อเพ่มิ Region Templates เรยี บรอ้ ยแลว้ จะแสดงช่ือ Region Templates
v

217

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

5.5.2. สว่ นหนา้ เพจ
1) สรา้ ง Section ของหน้ารายการข่าว

2) ทำการยืนยนั การสร้าง Section โดยการคลกิ ปมุ่ OK
3) ทำการสรา้ ง Section โดยกรอก Label และ URL เม่อื กรอกเสรจ็ แลว้ คลกิ ป่มุ OK

218

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

4) เม่อื สร้าง Section เรยี บร้อยแลว้ แสดงชื่อโฟลเดอรห์ ้องขา่ ว

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

219

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

6) ยนื ยันการสร้าง Section โดยคลิกปมุ่ OK
7) ทำการสร้าง Section โดยกรอก Label และ URL แล้วคลกิ ปุ่ม OK

v
8) เมือ่ ทำการสร้าง Section เสรจ็ แลว้ จะพบโฟลเดอรข์ า่ วประชาสัมพันธ์

220

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

9) จากนน้ั ทำการเลือก Layout ของหน้ารายการขา่ ว

10) ทำการเลือกใช้งาน Layout 2 และคลิกปมุ่ OK

221

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

11) เมือ่ เลอื ก Layout ของหน้ารายการขา่ วเรียบรอ้ ย จะเหน็ ว่ามี Layout เพิม่ มาใต้โฟลเดอร์ข่าว
ประชาสมั พนั ธ์

12) ต่อไปเป็นการประกอบหนา้ เว็บไซต์ โดยเริม่ จากการเปิดหนา้ เว็บบนเบราว์เซอร์ ให้คลิกขวาที่
หนา้ น้ันและเลือก View in Browser

222

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

13) ทำการยืนยนั การเปิดหนา้ เวบ็ บนเบราว์เซอร์ โดยคลกิ ป่มุ Yes
14) แสดงหน้ารายการข่าวในเบราว์เซอร์ ต่อไปทำการเพิ่มส่วนต่าง ๆ ของหน้าเว็บ เริ่มจากส่วน
HEADER

223

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

15) ทำการเลอื กการแสดงผลสว่ น Header เมอ่ื เลือกแลว้ คลิกป่มุ Finish

16) เมื่อเลือกส่วน HEADER เสร็จแล้ว จะแสดงส่วน HEADER ในหน้าเว็บ และทำการเพิ่มส่วน
MENU ตอ่

224

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

17) ทำการเลือกการแสดงผลส่วน Menu เมอื่ เลอื กแล้วคลกิ ป่มุ Finish

18) เมื่อเลือกส่วน MENU เสร็จแล้ว จะแสดงส่วน MENU ในหน้าเว็บ และทำการเพิ่มส่วน
FOOTER ตอ่

225

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

19) ทำการเลอื กการแสดงผลสว่ น Footer เมื่อเลือกแล้วคลิกปุ่ม Finish

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

226

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

21) ทำการเลือกการแสดงผลสว่ น SIDE_NEWS เมือ่ เลอื กแลว้ คลิกปมุ่ Next

22) ต่อมาทำการเลือกไฟล์ข้อมลู จากใน server คลิกเลอื กที่ Existing file from server และคลิก
ป่มุ Next

227

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

23) ทำการเลอื กไฟล์ข้อมูล Side_News จากใน Content Server โดยคลิกทปี่ ุ่ม Select

24) เมื่อทำการเลือกไฟล์ขอ้ มลู จาก Server แล้ว ระบบแสดงผลการเลอื ก ให้คลิกปุ่ม Finish

228

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

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

229

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

26) ทำการเลอื กการแสดงผลสว่ น BODY_NEWS เมอ่ื เลอื กแล้วคลกิ ปมุ่ Next

27) ทำการสร้างขอ้ มูลใหมโ่ ดยคลิกท่ี New Contribution data file และคลกิ ปุ่ม Next

230

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

28) ทำการรายละเอยี ดขอ้ มูล

29) ต่อมาทำการเลือกโฟลเดอรส์ ำหรับจดั เกบ็ ไฟล์ และคลิกปมุ่ OK

231

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

30) เม่อื เลอื กโฟลเดอรส์ ำหรับจดั เก็บไฟลเ์ รยี บรอ้ ยแล้ว จะแสดงในสว่ น Folder

31) เมอื่ สรา้ งขอ้ มูลเรียบร้อยแลว้ ใหค้ ลกิ ปุ่ม Finish

232

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

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

233

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

34) เมื่อคลิกเข้ามาส่วนการแก้ไขแล้ว ให้เพิ่มข้อมูลในส่วน Title โดยใส่ข้อมูลชื่อข่าว
ประชาสมั พนั ธ์ และคลิกปุ่ม Save and Close เพ่ือบนั ทึกข้อมูล

35) เม่อื ทำการเพ่มิ ขอ้ มูลครบทกุ ส่วนแล้ว การสร้างหนา้ รายการขา่ วเรยี บร้อยแลว้

234

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

5.6 การสร้างหนา้ page โดยใช้ Layout 3
โดยการสรา้ งแบง่ ออกเปน็ 2 สว่ นคอื
5.6.1. สว่ นข้อมูล
โดยในส่วนข้อมูล สามารถแบ่งการแสดงผลเป็น 2 ส่วน คือ ส่วนชื่อหน้าเพจซึ่งเป็นข้อมูลที่กรอก

ในช่อง Title และสว่ นข้อมลู เป็นขอ้ มูลที่กรอกในชอ่ ง Detail

และมีขน้ั ตอนดงั นี้
1) ตรวจสอบ Element Definition

235

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

2) สร้าง Region Definition เข้าโปรแกรม Site studio ไปที่ส่วน Site Asset เลือก Region
Definitions ตอ่ มาคลิก และเลอื ก Region Definition

3) เมื่อสร้าง Region Definition แลว้ ทำการกรอกรายละเอียดขอ้ มูล

236

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

4) กรอกรายละเอียดขอ้ มลู ส่วนถดั มาคอื ส่วน Folder ที่จดั เกบ็ ไฟล์ โดยคลกิ ทป่ี มุ่ Browse

5) เมื่อทำการคลิกที่ปุ่ม Browse แล้วระบบให้ใส่ User Name และ Password เพื่อเข้า Server
เมอ่ื กรอกเรียบร้อยแล้วคลกิ ปุ่ม Sign In

237

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

6) เมื่อ Login เข้าสู่ระบบได้แล้ว ให้เข้าไปยังที่จัดเก็บตามของแต่ละเว็บไซต์และเลือกจัดเก็บ
ท่ีโฟลเดอร์ RD และคลกิ ปุ่ม OK

7) เมอื่ เลือกทีจ่ ดั เกบ็ เรียบรอ้ ยแล้ว จะแสดงขอ้ มลู ทจ่ี ัดเกบ็ ในสว่ นของช่อง Folder

238

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

8) ต่อมาเมื่อกรอกข้อมูลครบเรียบร้อยแล้ว ให้เลื่อนหน้าจอมาด้านล่างแล้วยืนยันการสร้าง
โดยคลกิ ท่ปี ุม่ Assign Info

9) เมื่อสรา้ ง Region Definition เรียบรอ้ ยแลว้ ระบบจะแสดง Region Definition ท่ีสร้างในส่วน
Site Asset ต่อไปทำการเพม่ิ ข้อมลู ใน Region Definition โดยคลกิ สองครง้ั ทีช่ ื่อ Region Definition น้นั

239

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

10) เม่อื เปิด Region Definition แลว้ ต่อไปจะเปน็ การเพ่ิมข้อมลู โดยคลกิ ท่ปี ุ่ม Add
11) ตอ่ มาทำการเพิ่มข้อมลู 2 สว่ นคอื สว่ น Title และ Detail

240

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

12) เมอ่ื ทำการเพิ่มข้อมูลทง้ั 2 สว่ นเรียบร้อยแล้ว จะแสดงขอ้ มูลท้ัง 2 สว่ นในชอ่ ง Element

13) สร้าง Region Template ไปที่ส่วน Site Asset เลือก Region Templates ต่อมาคลิก
และเลอื ก HCSP Region Template

14) ต่อมาใหท้ ำการเลือก Region Definition สำหรบั Region Template นี้ และคลิกปุ่ม OK

241

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

15) เมื่อสรา้ ง Region Template แลว้ ทำการกรอกรายละเอยี ดขอ้ มลู

16) สว่ นถดั มาคอื ส่วน Folder ที่จดั เกบ็ ไฟล์ โดยคลกิ ท่ปี ุ่ม Browse เมอ่ื ทำการคลกิ ท่ปี ่มุ Browse
แลว้ ระบบใหใ้ ส่ User Name และ Password เพอื่ เข้า Server เมอ่ื กรอกเรียบรอ้ ยแล้วคลิกปุ่ม Sign In

242

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

17) เมื่อ Login เข้าสู่ระบบได้แล้ว ให้เข้าไปยังที่จัดเก็บตามของแต่ละเว็บไซต์และเลือกจัดเก็บท่ี
โฟลเดอร์ RT และคลกิ ปุม่ OK

18) เมอ่ื เลอื กท่ีจัดเกบ็ เรยี บรอ้ ยแลว้ จะแสดงข้อมลู ทจี่ ัดเก็บในสว่ นของช่อง Folder

243

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

19) ต่อมาเมื่อกรอกข้อมูลครบเรียบร้อยแล้ว ให้เลื่อนหน้าจอมาด้านล่างแล้วยืนยันการสร้าง
โดยคลกิ ทป่ี ุม่ Assign Info

20) เมื่อสร้าง Region Template เรียบร้อยแล้ว ระบบจะแสดง Region Template ที่สร้าง
ในสว่ น Site Asset ต่อไปทำการแก้ไขข้อมูลใน Region Template โดยคลกิ สองครงั้ ท่ีชือ่ Region Template น้นั

244