Archive for the ‘สาระความรู้’ Category
Friday, February 26th, 2010 |
การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วยรูปภาพเพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ และยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ การใส่รูปภาพในเอกสาร HTML นั้นจะต้องเตรียมรูปภาพไว้ก่อนนะคับ
รูปแบบการใส่รูปภาพ
<img src = “ชื่อภาพ” width=”ขนาดความกว้างที่ต้องการ” height=”ขนาดความสูงที่ต้องการ” border=”ขนาดของเส้นขอบ”>
Attribute กำกับเพิ่มเติม
src=”ระบุที่เก็บรูปภาพ,ชื่อรูปภาพ”
width=”ตัวเลขระบุความกว้าง”
height=”ตัวเลขระบุความสูง”
border=”ตัวเลขระบุความหนาของเส้นขอบ”
***หากเราไม่ได้ระบุขนาดกว้างและสูง ภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ
ตัวอย่าง
<html>
<head><title> ....การใส่รูปภาพ....</title></head>
<body>
<img src = "lilies.jpg" width="200" height="200" border="1"/>
</body>
</html>
ผลลัพธ์ที่ได้คับ อ่านต่อ Click »
Posted in HTML | No Comments »
Thursday, February 25th, 2010 |
ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็ก โดยมีรูปแบบดังนี้คับ
- การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> …ข้อความ…</center>
- . การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้
<p align = “ตำแหน่ง”> …ข้อความ…</p>
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
ตัวอย่างคับ อ่านต่อ Click »
Posted in HTML | No Comments »
Friday, February 19th, 2010 |
ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า
ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้
- การกำหนดแบบตัวหนา (Bold) <b> …ข้อความ…</b> หรือ <strong> …ข้อความ…</strong>
- การกำหนดแบบตัวเอียง (Italic) <i> …ข้อความ…</i>
- การกำหนดแบบตัวขีดเส้นใต้ (Underline) <u>…ข้อความ…</u>
- การกำหนดแบบตัวขีดฆ่า (Strike) <strike>…ข้อความ…</strike>
ตัวอย่างรูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ อ่านต่อ Click »
Posted in HTML | No Comments »
Thursday, February 18th, 2010 |
สำหรับการกำหนดลักษณะข้อความนั้น จะใส่เิิ่พิ่มในส่วนของแท็กเปิด ของแท็ก <font> เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก <font> นั้นเอง โดยจะมี Attribute ต่าง ๆ ดังนี้
- การกำหนดชื่อฟอนต์ Attribute ที่ใช้ คือ face = “ชื่อฟอนต์“
- การกำหนดขนาดของข้อความ Attribute ที่ใช้ คือ size = “ขนาดของข้อความ“
- การกำหนดสีของข้อความ Attribute ที่ใช้ คือ color= “ชื่อสี” หรือ color = “#รหัสสี“
1. การกำหนดชื่อฟอนต์
การกำหนดฟอนต์ ก็คล้าย ๆ กันกับตอนที่เราิพิมพ์งานใน Ms word คับซึ่งเราสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน อาจจะเป็น Arial ,MS Sans Serif ,Angsana New,Tahoma เป็นต้น ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน 2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย และ Tahoma มักใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน ดูตัวอย่างกันคับ
<html>
<head><title> ....การหนดรูปแบบฟอนต์ของข้อความ....</title></head>
<body>
<font face = "MS Sans Serif"> ข้อความนี้กำหนดฟอนต์แบบ MS Sans Serif<br /> </font>
<font face = "Arial"> ข้อความนี้กำหนดฟอนต์แบบ Arial<br /> </font>
<font face = "Tahoma"> ข้อความนี้กำหนดฟอนต์แบบ Tahoma </font>
</body>
</html>
ผลลัพธ์ที่ได้ อ่านต่อ Click »
Posted in HTML | No Comments »
Monday, February 15th, 2010 |
การปรับแต่งเอกสาร HTML คือ การใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พื้นหลัง (Background) ให้โฮมเพจของเรามีสีสันเพิ่มขึ้น ซึ่งการใส่พื้นหลังให้โฮมเพจสามารถใส่ได้ 2 แบบ คือ การใส่สีให้พื้นหลัง และการใส่ภาพให้พื้นหลัง
ในการใส่รูปแบบนั้นจะใส่ในส่วนของแท็กเปิด ของแท็ก เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก นั้นเอง โดยจะมีรูปแบบดังนี้
1. แบบใส่สีให้พื้นหลัง bgcolor = “ชื่อสี” หรือ bgcolor = “#รหัสสี”
2. แบบใส่ภาพให้พื้นหลัง background = “ชื่อภาพ”
รูปแบบการใส่สีพื้นหลัง
<html>
<head><title> ....การใส่สีให้พื้นหลังเป็นสีน้ำเงิน....</title></head>
<body bgcolor = "blue">
</body>
</html>
รูปแบบการใส่ภาพพื้นหลัง อ่านต่อ Click »
Posted in HTML | No Comments »
Friday, February 12th, 2010 |
ในภาษา PHP เราใช้เครื่องหมาย // หรือ # วางไว้ที่ตำแหน่งแรกของบรรทัด เพื่อละเว้นคำสั่งในบรรทัดนั้นๆ
หรือใช้ /* ข้อความต่างๆ ที่ comment ไว้กันลืม */ สำหรับละเว้นคำสั่งหลายบรรทัด
ดูตัวอย่างกันเลยคับ
<html>
<head>
<title>การ Comments ในภาษา PHP</title>
</head>
<body>
<?php
//นี่คือ comment
#นี่ก็ comment
/*
นี่ก็ comment
แบบหลายบรรทัด
นะ.....
*/
?>
</body>
</html>
ซึ่งข้อความ หรือคำสั่งต่างๆ ที่อยู่หลังเครื่องหมาย // …..,#….. หรือ ภายในระหว่าง /* …. */ จะไม่ถูกนำไปประมวลผลนั่นเองคับ
Posted in PHP | No Comments »
Thursday, February 11th, 2010 |
คุณจะไม่สามารถวิวดู source code ของ PHP ในเบราเซอร์ได้ คุณจะเห็นเป็น HTML ทั่วไป เพราะว่าสคริปต์ถูกแปลงบนเซิร์ปเวอร์เป็น HTML แล้ว ก่อนที่จะถูกส่งไปแสดงผลที่เบราเซอร์ของคุณ
แท็กสคริปต์ PHP จะเริ่มด้วย <?php และปิดด้วย ?> ซึ่งสามารถทำได้หลายรูปแบบ เช่น
- <? ... ?> (SGML style)
- <?php ... ?> (XML style) เป็นแบบที่นิยมใช้กันในปัจจุบันนี้
- <script language=”php”> ... </script> (JavaScript style)
- <% ... %> (ASP style)
เราสามารถวางคำสั่ง PHP ไว้ภายในเอกสาร HTML ตามที่ต้องการได้ อาจจะสลับกับ Tag ของภาษา HTML ก็ได้ ตัวอย่างเช่น
<HTML>
<HEAD><TITLE> My Homepage </TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>
<H1><?php echo "Hello World"; ?></H1>
Your web browser is <?php echo $HTTP_USER_AGENT; ?>.
</BODY>
</HTML>
แต่ละบรรทัดที่จบชุดโค้ดของ PHP จะปิดด้วยตัว semicolon (“;”) ตัวนี้จะเป็นตัวบอกว่าจบ 1 ชุดคำสั่ง
มี 2 คำสั่ง ที่คุณสามารถใส่เพื่อให้แสดงผลออกมาเป็นข้อความโชว์บนเบราเซอร์ คือ echo และ print ตัวอย่างข้างบนของเราใช้ echo เพื่อแสดงผล ซึ่งผลลัพธ์ที่ได้ ตามนี้คับ
Posted in PHP | No Comments »
Tuesday, February 9th, 2010 |
PHP เป็นภาษาจำพวก scripting language คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่าสคริปต์ (script) และเวลาใช้งานต้องอาศัยตัวแปลชุดคำสั่ง ตัวอย่างของภาษาสคริปก็เช่น JavaScript, Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถ สอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side หรือ HTML-embedded scripting language เป็นเครื่องมือที่สำคัญชนิดหนึ่ง ที่ช่วยให้เราสามารถสร้างเอกสารแบบ Dynamic HTML ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น
ถ้าใครรู้จัก Server Side Include (SSI) ก็จะสามารถเข้าใจการทำงานของ PHP ได้ไม่ยาก สมมุติว่า เราต้องการจะแสดงวันเวลาปัจจุบันที่ผู้เข้ามาเยี่ยมชมเว็บไซด์ในขณะนั้น ในตำแหน่ง ใดตำแหน่งหนึ่งภายในเอกสาร HTML ที่เราต้องการ อาจจะใช้คำสั่งในรูปแบบนี้ เช่น <!–#exec cgi=”date.pl”–> ไว้ในเอกสาร HTML เมื่อ SSI ของ web server มาพบคำสั่งนี้ ก็จะกระทำคำสั่ง date.pl ซึ่งในกรณีนิ้ เป็นสคริปต์ที่เขียนด้วยภาษา perl สำหรับอ่านเวลาจากเครื่องคอมพิวเตอร์ แล้วใส่ค่าเวลาเป็นเอาพุท (output) และแทนที่คำสั่งดังกล่าว ลงในเอกสาร HTML โดยอัตโนมัติ ก่อนที่จะส่งไปยังผู้อ่านอีกทีหนึ่ง
อาจจะกล่าวได้ว่า PHP ได้รับการพัฒนาขึ้นมา เพื่อแทนที่ SSI รูปแบบเดิมๆ โดยให้มีความสามารถ และมีส่วนเชื่อมต่อกับเครื่องมือชนิดอื่นมากขึ้น เช่น ติดต่อกับคลังข้อมูลหรือ database เป็นต้น
PHP ได้รับการเผยแพร่เป็นครั้งแรกในปีค.ศ.1994 จากนั้นก็มีการพัฒนาต่อมาตามลำดับ เป็นเวอร์ชั่น 1 ในปี 1995 เวอร์ชั่น 2 (ตอนนั้นใช้ชื่อว่า PHP/FI) ในช่วงระหว่าง 1995-1997 และเวอร์ชั่น 3 ช่วง 1997 ถึง 1999 จนถึงเวอร์ชั่น 4 ในปัจจุบัน
PHP เป็นผลงานที่เติบโตมาจากกลุ่มของนักพัฒนาในเชิงเปิดเผยรหัสต้นฉบับ หรือ OpenSource ดังนั้น PHP จึงมีการพัฒนาไปอย่างรวดเร็ว และแพร่หลายโดยเฉพาะอย่างยิ่งเมื่อใช้ร่วมกับ Apache Webserver ระบบปฏิบัติอย่างเช่น Linux หรือ FreeBSD เป็นต้น ในปัจจุบัน PHP สามารถใช้ร่วมกับ Web Server หลายๆตัวบนระบบปฏิบัติการอย่างเช่น Windows 95/98/NT เป็นต้น
รายชื่อของนักพัฒนาภาษา PHP ที่เป็นแก่นสำคัญในปัจจุบันมีดังต่อไปนี้
- Zeev Suraski, Israel
- Andi Gutmans, Israel
- Shane Caraveo, Florida USA
- Stig Bakken, Norway
- Andrey Zmievski, Nebraska USA
- Sascha Schumann, Dortmund, Germany
- Thies C. Arntzen, Hamburg, Germany
- Jim Winstead, Los Angeles, USA
- Rasmus Lerdorf, North Carolina, USA
เนื่องจากว่า PHP ไม่ได้เป็นส่วนหนึ่งของตัว Web Server ดังนั้นถ้าจะใช้ PHP ก็จะต้องดูก่อนว่า Web server นั้นสามารถใช้สคริปต์ PHP ได้หรือไม่ ยกตัวอย่างเช่น PHP สามารถใช้ได้กับ Apache WebServer และ Personal Web Server (PWP) สำหรับระบบปฏิบัติการ Windows 95/98/NT
ในกรณีของ Apache เราสามารถใช้ PHP ได้สองรูปแบบคือ ในลักษณะของ CGI และ Apache Module ความแตกต่างอยู่ตรงที่ว่า ถ้าใช้ PHP เป็นแบบโมดูล PHP จะเป็นส่วนหนึ่งของ Apache หรือเป็นส่วนขยายในการทำงานนั่นเอง ซึ่งจะทำงานได้เร็วกว่าแบบที่เป็น CGI เพราะว่า ถ้าเป็น CGI แล้ว ตัวแปลชุดคำสั่งของ PHP ถือว่าเป็นแค่โปรแกรมภายนอก ซึ่ง Apache จะต้องเรียกขึ้นมาทำงานทุกครั้ง ที่ต้องการใช้ PHP ดังนั้น ถ้ามองในเรื่องของประสิทธิ ภาพในการทำงาน การใช้ PHP แบบที่เป็นโมดูลหนึ่งของ Apache จะทำงานได้มีประสิทธิภาพมากกว่า
ลักษณะเด่นของ PHP
- ใช้ได้ฟรี
- PHP เป็นโปร แกรมวิ่งข้าง Sever ดังนั้นขีดความสามารถไม่จำกัด
- Conlatfun นั่นคือ PHP วิ่งบนเครื่อง UNIX,Linux,Windows ได้หมด
- เรียนรู้ง่าย เนืองจาก PHP ฝั่งเข้าไปใน HTML และใช้ดครงสร้างและไวยากรณ์ภาษาง่ายๆ
- เร็วและมีประสิทธิภาพ โดยเฉพาะเมือใช้กับ Apach Server เพราะไม่ต้องใช้โปรแกรมจากภายนอก
- ใช้ร่วมกับ XML ได้ทันที
- ใช้กับระบบแฟ้มข้อมูลได้
- ใช้กับข้อมูลตัวอักษรได้อย่างมีประสิทธิภาพ
- ใช้กับโครงสร้างข้อมูลใช้ได้แบบ Scalar,Array,Associative array
- ใช้กับการประมวลผลภาพได้
Posted in PHP | No Comments »
Monday, February 8th, 2010 |
ภาษาคอมพิวเตอร์ทุก ๆ ภาษาจะมีโครงสร้างเฉพาะ ภาษา HTML ก็เช่นกัน โครงสร้างของภาษา HTML นั้นเป็นโครงสร้างที่ใช้งานง่าย และเข้าใจได้ไม่ยากนัก รูปแบบโครงสร้างของภาษา HTML มีดังนี้คับ
<html>
<head>
<title>...ส่วนของข้อความที่จะปรากฏที่ Title Bar ของ Browser...</title>
</head>
<body>
ส่วนร่างกายใช้สำหรับเขียนข้อมูลต่าง ๆ มีทั้ง
- รูปภาพต่าง ๆ ควรจะเป็น ไฟล์ชนิด .gif เพราะมีขนาดเล็ก
- text หรือ ข้อความต่าง ๆ ภาษาไทย ภาษาอังกฤษ
- sound หรือเสียงเพลง เป็นไฟล์ .mp3
- ภาพยนต์ หรือภาพเคลื่อนไหว
- รวมทั้งโค้ดภาษาอื่น ๆ เช่นแทรกภาษา C , C++ , JAVA Script
</body>
</html>
ผลลัพธ์ที่ได้ดังนี้คับ
จะสังเกตได้ว่า Tag ที่มีปรากฏอยู่จะมีทั้งหมด 4 Tag ดังนี้
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
เมื่อลองสังเกตดูเราจะพบสัญลักษณ์ <…> และ เป็นคู่ จากโครงสร้างจะมี <…> 4 ตำแหน่ง และ อีก 4 ตำแหน่ง ซึ่งลักษณะการเขียน HTML จะมีลักษณะแบบนี้ สัญลักษณ์ <…> เราเรียกว่าการเปิด Tag ส่วน คือการปิด Tag นั้นเอง โดยส่วนใหญ่รูปแบบของการเขียน HTML จะมีการเปิดและปิด Tag แต่ก็มียกเว้นบ้าง สำหรับแท็กบางแท็ก ที่ไม่จำเป็นต้องมีการปิดแท็ก จะมีแท็กใดบ้างติดตามศึกษาในบทความต่อ ๆ ไป
Posted in HTML | No Comments »
Sunday, February 7th, 2010 |
เรามาดูกันคับว่า ปกติ Webmaster ส่วนใหญ่เค้าใช้โรแกรมอะไรบ้าง
AppServ เป็นโปรแกรมที่รวมโปรแกรมทำเว็บ PHP มี php, MySql, Apache, PHP MyAdmin เพื่อจำลองเครื่อง PC ของเราให้เป็น Sever สำหรับทดสอบสคริปต์ที่เราเขียน
ArGoSoft Mail Server เป็นโปรแกรมจำลองเครื่อง เป็น Mail Server สำหรับทดสอบสคริป ส่งเมล์
PHP เป็นภาษาสคริปต์แบบ เซิร์ฟเวอรไซต์ Open Souce ที่ใช้งานง่าย
MySQL เป็นระบบฐานข้อมูลภายใน เว็บไซต์ ซอฟแวร์ฟรี ภายใต้ GP สำหรับทดสอบในการจัดการฐานข้อมูล
EditPlus Editter ตัวจิ๋ว เครื่องมือคู่กายของ นักเขียนโปรแกรม
FileZilla โปรแกรม FTP สำหรับอัพโหลดไฟล์ไปยังเซิร์ฟเวอร์จริง
Mozilla Firefox โปรแกรม Web Browser สำหรับทดสอบ ใช้คู่กับ IE (Internet Explorer)
Posted in โปรแกรมพื้นฐาน | No Comments »
