นายปภพ พฤทธิพงศ์สิทธิ์ ม.5/2 เลขที่4

วันอาทิตย์ที่ 27 พฤษภาคม พ.ศ. 2561

ใบงานเรื่อง : การใช้งานเว็บบราวเซอร์

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

2.ยกตัวอย่างเว็บบราวเซอร์ มา 5 โปรแกรม

3.เว็บบราวเซอร์ ที่สนใจ 1 โปรแกรม

Microsoft Internet Explorer

Microsoft Internet Explorer หรือ IE คือ โปรแกรมเบราเซอร์โปรแกรมหนึ่ง (ซึ่งสำหรับคนที่ใช้ระบบปฏิบัติการ Windows นั้นรู้จักกันดี เพราะเป็นเบราเซอร์ที่มาจากค่ายเดียวกับ windows นั้นเอง) ใช้ในการท่องInternet เป็น Application Software ที่ผลิตโดยบริษัท Microsoft และพัฒนามาต่อเนื่องจนถึงเวอร์ชั่นล่าสุด นั้นคือ IE8

อ้างอิง

1.https://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B8%A7%E0%B9%8C%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C

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

สรุปคำสั่ง HTML 2

>] สรุปคำสั่ง HTML 2 [<

<img src="..." width =... height =... border =...> ใส่รูปภาพ+ขนาดความกว้าง+ความสูง+ขนาดของกรอบรูป

<EMBED SRC="...ตามด้วย .mp3 หรือ .mp4" HIDDEN="True" AUTOSTART="Yes" LOOP="True">
=คำสั่งใส่เพลงไว้ในเพจโดยตั้งเป็นออโต้เปิดเพลงเมื่อเข้าเพจและวนลูปไปเรื่อยๆ

<TABLE> กำหนดการสร้างตารางและคำสั่งปิดคือ </TABLE>

<TR> (Table Row) เป็นการกำหนดแถวของตาราง และคำสั่งปิดคือ </TR>

<TH> (Table Head) เป็นการกำหนดหัวเรื่องในคอลัมน์ และคำสั่งปิดคือ </TH>

<TD> (Table Data) เป็นการกำหนดข้อมูลในแต่ละสดมภ์ในตาราง และคำสั่งปิดคือ </TD>

<a href="หน้าที่ต้องการ Link"> ข้อความหรือรูปภาพก็ได้ </a> =เอาไว้ใช้สำหรับลิ้งค์เพจหน้าต่างๆ

<iframe width="..." height="..." src="....../embed/..." frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe>

=เอาไว้สำหรับใส่คลิปจาก Youtube มีทั้งใส่จนาดกว้างยาวของคลิป

<p align="left"> ...................</p> เป็นการทำให้ตัวอักษรเริ่มโดยชิดซ้าย

  เว้นวรรค

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

สรุปคำสั่ง HTML (1)

<html> เป็นแท็กเริ่มต้นและสิ้นสุดของเอกสาร HTML

<head> </head> ส่วนหัว
<title>ข้อความ </title> แสดงข้อความส่วนบน

<Body> ข้อความ </body> เป็นแท็กเริ่มต้นและสิ้นสุดของเนื้อหาในเอกสาร

<center> ข้อความ </center> จัดข้อความให้อยู่กึ่งกลาง

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

<p> ขึ้นย่อห้านละเว้นบรรทัด

<hr> ตีเส้น<hr width = "50%" size = "3"> กำหนดขนดเส้น

<font size="3"> ข้อความ </font> ขนาดตัวอักษร

<font color=red> ข้อความ </font> เปลี่ยนสีตัวอักษร

<font face = "Arial"> ข้อความ </font> เปลี่ยนรูปแบบตัวอักษร

<body bgcolor=red> เปลี่ยนสีพื้นหลัง

<H?> ........</H?> (? แทนตัวเลข 1 - 6) กำหนดขนาดของตัวหัวเรื่อง 1 ใหญ่สุด

<b> ข้อความ </b> ตัวหนา

<i> ข้อความ </i> ตัวเอียง
<u> ข้อความ </u> แสดงตัวอักษรขีดเส้นใต้

<ul type="square"> การกำหนดสัญลักษณ์หน้าข้อความ
    <li> วงกลมทึบ (disc)
    <li>วงกลมโปร่ง (circle)
    <li>สี่เหลี่ยมทึบ (square)
</ul>

<ol type="I" start="5"> กำหนดเลขเป็นข้อๆ
     <li> ข้อความ
     <li> ข้อความ
     <li> ข้อความ
     <li> ข้อความ
     <li> ข้อความ
</ol>

และสัญลักษณ์พิเศษต่าง 

&gt;©
&lt;>
&divide;<
&yen;÷
&euro;¥
&nbsp;€  
&reg;®
&psi;ψ
&theta;θ
&omega;ω
&larr;←
&rarr;→
&varr;↕
&sum;∑
&cap;∩
&le;≤
&ge;≥


 


การทำตัวอักษรวิ่ง<marquee align=ทิทางเช่น left/right/... scolldelay=ตัวเลข > ข้อความ  </marquee>

วันอังคารที่ 27 มีนาคม พ.ศ. 2561

ใบงานที่ 6 HTML

ภาษา HTML

HTML ย่อมาจาก Hyper Text Markup Language

ความหมายของ HTML
HTML หรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีลักษณะเป็นภาษาในเชิง การบรรยายเอกสารไฮเปอร์มีเดีย (Hypermedia Document Description Language) เพื่อนำเสนอเอกสารนั้น เผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ (Web Browser)

รูปแบบการใช้คำสั่ง หรือ Tag
1. คำสั่ง หรือ Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ

Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น

Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag> โดยที่

<tag> เราเรียกว่า tag เปิด

</tag> เราเรียกว่า tag ปิด

ตัวอย่าง

อ้างอิง : https://www.hellomyweb.com/course/html/structure_of_html/
https://sites.google.com/a/bbw.ac.th/krupim-classroom/phasa-html

วันจันทร์ที่ 26 มีนาคม พ.ศ. 2561

ใบงานที่ 5 ภาษาคอมพิวเตอร์์

ภาษาคอมพิวเตอร์

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

2.ภาษาคอมพิวเตอร์มีกี่ระดับ อะไรบ้าง พร้อมยกตัวอย่าง

2.1 ภาษาระดับต่ำ (Low Level Language) เป็นภาษาที่มนุษย์ทำความเข้าใจได้ยาก ส่วนใหญ่ต้องมีความเข้าใจเกี่ยวกับสถาปัตยกรรมคอมพิวเตอร์ และฮาร์ดแวร์เป็นอย่างดีจึงจะสามารถเขียนโปรแกรมสั่งงานได้มีข้อดีในส่วนที่เขียนโปรแกรมควบคุมอาร์ดาแวร์แต่ละส่วนได้โดยตรงจึงทำงานได้เร็ว แต่ไม่เหมาะที่จะใช้ในการพัฒนาโปรแกรม ตัวอย่างของภาษาระดับต่ำได้แก่ ภาษาเครื่อง (Machine Language) และภาษาแอสเซมบลี (Assembly Language)เป็นต้น

Machine Language - Assembly Language
2.2 ภาษาระดับกลาง (Medium Level Language) เป็นภาษาที่ทำความเข้าใจได้ไม่ยากนัก เพราะมีลักษณะ เป็นภาษาแบบโครงสร้าง ทำความเข้าใจได้เหมือนกับภาษาระดับสูงแต่ทำงานได้รวดเร็วเหมือนกับภาษาระดับต่ำ สามารถใช้บนเครื่องที่มีความเร็วต่างกันโดยไม่ต้องดัดแปลง ภาษาระดับกลางจึงเป็นที่นิยมใช้กันแพร่หลาย ตัวอย่างของภาษาระดับกลาง ได้แก่ ภาษาซี เป็นต้น

ภาษาซี

2.3.ภาษาระดับสูง (High Level Language) เป็นภาษาที่ทำความเข้าใจได้ง่าย มีลักษณะของ
การใช้คำสั่งเป็นภาษาอังกฤษซึ่งใกล้เคียงกับภาษามนุษย์มากการสั่งให้คอมพิวเตอร์ทำงานจะต้องมีการแปลความหมายของคำสั่งโดยใช้ตัวแปลภาษาทีละชุดคำสั่งที่เรียกว่า Interpreterหรือแปลครั้งเดียวทั้งโปรแกรมที่เรียกว่า Compiler

ภาษาปาสคาล (Pascal)

ภาษาเบสิก (Basic: Beginner's All-purpose Symbolic Instruction Code )

อ้างอิง : http://boonraong.blogspot.com/2011/02/3.html
https://sites.google.com/site/programcomputer56/home/phasa-khxmphiwtexr

วันอาทิตย์ที่ 25 มีนาคม พ.ศ. 2561

ใบงานที่4 โปรแกรมคอมพิวเตอร์

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

1.โปรแกรมระบบปฏิบัติการ (Systems Software)

ระบบปฏิบัติการหรือโอเอส (OS : Operating System) โปรแกรมประเภทนี้จะทำหน้าที่คอยดูแลระบบ รวมทั้งติดต่อกับฮาร์ดแวร์ส่วนต่างๆ ควบคุมการทำงานของคีย์บอร์ด จอภาพ ระบบอ่านและบันทึกข้อมูล ทำให้ผู้ใช้และผู้พัฒนาโปรแกรมต่างๆ ไม่ต้องเขียนโปรแกรมติดต่อกับระบบเอง

เช่น

2.โปรแกรมเอนกประสงค์ (Utility Program)

โปรแกรมระบบที่ทำหน้าที่ในการอำนวยความสะดวกให้กับผู้ใช้เครื่องคอมพิวเตอร์ ให้สามารถทำงานได้สะดวก รวดเร็วและง่ายขึ้น เช่น โปรแกรมที่ใช้ในการเรียงลำดับข้อมูล โปรแกรมโอนย้ายข้อมูลจากชนิดหนึ่งไปยังอักชนิดหนึ่ง โปรแกรมรวบรวมข้อมูล 2 ชุดเข้าด้วยกัน โปรแกรมคัดลอกข้อมูลเป็นต้น โปรแกรมประเภทนี้จะช่วยอำนวยความสะดวกให้กับผู้ใช้คอมพิวเตอร์ และยังเป็นเครื่องมือในการแก้ไขปัญหาหรือวิเคราะห์ปัญหารวมทั้งตรวจสอบระบบได้อีกด้วย โดยมีโปรแกรมที่ทำงานหลายประเภท เช่น โปรแกรมตรวจสอบความเร็วของคอมพิวเตอร์ , โปรแกรม McAfee Virus Scan สำหรับตรวจหาไวรัส , โปรแกรมตรวจสอบตัวเครื่อง , โปรแกรม Win-zip/Win-rar สำหรับบีบข้อมูล เป็นต้น

3.โปรแกรมประยุกต์ (Application Software)
โปรแกรมประเภทนี้บางครั้งจะเรียกว่า ซอฟต์แวร์สำเร็จรูป (Package Software) เป็นโปรแกรมที่พัฒนาขึ้นมาสำหรับงานเฉพาะด้าน มีการทำงานที่แตกต่างกัน ตัวอย่างเช่น โปรแกรมเกม , โปรแกรมบัญชี , โปรแกรมด้านดาต้าเบส , โปรแกรมกราฟฟิก , โปรแกรมอินเตอร์เน็ต และโปรแกรมประมวลผลคำ เป็นต้น

'

วันพฤหัสบดีที่ 22 มีนาคม พ.ศ. 2561

ใบงานที่ 3 การถ่ายทอดความคิดในการแก้ปัญหาด้วยอัลกอริทึม

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

ตัวอย่าง

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

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

2.สัญลักษณ์ ที่ใช้ในผังงาน

3.ตัวอย่าง