Page 31 - ชิ้นงานโครงงาน สหรัฐ
P. 31

่
 ่
 ่
 ็
    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
   26   27   28   29   30   31   32   33   34   35   36