Page 34 - การพัฒนาหนังสืออิเล็กทรอนิกส์เพื่อการศึกษา เรื่อง การสร้างเว็บไซต์
P. 34
่
่
3.6.3 การก�าหนดเวบเพจให้อยูในแต่ละเฟรม โดยทัวไปแล้วเมือสร ้างเฟรมแล้วแต่ละ <form>
็
่
้
่
่
้
็
็
ู
ั
ู
็
ู
ื
เฟรมกจะต้อมีเนอหาหรือข้อมลต่าง! โดยช ้อมลเหล่านนจะเปนข้อมลทีอยูในรูปของเวบเพร ซึงอาจ <Input type='tex" name="ชือช่องกรอกข้อมล" value='ข้อมล" size='number"
่
่
ู
ู
่ ่
่
ู
จะเขียนมาจากหลายๆ ภาษากใด้ทีเกียวข้องกับการสร ้างเวยเทจ ในเฟรมหนงเฟรมจะต้องมีข้อมล maxlength='number' disabled='disabled' readonly='readonly' />
็
็
ึ
่
่
้
ึ
็
เวบเพงหนงเพจ ซีงวีการก�าหนดเอกสารแต่ละเฟรมนนจะท�าภายในเทก โ๓แe ซึงจะอยูภายได้แทก </form>
็
่
็
ั
frameset อีกที
ดังรูปแบบต่อไปน ี ้
<hramesel
่
่
<firame se-'"ทีอยูของเพงหรือเอกสารส�าหรับเฟรมแรก'"> สรุป
่
่
<iame scะ "ทีอยูของเพรหรือเอกสารส�าหวับเฟรมถัดมา>
</rameset>
่
็
็
ตัวอย่างเช่น ภาษา HTML (Hyper Text Markup Language) เปนภาษาทีใช ้ในการสร ้างเวบไซด์
่
็
<framesel rows=*150,""> โดยการก�าหนดรูปแบบของเอกสารในแต่ละเพจ ค�าสังของภาษา HTML จะเรียกว่า แทก
้
้
่
ั
<frame stc='lop htm!"> (Tag)ในการเขียนภาษา HITM!. นน จะต้องมีจุดเริมต้นและจุดสินสุด โดยจะต้องกระท�า
็
็
็
<frame stc= Index.php'> ภายใต้แทก himl(<hm>...</html>) ภายในแทก hแ! กจะมีข้อก�าหนดย่อยๆ ลงไปอีก
่
่
็
่
็
ึ
</framese> เรียกว่า แอตทริบิวด์ (Alitribute)เช่น แทก body กจะมีแอตทริบิวด์ อยูจ�านวนหนง เพือ
้
จากตัวอย่างอธิบายได้ว่า จะมีเฟรมทังหมด 2 เฟรมในแนวนอน โดยเฟรมแรกจะมีขนาด ให้เราสามารถก�าหนดรายละเฮียดรูปแบบของเอกสารลงไปในเพจ เช่น
่
่
็
150 พิกเชล ซึงเพจ เop.hm! จะถูกโหลดมาไว้ในเฟรมแรกด้านบนสุด ส่วนเทจ Index.php จะ <body bgcolor='red" text='navy'>...</body>แทกหรือค�าสังในภาษา HIML จะ
่
็
่
็
็
โหลดมาใส่ มี 2 แบบ คือ แทกเดียวและแทกคู ส�าหรับแทกเดียว
่
้
ิ
ิ
ั
นนจะไมมีการเปดหรือปดแทก เช่น <br, <๒r> เปนต้น ส่วนแทกคูนนจะมีเปดและปด
็
่
ิ
็
ิ
ั
็
่
่
่
็
3.7 ค�าสังเกียวกับการสร ้างฟอร ์ม (HTMI. Form) ฟอร ์มเปนส่วนทีใช ้รับข้อมลจากผ้ใช ้เพือ แทก เช่น
ู
ู
็
้
่
่
่
็
็
ู
ั
่
�
นาข้อมลทีถูกบีอนไปประมวผลทีฝงของชิร ์ฟเวอร ์ ซึงไมจ�าเปนต้องส่งไปยังเชิร ์ฟเวอร ์เสมอไป ถ�า <body>...</body>, <p>...</p>, <table>..</table> เปนต้น
่
่
็
่
เปนการประมวลผลทางฝงของเชิร ์ฟเวอร ์กต้องใช ้โปรแกรมทีอยูในเชิร ์ฟเวอร ์เปนตัวประมวลผล
็
็
ั
่
่
่
็
็
เช่น โปรแกรม PHP, ASP เปนต้น ถ้เปนการประมวลผลทีเครืองเราใช ้งานหรือเครืองลูก (Cllem)
่
่
อาจจะต้องใช ้ Java Scripr เปนตัวประมวลผลหลัก โดยส่วนใหญ่แล้วการท�างานฝงเครืองลูกจะ
็
ั
่
่
่
้
็
เปนการตรวจสอบความถูกต้องของ ข้อมลทีผ้ใช ้ปอนเข้ามาว่าถูกต้องตามทีก�าหนดหรือไม เช่น
ู
ู
่
้
ั
ใส่เพาะตัวเลซเท่านน ถ้ใส่ช ้อมลทีไมใช่ตัวเลขเข้ามาโปรแกรมกจะแจ้งความผิดพลาดออกไปให้ผ้ ู
็
่
ู
่
ใช ้ได้รู้ว่าผิดอย่างไร ซึงจะเปนการช่วยลดภาระการท�างานของฝงเชิร ์ฟเวอร ์ลงได้อย่างมาก
ั
็
่
การสร ้างฟอร ์มจะใช ้แทก fท่ พร ้อมด้วยมีแอตทริบิวด์ต่างๆ ซึงมีรูปแบบดังน ี ้
็
<fomm แอตทริบิวต์>
อิลิเมนต์ของฟอร ์ม การก�าหนดฟอร ์มและแอตทริบิวต์ เช่น
<form name= 'registerform" method= past' action= 'register.php' target="_
blank">
อิลิเมนต์ของฟอร ์ม ภายในอิลิมนต์ <โom>..</iomm> จะประกอบด้วยช่องอิลิมนต์ 3 ประเภท
1) <imput>...</Imput>
2) <select>...</select>
3) <textarea>
อิลิเนต์ Input มีหลายประเภท ได้แก่
่
่
ู
ู
ู
1) Tex Fedใช ้ในการรับข้อมลจากผ้ใช ้แบบบรรทัดเดียวหรือข้อมลทีไมมากนก โดยมีรูปแบบ
ั
30 31
