Web Blog การเรียนรู้ทักษะที่จำเป็นสำหรับผู้เรียนในศตวรรษที่ 21 ประกอบการเรียนการสอนวิชาประวัติศาสตร์ (สาระเพิ่ม) ชั้นมัธยมศึกษาปีที่ 2 ส 22102 และ ชั้นมัธยมศึกษาปีที่ 3 ส 23102 ครูชาญวิทย์ ปรีชาพาณิชพัฒนา ในการฝึกทักษะเรียนรู้พื้นฐาน การจัดการความรู้ ทักษะภาษาดิจิตอล ทักษะการรู้คิดประดิษฐ์สร้าง ทักษะการสื่อสารที่มีประสิทธิภาพ การสื่อสารที่มีประสิทธิผล ทักษะการสืบค้น ฯลฯ เพื่อพัฒนาไปสู่ทักษะความรู้ที่มุ่งหวังของหลักสูตร โรงเรียนมาตรฐานสากล 6 ประการ ประกอบด้วย (1) ทักษะการเรียนรู้ Learning Skills (2) ทักษะการคิด Thinking Skills (3) ทักษะการแก้ปัญหา Problerm Skills (4) ทักษะชีวิต Life Skills (5) ทักษะการใช้เทคโนโลยี Technology Skills (6) ทักษะการสื่อสาร Communication Skills ทฤษฎีระบบการเรียน KM (Knowlead Maneagement) โรงเรียนเสลภูมิพิทยาคม (Word Class Standard)

วันศุกร์ที่ 14 สิงหาคม พ.ศ. 2558

29-การใช้แท๊ก Marquee ตกแต่งบล๊อค

  • แท็ก Marquee ใช้แสดงข้อความเลื่อน (scrolling text) สามารถนำมาประยุกต์ใช้ได้หลายแบบดี เช่น เอามาซ้อนกันเองก็ได้ ต่อไปนี้ เป็นตัวอย่างการนำมาใช้ (ควรดูด้วย IE การแสดงผลบางรูปแบบจะไม่ถูกต้อง ถ้าดูด้วย Firefox):

------------------------------------------------------------------------
นำกล่องไปวางไว้ใต้เมนูบล็อกในแนวนอน ของบล็อกที่สร้าง ครับ (ทำทุกคนครับ) 100 คะแนน
------------------------------------------------------------------------

<marquee width="1200"scrollamount="3"scrolldelay="80"><font color="FF0000" style="font-size:20px">Web Blog การเรียนรู้ทักษะที่จำเป็นสำหรับผู้เรียนในศตวรรษที่ 21 ประกอบการเรียนการสอนวิชาประวัติศาสตร์ (สาระเพิ่ม) ชั้นมัธยมศึกษาปีที่ 2 ส 22102 และ ชั้นมัธยมศึกษาปีที่ 3 ส 23102 ครูชาญวิทย์ ปรีชาพาณิชพัฒนา ในการฝึกทักษะเรียนรู้พื้นฐาน การจัดการความรู้ ทักษะภาษาดิจิตอล ทักษะการรู้คิดประดิษฐ์สร้าง ทักษะการสื่อสารที่มีประสิทธิภาพ การสื่อสารที่มีประสิทธิผล ทักษะการสืบค้น ฯลฯ เพื่อพัฒนาไปสู่ทักษะความรู้ที่มุ่งหวังของหลักสูตร โรงเรียนมาตรฐานสากล 6 ประการ ประกอบด้วย (1) ทักษะการเรียนรู้ Learning Skills
(2) ทักษะการคิด Thinking Skills (3) ทักษะการแก้ปัญหา Problerm Skills (4) ทักษะชีวิต Life Skills (5) ทักษะการใช้เทคโนโลยี Technology Skills (6) ทักษะการสื่อสาร Communication Skills ทฤษฎีระบบการเรียน KM (Knowlead Maneagement) โรงเรียนเสลภูมิพิทยาคม (Word Class Standard) </font></marquee>

-------------------------------------------------------------------------

ClickmeDesign
<marquee>ClickmeDesign</marquee>
ClickmeDesign
<marquee direction="right">ClickmeDesign</marquee>
ClickmeDesign
<marquee behavior="alternate">ClickmeDesign</marquee>
ClickmeDesign
<marquee direction="up">ClickmeDesign</marquee>
ClickmeDesign
<marquee direction="down">ClickmeDesign</marquee>
ClickmeDesign
<marquee direction="up" behavior="alternate">ClickmeDesign</marquee>
ClickmeDesign
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">ClickmeDesign</marquee></marquee>
ClickmeDesign
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">ClickmeDesign</marquee></marquee>
>>ClickmeDesign<<
<marquee behavior="alternate" width="10%">>></marquee>ClickmeDesign<marquee behavior="alternate" width="10%"><<</marquee>
<<<<ClickmeDesign>>>>
<MARQUEE scrollAmount=3 width="10%"><<<<</MARQUEE>ClickmeDesign<MARQUEE scrollAmount=3 direction=right width="10%">>>>></MARQUEE>
ClickmeDesign
<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">ClickmeDesign</marquee></font>
ClickmeDesign
<marquee style="border:BLUE 2px SOLID">ClickmeDesign</marquee>
3| | |ClickmeDesign| | |4
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>ClickmeDesign<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>
4| | |ClickmeDesign| | |3
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>ClickmeDesign<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>
ClickmeDesign

<marquee behavior="alternate"><marquee width="150">ClickmeDesign</marquee></marquee>
ClickmeDesign
รับออกแบบเว็บไซต์ ผลงานคุณภาพค่ะ

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>ClickmeDesign<br>
รับออกแบบเว็บไซต์ ผลงานคุณภาพค่ะ</center></marquee>

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

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

Code Javasript