HOW TO : ~ สร้างเว็บไซต์ง่ายๆด้วย dreamweaver :)

ลำดับตอนที่ #9 : HOW TO DW : ทำหน้าแรก ก่อนกดเข้าเวบ - วิธีใส่ลิ้ง ใส่ลิ้งในรูป 100%

ทำหน้าแรก ก่อนกดเข้าเวบ - วิธีใส่ลิ้ง ใส่ลิ้งในรูป

คราวที่แล้วเราทำพื้นหลังเป็นแล้วนะ คราวนี้มาทำหน้าแรกที่เราจะenterเข้าเวบกันเถอะ

อย่างแรกออกแบบเพจและพื้นหลัง คราวนี้เรามาใส่ไตเติ้ลกัน ใส่ในช่องเบอร์4น๊า อยากให้เวบเราตรงหัวขึ้นว่าอะไรให้ใส่เลย จะใส่เป็นสัญลักษณ์ก้ได้ ก็แค่copy วางนะ





แล้วก็เป็นขั้นตอนการใส่บีจี ซึ่งเราสอนไปแล้วในตอนที่5 ย้อนกลับไปดูได้เลยจ่ะ
น่าจะสอนพร้อมกัน ดันโง่วไปสอนใส่บีจีก่อน - -"
คราวนี้หน้าแรกเรา ก็จะเอาเป็นแบบกดแล้วเข้าไปหน้าหลักนะ ^^ แบบเว็บทั่วๆไปนั้นแหละ
ถ้าใครอยากให้เข้าไปในหน้าหลักเลยก็ไม่ต้องทำนะ  แต่ดูการเชื่อมโยงลิ้ง
เพราะใช้วิธีนี้เเหละ เชื่อมโยงไปหน้าอื่นๆ


  ถ้าเราอยากจะกดหน้าหลัก เราก็คงจะเอาภาพนี่แหละกดเข้าเพจโฮมใส่ใช่มั้ย ? 
เพราะถ้าเป็นลิ้งจากตัวหนังสือธรรมดาก็คงไม่สวย  ทำแบบภาพแบบจะดูสวย น่าสนใจกว่าเนอะ ! 
แต่ถ้าอยากได้แบบเรียบๆธรรมดา ไม่อะไรมาก ก็ลิ้งธรรมดาได้เลย

วิธีใส่ลิ้ง
1. พิมพ์ข้อความที่อยากจะให้ลิ้งไปหน้าอื่นๆลงไปจ้ะ
2.คลุมดำบนข้อความที่ต้องการ
3.ใส่ในเวบที่ต้องการในช่อง link เลยจ้ะ
ตัวอย่างนะ




รูปใหญ่ไปมั้ย เออ ใหญ่โคตรๆ  แต่อยากให้เห็นชัดๆอะ >_<  เพจเบี้ยวเลย 5555 
ขี้เกียจให้ไปกดดูรูปใหญ่เอง คนอ่านจะได้สะดวกๆ (เป็นไงเอาใจป้ะ55) 
ใครเห็นไม่ชัดพอก็ก้อปลิ้งไปเปิดเล้ยย แต่คงชัดพอแล้ว -0-

อ่ะ เราพิมพ์คำว่าเด็กดีเพื่อจะเชื่อมโยงไปที่เว็บเด็กดี เราก็เลยคลุมดำ แล้วก็ใส่ลิ้งในช่องลิ้งแบบนี้





คลุมดำแล้วใส่ช่องลิ้งตามรูปเสร็จแล้วเลือกช่องtarget ว่าจะให้มันเปิดในหน้าใหม่ รึสคิปไปเลย 
ถ้า_blank จะเปิดในหน้าใหม่ ถ้าเป็นตัว3ตัวที่เหลือจะเปลี่ยนในหน้านั้นเลย มันยังไงของมัน เราก็ลืมT_T
เห็นตรงช่องtitleมั้ยเราพิมว่าเด็กดี ตรงหัวเพจมันก็จะเขียนว่าเด็กดีไง  ลองดูตัวอย่างก็กดf12 เซฟแบบall ก้ได้
เอาละมาดูตัวอย่างกันน ! 





รูปใหญ่เบิ้มสะใจดีมั้ย ชัดมาก T_T จริงๆรูปบนๆตัดด้านขวาออกได้ไม่จำเป็นเล้ย แต่พึ่งจะคิดออกอ้ะ
ใครคิดว่ารูปใหญ่ไปอ่านลำบาก บอกได้นะจ๊ะ เดี๋ยวแก้ให้



วิธีใส่ลิ้งในรูป
สิ่งที่เราต้องการก็คือภาพ1ภาพ ขนาดเท่าไหร่ก็ได้แล้วแต่เราต้องการเลย :) แล้วก็ทำตามขั้นตอนจ่ะ

1.กดinsert>layout objects>layer จากแถบเมนูข้างบน ที่เราต้องใส่เลเยอร์ก่อนก็เพราะว่า ถ้าเราไม่ใส่ก่อน เราจะเลื่อนภาพไม่ได้ค่ะ
กดเสร็จแล้วจะได้เฟรมออกมาแบบภาพนี้อ่ะ





2.อย่าลืมคลิกในเฟรมให้เป็นเครื่องหมายกระพริบๆ (แบบในเวิร์ดตอนพิมพ์ อธิบายไม่ถูกแฮะ - -")
ก่อนจะใส่ภาพนะคะ เดี๋ยวภาพมันจะไม่เข้าในเฟรม  เอาเป็นว่าดูตามภาพอะจ้ะ แต่เราอธิบายไม่เป็นเอง -..-




กดinsert>image หรือรูปต้นไม้เบอร์6จากภาพบนสุด แล้วก็เลือกภาพที่เราต้องการ






ถ้าขึ้นแบบนี้กดโอเคไปเลย หรือจะติ๊กไม่โชอีกก็ได้ค่ะ จากนั้นมันจะมีให้เลือก



อันช่องแรกใส่ข้อความที่เราอยากให้มันขึ้นเวลาเราชี้อ่ะ
อันที่2ช่องลิ้ง เราไม่มั่นอะว่าคือไร น่าจะเป็นลิ้งรุปอ่ะ ซึ่งเราก็ยังไม่มีอยู่ดี เอาเป็นว่าข้ามไปก่อน
กด OK
ทีนี้เราก็จะสามารถเลื่อนภาพของเราไปที่ไหนก็ได้ในเพจแล้วจ้ะ :D

เมื่อได้ภาพและจัดรุปแบบจนถูกใจแล้ว เราก็ทำการใส่ลิ้งเลย วิธีใส่ลิ้งก็ทำแบบใส่ลิ้งในข้อความเลย
กดที่เฟรมแล้วก็ใส่ลิ้งตามปกติ^^


เสร็จแล้ว ง่ายใช่มะ ง่ายซะจนเหมือนไม่ได้สอนอะไรเลย TAT 55555
ตอนนี้ภาพอาจเล็กหน่อยนะ ถ้ามองไม่เห็นก็เอาลิ้งจากรูปไปดูเองเน้อ
วิธีก้อปลิ้งทำตามตอน6เลย เย้ ได้ใช้ประโยชน์ด้วย >_<// (จริงๆขี้เกียจทำเป็นลิ้งให้กด-0-)
เพราะเราเปลี่ยนเน็ต ต้องลดมาเหลือ1เมก โหลดภาพใหญ่ๆทีช้ามากๆ เพราะเค้าบอกบ้านไกลไง
สายมันไำม่ถึง ตอนนี้คนใช้เยอะแล้วเราใช้ไม่ได้ ติดๆดับ T_T
เซ็งโครตๆเลยตอนนี้ -*- แต่พยายามมาอัพเพราะดองไว้นานมาก ๆๆ 5555
 

ถ้าเราอยากลองพรีวิวดูก้กด F12 มันจะมีขึ้นมาให้กดเซฟ เราก็เซฟได้เลย เลือกเป็นแบบall หรือhtmlก็ได้จ่ะ