Page 30 - การสร้างเว็บไซต์
P. 30

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