(Root) 2009411_66028.jpg (animation) 2009411_69211.gif(animation) 2009411_69475.gif(Root) 2009417_31774.jpg (Root) 2009411_66497.jpg
(Root) 2009417_32374.jpg

(Root) 2009831_37002.gifการทำหน้า ติดต่อเรา CONTACT

(yyy) 20091120_54631.jpg

 1.ในหน้าเมนูหลัก คลิกที่ปุ่มแก้ไขเนื้อหาในเว็บ

2.เมื่อเข้าสู่หน้าแก้ไขเนื้อหาแล้ว  ให้คลิกที่หน้าติดต่อเราซึ่งทางsiam2web สร้างเป็นตัวอย่างไว้แล้ว

(yyy) 20091120_54655.jpg
(yyy) 20091120_54674.jpg

1.ในหน้า ติดต่อเรา จะพบว่ามีข้อความเป็นภาษาอังกฤษ เราจึงต้องลบเพื่อสร้างข้อมูลใหม่ที่ตรงกับร้านของเรา โดยก่อนลบต้องเก็บ from contact เก็บไว้ก่อน โดยให้คลิกแล้วลากตามตัวอย่างในภาพ

2.จากนั้นคลิกแล้วลากมาวางนอกกรอบตารางไข่ปลาที่มีการสร้างไว้ก่อนแล้ว

(yyy) 20091120_54686.jpg
(yyy) 20091120_54697.jpg

 1.เลื่อนเคอร์เซอร์มาวางไว้ท้ายสุดหลังตารางไข่ปลา

2.กด backspace เพื่อลบข้อความและกรอบดังกล่าวออกทั้งหมด

(yyy) 20091120_54712.jpg
(yyy) 20091120_54846.jpg

 1.จะเหลือเฉพาะ ++ form contact ++ ในหน้ากระดาษเปล่า

2.ให้บันทึกข้อมูลที่มีการแก้ไขทุกครั้งก่อนจะไปทำงานในหน้าอื่น โดยการกดคลิดที่ปุ่มการบันทึกตามภาพ

(yyy) 20091120_54779.jpg
(yyy) 20091120_54794.jpg

 1.เลื่อนเคอร์เซอร์มาที่หน้าแรกตามภาพและกดคลิด เพื่อไปทำงานต่อในหน้าแรก

2.เมื่อเข้าสู่หน้าแรก เราต้องการก๊อปปี้banner ส่วนบนของหน้าที่มีการสร้างไว้แล้ว โดยให้นำเคอร์เซอร์ไปวางและคลิกที่ขอบเส้นของbanner จนปรากฏปุ่มเล็กๆขึ้นรอบๆbanner

(yyy) 20091120_54806.jpg
(yyy) 20091120_54819.jpg

 1.คลิกขวาที่เมาส์ จะปรากฏแถบคำสั่งขึ้น ให้คลิกเลือกคำสั่ง copy

2.ระบบจะสอบถามว่าท่านต้องการดำเนินการตามที่ปรากฏในคลิปบอร์ดหรือไม่ ให้คลิกตามภาพ

(yyy) 20091120_54833.jpg
(yyy) 20091120_54871.jpg

 1.หลังจาก copy แบนเนอร์ได้มาแล้ว ให้นำเคอร์เซอร์มาคลิกเพื่อกลับไปหน้า ติดต่อเรา จากนั้นวางเคอร์เซอร์บนบรรทัดเหนือ form contact

2.คลิกเมาส์ขวามือ จะปรากฏชุดคำสั่งขึ้น ให้คลิกคำว่า paste เพื่อสั่งให้วางแบนเนอร์ลงตรงจุดดังกล่าว

(yyy) 20091120_54883.jpg
(yyy) 20091120_54897.jpg

 1.เครื่องจะสอบถามย้ำอีกครั้ง ให้ตอบเช่นเดิม

2.แบนเนอร์ที่เราก๊อปปี้จากหน้าแรกก็จะมาปรากฏในหน้า ติดต่อเรา ดังภาพ โดยมีเคอร์เซอร์ถูกวางไว้ท้ายแบนเนอร์ให้กด enter เพื่อขึ้นบรรทัดใหม่

(yyy) 20091120_54911.jpg
 (yyy) 20091113_34669.jpg

 1.กดคลิกที่ปุ่มสร้างตาราง เพื่อสร้างตารางเนื้อหาการติดต่อกับเรา

2.popup จะปรากฏขึ้นให้เรากรอกตามที่ได้เคยแนะนำมาแล้วในบทก่อน

(yyy) 20091120_54738.jpg
(yyy) 20091120_54750.jpg

 1.ในหน้า advance ให้กดปุ่มสามเหลี่ยมเพื่อเลือกสีพื้นหลัง

2.ในแถบเลือกสีพื้นหลังเราเลือกเป็นสีเทาอ่อน จากนั้นกด apply และ Insert ตามลำดับ

(yyy) 20091120_54764.jpg
 (yyy) 20091120_54947.jpg

 1.ตารางเปล่าสีเทาจะปรากฏขึ้นตามภาพ

2.ให้คลิกแล้วลากเมาส์ ++ form contact ++

 (yyy) 20091120_54959.jpg
 (yyy) 20091120_54973.jpg

 1.ย้ายแบบฟอร์มการติดต่อมาไว้ในตารางตามภาพ

2.ในช่องตารางแถวบนช่องแรก ให้พิมพ์ข้อความแนะนำวิธีการติดต่อกับทางร้าน หมายเลขโทรศัพทื มือถือ fax สถานที่ตั้ง รวมทั้งแผนที่ตั้งของร้านหากมี

 (yyy) 20091120_54985.jpg
 (yyy) 20091120_54997.jpg

 1.จากนั้นให้คลิกแล้วลากเมาส์เพื่อกำหนดให้ข้อความดังกล่าว เป็นสีอะไร

2.มีขนาดเท่าใด ควรเป็น 12 เพื่อให้อ่านและสังเกตได้ง่าย

 (yyy) 20091120_55011.jpg
(yyy) 20091120_55023.jpg

 1.เพื่อให้web page หน้านี้มีความสวยงามจึงจำเป็นต้องเพิ่มภาพประกอบ เช่น ดอกไม้ ผีเสื้อ ภาพanimation ลงไป

2. สำหรับตัวอย่างนี้ ดอกไม้จะถูกวางไว้ในช่องที่ 2ของแถวบนในตาราง

(yyy) 20091120_55036.jpg
(yyy) 20091120_55048.jpg

 1.ภาพผีเสื้อจะถูกวางไว้ที่ช่องที่ 2 ของแถวที่ 2

2. ส่วนที่ช่องที่ 1 แถวที่ 1 จากจะมีข้อความแล้วเรายังสามารถเพิ่มEmail เข้าไปได้อีกด้วย

(yyy) 20091120_55060.jpg
(yyy) 20091120_55072.jpg

 1.เมื่อเสร็จสิ้นการแก้ไขปรับปรุงแล้ว ให้ทำการบันทึกเก็บไว้ โดยกดคลิกที่ปุ่มบันทึก ด้านล่างของหน้าจอ

2.หากต้องการเห็นผลลัพธ์ เมื่อ online จะเป็นเช่นไรให้คลิกที่ page URL ตามภาพ


(yyy) 20091120_55089.jpg
(yyy) 20091120_55112.jpg

 1.ระบบจะแสดงหน้าที่มีการแก้ไข หน้านี้ขึ้นมาให้ชม หากไม่พอใจให้ปิดแล้วกลับไป แก้ไขใหม่ได้

2.แบบฟอร์ม การติดต่อจะแสดงให้เห็นในช่องตารางตามที่เรากำหนด

(yyy) 20091120_55101.jpg

(animation) 2009411_69211.gif (animation) 2009411_69475.gif   ส่งภาพของท่านมาทำเป็นภาพเคลื่อนไหว ฟรี
CHANGE YOUR PICTURE TO ANIMATION HERE! 


  BACK(animation) 2009411_69035.gif

Advertising Zone    Close

ด้วยความปราถนาดีจาก "สยามทูเว็บดอทคอม" และเพื่อป้องกันการเปิดเว็บไซต์เพื่อหลอกลวงขายของ โปรดตรวจสอบร้านค้าให้แน่ใจก่อนตัดสินใจซื้อของทุกครั้งนะคะ    อ่านเพิ่มเติม ...