Teach&Tips


ดึงข่าวเว็บอื่นมาติดเว็บไซต์
วิธีการทำ
นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว
1. ข่าวบันเทิง
1. <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360> </iframe>
2. ข่าวบันเทิงต่างประเทศ
1.<iframe src ="http://www.zabzaa.com/news/ent/ent.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
3. ข่าวการเมือง
1.<iframe src ="http://www.zabzaa.com/news/politic/politic.php"
2.marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
4. ข่าวกีฬา
1.<iframe src ="http://www.zabzaa.com/news/sport/sports.php"
2.marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
5. ข่าวอาชญากรรม
1.<iframe src ="http://www.zabzaa.com/news/crime/crime.php"
2.marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
6. ข่าวเทคโนโลยี
1.<iframe src ="http://www.zabzaa.com/news/technology/technology.php">
2.marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>


การกำหนดรูปแบบในใส่เพลงในเว็บ
        1. หาโค้ดเพลงที่ต้องการใส่ลงในเว็บ
        2. นำโค้ดเพลงที่ได้มาใส่ในหน้า Code ของ Adobe Dreamweaver
        3. เมื่อแสดงหน้าเว็บดูจะเห็นว่า มีโฆษณาและลิ้งค์ที่เชื่อมไปยังเว็บที่เอาโค้ดเพลงมาด้วย
        4.สามารถแก้ไขไม่ให้มีการเห็นแถบเล่นเพลงได้โดยการกำหนดที่โค้ดใหม่  จาก(ข้อ 3) จะเห็นว่า แถบเพลงมีความสูงความกว้างของโฆษณา จึงต้องมีการกำหนดความสูงและความกว้างให้เท่ากับ 0 และลบโค้ดโฆษณา เหลือเพียงโค้ดที่เป็นเพลงไว้เชื่อมต่อกับเว็บต้นแบบของโค้ดเพลง
         5. จะได้เว็บที่มีเพลงประกอบแต่ไม่เห็นแถบเพลงแสดง 





เทคนิคการสลับภาพกราฟฟิก (Swap image

โดยการคลิกปุ่ม

ขั้นที่ 1. ต้องเตรีนมภาพที่ต้องการใช้ในการสร้างเทคนิคนี้อย่างน้อย 2 รูปขึ้นไป
ขั้นที่ 2. ให้ทำการสร้างไฟล์ใหม่ใน Dreamweaver
ขั้นที่ 3. ให้ทำการดึงรูปเข้ามาในโปรแกรม โดยการที่ตำแหน่ง A  จากนั้นจะมีไดอะล็อกบ็อก Select Image Source ตามรูปด้านล่าง ให้ทำการเลือกไฟล์ภาพแรกที่เตรียมไว้ จากนั้นกดปุ่ม OK ตามตำแหน่ง C
ขั้นที่ 4. สร้างปุ่มและกำหนด behavior ให้แต่ละปุ่ม
ขั้นที่ 5. เมื่อได้รูปมาแล้ว ให้ทำการคลิกที่รูป จากนั้นสังเกตที่ Panel Group ทางด้านขวามือของโปรแกรม เลือกแท็บ Behaviors (หากไม่มี Panel Group Behaviors ให้ทำการเรียกใช้งาน โดยการเลือกคำสั่ง Window จากเมนูบาร์ด้านบน แล้วเลือก Behaviors) จากนั้นคลิกที่รูปเครื่องหมายบวก ตามตำแหน่ง A แล้วเลือก Swap Image
ขั้นที่ 6. เลือกรูปภาพที่จะนำมาแสดงในปุ่ม ภาพที่1แล้วกด OK แล้วกำหนดรูปแบบนี้ไปในทุกๆปุ่ม
ขั้นที่ 7. properties  ของปุ่มแต่ละปุ่มให้กำหนด action เป็น reset form
ขั้นที่ 8. even ของแต่ละปุ่มให้กำหนดเป็น onClick
ขั้นที่ 9. ทำการบัญทึกหน้าเว็บเพจ เป็นเอกสาร .html หรือ .htm เท่านี้ก็เสร็จเรียบร้อย
ผลลัพธ์ที่ได้เมื่อแสดงบนบราวเซอร์
1.เมื่อกดปุ่ม ภาพที่1 ก็จะแสดงภาพแรกออกมา                                         
2.เมื่อกดปุ่ม ภาพที่2 ก็จะแสดงภาพที่2ออกมา
3.และเมื่อกดปุ่ม ภาพที่3 ก็จะแสดงภาพลำดับที่3ออกมา



ไม่มีความคิดเห็น:

แสดงความคิดเห็น