|
1.ในหน้าเมนูหลัก คลิกที่ปุ่มแก้ไขเนื้อหาในเว็บ
2.เมื่อเข้าสู่หน้าแก้ไขเนื้อหาแล้ว ให้คลิกที่หน้าติดต่อเราซึ่งทางsiam2web สร้างเป็นตัวอย่างไว้แล้ว
|
|
|
1.ในหน้า ติดต่อเรา จะพบว่ามีข้อความเป็นภาษาอังกฤษ เราจึงต้องลบเพื่อสร้างข้อมูลใหม่ที่ตรงกับร้านของเรา โดยก่อนลบต้องเก็บ from contact เก็บไว้ก่อน โดยให้คลิกแล้วลากตามตัวอย่างในภาพ
2.จากนั้นคลิกแล้วลากมาวางนอกกรอบตารางไข่ปลาที่มีการสร้างไว้ก่อนแล้ว
|
|
|
1.เลื่อนเคอร์เซอร์มาวางไว้ท้ายสุดหลังตารางไข่ปลา
2.กด backspace เพื่อลบข้อความและกรอบดังกล่าวออกทั้งหมด
|
|
|
1.จะเหลือเฉพาะ ++ form contact ++ ในหน้ากระดาษเปล่า
2.ให้บันทึกข้อมูลที่มีการแก้ไขทุกครั้งก่อนจะไปทำงานในหน้าอื่น โดยการกดคลิดที่ปุ่มการบันทึกตามภาพ
|
|
|
1.เลื่อนเคอร์เซอร์มาที่หน้าแรกตามภาพและกดคลิด เพื่อไปทำงานต่อในหน้าแรก
2.เมื่อเข้าสู่หน้าแรก เราต้องการก๊อปปี้banner ส่วนบนของหน้าที่มีการสร้างไว้แล้ว โดยให้นำเคอร์เซอร์ไปวางและคลิกที่ขอบเส้นของbanner จนปรากฏปุ่มเล็กๆขึ้นรอบๆbanner
|
|
|
1.คลิกขวาที่เมาส์ จะปรากฏแถบคำสั่งขึ้น ให้คลิกเลือกคำสั่ง copy
2.ระบบจะสอบถามว่าท่านต้องการดำเนินการตามที่ปรากฏในคลิปบอร์ดหรือไม่ ให้คลิกตามภาพ
|
|
|
1.หลังจาก copy แบนเนอร์ได้มาแล้ว ให้นำเคอร์เซอร์มาคลิกเพื่อกลับไปหน้า ติดต่อเรา จากนั้นวางเคอร์เซอร์บนบรรทัดเหนือ form contact
2.คลิกเมาส์ขวามือ จะปรากฏชุดคำสั่งขึ้น ให้คลิกคำว่า paste เพื่อสั่งให้วางแบนเนอร์ลงตรงจุดดังกล่าว
|
|
|
1.เครื่องจะสอบถามย้ำอีกครั้ง ให้ตอบเช่นเดิม
2.แบนเนอร์ที่เราก๊อปปี้จากหน้าแรกก็จะมาปรากฏในหน้า ติดต่อเรา ดังภาพ โดยมีเคอร์เซอร์ถูกวางไว้ท้ายแบนเนอร์ให้กด enter เพื่อขึ้นบรรทัดใหม่
|
|
|
1.กดคลิกที่ปุ่มสร้างตาราง เพื่อสร้างตารางเนื้อหาการติดต่อกับเรา
2.popup จะปรากฏขึ้นให้เรากรอกตามที่ได้เคยแนะนำมาแล้วในบทก่อน
|
|
|
1.ในหน้า advance ให้กดปุ่มสามเหลี่ยมเพื่อเลือกสีพื้นหลัง
2.ในแถบเลือกสีพื้นหลังเราเลือกเป็นสีเทาอ่อน จากนั้นกด apply และ Insert ตามลำดับ
|
|
|
1.ตารางเปล่าสีเทาจะปรากฏขึ้นตามภาพ
2.ให้คลิกแล้วลากเมาส์ ++ form contact ++
|
|
|
1.ย้ายแบบฟอร์มการติดต่อมาไว้ในตารางตามภาพ
2.ในช่องตารางแถวบนช่องแรก ให้พิมพ์ข้อความแนะนำวิธีการติดต่อกับทางร้าน หมายเลขโทรศัพทื มือถือ fax สถานที่ตั้ง รวมทั้งแผนที่ตั้งของร้านหากมี
|
|
|
1.จากนั้นให้คลิกแล้วลากเมาส์เพื่อกำหนดให้ข้อความดังกล่าว เป็นสีอะไร
2.มีขนาดเท่าใด ควรเป็น 12 เพื่อให้อ่านและสังเกตได้ง่าย
|
|
|
1.เพื่อให้web page หน้านี้มีความสวยงามจึงจำเป็นต้องเพิ่มภาพประกอบ เช่น ดอกไม้ ผีเสื้อ ภาพanimation ลงไป
2. สำหรับตัวอย่างนี้ ดอกไม้จะถูกวางไว้ในช่องที่ 2ของแถวบนในตาราง
|
|
|
1.ภาพผีเสื้อจะถูกวางไว้ที่ช่องที่ 2 ของแถวที่ 2
2. ส่วนที่ช่องที่ 1 แถวที่ 1 จากจะมีข้อความแล้วเรายังสามารถเพิ่มEmail เข้าไปได้อีกด้วย
|
|
|
1.เมื่อเสร็จสิ้นการแก้ไขปรับปรุงแล้ว ให้ทำการบันทึกเก็บไว้ โดยกดคลิกที่ปุ่มบันทึก ด้านล่างของหน้าจอ
2.หากต้องการเห็นผลลัพธ์ เมื่อ online จะเป็นเช่นไรให้คลิกที่ page URL ตามภาพ
|
|
|
1.ระบบจะแสดงหน้าที่มีการแก้ไข หน้านี้ขึ้นมาให้ชม หากไม่พอใจให้ปิดแล้วกลับไป แก้ไขใหม่ได้
2.แบบฟอร์ม การติดต่อจะแสดงให้เห็นในช่องตารางตามที่เรากำหนด
|
|