Topic 7 การสร้างหน้า templete และทำ link หน้าเว็บเพจโดยใช้โปรแกรม Flash

sthaveedaj profile image sthaveedaj

เมื่อเราสร้าง templete แต่ล่ะหน้าได้แล้ว สิ่งสำคัญอันดับต่อไป นั่นคือเราจำเป็นต้องทำ link เชื่อมหน้าต่าง ๆ ของเราให้เป็นเว็บไซต์น่ะค่ะ

ก่อนเรามาดูเรื่องการทำ link อาจารย์ขออธิบายเรื่องการทำ Link ก่อนนะค่ะ

ตัวอย่างหน้าหลักของอาจารย์มีทั้งหมด 5 เมนู นั่นคือ

main photo profile about us contact


การทำหน้าเว็บเพจ เราต้องทำทั้งหมด 5 หน้าและความตั้งชื่อแต่ละหน้าตามชื่อเมนู นั่นจะช่วยให้เราทำชื่อ link ได้ถูกต้องนะค่ะ
หน้าเว็บเพจเราจะมีทั้งหมด 5 หน้าดังนี้คือ

main.html photo.html profile.html about us.html contact.html


ตัวอย่างถ้าเราต้องการทำหน้า homepage หลักของเรานั่นคือหน้า main

เราก็ควรที่จะทำ link ที่เมนู photo profile about us contact แต่ไม่ต้องทำ link ที่ เมนู main เพราะนั่นคือหน้าปัจจุบัน

และถ้าเราต้องการ link ไปที่หน้า photo ที่หน้า photo ก้อควรจะทำ link เฉพาะ main profile about us contact ยกเว้น photo ไม่ต้องทำ

ถ้าเราไม่ใส่ชื่อตามหัวข้อเมนูที่หน้าเว็บของเรานั้นแล้ว จะทำให้เราเกิดความสับสนตอนที่ทำหน้า link อาจจะลืมชื่อ เกิดปัญหาพิมพ์ชื่อผิด เหล่านี้เป็นต้น

ต่อไปเรามาดูวิธีการทำ link กันเลยนะค่ะ

ขั้นตอนง่าย ๆ

1.วิธีการแรกที่สำคัญคือ สร้าง folder เพื่อจัดเก็บ ไฟล์ html และ swf ให้อยู่ที่เดียวกันทั้งหมด การทำ link จะง่าย หากันเจอได้เร็วและที่สำคัญเวลาอัพโหลดขึ้น hosting จะง่ายมาก ๆ ไม่ต้องแก้ไขโค้ดเพื่อหา path ที่ถูกต้อง
2.ขั้นตอนต่อไปก็คือการทำให้หน้าทุกหน้าเป็น html และ swf เก็บไว้ที่ path หรือ folder เดียวกัน ด้วยการทำ publish setting
3.ใส่ code ที่เป็นตายตัวอยู่แล้วและก็ใส่ชื่อหน้าเว็บเพจแต่ละหน้าที่เราต้องการ link ตามเมนูต่าง ๆ ให้ถูกต้อง
4.ทดสอบ link แบบ offline เพื่อเช็คความถูกต้อง
5.สิ่งสำคัญอีกอย่างก็คือ ถ้ามีการเปลี่ยนแปลงที่ชิ้นงาน(*.fla) ไม่ว่าจะสร้าง link ใหม่ แก้ไขข้อความ รูปภาพ เหล่านี้ต้องทำการ publish setting
ใหม่ทุกครั้งเพื่อเป็นการอัพเดตหน้าเว็บที่เป็นไฟล์ html และ swf ของเรานะค่ะ




ดูวิดีโออื่น ๆ เพิ่มเติมที่ http://www.youtube.com/user/sthaveedaj




http://www.supunnee.00freehost.com/


http://www.weblearning.00freehost.com/



วันนี้เรามาสร้าง templete เว็บเพจแบบง่าย ๆ ด้วยโปรแกรม Flash  มีขั้นตอนดังนี้

1 สร้างพื้น background
2.สร้าง layer เพื่อใส่ text แสดงหัวข้อหน้าต่าง ๆ ของเว็บเพจ ซึ่งแต่ละหัวข้อควรทำแยกกัน ไม่ควรทำเป็นชิ้นเดียว อาจจะอยู่ layer เดียวกันแต่จะไม่พิมพ์ยาวเป็นประโยคเดียว
3.ใส่ลูกเล่น ภาพเคลื่อนไหว

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



ดูวิดีโออื่น ๆ เพิ่มเติมที่ http://www.youtube.com/user/sthaveedaj




http://www.supunnee.00freehost.com/

http://www.weblearning.00freehost.com/




ความคิดเห็น

ประกาศล่าสุดในบอร์ดเดียวกัน

sthaveedaj Icon Topic 8 ภาษา HTML 1 อ่าน 382 13 ปีที่ผ่านมา
13 ปีที่ผ่านมา
sthaveedaj Icon Topic 6 การทำภาพเคลื่อนไหวแบบต่าง ๆ อ่าน 1,340 13 ปีที่ผ่านมา
13 ปีที่ผ่านมา
13 ปีที่ผ่านมา
sthaveedaj Icon Topic 4 การทำ link เว็บเพจด้วย PhotoshopCS2 อ่าน 931 13 ปีที่ผ่านมา
13 ปีที่ผ่านมา
13 ปีที่ผ่านมา