Category Archives: กิจกรรมการเรียนการสอน

บันทึกหัวข้อเว็บเพจ

ให้นักเรียนบันทึกหัวข้อเว็บเพจและดูหัวข้อเว็บเพจที่บันทึกที่เมนูด้านล่าง

Advertisements

ตัวอย่างการสร้างเอกสาร HTML ตอนที่ 1

<!DOCTYPE html>

<html lang=”th”>

<head>

<title>สัญญาณที่ใช้ในระบบการสื่อสาร</title>

<meta charset=”utf-8″ />

</head>

<body bgcolor=”pink”>

<h3><center><b><u><font color=”blue”>

<marquee behavior=”alternate” direction=”right” hspace=”100″>สัญญาณที่ใช้ในระบบการสื่อสาร</marquee></font></u></b></center></h3>

<hr size=”2″ width=”25%” color=”orange” align=”center” />

<center><img src=”pic/data.jpg” width=”20%”></center>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color=”blue”><big>แบ่ง</big></font>ออกเป็น 2  ประเภท  คือ  สัญญาณแอนะล็อก  (analog signal) และสัญญาณดิจิทัล <sub>(digital signal) </sub>

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. <b><font color=”violet”><u> สัญญาณแอนะล็อก</u></font></b> เป็นสัญญาณที่มีขนาดแอมพลิจูด <sup> (amplitude) </sup> ที่เปลี่ยนแปลงตามเวลาและเป็นค่าต่อเนื่อง  <s>เช่น</s>  เสียงพูด  และเสียงดนตรี

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. <b><font color=”brown”><u> ส่วนสัญญาณดิจิทัล</u></font></b> ถูกแทนด้วยระดับแรงดันไฟฟ้าสองระดับเท่านั้นโดยแสดงสถานะ เป็น “0”  และ “1”  ซึ่งตรงกับรหัสตัวเลขฐานสอง<br><br>

<hr size=”2″ width=”40%” color=”sky blue” align=”center” />

<center><u><b>ผู้จัดทำ</b></u><br />

นายกกกกกกกก กกกกกกก</center>

</body>

</html>

ประกาศผลการเรียน ภาคเรียนที่ 2

ประกาศผลการเรียน รายวิชา คอมพิวเตอร์ 3

ภาคเรียนที่ 2   ปีการศึกษา 2559

ประกาศผลการเรียน

ประกาศผลการเรียน

ภาคเรียนที่ 1  ปีการศึกษา 2559

รายวิชา คอมพิวเตอร์ 3

l1

ugv42

ugv421ugv422

หมายเหตุ

คะแนนจะค่อยทยอยขึ้นให้นะครับ อาจจะไม่ออกทั้งหมดทีเดียว  ขอให้นักเรียนทุกคนโชคดีทุกคน

แบบฝึกหัดที่ 5 เรื่อง การสร้างตาราง 2

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body>
<table width=”100%” border=”1″ bordercolor=”blue” bgcolor=”yellow” cellpadding=”0″ cellspacing=”0″>
<tr><td colspan=”2″><b><center><h3>หัวเว็บ</h3></center></b></td></tr>
<tr><td width=”25%”><center><b><u><font size=”3″>เมนู</font></u></b></center>
<ul>
<li>เนื้อหา1</li>
<li>เนื้อหา2</li>
<li>เนื้อหา3</li>
</ul>
<br />
<center><b><u><font size=”3″>Weblink</font></u></b></center>
<ul>
<li>เว็บ1</li>
<li>เว็บ2</li>
<li>เว็บ3</li>
</ul>
</td>
<td><center><b>ชื่อเรื่อง</b></center><br />
………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………
<center><img src=”pic/images.jpg” width=”20%”></center>
<tr><td colspan=”2″><b><center>ผู้จัดทำ</b><br />
…………………………………………………………………..<br />
…………………………………………………………………..
</center></td></tr>
</body>
</htnl>

ผลลัพธ์ที่ได้

t2

แบบฝึกหัดที่ 4 เรื่อง การสร้างตาราง

แบบที่ 1

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”white” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td>1</td><td>2</td></tr>
<tr align=”center”><td>3</td><td>4</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t1


แบบที่ 2

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”yellow” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td colspan=”2″>1</td></tr>
<tr align=”center”><td>3</td><td>4</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t2


แบบที่ 3

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”violet” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td rowspan=”2″>1</td><td>2</td></tr>
<tr align=”center”><td>3</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t3

แบบฝึกหัดที่ 3 การแทรกรูปภาพ

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>ลักษณะของเครือข่าย</title>
<meta charset=”utf-8″ />
</head>
<body background=”pic/18.jpg”>
<h2><center><b><u><font color=”blue”><marquee behavior=”alternate” direction=”left” hspace=”300″ scrollamount=”20″>ลักษณะของเครือข่าย</marquee></font>
</u></b></center></h2>
<hr size=”2″ width=”30%” color=”orange” align=”center” />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><big><font color=”blue”>การ</font></big></b> ในการใช้งานเครือข่ายคอมพิวเตอร์ เพื่อใช้ทรัพยากรร่วมกัน สามารถแบ่งลักษณะของเครือข่ายตามบทบาทของเครื่องคอมพิวเตอร์ในการสื่อสารได้ ดังนี้
<ol>
<li><b><font color=”blue”>เครือข่ายแบบรับ-ให้บริการ หรือไคลเอนท์/เซิร์ฟเวอร์ (client-server network)</font></b> จะมีเครื่องคอมพิวเตอร์ที่เป็นเครื่องให้บริการต่างๆ เช่น บริการเว็บ และบริการฐานข้อมูล การให้บริการขึ้นกับการร้องขอบริการจากเครื่องรับบริการ เช่น การเปิดเว็บเพจ</li>
<center><img src=”pic/1.jpg” width=”20%” /></center>
<li><b>เครือข่ายระดับเดียวกัน (Peer- to- Peer network: P2P network) <font color=”blue”>เครื่องคอมพิวเตอร์สามารถเป็นได้ทั้งเครื่องให้บริการและเครื่องรับบริการในขณะเดียวกัน การใช้งานส่วนใหญ่มักใช้ในการแบ่งปันข้อมูล เช่น เพลง ภาพยนตร์ โปรแกรม และเกม</li>
<center><img src=”pic/2.jpg” width=”20%” /></center>
<hr size=”2″ width=”40%” color=”brown” align=”center” />
<center><u>ผู้จัดทำ</u><br />
นายกกกกกกกก กกกกกกก</center>
</body>
</html>

 

ผลลัพธ์ที่ได้

Screenshot (472)

แบบฝึกหัดที่ 2 การจัดรูปแบบตัวอักษร

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>สัญญาณที่ใช้ในระบบการสื่อสาร</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”orange” text=”black”>
<h2><center><b><u><font color=”blue”><marquee behavior=”alternate” direction=”right” hspace=”300″ scrollamount=”20″>สัญญาณที่ใช้ในระบบการสื่อสาร</marquee></font>
</u></b></center></h2>
<hr size=”2″ width=”50%” color=”green” align=”center” />
<font color=”blue”><big>แบ่ง</big></font>ออกเป็น 2 ประเภท คือ สัญญาณแอนะล็อก (analog signal) และสัญญาณดิจิทัล <sub>(digital signal) </sub>
<b><font color=”violet”><u> สัญญาณแอนะล็อก</u></font></b> เป็นสัญญาณที่มีขนาดแอมพลิจูด <sup> (amplitude) </sup> ที่เปลี่ยนแปลงตามเวลาและเป็นค่าต่อเนื่อง <s>เช่น</s> เสียงพูด และเสียงดนตรี
<b><font color=”brown”><u> ส่วนสัญญาณดิจิทัล</u></font></b> ถูกแทนด้วยระดับแรงดันไฟฟ้าสองระดับเท่านั้นโดยแสดงสถานะ เป็น “0” และ “1” ซึ่งตรงกับรหัสตัวเลขฐานสอง

<hr size=”2″ width=”40%” color=”yellow” align=”left” />
<marquee behavior=”alternate” direction=”right” hspace=”100″><hr size=”2″ width=”40%” color=”sky blue” align=”center” /></marquee>
<center><u>ผู้จัดทำ</u><br />
นายกกกกกกกก กกกกกกก</center>
</body>
</html>

 

ผลลัพธ์

Screenshot (444)

แบบฝึกหัดที่ 1 การจัดรูปแบบตัวอักษร

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>การสื่อสารข้อมูล</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”pink” text=”black”>
<h2><center><b><u><font color=”violet”>การสื่อสารข้อมูล</font>
</u></b></center></h2>
<hr size=”2″ width=”50%” color=”orange” align=”center” />
<big>การ</big>สื่อสารข้อมูล <i><u>หมายถึง</u></i>
การแลกเปลี่ยนข้อมูล/ข่าว<sub>สาร</sub>โดย<b><sub>ผ่าน</sub></b>
ทางสื่อ<s>กลาง</s>ในการสื่อสาร ซึ่งอาจ<sub>เป็น</sub>
สื่อกลางประเภทที่มีสายหรือไร้สายก็ได้
องค์ประกอบพื้นฐาน<sup>ของ</sup>ระบบ<s>การ</s>
<font color=”sky blue”>สื่อสารข้อ</font><small>มูล</small>
<hr size=”2″ width=”50%” color=”red” align=”left” />
<hr size=”2″ width=”30%” color=”white” align=”center” />
<hr size=”2″ width=”70%” color=”blue” align=”right” />
<center><u>ผู้จัดทำ</u><br />
นายกกกกกกกก กกกกกกก</center>
</body>
</html>

ผลลัพธ์

Screenshot (436)

ผลการสอบเก็บคะแนนหน่วยที่ 1

ประกาศผลการเรียน 2/2558

ประกาศผลการเรียน

ภาคเรียนที่ 2  ปีการศึกษา 2558

รายวิชา เทคโนโลยีสื่อประสม

l1

ugv42

ugv421ugv422

504

 

ประกาศผลการเรียนภาคเรียนที่ 1/2558

ประกาศผลการเรียนภาคเรียนที่ 1/2558

รายวิชา การสร้างเว็บเพจ

l1

ugv42

ugv421ugv422

504

คะแนนสอบกลางภาค 1.58

ประกาศผลการสอบระหว่างภาค
ภาคเรียนที่ 1  ปีการศึกษา 2558
ระดับชั้นมัธยมศึกษาปีที่ 5

ให้นักเรียนที่ได้คะแนนไม่ถึง 10 คะแนนติดต่อแก้ตัวภายในไม่เกินวันพุธที่ 29 ก.ค. 58 นะครับ

ทดสอบ504

คำชี้แจง
1. ให้นักเรียนทำการสร้างเอกสาร html ด้วยอิดิเตอร์ Notepad ตามที่กำหนด
2. ทำการเชื่อมโยงเว็บเพจที่กำหนดให้
3. บันทึกงานเก็บไว้ในโฟลเดอร์ของตนเอง
4. บันทึกเอกสาร html ชื่อ index.html และ banana.html

 

รูปภาพส่วนหัวเว็บ

fu1

รูปภาพผลไม้

download

 

รูปภาพกล้วย

banana

 

เนื้อหาหน้าแรก

ผลไม้ไทย

ประเทศไทยเป็นแผ่นดินที่มีทรัพยากรธรรมชาติอุดมสมบูรณ์ เป็นดินแดนที่มีพืชพรรณตามธรรมชาติหลากหลายชนิดเหมาะต่อการเพาะปลูกและทำเกษตรกรรม มีสภาพภูมิอากาศที่แตกต่างกันทำให้เกิดความหลากหลายในการกระจายของผลผลิตไม้เมืองร้อนออกสู่ตลาดอย่างต่อเนื่องตลอดทั้งปี พื้นที่ปลูกไม้ผลตามภาคต่างๆ ของประเทศไทยมีกว่า 9.68 ล้านไร่
ผลไม้ไทยนับเป็นพืชเศรษฐกิจที่สำคัญของประเทศไทยสามารถทำรายได้เข้าประเทศไทยปีละหลายล้านบาทและเป็นที่นิยมบริโภคกันทั่วไป ทั้งภายในประเทศและต่างประเทศ ไม้ผลที่มีความสำคัญทางเศรษฐกิจและมีมูลค่าการส่งออกสูงเป็นที่นิยมบริโภคในต่างประเทศจำนวน 10 ชนิด ได้แก่ ลำไย ทุเรียน มังคุด ลิ้นจี่ มะม่วง ส้มโอ เงาะ สับปะรด มะพร้าวน้ำหอม มะขาม เป็นต้น และไม้ผลที่มีศักยภาพทางเศรษฐกิจในอนาคตหรือเป็นไม้ผลท้องถิ่นหรือพื้นเมือง มีการบริโภคภายในประเทศมากกว่าการส่งออก ได้แก่ กระท้อน ชมพู่ น้อยหน่า พุทรา มะปราง ฝรั่ง ลองกอง ลางสาด สละ ขนุน มะนาว องุ่นและกล้วย เป็นต้น

เนื้อหาเรื่องกล้วย

กล้วย

กล้วย เป็นพรรณไม้ล้มลุกในสกุล Musa มีหลายชนิดในสกุล บางชนิดก็ออกหน่อแต่ว่าบางชนิดก็ไม่ออกหน่อ ใบแบนยาวใหญ่ ก้านใบตอนล่างเป็นกาบยาวหุ้มห่อซ้อนกันเป็นลำต้น ออกดอกที่ปลายลำต้นเป็น ปลี และมักยาวเป็นงวง มีลูกเป็นหวี ๆ รวมเรียกว่า เครือ พืชบางชนิดมีลำต้นคล้ายปาล์ม ออกใบเรียงกันเป็นแถวทำนองพัดคลี่ คล้ายใบกล้วย เช่น กล้วยพัด (Ravenala madagascariensis) ทว่าความจริงแล้วเป็นพืชในสกุลอื่น ที่มิใช่ทั้งปาล์มและกล้วย

แบบทดสอบที่ 7

คำชี้แจง
1. ให้นักเรียนทำการสร้างเอกสาร html ด้วยอิดิเตอร์ Notepad เพื่อจัดรูปแบบโดยใช้รูปภาพและพื้นหลังตามที่กำหนด
2. ทำหัวเรื่องอุปกรณ์จัดเส้นทางให้เคลื่อนไหวไปทางขวา
3. บันทึกงานเก็บไว้ในโฟลเดอร์ของตนเอง
4. บันทึกเอกสาร html ชื่อ test502_1.html

test502.1

พื้นหลัง

image1รูปภาพ

4