ข าวประชาส มพ นธ หร อข าวสารต างๆ เมน หล ก ประกอบด วยรายการด งต อไปน (สามารถ เพ มหร อลด ตามความต องการของหน วยงานได )

คู่มือการใช้งานเว็บไซต์ 1. โครงสร้างของเว็บไซต์ เมือเข้าสู่เว็บไซต์ http://www.ชือหน่วยงาน.org จะพบกับหน้าจอแรกดังภาพ ซึงประกอบด้วยส่วนต่าง ๆ ดังนี" เมนูหลัก ประกอบด้วยรายการดังต่อไปนี" (สามารถ เพิมหรือลด ตามความต้องการของหน่วยงานได้) • หน้าหลัก • สารจากนายกเทศมนตรี • ข้อมูลบุคลากร ต่างๆ • ข้อมูลทัวไป • ข้อมูลแหล่งท่องเทียว • ข่าวประชาสัมพันธ์ • ข่าวประกวดราคา/สอบราคา • ข่าวกิจกรรม • แผนทีเขตเทศบาล • ดาวน์โหลดเอกสารทางราชการ • ติดต่อเรา หน้าจอเข้าสู่ระบบของ ผู้ดูแลระบบ ข่าวประชาสัมพันธ์ หรือข่าวสารต่างๆ เมนูหลัก

สําหรับผู้ดูแลระบบ

เมือต้องการเพิมข่าวประกาศ, ข่าวประชาสัมพันธ์, แก้ไขข้อมูลภายในเว็บไซต์ จะต้องทําการ Login เข้า สู่ระบบก่อน ซึงสามารถเข้าสู่ระบบได้โดยกรอกชือบัญชีผู้ใช้ และ รหัสผ่าน ในช่องเข้าสู่ระบบ ดังรูป

โดยรายละเอียดของเมนูแต่ละรายการมีดังต่อไปนี" 1) เมนูเพิมข่าวต่างๆ * สําหรับลงข่าวประกาศ ข่าวประชาสัมพันธ์ ข่าวกิจกรรม หรือข้อมูลต่างๆ ทีมีการจัดเก็บเป็นแบบ ฐานข้อมูล ลงในเว็บไซต์ โดยเมือคลิกเข้าสู่เมนูเพิมข่าวประกาศ จะพบกับหน้าจอเพิมข่าวประกาศ ซึงมีส่วนประกอบ ดังรูป -สําหรับป้อนหัวข้อข่าวประกาศ สําหรับป้อนเนื อหาข่าวประกาศ เลือกรูปแบบตัวอักษร แนบภาพประกอบ แนบไฟล์ประกอบ พร้อมคําอธิบาย

- การแนบภาพประกอบ สามารถแนบไฟล์ภาพตามฟอร์แมทดังนี" JPEG, GIF, PNG, BMP - ขนาดไฟล์ภาพสูงสุดไม่เกิน 1MB แต่ทั"งนี" ยิงไฟล์ภาพมีขนาดใหญ่ จะยิงทําให้เว็บโหลดได้ช้า

รวมถึงทําให้โพสข่าวได้ช้าด้วย ดังนั"นจึงควรย่อภาพให้มีขนาดทีเหมาะสม ก่อนจะโพสขึ"น เว็บ

- การแนบไฟล์ประกอบ สามารถแนบไฟล์ได้ทุกประเภท (เช่น Word, Excel, Powerpoint, Acrobat เป็นต้น) โดยมีขนาดไฟล์ไม่เกิน 1MB โดยจะต้องใส่คําอธิบายด้วย (หากไม่มีการใส่ คําอธิบายไฟล์ ระบบจะกําหนดให้คําอธิบายเป็น Untitled Document) - เมือกรอกข้อมูลทั"งหมดเรียบร้อยแล้ว ให้คลิกทีปุ่ม Submit เพือโพสข่าวลงเว็บ - สามารถใช้ HTML Tag ในส่วนของรายละเอียดข่าวได้ (ควรมีความรู้เบื"องต้นเกียวกับ HTML) เช่น การแทรกตาราง เป็นต้น 2) เมนูแก้ไขหน้าเว็บ แก้ไขหน้าเว็บต่างๆ ทีไม่ต้องการเก็บเป็นลักษณะฐานข้อมูล เช่น สารจากนายก ข้อมูลทัวไป ติดต่อ หน่วยงาน เมือคลิกเข้าสู่เมนูแก้ไขสารนายกเทศมนตรี จะพบกับหน้าจอดังรูป โดยรูปแบบการใช้งานจะเป็นแบบ Web Editor ** นันคือ เราสามารถแก้ไขข้อมูลโดยสามารถเห็น ลักษณะของข้อความทีป้อนได้ทันที เช่นเดียวกับในโปรแกรม Microsoft Word หมายเหตุ การใช้งานในเมนูแก้ไขข้อมูลทั"งหมดจะเหมือนกัน ท่านสามารถอ่านรายละเอียดการใช้งาน Web Editor ** ได้ ในหัวข้อ การใช้งาน Web Editor **

การใช้งาน Web Editor **

ลักษณะเด่นของ Web Editor ** คือ มีลักษณะทีเราสามารถเป็นผลลัพธ์ของการแก้ไขได้ ซึงมีลักษณะการใช้งานคล้ายคลึง กับโปรแกรม Microsoft Word ทีนิยมใช้กันทัวไป โดย Web Editor ** ตัวนี" สนับสนุนการทํางานกับโปรแกรมในชุด Microsoft Office ทําให้ท่านสามารถก๊อปปี"ข้อความจากโปรแกรม Word/Excel/Powerpoint มาแปะลงใน Editor ได้ทันที ปุ่มใช้งานหลัก ๆ ของ Web ditor จะมีดังนี" Web Editor ** สามารถแทรกรูปได้ โดยการคลิกทีปุ่ม แทรกรูปภาพ จะปรากฏหน้าต่างขึ"นมาดังรูป หากท่านต้องการแทรกรูป โดยเลือกรูปจากในเครืองคอมพิวเตอร์ของท่าน ให้คลิกทีปุ่ม “เปิดหน้าต่างจัดการไฟล์อัพโหลด” ซึงเมือคลิกแล้วจะพบกับหน้าต่าง ดังรูป รูปแบบตัวอักษร ตัวหนา ตัวเอียง ขีดเส้นใต้ จัดย่อหน้า ชิด ซ้าย ชิดขวา กึงกลาง ชิดขอบ Bullet แบบ ตัวเลข และ แบบจุด แทรก Link / แก้ไข Link แทรกรูปภาพ / แก้ไขรูปภาพ แทรกตาราง เข้าไปแก้ไขรหัส HTML (สําหรับ ผู้เชียวชาญเท่านัน) เลือกฟอนต์ตัวอักษร เลือกขนาดตัวอักษร เลือกสีตัวอักษร/สีพื น

- ท่านสามารถอัพโหลดภาพขึ"นไปที Server ได้โดยการกดปุ่ม Browse เพือเลือกไฟล์ จากนั"นกดปุ่ม Upload - เมือระบบทําการอัพโหลดไฟล์ภาพเสร็จ ไฟล์ภาพจะแสดงในช่องรายชือไฟล์ ให้คลิกทีชือไฟล์ทีท่านอัพ

โหลดไป เพือทําการเลือกภาพนั"นไปแทรกใน Web Editor **

- หากท่านต้องการแยกโฟลเดอร์เพือเก็บรูปให้เป็นระเบียบ ท่านสามารถสร้างโฟลเดอร์ใหม่ได้ โดยการคลิกที ปุ่ม Create New Folder แล้วใส่ชือโฟลเดอร์ จากนั"น ชือโฟลเดอร์ใหม่ จะปรากฏทีช่อง รายชือโฟลเดอร์ ให้ ท่านคลิกทีชือโฟลเดอร์นั"น เพือเข้าไปข้างในโฟลเดอร์ เมือทําการอัพโหลด/เลือกไฟล์เสร็จแล้ว ระบบจะกลับมาทีหน้าต่างแทรกรูป พร้อมกับแสดงชือไฟล์ และรายละเอียดของ ไฟล์ทีท่านได้เลือก (ขนาดรูป กว้าง ยาว, เส้นขอบรูป ฯลฯ) รายชือไฟล์บน Server อัพโหลดไฟล์ใหม่

- สามารถใส่คําประกอบรูปภาพได้ โดยข้อความทีใส่ไว้จะปรากฏเมือนํา Cursor ของเมาส์มาวางไว้บนภาพ - สามารถกําหนดขนาดรูปทีจะให้แสดงได้โดยการป้อนตัวเลขทีช่อง ความกว้าง และ ความสูง - สามารถกําหนดให้ภาพมีเส้นขอบหรือไม่ โดยการป้อนตัวเลขทีช่อง ขนาดขอบรูป (หากไม่ต้องการให้มี ขอบรูป ให้ใส่ตัวเลข 0) - ระยะแนวนอน/แนวตั"ง คือ การกําหนดระยะห่างจากขอบซ้าย / ขอบบน ของหน้าเว็บ - การจัดวาง สําหรับกําหนดรูปแบบการจัดข้อความทีอยู่ติดกับรูปภาพ การแทรกตารางใน Web Editor ** ทําได้โดยการคลิกทีปุ่ม แทรกตาราง จะปรากฏหน้าจอดังรูป - สามารถกําหนดจํานวนของแถวและสดมภ์ได้โดยการป้อนตัวเลขในช่อง แถว/สดมภ์ - สามารถกําหนดความกว้าง/ความสูงของตารางได้โดยการป้อนตัวเลขในช่อง กว้าง/สูง - กําหนดขนาดเส้นขอบตารางโดยการป้อนตัวเลขในช่อง ขนาดเส้นขอบ (ใส่ตัวเลข 0 หากไม่ต้องการให้มี เส้นขอบตาราง) การแทรก Link สามารถทําได้ตามขั"นตอน ดังนี" - ให้เลือกบริเวณข้อความ/รูปภาพทีต้องการทําเป็น Link (ข้อความให้คลิกเมาส์ค้างไว้ แล้วลากแถบดําเพือ เลือก , รูปภาพ ให้คลิกทีรูปภาพนั"น) - คลิกทีปุ่ม แทรก Link จะปรากฏหน้าต่างดังรูป

- เลือกลักษณะของ Link ทีเราต้องการ โดยการเลือกประเภทของ Link o ทีอยู่อ้างอิงออนไลน์ (URL) สําหรับการ Link ไปยังหน้าเว็บไซต์อืน ๆ o จุดเชือมโยง (Anchor) สําหรับการ Link ภายในเว็บเพจเดียวกัน o ส่ง E-mail สําหรับการแทรก Link เพือส่ง E-mail

- คลิกทีแท็บ การเปิดหน้าจอ เพือเลือกลักษณะของหน้าต่างทีจะเปิดขึ"นใหม่เมือเราคลิก Link ทีเรากําหนด โดยเมือคลิกแท็บ จะปรากฏหน้าจอดังนี" - สามารถกําหนดรูปแบบการเปิดหน้า Link ได้ดังนี" o _blank คือ การเปิด Link ในหน้าต่างใหม่ o _self คือ การเปิด Link ในหน้าต่างเดิม โดยหากหน้าต่างเดิมทีการแทรกเฟรม จะเปิดในเฟรมนั"น ๆ o _parent คือ การเปิด Link ในหน้าต่างเดิม โดยจะเปิดแทนหน้าต่างนั"นทั"งหน้า ไม่ว่าจะมีเฟรมหรือไม่ 3) เมนูเปลียนรหัสผ่าน สําหรับเปลียนรหัสผ่านของบัญชีผู้ใช้ของท่าน 4) ออกจากระบบ (Logout) เมือใช้งานระบบเสร็จแล้ว ให้กดปุ่ม logout ทุกครั"ง เพือเป็นการป้องกันผู้ไม่มีสิทธิ:ใช้งานมาใช้ เครืองต่อจากท่าน หมายเหตุ เมนูเพิมข่าวต่างๆ * อาจมีการเปลียนแปลงรูปแบบได้ในอนาคตเนืองจากทีมงานมีการพัฒนารูปแบบให้มีความทันสมัยอยู่เสมอ Web Editor ** อาจมีการเปลียนแปลงรูปแบบได้ในอนาคตเนืองจากทีมงานมีการพัฒนารูปแบบให้มีความทันสมัยอยู่เสมอ