งาน embeded HTML code
เริ่มต้น ไปที่ youtube
การ search หา video ที่ต้องการ
เป็นต้นว่า
video เกี่ยวกับ "นักพูดให้กำลังใจ"
ก็พิมพ์คำว่า นักพูด ลงไป
youtube จะแสดง ชื่อที่ขึ้นต้นด้วยคำที่เราพิมพ์ลงไป เป็นรายการ (list) ให้เลือก
click เลือก รายการแรก นักพูดให้กำลังใจ
ก็แสดงผลการค้นหา (search)
click เลือก รายการที่สอง
video เริ่มแสดง
ด้านล่างมีปุ่ม แบ่งปัน (share)
click ปุ่ม แบ่งปัน
จะปรากฎปุ่ม อีก 2 ปุ่มคือ ฝัง (embeded) และ อีเมล์ (e-mail)
click ปุ่ม ฝัง
จะได้ code ภาษา HTML ปรากฎขึ้น ก็ copy code นี้ ด้วย control C
เปิดอีก tab เพื่อเข้าสู่ blog และเขียนบทความ
บทความก็ประกอบด้วยคำบรรยายต่าง ๆ ของบทความ
ตรงตำแหน่งที่จะแทรก video ให้พิมพ์ ดอกจันไว้ 2 บรรทัด
****************
****************
เป็น ตัวนำทาง เมื่อเราเข้าไปใน
mode HTML
แล้วก็ click 2 ไปที่ HTML
ในหน้า HTML
HTML เป็นภาษาคอมพิวเตอร์ที่ใช้เขียน เนื้อหา (content) ต่าง ๆ ในหน้า web
ดูแล้วก็ไม่ค่อยเข้าใจเท่าไหร่
แต่เราจะเห็น เส้นดอกจัน 2 เส้นของเรา (ตัวนำทาง)
นำ cursor ไปท้ายเส้นดอกจันแรก และกดแป้น enter (2)
เพื่อได้บรรทัดเปล่ามา 1 บรรทัด
แล้ว control V วาง code ที่ copy มาจาก youtube (3)
แล้วก็ click กลับไปที่ เขียน (4)
จะพบบทความของเรามี กรอบสีดำ แทรกตัวระหว่างเส้นดอกจัน 2 เส้น นั่นคือ video
เป็นต้นว่า
video เกี่ยวกับ "นักพูดให้กำลังใจ"
ก็พิมพ์คำว่า นักพูด ลงไป
youtube จะแสดง ชื่อที่ขึ้นต้นด้วยคำที่เราพิมพ์ลงไป เป็นรายการ (list) ให้เลือก
click เลือก รายการแรก นักพูดให้กำลังใจ
ก็แสดงผลการค้นหา (search)
click เลือก รายการที่สอง
video เริ่มแสดง
ด้านล่างมีปุ่ม แบ่งปัน (share)
click ปุ่ม แบ่งปัน
จะปรากฎปุ่ม อีก 2 ปุ่มคือ ฝัง (embeded) และ อีเมล์ (e-mail)
click ปุ่ม ฝัง
จะได้ code ภาษา HTML ปรากฎขึ้น ก็ copy code นี้ ด้วย control C
เปิดอีก tab เพื่อเข้าสู่ blog และเขียนบทความ
บทความก็ประกอบด้วยคำบรรยายต่าง ๆ ของบทความ
ตรงตำแหน่งที่จะแทรก video ให้พิมพ์ ดอกจันไว้ 2 บรรทัด
****************
****************
เป็น ตัวนำทาง เมื่อเราเข้าไปใน
mode HTML
แล้วก็ click 2 ไปที่ HTML
ในหน้า HTML
HTML เป็นภาษาคอมพิวเตอร์ที่ใช้เขียน เนื้อหา (content) ต่าง ๆ ในหน้า web
ดูแล้วก็ไม่ค่อยเข้าใจเท่าไหร่
แต่เราจะเห็น เส้นดอกจัน 2 เส้นของเรา (ตัวนำทาง)
นำ cursor ไปท้ายเส้นดอกจันแรก และกดแป้น enter (2)
เพื่อได้บรรทัดเปล่ามา 1 บรรทัด
แล้ว control V วาง code ที่ copy มาจาก youtube (3)
แล้วก็ click กลับไปที่ เขียน (4)
จะพบบทความของเรามี กรอบสีดำ แทรกตัวระหว่างเส้นดอกจัน 2 เส้น นั่นคือ video
ปรับขนาด video ตามต้องการ
หากขนาด video เล็ก หรือ ใหญ่ไป ก็ click ไปที่ HTML
แล้วปรับค่า width ความกว้าง (ค่าแนวนอน)
และ ค่า height ความสูง (ค่าแนวตั้ง)
ได้จนสวยงาม
วีดีโอนี้
************************************
ไม่มีความคิดเห็น:
แสดงความคิดเห็น