ดาวน์โหลดได้ที่  http://www.netbeans.org

แล้วทำดารติดตั้ง  กับไฟล์ที่โหลดมาได้เลย

รอกระบวนการติดตั้ง

แสดงรายละเอียดโปแกรมที่จะติดตั้ง  ของผมโหลดตัวเต็มมาไฟลืค่อนข้างเยอะ

เงื่อนไขข้อตกลงต่างๆ

ไดเร็จทรอรี่ไฟล์  ที่เราติดตั้ง

ติดตั้งสำเร็จ  แล้วครับ

เริ่มต้นโดยการไปโหลดที่ http://www.apachefriends.org/en/xampp.html

แล้วทำการติดตั้งไฟล์  แล้ว Next

ติดตั้งไว้ตาม  ที่อยู่ของไฟล์ได้เลย

แล้วทำการ Install  ต่อไปเลย

แล้วทำการรอสักครู่เพื่อทำการติดตั้ง

การติดตั้งเสร็จสมบูรณ์

XAPP

เป็นโปรแกรมที่ใช้จำลอง Server และผมขอให้โปรแกรมนี้ในการเขียนบทความด้วย

 AppSer

เป็นโปแกรมหนึ่งที่ใช้ง่ายและสะดวกมีขนาดเบา

WAMP

เป็นโปรแกรมจำลอง Server ที่มากด้วยฟังค์ชั่นในการใช้งาน

โปรแกรมที่ใช้เขียนในรูปแท็กหรือว่าคำสั่งของ PHP

NetBeans

เป็นโปรแกรมที่ใช้งานได้ง่ายสะดวก  เวลามีข้อผิดพลาดจะสามารถบอกเราได้ และผมเองใช้โปรแกรมนี้ในการเขียนบทความ

EditPlus

เป็นโปรกแรมหนึ่งที่ใช้งานง่าย  มีฟังก์ชั่นที่จำเป็นครบ

Dreamweaver

เป็นโปแกรมที่เราคุ้นเคยกันดี  และสามารถนำไปประยุกต์ใช้งานต่างๆ  ได้ง่าย

                ดังที่กล่าวมาแล้วว่า PHP เป็นภาษา  จึงไม่สามารถที่จะรู้ได้ว่าสคิปที่เราเขียนนั้นเป็นอย่างไรด้วย  เพราะถ้าหากเรามาดูไฟลืตั้นฉบับจึงไม่สามารถที่จะรู้ว่าเขียนอย่างไรบ้าง จะมีในลักษณะของไฟล์ HTML ออกมาแทน นอกจากจะนำไฟล์ที่อยู่ใน Server มาดูเอง  เพราะไฟล์เหล่านั้นจะถูกทำงานที่ Server นั้นเอง  ดังนั้นในการศึกษาหรือว่าผู้ที่เริ่มต้นในการเขียน PHP  จึงมีการติดตั้งโปรแกรมจำลอง Server เอาไว้  เพื่อที่จะทำงานได้เสมือน Sever จำลอง

                ข้อดีนอกจากจะเป็นภาษาที่ใช้งานได้ฟรีแล้ว  ยังสามารถนำไปฟระยุกต์การใช้งานร่วมกับภาษาตัวอื่นๆได้อย่างไม่ยากเช่นกัน  และสามารถที่จะเชื่อมตือ ฐานข้อมูล SQL เพื่อทำเว็บที่ต้องการข้อมูล  และฐานข้อมูลในการเก็บรายละเอียดต่าง  ในขั้นสูงได้  จึงเป็นที่นิยมกันมาก  เพราะระบบเว็บส่วนใหญ่แล้วจะใช้ PHP ในการทำ  และ CMS ต่างๆ  ก็ได้นำพัฒนาเช่นกัน

                โดนรูปแบบทั่วไปในการทำลิงค์  นั้นๆ  มีอยู่ 4 แบบด้วยกันดังนี้

                1. การเชื่อมโยงไปเพจต่างๆ

                2. ลิงค์ไปยังที่อยู่อีเมล์

                3. การเชื่อมโยงลิงค์ไป FTP

การเชื่อมโยงลิงค์เพจเดียวกันนั้น  จะต้องกำหนดด้วย  แท็ก <a>  แล้วตามด้วย  href

ตัวอย่าง

<a href=”ลิงค์” target=”_blank”>ข้อความ</a>

Href : ใช้กำหนด URL ของลิงค์นั้นๆ  เพื่อเป็นการระบุ  เพจปลายทาง

Target : เป็นการกำหนดการกระทำของลิงค์ว่า  จะให้เปิดไปยังที่ระบุแบบดังต่อไปนี้

                _blank : เป็นการเปิดหน้า Windows ใหม่

                _parent : เปิดในเฟรมโดยวิธีนี้จะเกี่ยวข้องกับเรื่อง  เฟรม

                _self : เปิดใหเฟรมปัจจุบัน

                _top : เปิดเต็มฟรม

ตัวอย่าง

<a href=”http://www.webcomzone.com” target=”_blank”>webcomzone</a>

การเชื่อมโยงลิงค์ไปยัง อีเมล์

                เป็นการเชื่อมโยงไปยังอีเมล์นั้นๆ  ถ้าหากคนมีโปรแกรม  Outlook จะทำการเปิดโปรแกรมนั้นด้วย  จะใช้รูปแบบ  mailto: อีเมล์  โดยจะใส่ไว้ใน <a  href”…”>

ตัวอย่าง

<a  href=”mailto : webcom@weecomzone.com”>ติดต่อเรา</a>

การเชื่อมโยงไปยัง FTP

                FTP  เป็นการถ่ายโอนไฟล์  หากมีการเก็บไฟล์นั้นไว้ในเครื่อง  ก็จะสามารถลิงค์ไปยังไฟล์เพื่อทำการดาวน์โหลดมาได้ รูปแบบ

<a  href=”ftp:ตำแหน่งของไฟล์”>ข้อความ</a>

ตัวอย่าง

<a  href=ftp://ftp.webcomzone.com/file.zip>ดาวน์โหลด</a>

แท็ก <ul>…</ul>

                เป็นคำสั่งที่ใช้เรียบบทความ  ดังตัวอย่าง

เดือนของ 1 ปี

<ul>

<li>มกราคม

<li>กุมภาพันธ์

<li>มินาคม

</ul>

แท็ก <ol>…</ol>

                เป็นคำสั่งในรูปรายการที่เป็นตัวเลข  โดยจะเรียงลำดับตั้งแต่ 1… ไปเรื่อยๆ  โดยใช้ <li> เป็นการจัดรูปแบบ ดังตัวอย่าง

เดือนของ 1 ปี

<ul>

<li>มกราคม

<li>กุมภาพันธ์

<li>มินาคม

</ul>

แท็ก <dl>..<dl>

                เป็นแท็กที่ใช้งานร่วมกับ <DT> และ <DD>  เพื่อเป็นการกำหนดหัวข้อต่างๆ  ให้เหมาะสม  โดย <DT> นั้นจะแสดงเป็นหัวข้อหลักชิดขอบ  ส่วน <DD> นั้นจะเป็นหัวข้อลอง  แล้วจะเป็นแสดงย่อหน้าด้วย

<dl>

<dt>หัวข้อที่ 1

<dd> สำหรับเวิลด์ไวด์เว็บนั้นเราก็ได้ยินและได้พิมพ์เข้าไปเป็นประจำกับ 

<dT> หัวข้อที่ 2

 <dd>เวิลด์ไวด์เว็บนั้นได้รับการคิดค้นโดย  ทิม  เบิร์นเนอร์ส-ลี

 </dl>

<PRE WIDTH=width>…</PRE>

Width เป็นการกำหนดความกว้างของบรรทัดนั้นๆ ถ้าหากไม่กำหนดจะเท่ากับขนาด 80

ตัวอย่าง

<PRE >ทดสอบการใช้งาน PRE</PRE>

แท็กต่างๆ  ที่มีความสำคัญในการสร้างตาราง

แท็ก <table>

เป็นแท็กที่กำหนดขอบเขตของตางราง  ซึ่งเป็นคำสั่งหลัก  สามารถสร้างเป็นกรอบ 3 มิติ  ก็ได้  โดยมีการกำหนดแอตตริบิวต์ต่างๆ  โดยใช้ แท็ก <tr>,<td> เป็นการกำหรดช่องและเซลล์ ที่ใช้ประกอบดังนี้

ตัวอย่าง

แท็ก <caption>….</caption>

ใช้ในการกำหนดชื่อของตาราง จะมีหรือไม่มีก็ได้

ตัวอย่าง

<html>

<body>

<table width=”300″ border=”4″ bgcolor=”red” bordercolor=”#ffe95f” align=”center”>

<caption>รายการ  สินค้า</caption>

<tr>

<th> ลำดับที่  </th><th>จำนวน</th>

</tr>

<tr>

<th> 1 </th><th> 10 </th>

</tr>

</table>

</body>

</html>

แท็ก <tr>…</tr>

เป็นการกำหนดที่จะใช้แถวนั้นๆ โดยมีแอตตริบิวต์ดังนี้

ตัวอย่าง

<html>

<body>

<table width=”300″ border=”4″ bgcolor=”red” bordercolor=”#ffe95f” align=”center”>

<caption>รายการ  สินค้า</caption>

<tr align=”center” bgcolor=”#2838d5″ >

<th> ลำดับที่  </th><th>จำนวน</th>

</tr>

<tr>

<th> 1 </th><th> 10 </th>

</tr>

</table>

</body>

</html>

แท็ก <td>…</td>

เป็นการกำหนดที่จะใช้เซลล์นั้นๆ โดยมีแอตตริบิวต์ดังนี้

align	กำหนดตำแหน่งของเนื้อหา right,center,left
bgcolor	กำหนดสีของเซลล์
valign	เป็นการจัดตำแหน่องบนหรือล่าง top,middle,bottom
height	เป็นการกำหนดความสูงของเซลล์

ตัวอย่าง

<html>

<body>

<table width=”300″ border=”4″ bgcolor=”red” bordercolor=”#ffe95f” align=”center”>

<caption>รายการ  สินค้า</caption>

<tr align=”center” bgcolor=”#2838d5″ >

<th bgcolor=”#68f0e2″> ลำดับที่  </th><th>จำนวน</th>

</tr>

<tr>

<th> 1 </th><th> 10 </th>

</tr>

</table>

</body>

</html>

หากมีการกำหนดแล้วแล้วแล้วถ้าเรากำหนดเซลล์จะทับถวไปเลย

ตัวอย่าง

<html><body>
<img src=”http://www.webcomzone.com/wp-content/themes/AnimeVenue/images/logo.png” alt=”LOGO” height=”30%” width=”30%” align=”top”

</body>

</html>

 ตัวอย่าง

<html>
<body>

WEBCOMZONE.COM&reg; <p>

&copy;ZEEDHOST.com

</body>
</html>