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

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

สำหรับในการแทรกรูปภาพบนหน้าเว็บเพจนั้นสามารถทำได้ง่ายๆ ด้วยการระบุคำสั่ง <IMG SRC="ชื่อรูปภาพ">ดังตัวอย่างนี้จะเป็นการแทรกรูปภาพทั้งเป้นพื้นหลังและในหน้าเว็บเพจ

<html>
      <head>
          <title>
              Insert Images : การแทร
กภาพ
          </title>
      </head>
      <body background="bgimage.gif">
            ข้อความที่แสดงในส่วนเนื้อหา
            <img src="kerokero.gif">
      </body>
</html>

วันจันทร์ที่ 6 เมษายน พ.ศ. 2558

ใบงาน HTML

สรุปคำสั่ง HTML 





1.<TITLE> </TITLE> คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar


2.<br> คำสั่งขึ้นบรรทัดใหม่


3.<p> ข้อความ </p> คำสั่งย่อหน้าใหม่



4.BODY> </BODY> คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น



5.<HTML> </HTML> คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม





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

ใบงานที่ 6



1.หลักการเขียนภาษาคอมพิวเตอร์ หมายถึงอะไร


ตอบ.ภาษาโปรแกรมคอมพิวเตอร์ที่ใช้เขียนโปรแกรมเพื่อแก้ปัญหาต่างๆ มีมากมายหลายภาษา ซึ่งแต่ละภาษาโปรแกรมมีข้อดีและเหมาะกับใช้งานต่างๆ กัน ในการเลือกใช้ภาษาโปรแกรมคอมพิวเตอร์มาใช้งาน ควรพิจารณาสิ่งต่างๆ


2.โปรเเกรมเเปลภาษา คืออะไร?


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


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

ตอบ. Java script 


Code สี html

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

วันอังคารที่ 31 มีนาคม พ.ศ. 2558

ใบงานที่ 5

การเขียนผังงาน (flowchart)

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

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

รูปภาพสัญลักษณ์ความหมายของสัญลักษณ์
Flowchart Start or Stopเริ่มต้นหรือจบ Flowchart (Start or Stop)
Flowchart Processการประมวลผล (Process)
Flowchart Input Or Outputส่วนนำเข้าข้อมูลหรือแสดงผลข้อมูล (Input or Output)
Flowchart Decisionการตัดสินใจ (Decision)
Flowchart Connectorจุดเชื่อมต่อ (Connector)
Flowchart Direction of Flowทิศทางการทำงาน (Direction of Flow)


3.การเขียนผังงานตัวอย่าง
ตอบ.


























วันจันทร์ที่ 30 มีนาคม พ.ศ. 2558

ใบงานที่ 4

ใบงานที่ 4

ให้นักเรียนตอบคำถามต่อไปนี้

1.การถ่ายทอดความคิดในการเเก้ปัญหาด้วยอัลกอริทึม(การเขียนรหัสจำลอง) หมายถึงอะไร?

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

2.เครื่องมือที่ใช้ในการจำลองความคิดมีอะไรบ้าง?


ตอบ มักจะประกอบขึ้นด้วยเครื่องหมายที่แตกต่างกันหลายอย่าง แต่พอสรุปได้เป็น 2 ลักษณะ คือ

1. การจำลองความคิดเป็นข้อความหรือคำบรรยาย (Algorithm)

เป็นการเขียนเค้าโครงด้วยการบรรยายเป็นภาษาที่มนุษย์ใช้สื่อสารกัน เพื่อให้ทราบถึงขั้นตอนการทำงานของการแก้ปัญหาแต่ละตอน ในบางครั้งอาจใช้คำสั่งของภาษาที่ใช้เขียนโปรแกรมก็ได้


2. การจำลองความคิดเป็นสัญลักษณ์หรือผังงาน (Flowchart)

สัญลักษณ์ คือ เครื่องหมายรูปแบบต่างๆ ซึ่งใช้สำหรับสื่อสารความหมายให้เข้าใจตรงกัน สถาบันมาตรฐานแห่งชาติอเมริกา ได้กำหนดสัญลักษณ์ไว้เป็นมาตรฐานแล้ว สามารถนำไปใช้ได้ตามความเหมาะสมต่อไป


3.การเขียนรหัสจำลอง ทำอย่างไร?


ตอบรหัสลำลองหรือ pseudocode เป็นคำบรรยายที่เขียนแสดงขั้นตอนวิธี(algorithm) ของการเขียนโปรแกรม โดยใช้ภาษาที่กะทัดรัด สื่อสารกับโปรแกรมเมอร์ผู้เขียนโปรแกรม โดยอาจใช้ภาษาที่ใช้ทั่วไปและอาจมีภาษาที่ใช้ในการเขียนโปรแกรมประกอบ แต่ไม่มีมาตรฐานแน่นอนในการเขียน pseudocode และไม่สามารถนำไปทำงานบนคอมพิวเตอร์โดยตรง(เพราะไม่ใช่คำสั่งในภาษาคอมพิวเตอร์) และไม่ขึ้นกับภาษาคอมพิวเตอร์ภาษาใดภาษาหนึ่ง นิยมใช้ pseudocode แสดง algorithmมากกว่าใช้ผังงาน เพราะผังงานอาจไม่แสดงรายละเอียดมากนักและใช้สัญลักษณ์ซึ่งทำให้ไม่สะดวกในการเขียน เช่นโปรแกรมใหญ่ ๆ มักจะประกอบด้วยคำสั่งต่างๆที่ใกล้เคียงกับภาษาคอมพิวเตอร์ที่ใช้ในการเขียนโปรแกรมจริงๆ เช่น begin…end, if…else, do…while, while, for, read และ print การเขียนรหัสจำลองจะต้องมีการวางแผนสำหรับการอ้างอิงถึงข้อมูลต่างๆที่จะใช้ในโปรแกรมด้วยการสร้างตัวแปร โดยใช้เครื่องหมายเท่ากับ (=) แทนการกำหนดค่าให้กำหนดตัวแปรนั้นๆ