Angry Birds -  Link Select

วันศุกร์ที่ 10 เมษายน พ.ศ. 2558

วันพุธที่ 8 เมษายน พ.ศ. 2558

คำสั่งแทรกรูปภาพ

การแทรกภาพใช้คำสั่งดังนี้ 

<IMG SRC="ชื่อภาพ" WIDTH=ขนาดความกว้าง HEIGHT=ขนาดความสูง>

คำสั่งที่ใช้ประกอบกับคำสั่งแสดงภาพ
1. กำหนดให้ภาพอยู่ทางซ้ายและข้อความ(ที่ตามมา) อยู่ทางขวา เพิ่มคำสั่ง ALIGN=LEFT ไว้ในคำสั่งแสดงภาพ 
เช่น <IMG SRC="boy.jpg" ALIGN=LEFT>

2. กำหนดให้ภาพอยู่ทางขวาและข้อความ(ที่ตามมา) อยู่ทางซ้าย เพิ่มคำสั่ง ALIGN=RIGHT ไว้ในคำสั่งแสดงภาพ 
เช่น  <IMG SRC="boy.jpg" ALIGN=RIGHT>

3. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวนอน ใช้คำสั่ง HSPACE=ค่าตัวเลข(pixel) 
เช่น  <IMG SRC="boy.jpg" HSPACE=20>

4. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวดิ่ง ใช้คำสั่ง VSPACE=ค่าตัวเลข(pixel) 
เช่น <IMG SRC="boy.jpg" VSPACE=20>

5. สามารถเขียนคำสั่งในข้อ 1-4 ประกอบกันได้ 
เช่น  <IMG SRC="boy.jpg" ALIGN=RIGHT VSPACE=20>



วันอังคารที่ 7 เมษายน พ.ศ. 2558

ใบงาน HTML

สรุปคำสั่ง HTML มา5คำสั่ง

1. <i>.....</i>       =    ตัวอักษรเอน

2. <b>....</b>      =    ตัวอักษรหนา

3. <u>....</u>      =     ตัวอักษรขีดเส้นใต้
                                   
4. <FONT FACE="ชื่อFONT">
=  ชนิด(Font) ของตัวอักษร

5. <FONT COLOR=ชื่อสี>  </FONT> 
=  สีของตัวอักษร



วันพฤหัสบดีที่ 2 เมษายน พ.ศ. 2558

ใบงานที่6

จงตอบคำถามต่อไปนี้

1.หลักการเขียนภาษาคอมพิวเตอร์หมายถึงอะไร?
ตอบ  1. ทำความเข้าใจและวิเคราะห์ปัญหา 
          2. กำหนดแผนในการแก้ปัญหา
          3. เขียนโปรแกรมตามแผนที่กำหนด
          4. ทดสอบและตรวจสอบความถูกต้องของโปรแกรม
          5. นำโปรแกรมที่ผ่านการทดสอบไปใช้งาน

2.โปรแกรมแปลภาษาคืออะไร?
ตอบ โปรแกรมแปลภาษาเป็นซอฟต์แวร์หรือชุดคำสั่งที่ทำหน้าที่แปลงโค้ดโปรแกรม (Source Program) เป็นคำสั่งปฏิบัติการ (Object Program) เนื่องจากภาษาระดับต่ำและภาษาระดับสูงเป็นภาษาเครื่องคอมพิวเตอร์ไม่สามารถรับรู้ได้ จำเป็นต้องมีชุดคำสั่งที่ใช้เป็นตัวแปลภาษาเครื่องเสียก่อนซึ่งโปรแกรมแปลภาษาแบ่งออกเป็น 2 ประเภท คือ 1)ตัวแปลภาษาระดับต่ำ 2)ตัวแปลภาษาระดังสูง

3.ตัวอย่างโปรแกรมคอมพิวเตอร์ที่เขียนด้วยภาษาคอมพิวเตอร์1โปรแกรม
ตอบ 

Code สี HTML

http://www.yupparaj.ac.th/CAI/color/colorcode.html

วันพุธที่ 1 เมษายน พ.ศ. 2558

ใบงานที่5

จงตอบคำถามต่อไปนี้

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

2.สัญลักษณ์ที่ใช้ในการเขียนผังงาน
ตอบ 


3.การเขียนผังงาน/ตัวอย่าง
ตอบ 1. ใช้สัญลักษณ์ตามที่กำหนดไว้
2. ผังงานจะต้องมีจุดเริ่มต้น (Start)และสิ้นสุด (Stop/End/Finish)
3. ใช้หัวลูกศรแสดงทิศทางการไหลของข้อมูลจากบนลงล่างหรือซ้ายไปขวา (ยกเว้นที่ต้องทำซ้ำ)
4. ทุกแผนภาพต้องมีลูกศรแสดงทิศทางเข้า 1 เส้นและออก 1 เส้นโดยไม่มีการปล่อยจุดใดจุดหนึ่งไว้
5. เขียนคำอธิบายการทางานในแต่ละขั้นตอนโดยใช้ข้อความที่สั้น กะทัดรัด ชัดเจนและเข้าใจได้ง่าย
6. ควรหลีกเลี่ยงโยงเส้นไปมาทาให้เกิดจุดตัดมากเพราะจะทาให้เกิดข้อผิดพลาดง่าย ควรใช้สัญลักษณ์เชื่อมจุดต่อเนื่องแทน
7. ไม่ควรโยงเส้นเชื่อมผังงานที่อยู่ไกลมาก ๆ ควรใช้สัญลักษณ์จุดเชื่อมต่อแทน
8. ผังงานควรมีความเป็นระเบียบเรียบร้อยและชัดเจน สามารถเข้าใจและติดตามขั้นตอนได้ง่าย
9. ผังงานควรมีการทดสอบความถูกต้องของการทำงานก่อนไปเขียนโปรแกรม