เรียนรู้การทำเว็บไซต์ด้วย HTML CSS PHP และ MySQL

การเขยนโปรแกรมบนเวบดวย PHP 1

www.thicakephp.net มานพ กองอน

บทท 1 การตดตงโปรแกรมเพอจาลองเครองเปนเวบ

เซอรฟเวอร (Web Server)

กอนทเราจะทาการเขยนโปรแกรมโดยใชภาษาพเอชพนนเราตองทาการจาลองเครอง

เราเปนเซอรฟเวอรเพอการทดสอบโปรแกรม เนองจากพเอชพเปนภาษาททางานฝง

เซอรฟเวอร (Server) ดงนนเราจงตองตดตงโปรแกรมททางานในฝงเซอรฟเวอร นนกคอ

โปรแกรม อาปาเช(Apache) โปรแกรมพเอชพ (PHP) โปรแกรมมายเอสควแอล (MySQL)

ปจจบนมผทนาทงสามโปรแกรมนมารวมกนแลวตดตงเพยงครงเดยวกจะมโปรแกรม

ทงสามแลว เชน AppServ, WAMP หรอ XAMPP เปนตน ในทนจะเลอก WAMP เปนชด

โปรแกรมสาหรบจาลองเครองเราเนองจากโปรแกรมนมสวนสาหรบจดการขอมลตางๆ ของ

ทงสามโปรแกรมไดงายดายมาก

1. ขนตอนการดาวนโหลด (Download)

เนองจาก WAMP มการพฒนาอยางตอเนองเพอรองรบกบการเปลยนแปลงเวอรชน

ของ PHP ดงนนเพอใหโปรแกรมอพเดท ควรทจะดาวนโหลดอยเรอยๆ เวบไซตของ WAMP

Server นนคอ http://www.wampserver.com/ โดยขนตอนการดาวนโหลดมดงน

เขาเวบไซต http://www.wampserver.com/ หากตองการเปลยนภาษาเปนภาษาองกฤษ เพอให

เขาใจงาย ใหคลกทไอคอนรปธงชาตองกฤษ กดท DOWNLOAD เพอเขาสหนาสนหรบดาวน

โหลด

http://www.wampserver.com/�



เมอปรากฏหนาสาหรบดาวนโหลดแลว ใหคลกทคาวา DOWNLOAD WampServer 2.0



จากนนกจะเปนการ Redirect ไปสเวบไซต sourceforge.net ซงเปนเวบไซตทเกบไฟลทเรา

ตองการ หลงจากนนกจะปรากฏหนาตางสาหรบดาวนโหลดโดยอตโนมต ใหคลกทปม Save

File



เมอกดปม Save File แลวกจะปรากฏหนาตางทกาลงดาวนโหลดลงมาในเครองของเรา

เมอดาวนโหลดเสรจแลวจะปรากฏไอคอนในโฟลดอรทเราไดทาการบนทกไฟลไว กเปนอน

เสรจสนขนตอนในการดาวนโหลด



2. ขนตอนการตดตง (Install)

หลงจากทเราไดดาวนโหลดมาแลว ใหทาการตดตงโปรแกรม WAMP ใหเรยบรอย

โดย คลกเปดไฟล WampServer2.0c.exe จะปรากฏกลองโตตอบเตอนใหกดทปม Run

จากนนโปรแกรมจะแจงเตอนวาหามอพเกรดโปรแกรมจากเวอรชน WAMP5.1.x. หากตดตง

เวอรชนดงกลาวใหทาการสารองขอมลและลบโฟลเดอรเวอรชนเกาออก กอนตดตง คลกทปม

Yes

หลงจากนนจะเขาสขนตอนของการตดตงแบบวซาด (Wizard) ใหคลกปม Next > เพอ

ดาเนนการตอ



เมอคลกปม Next กจะปรากฏขอตกลงในการใชงานอานใหเขาใจแลวเลอก I accept the

agreement เพอยอมรบ หลงจากนนกดปม Next >



จากนนกจะปรากฏตาแหนงสาหรบตดตงโปรแกรมและไฟลตางๆ ของ WAMP คอ Apache,

MySQL, PHP, phpMyAdmin, SQLiteManager เปนตน เพอปองกนขอมลสญหายจาก

ขอผดพลาดของ Windows แนะนาใหตดตงทไดรฟ d:\ คลก Next > เพอเขาสขนตอนถดไป

เลอกสวนเพมเตมสาหรบการตดตงคอ Create a Quick Launch icon หมายถง ใหไอคอนของ

โปรแกรมไปปรากฏใน Quick Launch ดวย

Create a Desktop icon หมายถง ใหไอคอนของโปรแกรมไปแสดงทหนาจอดวย เลอกตามท

ตองการแลวคลก Next >



หลงจากนนจะพบหนาตางสรปการตงตาในตอนแรกกอนทจะทาการตดตงลงใน Windows

หากตองการแกไข ใหคลกทปม < Back แตหากตรงตามความตองการแลวใหคลกท Install



จะเหนแถบสถานะ หรอ Progress bar แสดงสถานะวากาลงตดตง

เมอตดตงเสรจแลวจะปรากฏหนาตางใหเลอกเพอใหโปรแกรมทางานทนทหลงจากคลกปม

Finish



จากนนท Taskbar กจะปรากฏเหนไอคอนเปนรปมเตอร

ทดลองคลกทไอคอนรปมเตอรจะพบ Control Panel เกดขน

หากตองการเปลยนภาษาใหทาการคลกขวาตรงไอคอนรปมเตอรแลวทาการเลอกภาษาท

ตองการ ตามรายการทมให





3. โครงสรางของ WAMP (Folder Structure)

โครงสรางโฟลเดอรของโปรแกรม WAMP นนประกอบไปดวย โฟลเดอรตางๆ ดงน

wamp // โฟลเดอรหลกของโปรแกรม WAMP

|_ alias // เปนโฟลเดอรทเกบไฟลตงคาสาหรบ Alias เพอระบใหรนใน

loacalhost/โฟลเดอร ตามทตองการได

|_ apps // เปนโฟลเดอรทเกบสครปทเขยนดวยภาษา PHP

| |_ phpmyadmin2.11.6 // เปนโฟลเดอรเกบสครป phpMyAdmin

เพอจดการฐานขอมล MySQL

| |_ sqlitemanager1.2.0 // เปนโฟลเดอรเกบสครป salitemanaget เพอ

จดการฐานขอมล sqlite

|_ bin // เปนโฟลเดอรทเกบโปรแกรม apache, mysql, และ php

| |_ apache // เปนโปรแกรม Web Server

| |_ mysql // เปนโปรแกรมฐานขอมล

| |_ php // เปนโปรแกรม PHP

|_ help // เปนโฟลเดอรเกบไฟลชวยเหลอของ WAMP

|_ lang // เปนโฟลเดอรทเกบไฟลภาษาใน WAMP

| |_ modules

|_ log // เปนโฟลเดอรเกบคาตางๆ ในการใชงาน WAMP

|_ script // เปนโฟลเดอรทเกบสครปเสรมทเขยนดวยภาษา PHP

|_ tmp // เปนโฟลเดอรสารองในการใชงาน WAMP

|_ www // เปน Root Directory ของเวบไซต



4. ขนตอนการทดสอบ (Testing)

คลกทไอคอนรปมเตอรแลวเลอก Localhost

กจะปรากฏเวบเพจหนาหลก คอ http://localhost/ หรอ http://127.0.0.1/ หากแสดงผลตามภาพ

ดานลางแสดงวาทกอยางถกตอง เปนอนเสรจสนการตดตง WAMP อยางสมบรณ

http://localhost/�

http://127.0.0.1/�



บทท 2 ปพนฐานภาษา HTML ภาษาเอชทเอมแอล (HTML) ยอมาจาก Hyper Text Markup Language ซงเปนภาษาท

พฒนามาตงแตชวงปลายป 1986 โดยทมงานจากหองปฏบตการทางจลภาคฟสกสแหงยโรป

(European Particle Physics Labs) หรอทรจกกนในนาม CERN (Conseil European la

Recherche Nucleaire) ประเทศสวตเซอรแลนด โดยมการพฒนานาเสนอขอมลในระบบ

WWW (World Wide Web) ซงพฒนาภาษาทใชสนบสนนการเผยแพรเอกสารของนกวจย

หรอเอกสารเวบ (Web Document) คอ ภาษา HTML (Hyper Text Markup Language)

ภาษา html จงเปนภาษาทใชในการเขยนเวบเพจ (Web Page) ซงเปนไฟลทเขยนขน

เปนลกษณะทมขอความ มนามสกล (Extention) เปน .html หรอ .htm และเวบเพจนจะแสดง

ผลไดกบเวบเบราเซอร (Web Browser) หรอโปรแกรมสาหรบเปดดเวบเพจ เชน Internet

Explorer, Mozilla Firefox หรอ Opera เปนตน

สาหรบในสวน Server นนไฟลแรกของเวบไซตเราจาเปนจะตองตงชอใหเปนหลก

สากล เนองจาก Server ทกตวคาเรมตนทมนจะรนไฟลแรกคอไฟลทมชอวา index หรอ

default เทานน หากนอกเหนอจากนกขนอยกบการตงคาทตว Server วาตองการใหรนไฟลชอ

อะไรบางเปนไฟลแรก

1. รปแบบของภาษา HTML

ภาษา HTML ประกอบไปดวย Text หรอขอความธรรมดา และ Tag หรอคาสงทใชใน

การกาหนดรปแบบ Text โดย Tag จะอยในเครองหมาย <>

This is a bold word. คอ Text

<b></b> คอ Tag

This is a <b>bold</b> word.

ผลลพธ

This is a bold word.

This is a <b>bold</b> word.



2. กฎการใช HTML

• Tag ตองอยในเครองหมาย < > เทานน

• Tag พมพดวยอกษรตวเลกตวใหญกใหความหมายเดยวกน เชน <body>

กบ <BODY>

• Tag สวนใหญจะม Tag เปดและ Tag ปด เชน <body>…</body>

• บาง Tag ไมม Tag ปด เชน <br>

• จะพมพ Tag และ Text ตดกน หรอเคาะชองวาง หรอแยกบรรทดกนกได

• Tag สวนมากจะม Attribute หรอสวนขยายในการกาหนดคณสมบต

ใหกบ Tag เชน <body bgcolor= “red” เปนตน

o อยภายในเครองหมาย < > ในสวนของ Tag เปดเทานน

o Tag แตละ Tag จะม Attribute แตกตางกนไป

o ใชชองวางคนระหวาง Attribute

เชน Attribute ของ Tag ทใชในการกาหนดรปแบบตวอกษร

<font size= “3”>Hello</font>

เปนการกาหนดใหขอความ Hello มขนาด 3

<font size= “size”>text</font>



3. โครงสรางของ HTML

โครงสรางของ html นนจะเปด Tag ดวย <html> และปดดวย </html> ซงภายในจะ

ประกอบดวยสวน head และสวน body

สวน Head จะเปนสวนทไมแสดงผลในเบราเซอร แตมความสาคญในกรณทจะทา

SEO (Search Engine Optimization) หรอปรบเวบใหเหมาะกบเวบทเปนเครองมอคนหา

อยางเชน www.google.com

การระบสวนหวของเวบเพจประกอบไปดวย Tag ดงตอไปน

Tag ความหมาย

<title>…</title> การระบชอเรองของเวบเพจทจะแสดงใน

สวนของ Title bar ของเบราเซอร

<META NAME= "name" CONTENT =

"content" >

Name คอ ชอหวขอทจะอธบาย

Content คอ คาอธบาย

ระบเปน

เอกสาร

HTML

สวนหว

เอกสาร

ชอเรอง

ขอบเขต

เนอหา

<HTML>

<HEAD>

<TITLE>

<META NAME= “" CONTENT= “">

</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

อธบาย

เวบเพจ

<head>…..</head>

http://www.google.com/�



สวน Body เปนสวนทใชในการแสดงผลขอมล หรอสวนเนอหาขอมล ประกอบไป

ดวยเนอหาในเวบเพจและ Tag สาหรบการแสดงผล

ตวอยาง ไฟล ex01.html

ผลลพธ

ตวอยาง ไฟล ex02.html

<HTML> <HEAD>

<TITLE>สวนทแสดงท Title bar</TITLE> <META name= “description" content= “Everything

you wanted to know about stamps, from prices to history.">

<META name= “keywords" content= “stamps, stamp collecting,stamp history, prices,stamps for sale"> </HEAD> <BODY>

This is my first page. </BODY>

</HTML>

<html> <head> <title>สวนทจะแสดงท Title bar</title> </head> <body> This is my first page. </body> </html>

<body>…..</body>



ผลลพธ



4. การกาหนดสพนหลงและสตวอกษร

การกาหนดสใหกบพนหลงและตวอกษรนนสามารถกาหนดได 2 รปแบบดงน

แบบท 1 แบบระบชอส เชน red, green, blue, yellow เปนตน

แบบท 2 แบบระบดวยเลขฐาน 16 หรอ หลกการผสมสแบบ RGB เชน

ชอ รหสของส และสทได ชอ รหสของส และสทได

ALICEBLUE

#F0F8FF

ANTIQUEWHITE

#FAEBD7

AQUA

#00FFFF

AQUAMARINE

#7FFFD4

AZURE

#F0FFFF

BEIGE

#F5F5DC

BISQUE

#FFE4C4

BLACK

#000000

BLANCHEDALMOND

#FFEBCD

BLUE

#0000FF

BLUEVIOLET

#8A2BE2

BROWN

#A52A2A

BURLYWOOD

#DEB887

CADETBLUE

#5F9EA0

CHARTREUSE

#7FFF00

CHOCOLATE

#D2691E

CORAL

#FF7F50

CORNFLOWERBLUE

#6495ED

CORNSILK

#FFF8DC

CRIMSON

#DC143C

CYAN

#00FFFF

DARKBLUE

#00008B



DARKCYAN

#008B8B

DARKGOLDENROD

#B8860B

DARKGRAY

#A9A9A9

DARKGREEN

#006400

DARKKHAKI

#BDB76B

DARKMAGENTA

#8B008B

DARKOLIVEGREEN

#556B2F

DARKORANGE

#FF8C00

DARKORCHID

#9932CC

DARKRED

#8B0000

DARKSALMON

#E9967A

DARKSEAGREEN

#8FBC8F

DARKSLATEBLUE

#483D8B

DARKSLATEGRAY

#2F4F4F

DARKTURQUOISE

#00CED1

DARKVIOLET

#9400D3

DEEPPINK

#FF1493

DEEPSKYBLUE

#00BFFF

DIMGRAY

#696969

DODGERBLUE

#1E90FF

FIREBRICK

#B22222

FLORALWHITE

#FFFAF0

FORESTGREEN

#228B22

FUCHSIA

#FF00FF

GAINSBORO

#DCDCDC

GHOSTWHITE

#F8F8FF

GOLD GOLDENROD



#FFD700 #DAA520

GRAY

#808080

GREEN

#008000

GREENYELLOW

#ADFF2F

HONEYDEW

#F0FFF0

HOTPINK

#FF69B4

INDIANRED

#CD5C5C

INDIGO

#4B0082

IVORY

#FFFFF0

KHAKI

#FOE68C

LAVENDER

#E6E6FA

LAVENDERBLUSH

#FFF0F5

LEMONCHIFFON

#FFFACD

LIGHTBLUE

#ADD8E6

LIGHTCORAL

#F08080

LIGHTCYAN

#E0FFFF

LIGHTGOLDENRODYELLOW

#FAFAD2

LIGHTGREEN

#90EE90

LIGHTGREY

#D3D3D3

LIGHTPINK

#FFB6C1

LIGHTSALMON

#FFA07A

LIGHTSEAGREEN

#20B2AA

LIGHTSKYBLUE

#87CEFA

LIGHTSLATEGRAY

#778899

LIGHTSTEELBLUE

#B0C4DE

LIGHTYELLOW

#FFFFE0

LIME

#00FF00



LIMEGREEN

#32CD32

LINEN

#FAF0E6

MAGENTA

#FF00FF

MAROON

#800000

MEDIUMAQUAMARINE

#66CDAA

MEDIUMBLUE

#0000CD

MEDIUMORCHID

#BA55D3

MEDIUMPURPLE

#9370D8

MEDIUMSEAGREEN

#3CB371

MEDIUMSLATEBLUE

#7B68EE

MEDIUMSPRINGGREEN

#00FA9A

MEDIUMTURQUOISE

#48D1CC

MEDIUMVIOLETRED

#C71585

MIDNIGHTBLUE

#191970

MINTCREAM

#F5FFFA

MISTYROSE

#FFE4E1

NAVAJOWHITE

#FFDEAD

NAVY

#000080

OLDLACE

#FDF5E6

OLIVE

#808000

OLIVEDRAB

#6B8E23

ORANGE

#FFA500

ORANGERED

#FF4500

ORCHID

#DA70D6

PALEGOLDENROD

#EEE8AA

PALEGREEN

#98FB98

PALETURQUOISE PALEVIOLETRED



#AFEEEE #DB7093

PAPAYAWHIP

#FFEFD5

PEACHPUFF

#FFDA89

PERU

#CD853F

PINK

#FFC0CB

PLUM

#DDA0DD

POWDERBLUE

#B0E0E6

PURPLE

#800080

RED

#FF0000

ROSYBROWN

#BC8F8F

ROYALBLUE

#4169E1

SADDLEBROWN

#8B4513

SALMON

#FA8072

SANDYBROWN

#F4A460

SEAGREEN

#2E8B57

SEASHELL

#FFF5EE

SIENNA

#A0522D

SILVER

#C0C0C0

SKYBLUE

#87CEEB

SLATEBLUE

#6A5ACD

SLATEGRAY

#708090

SNOW

#FFFAFA

SPRINGGREEN

#00FF7F

STEELBLUE

#4682B4

TAN

#D2B48C

TEAL

#008080

THISTLE

#D8BFD8



TOMATO

#FF6347

TURQUOISE

#40E0D0

VIOLET

#EE82EE

WHEAT

#F5DEB3

WHITE

#FFFFFF

WHITESMOKE

#F5F5F5

YELLOW

#FFFF00

YELLOWGREEN

#9ACD32

เชนการกาหนดสพนหลงของเวบเพจเปนสเขยวและกาหนดใหสอกษรเปนสแดง

ตวอยาง ex03.html

ผลลพธ

<body bgcolor= “green” text= “#FF0000” >…..</body>

<html> <head>

<title>สวนทแสดงท Title bar</title> <meta name= “description" content= “Everything

you wanted to know."> <meta name= “keywords" content= “html, php,

mysql"> </head> <body bgcolor= “green" text= “#FF0000">

This is my first page. </body> </html>



5. หวเรอง (Heading)

การกาหนดหวเรองนน เปนการกาหนดขนาดตวอกษรทจะแสดงในหนาเวบเพจ โดย

เปนการใสตวเลขในแตละหวเรอง โดยมรปแบบของการใชงานดงน

เมอ

n คอ ขนาดของตวอกษรโดยมขนาด 1-6

n=1 หมายถง ขนาดตวอกษรทใหญทสด

n=2 หมายถง ขนาดตวอกษรทเลกทสด


ผลลพธ

<html> <head>

<title>Head 1-6</title> </head> <body>

<h1>One</h1> <h2>Two</h2> <h3>Three</h3> <h4>Four</h4> <h5>Five</h5> <h6>Six</h6>

</body> </html>

<Hn>…</Hn>





6. การกาหนดรปแบบตวอกษร

การกาหนดรปแบบตวอกษรในเวบเพจนนเปนการใช Tag คเปนสวนมาก โดย

ขอความทอยใน Tag นนจะเปนขอความทถกกาหนดลกษณะ ตาม Tag ตางๆ โดย Tag

พนฐานทควรทราบมดงตอไปน

การกาหนดตวอกษรใหเปนตวหนา

การกาหนดตวอกษรใหเปนตวขดเสนใต

การกาหนดตวอกษรใหเปนตวเอยง


ผลลพธ

<html> <head>

<title>Head 1-6</title> </head> <body>

<B>ขอความทเปนตวหนา</B> <U>ขอความทเปนตวขดเสนใต</U> <I>ขอความทเปนตวเอยง</I>

</body> </html>

<i>ขอความทตองการจดรปแบบ</i> หรอ <em>ขอความทตองการจดรปแบบ</em>

<u>ขอความทตองการจดรปแบบ</u>

<b>ขอความทตองการจดรปแบบ</b> หรอ <strong>ขอความทตองการจดรปแบบ</strong>



การกาหนดส, ขนาด และรปรางตวอกษร

หมายเหต font ทนยมนามาสรางเวบไซตคอ Tahoma, MS Sans serif และ Verdana เปนตน


ผลลพธ

การกาหนดขนาดตวอกษรใหลดลง 1 ขนาด โดยไมตองใช Tag <font size= “…”>

การกาหนดขนาดตวอกษรใหเพมขน 1 ขนาด โดยไมตองใช Tag <font size= “…”>

<big>ขอความทตองการจดรปแบบ</big>

<small>ขอความทตองการจดรปแบบ</small>

<html>

<head>

<title>Head 1-6</title>

</head>

<body>

<font face= “Tahoma" color= “#FF0000" size= “3">ขอความสแดง ขนาด

3 รปแบบ Tahoma</font>

</body>

<font face= “รปแบบตวอกษร” color= “สตวอกษร” size= “ขนาดตวอกษร”>ขอความท

ตองการจดรปแบบ</font>



การกาหนดขนาดตวอกษรแบบตวหอย

การกาหนดขนาดตวอกษรแบบตวยก


ผลลพธ

การกาหนดขนาดตวอกษรแบบเคลอนท

<marquee scrollamount= “ความเรว” behavior= “รปแบบ”>ขอความทตองการทาให

เคลอนไหว</marquee>

<html>

<head>


</head>

<body>

<small>ลด 1 ขนาด</small>

<big>เพม 1 ขนาด</big>

<sub>ตวหอย</sub>

<sup>ตวยก</sup>

</body>

<sup>ขอความทตองการจดรปแบบ</sup>

<sub>ขอความทตองการจดรปแบบ</sub>



ความเรว คอ ความเรวในการเลอน

รปแบบ คอ ลกษณะของการเลอน alternate/scroll/slide

การขนบรรทดใหม

การกาหนดพารากราฟ


ผลลพธ

<html>

<head>


</head>

<body>

<marquee scrollamount= "10" behavior= “alternate”>ขอความทตองการทา

ใหเคลอนไหว</marquee>

บรรทดแรก<br>

บรรทดทสอง

<p>ขอความในพารากราฟ</p>

</body>

<p>ขอความในพารากราฟ</p>

<br>



การกาหนดขอความยอหนา


ผลลพธ

<html>

<head>


</head>

<body>

<blockquote>ยอหนาแรก<blockquote>ยอหนาทสอง

</blockquote></blockquote>

</body>

<blockquote>ขอความในการยอหนา</blockquote>



7. ตวอกษรพเศษ

ตวอกษรพเศษเปนอกษรทอยในรปแบบของโคดเครองหมาย ตวอยางเชน

ตวอกษร รปแบบการใช ตวอกษร รปแบบการใช

& & € €

“ "

< < © ©

> > ™ ™


ผลลพธ

<html>

<head>

<title>Special Charecter</title>

</head>

<body>

© 2008 Cyber Zone™ </body>



8. อกขระตามรหสแอสก(ASCII - American Standard Code for

Information Interchange)

รปแบบการใชงาน

ตวอยางการใชงาน

ตวอกขระ รปแบบการใช อกขระพเศษ

© &#169 ©

“ &#34

"

> &#62 >

#&ตวแลขรหสแอสก



9. เสนตรงแนวนอน (Horizontal Rule)

เสนตรงแนวนอนเปนเสนตรง มไวเพอคนระหวางขอความ หรอรปภาพได ทาใหเวบ

เพจมความสวยงามมากยงขน



ผลลพธ

<html>

<head>

<title>Special Charecter</title>

</head>

<body>

<hr align= “center" size= “1" width= “80%" color= “#FF0000">

</body>

<hr noshade size= “10” width= “40/80%” align= “center/right/left”>



10. การแทรกรปภาพ

รปภาพในเวบเพจจะแยกเกบไวขางนอกเวบเพจซงการใชงานนนจะลงคเขามาสหนา

เวบเพจโดยม Tag เฉพาะทาใหเวบเพจมความสวยงามมากยงขน


image_name : ชอไฟลรปภาพ .jpg / .jpeg / .gif

รปแบบ / path/file_name.extention

alt : ขอความอธบาย

top/middle/bottom : กาหนดขอความทอยดานขางชดขอบบน / กลาง / ลาง / ซาย / กลาง / ขวา

width : ความกวางของรป

height : ความสงของรป

hspace : ระยะหางจากขอบดานขาง

vspace : ระยะหางจากขอบดานบน

border : ความหนาของกรอบรปภาพ


ผลลพธ

<html>

<head>

<title>image</title> </head>

<body>

<img src= “exclam.gif" alt= “เมอเอาเมาสมา Over" align= “center" width=

“300" height= “300" hspace= “2" vspace= “2" border= “0">

</body>

<IMG SRC= “image_name" ALT= "alt" ALIGN= “top/middle/bottom/left/center/right"

WIDTH= “width" HEIGHT= “height" HSPACE= “hspace" VSPACE= “vspace"

BORDER= “border" >





11. การเชอมโยงหรอลงค (Link)

ในเอกสารเวบเพจนนจะขาดไมไดเลยกคอการคลกไปยงหนาตางๆ ซงการคลก

เชอมโยงไปยงหนาเวบเพจตางๆ นนเราเรยกวา ลงค (Link) หรอเรยกเตมๆ วา ไฮเปอรลงค

(Hyperlink) ซงมการประกาศ Tag ดงน

URL or File คอ เมอคลกเมาทใหลงไปทไฟลหรอ URL ทตองการ

Window คอ หนาตางเมอคลกแลวใหไปทหนาตางไหน โดยมคาดงน

_blank/_parent/_self/_top โดยปกตจะเปน _self โดยปรยายอยแลว

LinkText คอ ขอความทตองการแสดงใหเหนเพอใหสามารถกดลงคไปได

ไฟลหรอ URL ทตองการทาลงคม 2 แบบคอ

แบบลงคภายในเวบไซต โดยไมตองม http:// นาหนา เชน ./index.html หรอ

../index.html หรอ index.html หรอ /index.html

แบบลงคภายนอกเวบไซต โดยใหม http:// นาหนา เชน http://www.sisaketlink.com

ลกษณะของการใชพาธ (Path) จะแนะนาใหอกทในบทตอไป

หากตองการใหรปภาพโดยใหนบไฟลทเราตองการทาลงคเปนหลกแลวนบไปตามโฟลเดอร

ซอนลงไป (ดรายละเอยดเพมเตมเรอง Path) ประกาศ Tag ลกษณะน

ImageName คอ ชอไฟลรปภาพ


<a href= “URL or File” target= “Window” title= “text><img src= “ImageName” border=

“0”></a>

<a href= “URL or File” target= “Window” title= “text>LinkText</a>

http://www.sisaketlink.com/�



ผลลพธ

การเชอมโยงแบบอเมลล

การเชอมโยงแบบอกเมลล เมอเราคลกแลวจะปรากฏหนาตางสาหรบสงอเมลล โดย

เราสามารถกาหนดรายละเอยดตางๆ ของการสงอเมลลไดดงน

<html>

<head>

<title>Hyper Link</title>

</head>

<body>

<a href= “index.html” target= “_blank” title= “รวมเรองราวชาวศรสะ

เกษ”>เขาสเวบไซตศรสะเกษลงคดอทคอม</a><br> <a href= “http://www.sisaketlink.com” target= “_blank” title= “รวม

เรองราวชาวศรสะเกษ”><img src= “exclam.gif” border= “0”></a> </body>





EmailAddress คอ ชออเมลลทเราตองการใหสง

SubjectText คอ หวขออเมลล

CCEmail คอ อเมลลสาเนาทเราตองการใหสงถง

BCC คอ อเมลลสาเนาทตองการใหตอบกลบ

Message Text คอ ขอความในอเมลล

Text/ImageLink คอ ขอความหรอรปภาพทตองการทาลงค


ผลลพธ

และเมอคลกลงคกจะปรากฏโปรแกรมสาหรบสงอเมลล ดงน

<html>

<head>

<title>Email</title>

</head>

<body>

<a href=

“mailto:[email protected]?Subject=Subject&CC=CCEmail&BCC=BCCE

mail&body=Message Text">Link Text</a>

</body> </html>

<a href= “

mailto:EmailAddress?Subject=SubjectText&CC=CCEmail&BCC=BCCEmail&

amp;body=Message Text”>Text/ImageLink</a>



การเชอมโยงแบบดาวนโหลด

การเชอมโยงแบบดาวนโหลดนนเมอผใชทาการคลกเลอกลงคกจะปรากฏหนาตาง

สาหรบดาวนโหลด โดยมการกาหนด Tag ดงน

FileName คอ ชอไฟลทตองการใหดาวนโหลด โดยระบเปน path/filename.extention


<html>

<head>

<title>Download</title>

</head>

<body>

<a href= “price.xls">ดาวโหลดใบเสนอราคา</a>

</body>

<a href= “FileName”>Text/ImageLink</a>



ผลลพธ

เมอคลกทลงคกจะปรากฏหนาตางสาหรบดาวนโหลดไฟลดงน



12. การแสดงขอมลแบบลสตรายการ

การแสดงขอมลแบบลสตรายการใชในกรณทเราตองการทารายการเปนขอๆ

เรยงลาดบ โดยสามารถกาหนดรายการแบบตางๆ ไดดงน

การแสดงรายการแบบมลาดบกากบ (Order List)

Type คอ ประเภทของรายการ คอ 1/A/a/I/i

1 เปนลาดบตวเลข ซงเปนคา Default ในกรณทไมระบ Type

A เปนลาดบตวอกษรตวพมพใหญ

a เปนลาดบตวอกษรตวพมพเลก

I เปนลาดบตวเลขโรมนใหญ

i เปนลาดบตวเลขโรมนเลก

Start คอ ลาดบเรมตน

Value คอ ลาดบทตองการใหแสดง เชน 5


<ol type= “Type” start= “Start”>

<li value= “Value”>First Choice</li>

<li>Second Choice</li>

<li>Third Choice</li>

/ l



ผลลพธ

<html>

<head>

<title>Order List</title>

</head>

<body>

<ol start= “1”>

<li>First Choice</li>


</ol> <ol type= “A” start= “1”>



</ol>

<ol type= “a” start= “1”>



</ol> <ol type= “I” start= “1”>



</ol> <ol type= “i” start= “1”>





การแสดงรายการแบบมสญลกษณกากบ (Bulleted List)

Type คอ ประเภทของรายการ คอ disc/circle/square

disc เปนการกาหนดรายการแบบวงกลมทบ โดย Default อยแลว

circle เปนการกาหนดรายการแบบวงกลมกลวง

square เปนการกาหนดรายการแบบสเหลยมทบ

Start คอ ลาดบเรมตน

Value คอ ลาดบทตองการใหแสดง เชน 5


<ul type= “Type” start= “Start”>

<li value= “Value”>First Choice</li>


<li>Third Choice</li>

/ l



ผลลพธ

<html>

<head>

<title>Bulleted List</title>

</head>

<body>

<ul start= “1”>



</ul> <ul type= “disc” start= “1”>



</ul>

<ul type= “circle” start= “1”>



</ul> <ul type= “square” start= “1”>



/ l



การแสดงรายการาแบบขอมลนยาม (Definition List)

Title Text คอ ขอความหวเรอง

Detail Text คอ ขอความรายการยอย


<dl>

<dt>Title Text</dt>

<dd>Detail Text</dd>



ผลลพธ

<html>

<head>


</head>

<body>

<dl>

<dt>Title 1</dt>

<dd>Sub Title1</dd>

<dd>Sub Title2</dd>

<dt>Title 2</dt>

<dd>Sub Title1</dd>

<dd>Sub Title2</dd>

</dl>

/b d



13. ตาราง (Table)

การใสตารางใน html นนสามารถทจะแทรก Tag และกาหนด Attribute ตางๆ ไดดงน

Border คอ ความหนาของเสนขอบตาราง

TableBg คอ สพนหลงของตาราง

Background คอ รปภาพพนหลงของตาราง

CS คอ ชองวางระหวางเซลลของตาราง

CP คอ ระยะหางจากเสนขอบของตาราง

TrBg คอ สพนหลงของแถว

ThBg คอ สพนหลงของเซลล Header ของตาราง

TdBg คอ สพนหลงของเซลล ของตาราง

Head Text คอ ขอความหวเรองของตาราง

Body Text คอ ขอความในตาราง

Align คอ การจดตาแหนงแนวนอน left/center/right/char/justify

Valign คอ การจดตาแหนงแนวตง baseline/bottom/middle/top

Width คอ ความกวาง

Height คอ ความสง

<tr> คอ แถวของตาราง 1 แถว

<th>และ<td> คอขอมลในแนวคอลมน

<table border= “Border” bgcolor= “TableBg” cellspacing= “CS” cellpadding= “CP”

width= “Width” height= “Height” background= “Background”>

<tr bgcolor= “TrBg”>

<th bgcolor= “ThBg”>Head Text</th>

<th>Head Text</th>

</tr>

<tr>

<td bgcolor= “TdBg” align= “Align” valign= “Valign” width= “Width”

height= “Height”>Body Text</td>

<td>Body Text</td>

</tr>




ผลลพธ

<html>

<head>


</head>

<body>

<table border= “1" bgcolor= “#666666" cellspacing= “1" cellpadding=

“2">

<tr bgcolor= “#666666">

<th>Head Text1</th>

<th>Head Text2</th>

</tr>

<tr bgcolor= “#F9F9F9">

<td>Data1</td>

<td>Data2</td>

</tr>

</table>



14. ฟอรม (Form)

ฟอรม (Form) เปนรปแบบของการกรอกขอมลเพอสงขอมลเขาไปประมวลผลในฝง

Server โดยอาศยภาษาททางานในฝง Server เปนตวประมวลผลจากฟอรม กอนอนมาทาความ

รจกกบ Tag ของฟอรมกนกอนครบ

Id คอ Identify ของฟอรม

Name คอ ชอของฟอรม

Method คอ วธการสงขอมล ม 2 แบบ คอ post กบ get

Action คอ ไฟลทรบขอมลจากฟอรมเพอไปประมวลผลทฝง Server เชน testProcess.php

โดยทวไปแลวฟอรมจะมออบเจคตางๆ สาหรบรบขอมล ซงจะแตกตางกนไปตาม

ประเภทของขอมล เชน ขอมลทเปนขอความยาวๆ ขอมลทเปนขอความสน เปนปมกด เปน

ตน ดงนนการเรยนรออบเจคตางๆ จงมความสาคญกอนการออกแบบฟอรมสาหรบกรอก

ขอมลโดยม

ออบเจคพรอมกบแอททรบวพนฐานทสาคญ ดงน

กลองขอความ (Text Field)

Name คอ ชอของ Text Field

Id คอ Identify ของ Text Field

Size คอ ขนาด ใหระบเปนตวเลข เปนความยาวของ Text Field


<input type= “text” name= “Name” id= “Id” size= “Size”>

<form id= “Id” name= “Name” method= “Method” action= “Action”>

.....

</form>



ผลลพธ

ตวรบขอมลแบบซอน (Hidden Field)

Name คอ ชอของ Hidden Field

Id คอ Identify ของ Hidden Field


<html>

<head>

<title>Form</title>

</head>

<body>

<form id= “test” name= “testForm” method= “post” action= “testProcess.php”>

<input type= “text” name= “fullname” id= “fullname” size= “20”>

</form> </body>

<input type= “hidden” name= “Name” id= “Id”>



ผลลพธ จะเหนไดวา input แบบ hidden จะไมแสดงใหเราเหนใน Browser

กลองรบขอมลจานวนมาก (Text Area)

Name คอ ชอของ Text Area

Id คอ Identify ของ Text Area

Cols คอ จานวนตวอกษรในแนวนอน หรอขนาดความกวางของ Text Area นนเอง

Rows คอ จานวนแถวของอกษร หรอขนาดความสงของ Text Area


<html>

<head>

<title>Form</title>

</head>

<body>


<input type= “hidden” name= “memberId” id= “memberId” size= “20” value= “5”>

</form> </body>

<input type= “textarea” name= “Name” id= “Id” cols= “Cols” rows= “Rows”></textarea>



ผลลพธ

ตวเลอกแบบเลอกไดหลายขอ (Checkbox)

Name คอ ชอของ Checkbox

Id คอ Identify ของ Checkbox

checked คอ กาหนดใหมการเลอกไวกอน


<html>

<head>

<title>Form</title>

</head>

<body>


<textarea name= “detail” id= “detail” cols= “45” rows= “5”></textarea> </form> </body>

<input type= “checkbox” name= “Name” id= “Id” checked= “checked”>



ผลลพธ

ตวเลอกแบบเลอกไดขอเดยวในแตละกลม (Radio Button)

Name คอ ชอของ Radio Button

Id คอ Identify ของ Radio Button

checked คอ กาหนดใหมการเลอกไวกอน


<html>

<head>

<title>Form</title>

</head>

<body>


ชอบดนตร <input name= “music" type= “checkbox" id= “music" checked= “checked"

/><br>

ชอบกฬา <input name= “sport" type= “checkbox" id= “sport" /></form> </body>

<input type= “radio” name= “Name” id= “Id” checked= “checked”>



ผลลพธ

รายการ (List/Menu)

Name คอ ชอของ List/Menu

Id คอ Identify ของ List/Menu

Value1 คอ คาทตองการเมอถกสงขอมลไป

Label1 คอ คาทตองการใหเหนใน List

<html>

<head>

<title>Form</title>

</head>

<body>


ชอบดนตร <input name= “gender" type= “radio" id= “gender" checked= “checked"

/><br>

ชอบกฬา <input name= “gender" type= “radio" id= “gender" />

</form> </body>

<select name= “Name” id= “Id”>

<option value= “Value1" selected>Label1</option>

<option value= “Value2">Label2</option>

</ l t>




ผลลพธ

ปม (Button)

Name คอ ชอของ Button

Id คอ Identify ของ Button

Type คอ ประเภทของ Button โดยกาหนดดงน button/submit (แบบสงขอมล) /reset (แบบลบ

ขอมล)

<html>

<head>

<title>Form</title>

</head>

<body>

<form id= “test" name= “testForm" method= “post" action= “testProcess.php">

<select name= “mylike">

<option value= “sport">ชอบกฬา</option>

<option value= “sport">ชอบดนตร</option>

</select>

</form>

</body>

</ht l>

<input type= “Type” name= “Name” id= “Id”>




ผลลพธ


<html>

<head>

<title>Form</title>

</head>

<body>


<input name= “button0" type= “button" id= “ button0" value= “Button”/><br>

<input name= “button1" type= “submit" id= “ button1" value= “Submit”/><br>

<input name= “ button2" type= “reset" id= “ button2" value= “Reset”/>

</form> </body>

</html>



<html>

<head>

<title>Form</title>

</head>

<body>

<h2>กรณากรอกขอมลใหครบถวน</h2>

<form id= “form1" name= “form1" method= “post" action= “testProcess.php">

<label>ชอ-นามสกล

<input type= “text" name= “fullname" id= “fullname" />

</label>

<p>

<label>

<input type= “radio" name= “gender" id= “radio" value= “ชาย" />

ชาย</label>

<br />

<label>

<input type= “radio" name= “gender" id= “radio2" value= “หญง" />

หญง</label>

</p>

<p>

<label>

<input name= “sport" type= “checkbox" id= “sport" value= “ชอบเลนกฬา" />

<i>ชอบเลนกฬา</i></label>

<br />

<label>

<input name= “music" type= “checkbox" id= “music" value= “ชอบเลนดนตร" />

ชอบเลนดนตร</label>

</p>

<p>

<label>รายละเอยด

<textarea name= “detail" id= “detail" cols= “45" rows= “5"></textarea>

</label>

</p>

<p>

<input type= “submit" name= “button" id= “button" value= “สงขอมล" />

<input type= “reset" name= “button2" id= “button2" value= “ยกเลก" />

</p>



ผลลพธ



บทท 3 Cascading Style Sheet (CSS)

CSS เปนรปแบบของการจดการกบ Tag ใดๆ ของ HTML โดยสามารถกาหนด

รปแบบ หรอ Attribute ใหกบ Tag ตางๆ ไดอยางสวยงามและเปนรปแบบตามตองการได

อยางงายดาย โดยการกาหนดเพยงครงเดยวเรากสามารถเรยกใชงานไดตลอด ซงทาใหงายตอ

การเรยกใชงาน

1. การใชงาน CSS

การใส CSS แบบ Inline

รปแบบ

Tagname คอ Tag ใดๆ ของ html

attribute1, attribute2, …, attributeN คอ ชอรปแบบ

value1, value2, …, valueN คอ คาของรปแบบ


ผลลพธ

<html>

<head>

<title>CSS</title>

</head>

<body>

<b>Line1</b>

<b style= “color:red;">Line2</b>

<b>Line3</b>

</body>

<tagname style= “attribute1:value1;attribute2:value2;…;attributeN:valueN;”>



การใส CSS ท <head>

TAGNAME คอ ชอ Tag html ทไมม < >

attribute1, attribute2, …, attribute n คอ ชอรปแบบ

value1, value2, …, value n คอ คาทกาหนดใหรปแบบ


<HEAD>

<STYLE TYPE=text/css>

TAGNAME {

attribute1 : value1;


…

attribute n : value n;

}

</STYLE>

</ HEAD >



ผลลพธ

การใส CSS แบบ Import File

ไฟลทเปน CSS นน จะมนามสกล หรอ Extension เปน .css ซงโดยทวไปแลวจะสราง

ไฟล CSS แยกอสระจากไฟล html เพอใหมการจดการไดงายมากยงขน เชน style.css

style.css

<html>

<head>

<title>CSS</title>

<style type= “text/css">

B{

color:red;

}

</style>

</head>

<body>

<b>Line1</b>

<b>Line2</b>

<b>Line3</b>

</b d >



TAGNAME คอ Tag html ทไมม < >



page.html

ตวอยาง mystyle.css และ ex31.html

mystyle.css

ex31.html

B{

color:red;

}

<link rel= “stylesheet” type= “text/css” href= “style.css”>

TAGNAME {



…


}



ผลลพธ

<html>

<head>

<title>CSS</title>

<link rel= “stylesheet" type= “text/css" href= “mystyle.css">

</head>

<body>

<b>Line1</b>

<b>Line2</b>

<b>Line3</b>

</body>



2. Class และ ID

การใชงานแบบ Inline และ การใส CSS ท <head> นนทาใหรปแบบของ html tag ถก

กาหนดคาใหม ในการเรยกใชทกๆ ครงกจะเปนคาใหม เชน เมอเราเรยก Tag <b> กจะพบวา

เมอเรยก Tag <b> ทกๆ ครงกจะเปนการเรยกใช CSS ทถกกาหนดขนทกครง ซงหากเรา

ตองการให Tag <b> ตวแรกมสเปลยนไปจากตวอนๆ จะทาไมได ดงนนเราจงตองมการเรยก

แบบใหมโดยใช class และ id เพอกาหนดรปแบบใหตรงตามความตองการมากขน

Class

className คอ ชอของ Class ทเรากาหนดขน




.className {



…


}



ผลลพธ

ID

<html>

<head>

<title>CSS</title>

<style type= “text/css”>

.mystyle{

color:red;

}

</style>

</head>

<body>

<b>Line1</b>

<b class= “mystyle”>Line2</b>

<b>Line3</b>

#IdName {



…




IdName คอ ชอของ id ของ html Tag




ผลลพธ

<html>

<head>

<title>CSS</title>

<style type= “text/css”>

#mystyle{

color:red;

}

</style>

</head>

<body>

<b>Line1</b>

<b id= “mystyle”>Line2</b>

<b>Line3</b>



3. Pseudo Class

เปนการกาหนดรปแบบใหกบการเชอมโยงหรอลงค

1. A:LINK การเชอมโยงทยงไมไดเรยกใช

2. A:ACTIVE การเชอมโยงทกาลงเรยกใช กาลงเปดเพจ

3. A:VISITED การเชอมโยงทเรยกใชแลว

4. A:HOVER การเชอมโยงทเมาสช

รปแบบ


A:LINK{

}

A:ACTIVE{

}

A:VISITED{

}

A:HOVER{

}



ผลลพธ

<html>

<head>

<title>CSS</title>

<style type= “text/css">

A:LINK{

font-size:14pt;

color:red;

text-decoration: underline;

}

A:ACTIVE{

font-size:14pt;

color:BLUE;

text-decoration: none;

}

A:VISITED{

font-size:14pt;

color:GREEN;


}

A:HOVER{

font-size:14pt;

color:YELLOW;


}

</style>

</head>

<body>



บทท 4 ภาษา PHP: Hypertext Processor ภาษาพเอชพ ( PHP) ยอมาจาก Hypertext Processor เปนภาษาททางานในฝง Server

โดยเราสามารถใชโปรแกรม Text Editor ทวไปในการสรางไฟล เชน Note Pad, EditPlus,

Dreamweaver หรอ โปรแกรม Text Editor อนๆ

รป แสดง Client เรยกไฟล view.php

ปจจบนเวอรชนของ PHP เปนเวอรชน 5.2. โดยมเวอรชน 6. ซงกาลงพฒนา โดยเวอร

ชนตงแตเวอรชน 5 ขนไป เปนเวอรชนทรองรบการเขยนโปรแกรมเชงวตถ (Object Oriented

Programming) เตมรปแบบ โดยในคมอเลมนพฒนาใหสามารถรองรบการทางานไดตงแต

เวอรชน 4 ขนไป

ขอสาคญของภาษา PHP คอ

• เปนภาษาททางานในฝง Server หรอ Server Side Script ซงเปนการทางานทฝง

เซรฟเวอรแลวสงผลลพธไปแสดงทฝง Client ในรปแบบของ HTML

• หลงจากประมวลผลทฝง Server แลวผลลพธทเกดขนจะอยในรปของ HTML

• เราสามารถเขยน PHP code รวมกบ html ได โดย html ใช Tag < และ > สวน PHP ใช

<?php และ ?> หรอ <SCRIPT LANGUAGE=‘php’> และ </SCRIPT> เปนตน แต

ควรใช <?php และ ?> เพราะหากใชในรปแบบอนอาจตองตงคา Server เพมเตม

• คาสงของ PHP ตองปดดวย Semicolon (;) ยกเวนคาสงสดทายกอนปด PHP Tag อาจ

ไมตองใส ; กได



• ไฟลทมสครปต PHP ตองมนามสกล .php

• การใสหมายเหต หรอ คอมเมนต มรปแบบการใชดงน

// Comment

# Comment

/* Comment line1

Comment line2 */

การเปด Tag และปด Tag ภาษา PHP

เหมอนกนกบทกภาษาทตองมการประกาศ Tag เปด และ Tag ปด เพอให Complier

ทราบวาขอความหลงจากประกาศ Tag เปดนนใหทาการอานและแปลงคาสงภาษากอน

สงออกมาในรปแบบของ HTML

การแทรกภาษา PHP ใน HTML

การแทรกภาษา PHP ใน HTML นนกเพยงแคประกาศ <?php และ ?> บรเวณท

ตองการโดยสามารถประกาศไดมากกวา 1 ครง ในหนาเดยวกน

<?php

…

?>



ตวอยาง ex35.php

ผลลพธ

<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

PHP Code

?>

</body>

<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

echo “Hello World”;

?>

<br>

<?php

echo “My name is Manop Kongoon”;

?>

/b d





1. Variables

ตวแปรเปนสญลกษณแทนสงใดสงหนงทเราตองการ เพอนาไปใชประมวลผล เชน

$a=1; โดยเราสามารถกาหนดตวแปรไวลวงหนาแลวเรยกใชงานไดตลอด

กฎการตงชอตวแปร

• ขนตนดวย $

• ตามดวย A-Z หรอ a-z หรอ _

• ตามดวย A-Z หรอ a-z หรอ 0-9 หรอ _

เชน $myvar; $my_var; $myVar;

• Case Sensitive ตวพมพใหญ/เลกถอเปนคนละตว

เชน $myvar; $Myvar; $MyVar; $myVar;

• ไมตงชอซาคาสงวน

เชน $_POST; $_SESSION; $_GET;

ชนดของตวแปร

• Boolean -> True , False

• Integer -> เลขจานวนเตม

• Float -> เลขจานวนจรง

• String -> ตวอกษรทนาไปคานวณทางคณตศาสตรไมได

• Array -> ตวแปรชด

• Object -> เกบคณสมบตของ Object

• Resource -> สาหรบอางองถงแหลงภายนอก เชน การเปดไฟลขอมล การเชอมตอ

ฐานขอมล

• Null -> ตวแปรทไมมคาอะไรเลยเรยกวามคาเปน Null เชน เมอประกาศตวแปร

แลวแตยงไมไดกาหนดคาใดๆใหตวแปร กาหนดคาใหตวแปรมคาเปน Null

$MySalary = NULL;

การกาหนดคาใหตวแปร

$MyName = "Manop Kongoon"; //String Variable



$MyName = 'Manop Kongoon'; //String Variable

$RoomNo='405'; //String Variable

$maximum_score = 100; //Integer Variable

$_is_a_student = true; //Boolean Variable

$TotalScore=10+30;

$Score1=10;

$Score2=30;

$TotalScore=$Score1+$Score2;


ผลลพธ


<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

$test= “Hello World”;

echo $test;

?>



ผลลพธ


<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

$a=3;

$b=4;

$c=$a+$b;

echo $c;

?>

</body>



ผลลพธ

ขอสงเกต หาใส “ แทน ‘ จะเกดอะไรขน?

การกาหนดชนดของตวแปร (Type Casting)

การกาหนดชนดของตวแปร เปนการระบชนดของตวแปรเพอใหตวแปรแตละตวม

ชนดทแตกตางกน แตหากไมมการระบชนดของตวแปร โปรแกรม PHP กจะกาหนดชนดของ

ตวแปรเปนแบบ Object คอ ไมระบวาเปนตวแปรชนดไหน โดยมรปแบบของการกาหนด

ชนดตวแปรดงน

<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

$a=3;

$b=4;

$c=$a+$b;

echo 'คาของ $a คอ '.$a."<br>";

echo 'คาของ $b คอ '.$b."<br>";

echo 'ผลรวมของ $a และ $b คอ '.$c;

?>

/b d



(type) ชนดตวแปร ไดแก ( int), (integer) - cast to integer

( bool), (boolean) - cast to boolean

( float), (double), (real) - cast to float

( string) - cast to string

( array) - cast to array

( object) - cast to object


ผลลพธ

<?php

(type) $myvar= “Value”;

หรอ

$myvar= “Value”;

$myvar2=(type) $myvar;

?>

<?php

$x = 12;

$x = (integer)$x;

$y=‘Manop Kongoon’;

$y=(string)$y;

$z=43.89;

$z = (integer)$z; //$z=43

$MyNum=(integer)$z; //$MyNum=43

echo $z."<br>";

echo $MyNum;




ผลลพธ

ตวแปรซอนตวแปร (Variable Variables)

เปนการกาหนดคาของตวแปรซอนตวแปรใหกบอกตวแปรหนงซงเปนคาของตวแปร

ตวนน ทาใหคาของตวแปรนนเปนตวแปรตวใหมโดยอตโนมต

<?php

$a=42.5;

$b=81.2;

$a=(integer)$a;

$b=(int)$b;

$c=$a+$b;

$c=(float)$c;

echo '$c='.$c;

$d='Hello';

$e='123';

$d=(integer)$d;

$e=(integer)$e;



รปแบบ


ผลลพธ

คาคงท (Constant)

คาคงทเปนการเกบคาหนงไวตลอดการใชงานของโปรแกรม ซงสามารถเรยกใชได

ตลอด และจะไมโดนทาลาย โดยมรปแบบการใชงาน ดงน

define คอ คาเฉพาะ

name คอ ชอของตวแปร อาจใชชนดของตวแปรรวมได

<?php

define(name, value)

?>

<?php

$A='B';

$$A=12.25;

echo '$A = '.$A.'<br>';

echo '$$A = '.$$A.'<br>'; //Variable Variable

echo '$B = '.$B.'<br>';

<?php

$$ชอตวแปร=กาหนดคาใหตวแปรซอนตวแปร

?>



value คอ คาทกาหนดใหตวแปร


ผลลพธ

การกาหนด String แบบ Single Quote (‘ ‘) และแบบ Double Quote (“ “)

Single Quote ใชในกรณทเราไมตองการใหตวแปรแสดงคา แตตองการใหแสดงชอ

ของตวแปร

Double Quote ใชเพอแสดงคาของตวแปร แสดงผลตวแปร ทาใหเราเหนคาของตว

แปร แสดงออกทางหนาจอ

Back Slash เปนการละเวนอกษรหลง Back Slash 1 ตวอกษร


<?php

define ('MyName','Manop Kongoon');

define ('ThisYear','2551');

define ('a','5');

define ('b','4');

echo MyName.'<br>';

echo ThisYear.'<br>';

$c=a+b;

echo $c;



ผลลพธ


<?php

$a=45;

echo 'Hello ';

echo 'I\'m a man. <br>';

echo 'Woman said "I\'m a woman."<br>';

echo 'This is 1 backslash. \<br>';

echo 'This is 2 backslash. \\<br>';

echo 'This is 3 backslash. \\\<br>';

echo 'This is 4 backslash. \\\\<br>';

echo 'value of $a is '.$a.'<br>';



ผลลพธ


<?php

$a=45;

echo "Hello ";

echo "I'm a man. <br>";

echo "Woman said \"I'm a woman.\"<br>";

echo "This is 1 backslash. \<br>";

echo "This is 2 backslash. \\<br>";

echo "This is 3 backslash. \\\<br>";

echo "This is 4 backslash. \\\\<br>";

echo "value of $a is ".$a."<br>";

echo "value of $"."a is ".$a."<br>";



ผลลพธ

<?php

$food = 'Somtam';

echo "$food's taste is great.<br>";

echo "He eat some $foods.<br>";

// won't work, 's' is a valid character for varnames

echo "He eat some $food"."s".".<br>"; // works

echo "He eat some ${food}s.<br>"; // works

echo "He eat some {$food}s.<br>"; // works



2. Operators

Operator คอ เครองหมายทใชในการคานวณและเปรยบเทยบ เชน +, -, *, / เปนตน

Operand คอ คาทใชสาหรบคานวณและเปรยบเทยบ โดย Operator Operand อาจเปน

ตวเลข ตวอกษร คาคงท หรอ ตวแปร

Arithmetic Operators

เปนการคานวณธรรมดาโดยใช Operator ทวไป เชนการ บวก ลบ คณ หรอ หาร

กาหนดให $a=6; $b=3;

เครองหมาย ชอ ความหมาย ตวอยาง ผลลพธ ($c)

+ Addition บวก $c=$a+$b 9

- Subtraction ลบ $c=$a-$b 3

* Multiplication คณ $c=$a*$b 18

/ Division หาร $c=$a/$b 2

% Modulus หารเกบเศษ $c=$a%$b 0

String Operators

เปน Operator ทใชกบการเชอมตอขอความกบขอความ ขอความกบตวแปร หรอ ตว

แปรกบขอความ

Concatenate เครองหมายจด (.) สาหรบตอขอความทอย ดานซายและขวาของจด


<?php

$a='My name is ';

$b='Manop Kongoon';

$c=$a.$b;

echo $c;

String Left.String Right



ผลลพธ

Assignment Operators

เปน Operator ในการกาหนดคาใหกบตวแปร โดยนาคาหรอตวแปรในดานขวามาเกบ

ไวทตวแปรดานซาย

varName คอ ชอของตวแปร

Value คอ คาทตองการเกบใน varName


ผลลพธ

Combination Assignment Operators

เปน Operator ในการคานวนจากคาทกาหนดให โดยเอาตวแปรเปนตวอางอง

กาหนดให $a=10;

<?php

$a=5;

$b=$a+3;

echo $b;

?

$varName=Value



เครองหมาย ตวอยาง ความหมายเทากบ ผลลพธ ($a)

+= $a+=4 $a = $a+4 14

-= $a-=4 $a = $a-4 6

*= $a*=4 $a = $a*4 40

/= $a/=4 $a = $a/4 2.5

%= $a%=4 $a = $a%4 2

.= $a.=4 $a = $a.4 104

Pre-Incremental, Post-Incremental และ Pre-Decremental, Post-Decremental

Operators

เปน Operator ในการเพมหรอลดคา 1 คา

กาหนดให $a=10;

เครองหมาย ชอ ตวอยาง ความหมาย ผลลพธ ($a)

++ Pre-Incremental ++$a $a = $a+1 11

++ Post-Incremental $a++ $a = $a+1 11

- - Pre-Decremental - -$a $a = $a-1 9

- - Post-Decremental $a- - $a = $a-1 9

Comparison Operators

เปน Operator สาหรบเปรยบเทยบคา 2 คาใดๆ แลวสงคนคาทเปนจรง (true) หรอเทจ

(false)

กาหนดให

$a=10; $a=(integer)$a;

$b=10; $b=(integer)$b;

$c=10; $c=(double)$c;

$d=20; $d=(integer)$d;



เครองหมาย ชอ ความหมาย ตวอยาง ผลลพธ

== Equal เทากบ $a==$b

$a==$c

$a==$d

True

True

False

=== Identical เหมอนกน $a===$b

$a===$c

$a===$d

True

False

False

!= Not equal ไมเทากบ $a!=$c

$a!=$d

False

True

<> Not equal ไมเทากบ $a<>$c

$a<>$d

False

True

< Less than นอยกวา $a<$c

$a<$d

False

True

> Greater than มากกวา $a>$c

$a>$d

False

False

<= Less than or

equal to

นอยกวาหรอ

เทากบ

$a<=$c

$a<=$d

True

True

>= Greater than

or equal to

มากกวาหรอ

เทากบ

$a>=$c

$a>=$d

True

False

Logical Operators

เปน Operator สาหรบเปรยบเทยบแลวจะคนคามาเปน true หรอ false

กาหนดให $a=true; $b=false;

เครองหมาย ชอ ความหมาย ตวอยาง ผลลพธ

! Not คนคา True ถาตวแปรเปน

False

คนคา False ถาตวแปรเปน

True

!$a False



&& And คนคา True ถาเปนจรงทง 2 คา

กรณอนๆ คนคา False

$a && $b False

and And คนคา True ถาเปน True ทง 2

คา

กรณอนๆ คนคา False

$a and $b False

|| Or คนคา FalseถาเปนFalseทง 2

คา

กรณอนๆ คนคา True

$a || $b True

or Or คนคา FalseถาเปนFalseทง 2

คา

กรณอนๆ คนคา True

$a or $b True

ลาดบความสาคญ

เปนลาดบความสาคญของ Operator ในการคานวณ โดยมลาดบดงน

( ), + - (unary), * / %, + -

มาก --> นอย




ผลลพธ

<?php

$b=2;

$c=100;

$d=30;

$a = $b * $c - $d;

echo $a."<br>";

$a = $b * ($c - $d);

echo $a."<br>";

$a = $d / $b * $c + 15 * $b;

echo $a."<br>";

$a = (($d / $b) * $c) + (15 * $b);

echo $a."<br>";

$a = $c + 5 % 3 * $b - $d / 2;

echo $a."<br>";

$a = ($c + 5) % 3 * ($b - $d) / 2;



3. Control Structure

Control Structure หรอ แปลวา โครงสรางตวควบคม อาจจะไมสอซะทเดยว เอางายๆ

นะครบ Control Structure เปรยบเสมอน Logic ของการเขยนโปรแกรมนนเอง Logic หรอ

แนวทางการแกไขปญหา นกเขยนโปรแกรมทเขยนโคดไดอยางคลองแคลว แตเขาจะวด

ความสามารถของการใช Logic มากกวาการเขยนโปรแกรมทคลอง เชน นาย A เขยน

โปรแกรม ยาวกวา 1000 บรรทด ในขณะทนาย B เขยนเพยง 200 บรรทดกทางานได

เหมอนกน ดงนนการฝกพนฐานของ Control Structure ใหคลองจงจะทาใหเราสามารถเขยน

โปรแกรมไดอยางรวดเรวและแมนยาได

IF

ในการทางานในชวตประจาวนนนเราคงหนไมพนการตดสนในทมทางเลอก โดยมคา

วา ถา เปนตวกาหนดเสนทางเปาหมาย เชน ถาเรามเงน เราจะซอรถ แตไมมเงน กเลยซอไมได

เปนตน หรอพดงายๆ วา if ในทาง Programming นนเปนการตรวจสอบคาทสงมาหรอกาหนด

ขน หากเปนจรงกจะทาคาสงทเปนจรงกอน มาดวามรปแบบในการใชงานอยางไรบาง

รปแบบท 1 มเพยงเงอนไขเดยวกบคาสงเมอเงอนไขเปนจรง และยงสามารถใช if ซอนกนได

ดวย


ผลลพธ

<?php

$a=1; // เปลยนคาตวแปร a

if($a==1){

echo “$.”a=1”;

}

if(เงอนไข){

คาสงเมอเงอนไขเปนจรง

}




ผลลพธ


<?php

$height=5;

$base=4;

echo '---คานวณพนทรปสามเหลยม---<br><br><br>';

if(($height>0)&&($base>0)){

$area=(1/2)*$base*$height;

echo "พนทรปสามเหลยมเทากบ ".$area;

}

echo '<br><br><br>---สนสดการคานวณ---';



ผลลพธ

รปแบบท 2 เปนการใชงาน if เมอตรวจสอบเงอนไขแลวจะมทงสวนทเปนจรงและเปนเทจ

ซงสามารถเขยนคาสงในทงสองสวนได

if(เงอนไข){

คาสงเมอเงอนไขเปนจรง

}else{

คาสงเมอเงอนไขเปนเทจ

}

<?php

$height=6;

$base=3;

echo '---คานวณพนทรปสามเหลยม---<br><br>';

if($height>0){

if($base>0){



}

}

echo '<br><br>---สนสดการคานวณ---';




ผลลพธ

เมอเงอนไขเปนจรง

เมอเงอนไขเปนเทจ


<?php


if($a==1){

echo “$”.”a=1”;

}else{

echo “$”.”a!=1”;

}



ผลลพธ


<?php

$height=-2;

$base=3;





}else{

echo 'ขอมลผดพลาด คาความสงและฐานของ สามเหลยมตองมคามากกวาศนย ';

}




ผลลพธ

<?php

$height=-2;

$base=3;





}else{

if($height<=0){

echo 'ขอมลผดพลาด คาความสงของสามเหลยมตองมคามากกวาศนย<br>';

}

if($base<=0){

echo 'ขอมลผดพลาด คาความยาวฐานของสามเหลยมตองมคามากกวาศนย

<br>';

}

}




รปแบบท 3 เปนการใช if ตรวจสอบเงอนไขแรก หากไมตรงเงอนไขแรกกจะเขาเงอนไขท

สอง


ผลลพธ


<?php


if($a==1){

echo “$”.”a=1”;

}elseif($a==2){

echo “$”.”a=2”;

}else{

echo “$”.”a!=1 และ 2”;

}

if(เงอนไข1){

คาสงเมอเงอนไขเปนจรง1

}elseif(เงอนไข2){

คาสงเมอเงอนไขเปนจรง2

}else{

คาสงเมอเงอนไขเปนเทจ



ผลลพธ

<?php

$height=-2;

$base=3;





}elseif($height<=0){

echo 'ขอมลผดพลาด คาความสงของสามเหลยมตองมคามากกวาศนย<br>';

}else{

echo 'ขอมลผดพลาด คาความยาวฐานของสามเหลยมตองมคามากกวาศนย<br>';

}

h b b



SWITCH

เปนการตรวจสอบคาทรบมา โดยเราทราบคาทตองการตรวจสอบแลว แตหากไมตรงตามคาท

กาหนดกใหยกไปท default เลย

var_name ตวแปรทเปนเงอนไข

ในการตรวจสอบคา

value 1 คาท1/เงอนไขท1

value 2 คาท2/เงอนไขท2

value n คาท n/เงอนไขทn

statement 1 คาสงท 1 เมอคาตวแปร

เทากบ value 1

statement 2 คาสงท 2 เมอคาตวแปร

เทากบ value 2

statement n คาสงท n เมอคาตวแปร

เทากบ value n

default คอคาทไมตรงกบคาใดเลย

switch (var_name){

case value1 :

statement 1;

break;

case value2 :

statement 2;

break;

…

case value n:

statement n;

break;

default :

ไมตรงกบ ใดๆ




ผลลพธ


<?php

$CodeName= “B";

switch ($CodeName){

case "A" :

echo "Code: A";

break;

case "B" :

echo "Code: B";

break;

case "C" :

echo "Code: C ";

break;

default :

echo "Not a Code";



ผลลพธ

WHILE

เปนการตรวจสอบเงอนไขซาๆ หรอการวนรอบ (Loop) นนเอง โดยสามารถใส การ

ตรวจสอบเงอนไขแบบตางๆ ขางในได

condition คอ เงอนไข

while (condition){

statement;

}

<?php

$CodeName= “B";

switch ($CodeName){

case ($CodeName== “A") :

echo "Code: A";

break;

case ($CodeName== “B") :

echo "Code: B";

break;

case ($CodeName== “C") :

echo "Code: C";

break;

default :

echo "Not a Code";



statement คอ คาสงใน while เมอเงอนไขเปนจรง


ผลลพธ


<?php

$a=10;

$b=0;

while($b<=$a){

echo $b.'<br>';

$b++;

}



ผลลพธ

DO…WHILE

ทาอยางใดอยางหนงในขณะทกาลงตรวจสอบอยางหนง

do{

statement;

}while (condition)

<?php

$a=10;

$b=0;

while($b<=$a){

echo $b;

if($b==5){

echo " บรรทดหมายเลข 5";

}

echo '<br>';

$b++;

}




ผลลพธ

FOR

สาหรบคาเรมตน ถงเงอนไข ใหดาเนนไปทละ เชน สาหรบ i เทากบ 1 ถง i นอยกวาหรอ

เทากบ 10 i เพมทละ 1 เปนตน

for(start; condition; step){

statement;

}

<?php

$a=10;

$b=0;

do{

echo $b.'<br>';

$b++;

}while($b<=$a)




ผลลพธ

BREAK

ใชเมอตองการออกจากการวนลบ


<?php

for($a=0;$a<=10;$a++){

echo $a.'<br>';

}



ผลลพธ


ผลลพธ

<?php

$a=10;

$b=0;

while($b<=$a){

echo $b.'<br>';

$b++;

if ($b==5){

break;

}

}

<?php

$a=10;

$b=0;

while($b<=$a){

echo $b.'<br>';

$b++;

break;

}





4. Form

method_name : GET / POST

วธการสงขอมล 2 แบบ

-GET แสดงคาบน Address bar ของ web browser

$_GET[‘var_name’] หรอ $_REQUEST[‘var_name’]

-POST ไมแสดงคาบน Address bar ของ web browser

$_POST[‘var_name’] หรอ $_REQUEST[‘var_name’]

action_file คอ ไฟลทรบคาจากฟอรม


get65.php

<?php

echo $_GET['var1'];

?>

<html>

<head>

<title>FORM</title>

</head>

<body>

<form action= “get65.php" method= “get">

<input type= “text" name= “var1"><br>

<input type= “submit" value= “OK">

</form>

</body>

<FORM METHOD= “method_name” ACTION= “action_file”>

… var_name …

</FORM>



ผลลพธ

ex65.php

get65.php


post66.php

<?php

echo $_POST['var1'];

?>

<html>

<head>

<title>FORM</title>

</head>

<body>

<form action= “get65.php" method= “post">

<input type= “text" name= “var1"><br>

<input type= “submit" value= “OK">

</form>

</body>



ผลลพธ

ex66.php

post66.php



5. Array

Array (อารเรย) คอ ตวแปรแบบชดทเกบขอมลชนดเดยวกน

Element คอ ตวแปรแตละตวทเกบอยใน Array

Index คอ การอางองถง Element ทเกบใน Array

รปแบบการใช

$array_name คอ ชอตวแปรอารเรย

array คอ ชอฟงกชนสาหรบการกาหนดตวแปรอารเรย

mixed คอ ชนดขอมลในอารเรย


ผลลพธ

<?php

$grade=array("A","B","C","D");

echo "$grade[0] <br>";




$array_name = array([mixed]);




ผลลพธ


<?php


$grade[4]= “F";

$grade[]= “I";

$grade[]= “S";

foreach($grade as $i){

echo "$i <br>";

}

<?php


foreach ($grade as $i){

echo "$i";

}



ผลลพธ



6. Function

Function เปนการแบงโคดโปรแกรมออกเปนสวนยอยๆ เพอทางานบางอยาง

- โคดโปรแกรมเรยงตอกนยาว

- สามารถเรยกใช Function ซ าได

รปแบบการใช ประกาศ Function สงคาแบบ passing by value

รปแบบการเรยกใช Function

function_name คอ ชอฟงกชน

เปน Insensitive case ไมวาจะเปนตวอกษรใหญหรอเลก

เปนชอเดยวกน เชน ShowWord, showword, SHOWWORD,

SHowWorD เปนฟงกชนเดยวกน

arguments คอ คาทมการสงใหฟงกชน อาจมหรอไมมกได


<?php

myFunction();

//function declaring

function myFunction(){

echo "Hello from myFunction function<br>";

}

//end of function myFunction()

myFunction();

function_name([arguments]);

function function_name([arguments]){

….

}



ผลลพธ


ผลลพธ

รปแบบการใช ประกาศ Function สงคาแบบ passing by reference

รปแบบการเรยกใช Function

function function_name([&arguments]){

….

}

<?php

myFunction("Manop Kongoon");

//function declaring

function myFunction($name){

echo "Hello ".$name."<br>";

}

//end of function myFunction()

myFunction("Pranee Thongtee");



function_name คอ ชอฟงกชน

เปน Insensitive case ไมวาจะเปนตวอกษรใหญหรอเลก

เปนชอเดยวกน เชน ShowWord, showword, SHOWWORD,

SHowWorD เปนฟงกชนเดยวกน

&arguments คอ คาทมการสงใหฟงกชนแบบ passing by reference อาจมหรอไมมกได


ผลลพธ

<?php

//passing by value

function Power($number){

echo "The value of $number power of 2 is ".$number*$number.".<br><br>";

$number=$number+1;

}

$a=3;

echo "The value of $"."a is $a.<br><br>";

Power($a);

echo "The value of $"."a is $a.";

?>

function_name([&arguments]);




ผลลพธ

<?php

//passing by value

function Power($number){

echo "The value of $number power of 2 is ".$number*$number.".<br><br>";

$number=$number+1;

}

$a=3;

echo "The value of $"."a is $a.<br><br>";

Power($a);

echo "The value of $"."a is $a.";

?>



Global Variables

Global Variable คอ ตวแปรททกฟงกชนในไฟลเดยวกนรจก

รปแบบการเรยกใช

หรอ

global_variable_name คอ ชอตวแปรแบบ global ทม $ อยขางหนาดวย

global_variable_name_without_$ คอ ชอตวแปรแบบ global ทไมม $ อยขางหนา


<?php //NonGlobal variable in function

$a=1;

$b=2;

function Test(){

$c=3;

$d=4;

echo "Inside function : $a , $b , $c and $d .<br><br>";

}

Test();

h "O t id f ti $ $b $ d $d <b >"


….

$GLOBAL[‘global_variable_name_without_$’];

}


….

global global_variable_name;

}



ผลลพธ


ผลลพธ

<?php //Global variable in function

$a=1;

$b=2;

function Test(){

$c=3;

$d=4;

global $a;

echo "Inside function : $a , $b , $c and $d .<br><br>";

}

Test();

h "O t id f ti $ $b $ d $d <b >"




ผลลพธ



$a=1;

$b=2;

function Test(){

$c=3;

$d=4;

echo "Inside function : ".$GLOBALS['a'] .", $b , $c and $d .<br><br>";

}

Test();

h "O t id f ti $ $b $ d $d <b >"



ผลลพธ


$a=1;

$b=2;

function Test1(){

global $a,$c;

$c=3;

$d=4;

echo "Inside function 1 : $a , $b , $c and $d .<br><br>";

}

function Test2(){

global $a,$c;

echo "Inside function 2 : $a , $b , $c and $d .<br><br>";

}

Test1();

Test2();



Return

return สาหรบการสงคากลบจากการเรยกใชฟงกชน

return_value คอ คาทสงกลบจากการเรยกใชฟงกชน


ผลลพธ

<?php //return value

function Test(){

$a=8;

return $a*$a;

}//end function Test()

$b=Test();

$c=Test()+1;

echo Test()."<br>";

echo $b."<br>";

echo $c."<br>";

echo Test()+1;

function function_name([arguments])

{ ….

return return_value;

}



Include and Require

include() และ include_once() เหมอนเปนการนาโคดโปรแกรมทอยคนละไฟลมาตอ

กน

ทาใหเรยกใชฟงกชนหรอโคดทอยคนละไฟลได

file_name คอ ชอไฟลและนามสกลทมฟงกชนทตองการใชงาน

function_name([arguments]) คอ ฟงกชนและคาทสงใหฟงกชน

ถา include/require ไฟลเดยวกนซาจะมขอความผดพลาด

ถา include_once/require_once ไฟลเดยวกนซาไมมขอความผดพลาด เหมอนการตดบรรทดท

ซ าออกไป


ผลลพธ

<?php

include("ex72.php");

echo "<br>-------------------------------------------------------------------<br>";

Power(6);

include_once(“file_name”); หรอ require_once(“file_name”);

include(“file_name”); หรอ require(“file_name”);





7. Date and Time

การใชฟงกชนเกยวกบวนทและเวลามสองลกษณะดงน

- เรยกเวลาจากเครอง ไมวาจากเครองเซอรฟเวอร (Server) หรอเครองไคลเอนต

(Client)

- กาหนดตวเลขใหเปนเวลา หรอเรยกสนๆ วา “Make Time”

การใชงานเมอเรยกเวลาจากเครองนนสวนมากใชงานในกรณทมการสงขอมลเขา

ฐานขอมล เชน เวลาของการสงกระท เวลาของการสงซอสนคา เปนตน ทงนขนอยกบวาเรา

จะเกบเวลาจากเครองเซอรฟเวอร หรอ เครองไคลเอนต เพอใหเปนแนวเดยวกนควรเกบเวลา

จากเครองเซอรฟเวอร เพราะหากเครองไคลเอนตตงเวลาผด เวลาทสงขอมลเขาเครอง

เซอรฟเวอรกจะผดดวย บางครงเรารวนเดอนปและเวลาทแนนอนแลว แตเราไมสามารถเอา

ขอมลเหลานนไปแปลงเพอใหอยในรปของวนทและเวลา โดยปกตจะใชฟงกชน mktime()

ในการสรางรปแบบของวนทและเวลา

ตารางรปแบบของเวลา

format

character

Description Example returned

values

Day --- ---

d Day of the month, 2 digits with leading

zeros

01 to 31

D A textual representation of a day, three

letters

Mon through Sun

j Day of the month without leading zeros 1 to 31

l

(lowercase

'L')

A full textual representation of the day

of the week

Sunday through

Saturday

N ISO-8601 numeric representation of

the day of the week (added in PHP

5.1.0)

1 (for Monday) through

7 (for Sunday)



S English ordinal suffix for the day of the

month, 2 characters

st, nd, rd or th. Works

well with j

w Numeric representation of the day of

the week

0 (for Sunday) through

6 (for Saturday)

z The day of the year (starting from 0) 0 through 365

Week --- ---

W ISO-8601 week number of year, weeks

starting on Monday (added in PHP

4.1.0)

Example: 42 (the 42nd

week in the year)

Month --- ---

F A full textual representation of a

month, such as January or March

January through

December

m Numeric representation of a month,

with leading zeros

01 through 12

M A short textual representation of a

month, three letters

Jan through Dec

n Numeric representation of a month,

without leading zeros

1 through 12

t Number of days in the given month 28 through 31

Year --- ---

L Whether it's a leap year 1 if it is a leap year, 0

otherwise.

o ISO-8601 year number. This has the

same value as Y, except that if the ISO

week number (W) belongs to the

previous or next year, that year is used

instead. (added in PHP 5.1.0)

Examples: 1999 or

2003

Y A full numeric representation of a year,

4 digits

Examples: 1999 or

2003

y A two digit representation of a year Examples: 99 or 03



Time --- ---

a Lowercase Ante meridiem and Post

meridiem

am or pm

A Uppercase Ante meridiem and Post

meridiem

AM or PM

B Swatch Internet time 000 through 999

g 12-hour format of an hour without

leading zeros

1 through 12

G 24-hour format of an hour without

leading zeros

0 through 23

h 12-hour format of an hour with leading

zeros

01 through 12

H 24-hour format of an hour with leading

zeros

00 through 23

i Minutes with leading zeros 00 to 59

s Seconds, with leading zeros 00 through 59

Timezone --- ---

e Timezone identifier (added in PHP

5.1.0)

Examples: UTC, GMT,

Atlantic/Azores

I (capital i) Whether or not the date is in daylight

saving time

1 if Daylight Saving

Time, 0 otherwise.

O Difference to Greenwich time (GMT)

in hours

Example: +0200

P Difference to Greenwich time (GMT)

with colon between hours and minutes

(added in PHP 5.1.3)

Example: +02:00

T Timezone setting of this machine Examples: EST, MDT

...

Z Timezone offset in seconds. The offset -43200 through 43200



for timezones west of UTC is always

negative, and for those east of UTC is

always positive.

Full

Date/Time

--- ---

c ISO 8601 (added in PHP 5) 2004-02-

12T15:19:21+00:00

r RFC 2822 formatted date Example: Thu, 21 Dec

2000 16:01:07 +0200

U Seconds since the Unix Epoch (January

1 1970 00:00:00 GMT)

See also time()

รปแบบการเรยกวนทและเวลา

Format คอ รปแบบของการแสดงผล ดจากตารางดานบน


ผลลพธ

รปแบบการสรางวนทและเวลา

mktime(Hour, Minute, Second, Month, Day, Year);

<?php

$currentDateTime=date(“Y-m-d H:i:s”,time());

echo $currentDateTime;

date(“Format”,time());



Hour คอ ตวเลขชวโมง

Minute คอ ตวเลขนาท

Second คอ ตวเลขวนาท

Month คอ ตวเลขเดอน

Day คอ ตวเลขวน

Year คอ ตวเลขป


ผลลพธ

<?php

$maketime=date(“Y-m-d H:i:s”,mktime(0, 0, 0, 7, 19, 2008));

echo $maketime;

?>



8. Session และ Cookie

ทงเซสชน (Session) และคกก (Cookie) ตางกเปนฟงกชนในการระบตวตนของผใช เชน การ

เขาสระบบหากระบเปน Session กจะสามารถระบตวตนของผใชในขณะทผใชเขาสระบบ ถา

เปน Cookie เมอเปดเวบเพจเขามากสามารถระบตวตนของผใชไดทนทโดยเกดจากการเรยก

ไฟล Cookie ในเครองคอมพวเตอรของฝง Client แตมความแตกตางกน ดงน

- Session เปนการระบตวตนของ Client ในขณะทยงเปด Browser อย หากปด

Browser Session จะหมดอายทนท

SessionName คอชอของ Session

การใชงาน Session จะตองเปดการทางานของ Session ดวย session_start(); เสยกอน

- Cookie เปนการระบตวตนของผใชแมจะปดและเปดเครองแลวกตาม ซงจะเกบเปน

ไฟลไวในเครองของ Client ซงระยะเวลาของ Cookie จะขนอยกบการตงคาไว

CookieName คอ ชอของ Cookie

Value คอ คาของ Cookie

TimeExpire คอ เวลาทหมดอายของ Cookie

Path คอ โฟลเดอรทยอยจาก Domain

Domain คอ URL เชน www.sisaketlink.com

Secure คอ กาหนดให Cookie ทางานเฉพาะ HTTPS คาเรมตนคอ FALSE กาหนดคาโดยใส

เลข 1 หรอ 0 หรอ TRUE หรอ FALSE


setcookie("CookieName", Value, TimeExpire, "Path", "Domain", Secure);

session_start();

$_SESSION[“SessionName”];




ผลลพธ


ผลลพธ

<?php

$value = "Manop Kongoon";

setcookie("TestCookie", $value);

setcookie("TestCookie", $value, time()+3600); /* expire in 1 hour */

setcookie("TestCookie", $value, time()+3600, "/~home/", "www.sisaketlink.com", 1);

echo $ COOKIE["TestCookie"];

<?php

session_start();

$_SESSION["mysession"]= “Manop Kongoon";

echo $_SESSION["mysession"];



Path

Path คอ การระบตาแหนงของโฟลเดอร และ ไฟล ใหสามารถเรยกจากหนาเวบเพจ

ได โดยไมทาใหเกดขอผดพลาดในการแสดงผลขอมล โดยหลกๆ จะมการอางองอย 3 แบบ

ดงน

แบบท 1 ม / อยดานหนาโฟลเดอร หรอไฟล

/ slash ทอยหนาสดหมายถง root folder

/ slash ทอยตรงกลางเปนตวคนระหวาง

ชอ folder และ ชอ file

folder_name ชอ folder

file_name ชอ file

extension นามสกลของ file

แบบท 2 ไมม / อยหนาโฟลเดอรหรอไฟล

/ ไมม slash ทอยหนาสดหมายถงเรมอางจาก

โฟลเดอรปจจบนของเพจนนๆ






แบบท 3 ม .. แลวตามดวย / อยหนาโฟลเดอร หรอไฟล

../folder_name/file_name.extension

folder_name/file_name.extension

/folder_name/file_name.extension



/ ไมม slash ทอยหนาสดหมายถงเรมอางจาก

โฟลเดอรปจจบนของเพจนนๆ



../ เปนการออกจากโฟลเดอรปจจบน

ของเพจไป 1 ขน






บทท 5 การใชงาน MySQL ดวย phpMyAdmin สาหรบการใชงาน MySQL นนเราจะใชตวจดการ MySQL ทเขยนดวยภาษา PHP คอ

phpMyAdmin พเอชพมายแอดมนนนเปนสครปทมไวสาหรบจดการฐานขอมล MySQL

โดยเฉพาะซงหลงจากทเราตดตง WAMP แลวนนสครปจะถกตดตงโดยอตโนมต

สาหรบเวอรชนทตดมากบ WampServer2.0c นนคอ phpMyAdmin v2.11.6 มาดการเรยกใช

งานกน ดงน

1. การเรยกใชงาน phpMyAdmin

วธแรก เปด Browser แลวพมพ localhost/phpmyadmin ท URL Adress

วธทสอง คลกท Control Panel ไอคอนของ WAMP แลวเลอก phpmyadmin

กจะปรากฏหนาเวบเพจของ phpmyadmin ดงน



2. การสรางฐานขอมลใหม

กอนทจะทาการเขยนสครป PHP หรอ เขยนโปรแกรมนน การสรางฐานขอมลเปนสง

แรกทควรคานงถง เพอกาหนดใหตารางการเกบขอมลตางๆ อยในทเดยวกน เชน vdoShop ซง

เปนการเกบขอมลทเกยวกบระบบขายวดโอ เปนตน

เปด phpMyAdmin พมพชอฐานขอมลทชอง สรางฐานขอมลใหม แลวเลอกชดการเรยงลาดบ

ภาษาตามตองการ เชน myshop เลอกการเรยงลาดบเปน tis620_thai_ci แลวกด สราง

หมายเหต การเรยงลาดบนนม 2 แบบ คอ tis620_thai_ci และ utf8_bin ทนยม ทงนกขนอยกบ

หนาเวบไซตดวยวาเลอก encoding ของการเขยนเวบเพจแบบไหน ถาเขยนโดยใช encoding



tis-620 หรอ windows-874 กควรใช tis620_thai_ci แตทงนเราสามารถเปลยนไดโดย

กาหนดการเชอมตอเฉพาะตามทตองการซงเขยนโดยภาษา PHP

จะพบวามฐานขอมลใหมเกดขน เปนอนเสรจการสรางฐานขอมลแลว

3. การสรางตารางในฐานขอมล

ปรากฏเพจสาหรบตงคาตางๆ เชน ชอฟลด ชนดของฟลด และคาอนๆ

กาหนดชอฟลดและคณสมบตอนๆ ตามตองการ



คาแนะนา ฟลดแรกของตารางควรเปน ไพรมารคย (Primary Key) และกาหนดใหเปนการเพม

คาอตโนมต (Auto Increment)

หลงจากกดปม บนทก กจะปรากฏเวบเพจสรปการสรางใหเราไดทราบวาไดสรางตารางเสรจ

แลว

4. การเพม/ลบ ฟลดในตาราง

กาหนดจานวนฟลดทตองการเพม และตาแหนงของการเพมดงภาพดานลาง แลวกดปม ลงมอ

จากนนกใหใสชอฟลดและกาหนดชนดของขอมลตามขนตอนขนตน แลวกด บนทก

หากตองการลบฟลดใหกด บรเวณหลงของชอฟลดทตองการลบ

5. การเพมขอมลในตาราง

กดทลงค แทรก เพอเขาสหนาสาหรบเพมขอมล จากนนใสขอมลตามตองการ แนะนาสาหรบ

การเพมขอมลสวนทเปน Auto Increment ซงเราไมตองใสคาใดๆ เพราะ MySQL จะเพม

ขอมลใหเราอตโนมต หลงจากนนกดปม ลงมอ เพอเพมขอมล



พบหนาเวบเพจสรปการเพมขอมลในตาราง

6. การลบขอมลในตาราง

กดทลงค เปดด เพอดขอมลในตาราง



ใหกดทปม เพอลบขอมล

7. การแกไขขอมลในตาราง

กดทลงค เปดด เพอดขอมลในตาราง

ใหกดทปม เพอแกไขขอมล

8. การสงออกโครงสรางตารางและขอมลรปแบบคาสง SQL

กดทลงค สงออก จากนนเลอกประเภทไฟลเปนแบบ sql แลวคลกเลอก สงออกมาเปนไฟล

จากนน คลกทปม ลงมอ เพอทาการสงออกเปนไฟลเกบไวใชงานตอไป

9. การลบตาราง

คลกเลอกตารางทตองการ จากนนกดลงค โยนทง เพอลบตารางออกจากฐานขอมล



จะปรากฏกลองสาหรบยนยนการลบตารางดงน ซงหากตองการลบใหคลก OK

10. การลบฐานขอมล

คลกเลอกฐานขอมลทตองการจะปรากฏรายการตารางในอยในฐานขอมล หากตองการลบ

ฐานขอมลใหคลกท โยนทง เพอลบฐานขอมล

จะปรากฏกลองยนยนการลบฐานขอมล หากตองการลบใหกดท OK



บทท 6 การพฒนาเวบแอพพลเคชนดวย PHP และ

MySQL

1. การตดตอฐานขอมล

การตดตอฐานขอมล MySQL ดวย PHP นนทาไดงายดายมาก เพยงแคเลอกใชฟงกชนท PHP

กาหนดมาใหแลวใสพารามเตอรใหถกตองกจะสามารถเชอมตอได

ฟงกชนในการเชอมตอ MySQL

Host คอ ชอของ MySQL Server โดยทวไปจะกาหนดเปน localhost

User คอ ชอของ ผใชฐานขอมล MySQL Server

Pass คอ รหสผานของผใชฐานขอมล MySQL Server

Text Error คอ ขอความทจะแสดงเมอมขอผดพลาด ซงรวมกบฟงชนกทแสดงขอผดพลาดจาก

ระบบ คอ mysql_error() นนเอง

ฟงกชนในการเลอกฐานขอมล

DBName คอ ชอฐานขอมล

Conn คอ ตวแปรของการเชอมตอฐานขอมล

ไฟล config.php

ไฟล conn.php

<?php

$dbhost= “localhost”; //ตวแปร dbhost เกบชอโฮสต localhost

$dbuser= “root”; //ตวแปร dbuser เกบชอผใชฐานขอมล

$dbpass= “”; // ตวแปร dbpass เกบรหสผานฐานขอมล

$dbname= “myweb”; // ตวแปร dbname เกบชอฐานขอมล

?>

$myvar=mysql_select_db(“DBName”,Conn) or die(“Text Error”.mysql_error());

$myvar=mysql_connect(“Host”,”User”,”Pass”) or die(“Text Error”.mysql_error());



ยกเลกการเชอมตอฐานขอมลดวย mysql_close();

ไฟล close_db.php

<?php

mysql_close();

?>

<?php

include(“config.php”); //ดงไฟล config.php เขามาเพอเรยกใชตวแปร

$conn=mysql_connect($dbhost,$dbuser,$dbpass) or die( “ไมสามารถตดตอฐานขอมล

ได”.mysql_error());

$select_db=mysql_select_db($dbname, $conn) or die( “ไมสามารถเลอกฐานขอมล

ได”.mysql_error());

// กาหนดใหการเชอมตอ การเรยกขอมล เปนรปแบบของภาษาไทย

mysql_query("Set character_set_connection=tis620"); mysql_query("Set

character_set_results=tis620");

mysql query("Set character set client=tis620");



2. การสรางฟอรมกรอกขอมล

การสรางฟอรมสาหรบกรอกขอมลเพอใหผใชกรอกขอมลแลวกดปมสาหรบสง

ขอมลเขามาประมวลผลทไฟลรบขอมล หากขอมลถกตองกใหบนทกขอมลลงฐานขอมล

ไฟล news_form.html

ผลลพธ

<html>

<head><title>Add News</title>

<head>

<body>

<form name= “myform" action= “news_process.php" method= “post">

หวขอขาว :<input type= “text" name= “title"><br>

รายละเอยดขาว :<textarea name= “detail"></textarea><br>

โดย :<input type= “text" name= “name"><br>

<input type= “submit" value= “สงขอมล">

</form>

</body>



3. การรบขอมลจากฟอรมแลวบนทกในฐานขอมล (INSERT)

เมอเกดการสงขอมลเขามาเพอประมวลผลเราจะใช PHP ในการรบขอมลและประมวลผล

ขอมลกอนทจะบนทกลงฐานขอมล

โครงสรางตาราง news ในฐานขอมล myweb

CREATE TABLE `myweb`.`news` ( `news_id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 255 ) NOT NULL , `detail` TEXT NOT NULL , `name` VARCHAR( 100 ) NOT NULL , `datetime` DATETIME NOT NULL , PRIMARY KEY ( `news_id` ) ) ENGINE = MYISAM CHARACTER SET tis620 COLLATE tis620_thai_ci

ไฟล news_process.php



ผลลพธ

กรอกรายละเอยดในฟอรม

<?php

include("conn_db.php"); //ตดตอฐานขอมล

$title=$_POST['title']; //รบขอมล title

$detail=$_POST['detail']; //รบขอมล detail

$name=$_POST['name']; // รบขอมล name

$datetime=date("Y-m-d H:i:s",time()); //สรางวนเวลาทสงขอมล

if($title== “" || $detail== “" || $name== “"){ // ตรวจสอบคาทสงมาวาวางหรอปาว

echo "กรอกขอมลไมครบ <a href='news_form.html'>กรอกขอมลใหม</a>";

}else{

$sql= “INSERT INTO news VALUES('','$title','$detail','$name','$datetime')"; //

สรางควรในการบนทกขอมล

$result=mysql_query($sql); //ทาการควรขอมล

if($result){ //ตรวจสอบการควรขอมลวาสามารถทางานไดหรอไม

echo "บนทกขอมลเรยบรอย <a href='news_form.html'>กรอกขอมลอกครง

</a>";

}else{

echo "ไมสามารถบนทกขอมลได <a href='news_form.html'>กรอกขอมล

อกครง</a>";

}



หลงจากการประมวลผล

ดขอมลในฐานขอมล



4. การเรยกขอมลจาก MySQL มาแสดง

การเรยกขอมลจาก MySQL มาแสดงจะใชฟงกชน mysql_query() กบฟงกชน

mysql_fetch_array(); ดงน

ไฟล news_list.php

ผลลพธ

<?php

include("conn_db.php");

$sql= “SELECT * FROM news";

$result=mysql_query($sql);

while($rs=mysql_fetch_array($result)){

echo $rs['title']." <a href='news_edit.php?news_id= “.$rs['news_id']."'>แกไข</a>

<a href='news_delete.php?news_id= “.$rs['news_id']."'>ลบ</a><br>";

}

Include(“close_db.php”);



5. การปรบปรงขอมลในฐานขอมล (UPDATE)

หลงจากทเราไดบนทกขอมลในฐานขอมลแลว กอนนเราไดสรางลงคสาหรบแกไขและลบ

ขอมลไวแลวโดยจะสงตวแปร news_id มาเพอเปนตวอางองไปยงขอมลทงหมด โดยจะสงคา

มาจากฟลด news_id ซงเปน Primary Key โดยจะเปนขอมลทไมซ ากนทาใหเราเลอก news_id

มาไดโดยไมซา โดยการรบขอมลเบบ GET จาก URL

ไฟล news_edit.php

<?php


$news_id=$_GET['news_id'];

$sql= “SELECT * FROM news WHERE news_id='$news_id'";


$rs=mysql_fetch_array($result);

?>

<html>

<head><title>Edit News</title>

<head>

<body>

<form name= “myform" action= “news_edit_process.php" method= “post">

หวขอขาว :<input type= “text" name= “title" value= “<?php echo $rs['title'];?>"><br>

รายละเอยดขาว :<textarea name= “detail"><?php echo $rs['detail'];?></textarea><br>

โดย :<input type= “text" name= “name" value= “<?php echo $rs['name'];?>"><br>

<input type= “hidden" name= “news_id" value= “<?php echo $rs['news_id'];?>">

<input type= “submit" value= “สงขอมล">

</form>

</body>

</html>

<?php



ไฟล news_edit_process.php

ทดสอบกดลงค

<?php


$news_id=$_POST["news_id"]; //รบขอมล news_id จาก Hiden

$title=$_POST['title']; //รบขอมล title

$detail=$_POST['detail']; //รบขอมล detail

$name=$_POST['name']; // รบขอมล name

if($title== “" || $detail== “" || $name== “"){ // ตรวจสอบคาทสงมาวาวางหรอปาว

echo "กรอกขอมลไมครบ <a href='news_form.html'>กรอกขอมลใหม</a>";

}else{

$sql= “UPDATE news SET title='$title',detail='$detail',name='$name' WHERE

news_id='$news_id'"; //สรางควรในการบนทกขอมล

$result=mysql_query($sql); //ทาการควรขอมล


echo "แกไขขอมลเรยบรอย <a href='news_form.html'>กรอกขอมลอกครง

</a>";

}else{

echo "ไมสามารถแกไขขอมลได <a href='news_form.html'>กรอกขอมลอก

ครง</a>";

}



ผลลพธ

แกไขขอมลเพอทาการทดสอบ แลวสงขอมล

ผลลพธ



เปดดขอมลจาก phpMyAdmin

หรอดขอมลจาก news_list.php



6. การลบขอมลในฐานขอมล (DELETE)

การลบขอมลจากฐานขอมลนนกมหลกการเชนเดยวกนกบการแกไขขอมล คอการสง

news_id มาเพอระบวาจะลบขอมลขาวอะไร โดยจะทาการลบทง record ในตารางฐานขอมล

ไฟล news_delete.php

ผลลพธ

<?php


$news_id=$_GET["news_id"]; //รบขอมล news_id

if($news_id== “”){

echo “ไมมคา news_id สงมา”;

}else{

$sql= “DELETE FROM news WHERE news_id=’$news_id’”;



echo "ลบขอมลเรยบรอย ";

}else{

echo "ไมสามารถลบขอมลได";

}

}



7. ตรวจจบผใชงานดวย SESSION

การใช Session เพอชวยในการระบตวตนของผใช เชน สมาชกท Login เขาสระบบ เพอให

ระบตวตนในทกๆ หนาเวบเพจได

ตารางในฐานขอมล CREATE TABLE `myweb`.`member` ( `m_id` INT NOT NULL AUTO_INCREMENT , `m_user` VARCHAR( 100 ) NOT NULL , `m_pass` VARCHAR( 100 ) NOT NULL , `m_fullname` VARCHAR( 255 ) NOT NULL , PRIMARY KEY ( `m_id` ) ) ENGINE = MYISAM CHARACTER SET tis620 COLLATE tis620_thai_ci

โดยมขอมลในฐานขอมลดงน

ไฟล login.html

<html>

<head><title></title>

</head>

<body>

<form name= “login" method= “post" action= “login_process.php">

User: <input type= “text" name= “user"><br>

Pass: <input type= “password" name= “pass"><br>

<input type= “submit" value= “Login">

</form>

</body>



ผลลพธ

ไฟล login_process.php

<?php


$user=$_POST['user'];

$pass=$_POST['pass'];

if($user== “" || $pass== “"){

echo "กรอกขอมลไมครบ <a href='login.html'>เขาสระบบอกครง</a>";

}else{

$sql= “SELECT * FROM member WHERE m_user='$user' AND

m_pass='$pass'";


$rs=mysql_fetch_array($result);

$_SESSION["user"]=$rs["m_user"];

$_SESSION["pass"]=$rs["m_pass"];

$_SESSION["fullname"]=$rs["m_fullname"];

echo "เขาสระบบเรยบรอย <a href='member.php'>กดทนเพอเขาสหนาหลกของคณ

</a>";



กรอกขอมลใน login.html

เมอสงขอมลไปประมวลผลทไฟล login_process.php หากมขอมลในฐานขอมลถกตองจะ

ปรากฏดงน

หากกดทลงคกจะปรากฏขอความดงน

Documents

เรียนรู้การทำเว็บไซต์ด้วย HTML CSS PHP และ MySQL