Page 36 - ชิ้นโครงงาน ซ้อม.pdf 1.52
P. 36

่
                                                                                 ่
                   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ใช ้ในการรับข้อมลจากผ้ใช ้แบบบรรทัดเดียวหรือข้อมลทีไมมากนก โดยมีรูปแบบ
                                                                                         ั
                                                               32                                                                                                        33
   31   32   33   34   35   36   37   38   39   40   41