Tech & Tips


          1. การกำหนดรูปแบบในใส่เพลงในเว็บ        

1. หาโค้ดเพลงที่ต้องการใส่ลงในเว็บ        

2. นำโค้ดเพลงที่ได้มาใส่ในหน้า Code ของ Adobe Dreamweaver        

3. เมื่อแสดงหน้าเว็บดูจะเห็นว่า มีโฆษณาและลิ้งค์ที่เชื่อมไปยังเว็บที่เอาโค้ดเพลงมาด้วย        

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

5. จะได้เว็บที่มีเพลงประกอบแต่ไม่เห็นแถบเพลงแสดง

        ____________________________________________


          2. ใส่ตัวแปลภาษาของ Google Translate เพื่อแปลเนื้อหาในหน้าเป็นภาษาใดๆคำสั่งที่ใช้<right>                

<div id="google_translate_element"></div>                <script>                functiongoogleTranslateElementInit() {
                newgoogle.translate.TranslateElement({                pageLanguage: 'th',                includedLanguages: 'ko,zh-TW,zh-CN,ja,th,fr,ms,de,en'}, 'google_translate_element');
}                </script><script.src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</right>  

อธิบายคำสั่ง

<div id="google_translate_element"></div>

เป็นคำสั่งที่ใช้ตั้งชื่อกล่องข้อมูลที่สร้างขึ้น                <script>                functiongoogleTranslateElementInit() {   

เป็นฟังก์ชันที่ใช้สำหรับกำหนดภาษาที่มีให้เลืก                newgoogle.translate.TranslateElement({

pageLanguage: 'th',  

คือการกำหนดภาษาหลักให้เป็นภาษาไทย                includedLanguages: 'ko,zh-TW,zh-CN,ja,th,fr,ms,de,en'  

คือการระบุภาษาที่กำหนดให้เป็นตัวเลือก                }, 'google_translate_element');</script><script.src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

คือคำสั่งที่ส่งค่าตัวเลือกเพื่อไปเรียกใช้ฟังก์ชันจากGoogle Translate 

      _____________________________


        3. การทำลิงค์แบบ Rollover Image

1.วางเคอร์เซอร์ ณ ตำแหน่งที่ต้องการ
2.ไปที่ Insert Bar คลิกปุ่มคำสั่ง Image แล้วเลือก "Rollover Image"



3.จะปรากฎหน้าต่าง Insert Rollover Image ขึ้นมาทำให้เราระบุ
         Original Image : ภาพต้นฉบับ สำหรับแสดงเป็นรูปปกติ
         Rollover Image : ภาพที่ใช้สลับขึ้นมา
         Alternate text : ข้อความที่แสดงขึ้นมาตอนนำเมาส์ไปวาง
         When Clicked,Go to url : กำหนดปลายทางที่จะลิงค์ไป
4.เมื่อกำหนดค่าเรียบร้อยแล้ว ให้คลิกปุ่ม "OK"



ผลลัพธ์เป็นดังนี้



     

        ________________________________________ 

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

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