หนวยการเรยนท 9 การสรางฟอรม

สาระการเรยนร เวบเพจแบงตามลกษณะการใชงานม 2 ประเภทคอ สแตตก (Static Webpage) เปนเวบทในหนาเนอหาหนงผชมจะมองเหนไดจากบราวเซ อรเหมอนกนหมด ภาษาทใชเปน HTML เทานน และ แบบ ไดนามก (Dynamic Webpage) ซงเปนการออกแบบเวบทใชภาษาหรอโปรแกรมทซบซอนขน เชน ภาษา- Java JavaScript ASP JSP PHP เปนตน โดยหนาเวบหนง ๆ อาจมการแสดงผลไดหลายลกษณะตามความตองการของผชม สามารถโตตอบ สงขอมลไป - มาได การเรยนรในบทนเปนการ ปพน ฐานการสรางแบบฟอรมการโตตอบ ซงอาจเปนแบบสงขอความ สงไฟล ปมตดสนใจสง หรอยกเลก โดยใหฝก การสรางฟอรม สงขอมล รปแบบตางๆ เพอนาไปใชงาน ในไดนามกเวบไดตอไป

ผงความคด (Mind Mapping)

1. การใชงาน Form ในเวบไซต

6.การสรางฟอรมแบบ Radio Button

2. เครองมอสราง Form

5.การสรางฟอรมแบบ Check Box

3. การสรางฟอรมแบบ Text Fiel

d

4. การสรางฟอรมแบบ Text Area

7.การสรางฟอรมแบบ Radio Group

8.. การสรางฟอรมแบบ List/Menu

9.การสรางฟอรมแบบ Jump Menu

11. การสรางฟอรมแบบ Button

10. การสรางกรอบสาหรบเลอกไฟล

การสรางฟอรมสงขอมลบนเวบ

278

4. สามารถสรางฟอรมแบบเชคบอก(Check Box) ได 5. สามารถสรางฟอรมแบบตวเลอก(Radio Button) ได 6. สามารถสรางฟอรมแบบกลมตวเลอก (Radio Group) ได 7. สามารถสรางฟอรมแบบลสตรายการ(List/Menu) ได 8. สามารถสรางฟอรมแบบรายการเชอมโยง(Jump Menu) ได 9. สามารถสรางฟอรมแบบกรอบเลอกไฟล (File Field) ได

10. สามารถสรางปมกด โตตอบ (Button) ได

จดประสงคการเรยนร 1. บอกการใชงานของ Form ในเวบไซตได 2. สามารถสรางฟอรมแบบกรอกขอความบรรทดเดยว(Text field) ได 3. สามารถสรางฟอรมแบบกรอกขอความหลายบรรทด(Text Area) ได

279

การสรางฟอรมสงขอมลบนเวบ

การสงขอมลบนเวบจากเครองลกขาย (Client) หรอผใชงาน ไปยงเครอง Server เพอนาขอมลไปเกบหรอประมวลผล จะตองมแบบฟอรมกรอกขอมลใหผใชกรอก ซงแบบฟอรมทใชมหลายแบบใหเลอกใชตามความตองการของผออกแบบฐานขอมล ในหนวยการเรยนน จะแนะนาการสรางฟอรมแบบ ตาง ๆทมใชบนอนเทอรเนต เพอใหนกเรยนไดฝกสรางและนาไปใชงานตอไป

1. การใชงาน Form ในเวบไซต

ฟอรม(Form)เปนเครองมอโตตอบในเวบประเภทไดนามก (Dynamic Web) ระหวางเครองผใช( ) กบเครองบรการหรอ Client Server เพอนาขอมลไปประมวลผลตอ เชนการสงใบสมครเปนสมาชก การสงซอของผานอนเทอรเนต ดงตวอยางฟอรม การสมครสมาชก รปท 9.1 การออกแบบเวบประเภท ไดนามกตองใชภาษา CGI Script ขนมา เสรมกบภาษา HTML เชน Java , JavaScript , ASP , JSP , PHP, MySQL, CGI , PERL เปนตน เพอเขยนคาสงใหมการประมวลผลขอมลและนาผลแจงตอผขอตาง ๆ ในทนจะกลาวถง เฉพาะการสรางรปแบบ ฟอรมทใชสงขอมล เทานน

รปท 9.1 ตวอยางฟอรม ทใชในอนเทอรเนต

280

การทางานของฟอรมสงขอมลในเวบไซต มดงน

1. ผใชปอนขอมลลงในฟอรม เลอกตาแหนง (Server) เปาหมาย แลวคลก Sent หรอ Submit 2. เมอ Server ไดรบขอมล จะสงให CGI Script ทาการประมวลผล 3. CGI Script ประมวลผลแลวแสดงผลลพธทได การสงขอมลจากฟอรม ไป Server ให CGI Script ทาการประมวลผลม 2 วธ คอ 1. GET เปนการสงขอมลจากฟอรมพรอมกนทงหมดผาน Url ไปยง CGI Script (ทาใหมขอเสย

ตรงทระหวางการสง Url จะแสดงเสนทาง ชอไฟลทงหมด ทาใหงายตอการ Hack) 2. POST เปนการสงขอมลจากฟอรมไปยง CGI Script ทละบรรทด ซงเปนแบบทนยมใช

2. เครองมอสรางฟอรม

โปรแกรม Dreamweaver ไดเตรยมเครองมอสราง from แบบตาง ๆ ไวให ในการนาไปใชจรงผใชตองเขยนโปรแกรมสครปต เชน PHP, ASP, JAVA, CGI, PERL เปนตน สงใหทางานดวยเสมอ ดงรปท 9.2

รปท 9.2 เครองมอสราง Form ของ Dreamweaver 8.0

1. คาสงสราง Form 8. แบบลสรายการ 2. ฟลดกรอกขอความ 9. แบบรายการเชอมโยง 3. ฟลดซอน 10. ฟลดรปภาพ 4. ฟลดกรอกขอความแบบหลายบรรทด 11. กรอบสาหรบเลอกไฟล 5. แบบเชคบอกซ 12. ปมกด 6. แบบตวลอก 13. ฟลดแถบขอความ 7. แบบกลมตวเลอก 14. ฟลดจดกลมฟอรม

การเรยกใชเครองมอสรางฟอรม เมอกาหนดตาแหนงโดยคลกวางเคอรเซอร เรยบรอยแลวเลอก Insert bar > Form จะเหนรายการ ฟอรมใหเลอกใชงาน ซงการเลอกใชจะตองเรมท ไอคอน Form ตามหมายเลข 1 กอน เมอคลก Form จะปรากฏเสนประสแดง เปนเสนแสดงขอบเขต Form ซงภายในเสนขอบเขตนเราสามารถสรางแบบฟอรมโดยใชตารางมากาหนดพนทออกแบบ เหมอนออกแบบหนาเวบเพจ ทวไป และสามารถใชคาสงสรางฟอรมไดหลายแบบในกรอบเสนประสแดงดงรปท 9.3

281

1. เสนประสแดง แสดงขอบเขตทสามารถสรางฟอรมได 2. แสดงสถานะ Tag Form 3. แสดง Properties ของ Form 3.1 From name ใหตงชอ เพอใชเขยนสครปตคาสง 3.2 Action ใหระบปลายทางหรอ Server ทจะสงขอมลจามฟอรมนไปประมวลผล

เลอกวธการสงขอมล ( 3.3 Method แบบ GET หรอ POST) ไปประมวลผลท CGI Script 4. ตารางทเรยกมาเพอกาหนดพนทสรางฟอรม

รปท 9.3 กรอบพนทสรางฟอรมและการกาหนดร ายละเอยด

3. การสรางฟอรมแบบ Text field

ฟอรมกรอกขอความบรรทดเดยว (Text field) ใชสาหรบสรางฟอรมกรอกขอความสน ๆ เชน กรอกชอ นามสกล Password มขนตอนการสราง ดงรปท 9.4 1. เลอกไอคอนเครองมอสราง Form 2. ทาการแทรกตารางเพอจดพนท พมพรายการแบบฟอรมตามตองการ 3. คลกวางเคอรเซอรในตาแหนงทจะสรางฟอรม

282

4. คลกไอคอนคาสงฟลดกรอกขอความแบบบรรทดเดยว จะปรากฏหนาตางใหกาหนด ปายชอฟลด (Label) ในทนไมตอง กาหนดเพราะเราพมพหวเรองในตารางไวแลว และใหกาหนดตาแหนงปายชอ ในทนกาหนดอะไรกไดเพราะไมมผลอะไร > คลก OK 5. ใหทาซาจนครบจานวนฟลดทตองการ 6. คลกฟลดแตละฟลด แลวกาหนด Properties ใหครบตงแตชอฟลด (Text Field) เพอเวลาเขยนคาสงสครปตจะไดกาหนดไดถกตอง ไดแก Char width: จานวนตวอกษรทใสไดในฟลด Max Char: จานวนตวอกษรใสไดมากสด Type: กาหนดจานวนบรรทด แบบ Single Line หรอ Multi line ในทนตองการแถวเดยว สรางเสรจกด F12 ดตวอยาง

283

รปท 9.4 แสดงขนตอนการสรางฟอรมกรอกขอความบรรทดเดยว

284

4. การสรางฟอรมแบบ Text Area

ฟอรมแบบ Text Area ใชกรอกขอความหลายบรรทดใชสาหรบสงขอมลเชน กรอบแสดง-ความคดเหน สงขอความ E-mail รายการทอย ซงตองพมพมากกวา 1 บรรทด การสรางฟอรมมขนตอนคลายกบการสรางฟอรม Text Field หรอฟลดบรรทดเดยวในขอ 3 เพยงแตเปลยนไอคอนคาสงมาใชฟลด กรอกขอความแบบหลายบรรทดเทานน ดงรปท 9.5 รปท 9.5 แสดงการสรางฟลดกรอกขอความแบบหลายบรรทด

เลอกแบบการตดคาขนบรรทดใหม ควรใชแบบ Physical จานวนบรรทดทตองการ

จานวนตวอกษรแตละบรรทด

กาหนดชอฟลด

1

2

285

5. การสรางฟอรมแบบเชคบอกซ(Check Box)

ฟอรมแบบเชคบอกซ ใชสาหรบเลอกคาตอบทสามารถตอบไดหลายขอ และสามารถคลกซยกเลกคาตอบทเลอกแลวได เชนใหผตอ บเลอกประเภทบรการทตองการรบขอมลซงสามารถเลอกไดมากกวา 1 รายการ วธการสราง ดงรปท 9.6 เรมจากเครองมอสราง Form > แทรกตารางกาหนดพนทแบบฟอรม > 1. คลกวางเคอรเซอร ทตองการสรางเชคบอกซ > 2. คลกไอคอนสรางเชคบอกซ > จะปรากฏหนาตางกาหนดรายการคณสมบต หมายเลข 3. กาหนดปายชอ 4. รปแบบเชน การต ดคา 5. ตาแหนงของปา ย อยหนา หรอหลง เชคบอก 6. ตอบ OK > ได ฟอรมเชคบอก ใหทาซา 1- 6 จน ไดเชคบอกซตามจานวนทตองการ ทาการตกแตงรายละเอยด แลวทดสอบผลทางบราวเซอร

2

รปท 9.6 แสดงขนตอนการสราง เชคบอก

286

6. การสรางฟอรม Radio Button

ฟอรม Radio Button เปนฟอรมในรปแบบป ม ทใชสาหรบการตอบคาถามแบบเลอกตอบทตองการคาตอบเพยงขอเดยวเทานน ดงตวอยางทแสดง มขนตอนการสรางคลายกบฟอรมแบบเชคบอกซ มาก ดงรปท 9.7 เรมจากไอคอนเครองมอสรางฟอรม > ใสตารางกาหนดพนท สรางกรอบ และใสขอความตามรปแบบทตองการสราง > 1. คลกเคอรเซอรในตาแหนงทตองการสราง Radio Button > 2. คลกไอคอนสราง Radio Button > 3. ปรากฏหนาตางใหกาหนดชอ ปม Radio และรายการตามตวอยาง > OK กจะได ปมตวเลอกแบบ Radio ทาซ าขนตอนท 1-3 จนไดปมตวเลอกครบ ทาการปรบแตงตาราง ขนาดตวอกษร ส แลวทดสอบดผลทางบราวเซอร สาหรบการสงคาไปประมวลผลท CGI Script จะสงคาตาม Checked Value ทกาหนด ดงนนการ กาหนดรายการใน Properties จะตองตงคา Radio Button และ Checked Value ไวเพอเขยนคาสงสครปตตอไป 2 รปท 9.7 แสดงขนตอนการสราง Radio Button

287

7. การสรางฟอรมแบบ Radio Group

Radio Group เปนฟอรมลกษณะเดยวกบ Radio Button ตางกนท Radio Group เปนฟอรมทออกแบบมาใหเราสรางตวเลอกแบบเปนกลมหรอเปนชด สามารถเพม – ลด รายการตวเลอกได ขนตอนการสรางมดงรปท 9.8 เรมจากไอคอนเครองมอสรางฟอรม > ใสตารางกาหนดพนท สรางกรอบ และใสขอความตามรปแบบทตองการสราง 1. คลกเคอรเซอรในตาแหนงทตองการสราง Radio Group 2. คลกคาสง Radio Group > จะปรากฏหนาตาง Radio Group 3. ท Name ตงชอกรป ในทนเปนตวอยางการสรางคาถาม จงใชชอวา Question1 4. เปนรายการเพม – ลด กลมปมตวเลอกของคาถาม ถาตองการเพมรายการคลก ปม + ตองการลบใหแดรกชอรายการแลวคลกปมลบ (-) ชอง Label ใหตงชอรายการแตละตวเลอ กชอง Value ใหกาหนดคาของแตละรายการ ซงการประมวลผล เมอสงขอมลไปใหโปรแกรม CGI Script เชน PHP จะใชชอ Radio Button และคา Value นไปใช เมอกาหนดรายการ (Label) คา (Value) 5. คลก OK 6. จะไดผลตามตองการ ดงตวอยางไดทดลองคลก รายการตวเลอกท 1 ใหดจะเหนชอง Radio Button แสดงชอ Question 1 ชอง Checked Value แสดงคา 1 ซงหากคลกรายการตวเลอกท 2 กจะแสดงคาชอง Radio Button แสดงชอ Question 1 ชอง Checked Value แสดงคา 2 เรอยไป เมอสรางเสรจใหตกแตงปรบคาตาราง สตาราง ขนาดตวอกษร แลงทดสอบผลทางบราวเซอร ตอไป

288

2

6

รปท 9.8 แสดงขนตอนการสราง Radio Group

289

8. การสรางฟอรมแบบ List/Menu

List/Menu เปนฟอรมจดการหวขอรายการ มไวใหผกรอกรายการในฟอรมทางอนเทอรเนตตอบคาถามหรอกรอกขอมลโดยมรายการไวใหคลกเลอกไมตองพมพใหเสยเวลา เพอสรางความสะดวกในการตอบ และคาตอบทสงไป มคา ตรงกนกบกลมคาตอบทเตรยมไวในฐานขอมล ทาใหสะดวกตอการประมวลผล เชนรายการ ว น วนท เดอน วฒการศกษา ฟอรมแบบลสตรายการ แบงเปน 2 แบบ คอ รายการแบบลสต (List) และ รายการแบบเมน (menu) การสรางมดงน

1. ฟอรมรายการแบบลสต (List) มขนตอนการสรางมดงน

ฟอรมรายการแบบลสต เปนการสรางรายการเลอกมาใหผกรอกขอมลเลอกโดยไมตองพมพเอง เพอเปนการลอคคาตอบใหอยในรปแบบ ทกาหนดเทานน เชน รายการวฒการศกษา แผนกวชาทจบ ซงผออกแบบฐานขอมลเหนวา สามารถกาหนดคาตอบได หากปลอยใหผตอบพมพ อาจผดพลาด เชนขอมลทกรอกมการใชตวพมพเลก ตวพมพใหญ เวนวรรคไมเทากน โปรแกรมประมวลผลจะมองวาเปนคาตอบใหมเสมอ การออกแบบดวยฟอรม แบบลสต จงไดรบความนยมใชมาก การสรางมขนตอน ดงรปท 9.11 ขนตอนตงแตเรมถงการกาหนดคณสมบต ของการสรางฟอรมทกแบบจะเหมอนก น ทตางกน คอการเลอกชนดเครองมอสรางฟอรม คอ เรมจากเครองมอสราง Form > แทรกตารางกาหนดพนท > คลกวางเคอรเซอรตาแหนงตองการสรางฟอรมภายในตาราง > คลกไอคอนคาสงสรางฟอรม ในทนเลอกแบบ List/Menu > ปรากฏหนาตางใหกาหนดชอฟอรม > คลก OK > กจะได ฟอรมList/Menu > คลกฟอรมทไดเพอกาหนดคณสมบต การกาหนดคณสมบตใน Properties ของฟอรม List ทาดงรปท 9.9 และ รปท 9.10 1. ตงชอ เพอใชเขยน สครปคาสง 2. ท Type เลอกแบบ List 3. คลกปม List Values เพอสรางรายการ 4. ทาการสรางรายการ และกาหนดคา ดงหมายเลข 4 5. กาหนดจานวนแถวรายการ (List) ใหแสดงบนบราวเซอรในทนใหแสดง 3 บรรทด 6. Initially Selected คอกาหนดรายการทใหแสดงไวเสมอเมอแสดงผลบนบราวเซอร จะไดผลงานดงรปท 9.10 บนทก และ ทดสอบผล กดปม F12

290

รปท 9.9 แสดงการกาหนดรายการ และต งคาตาง ๆ ในรายการแบบลสต

รปท 9.10 แสดงผลการสรางฟอรมแบบ List และ Menu

2. ฟอรมแบบรายการ Menu มขนตอนดงรปท 9.11 และ รปท 9.12

ขนตอนตงแตเรมถงการกาหนดคณสมบต ของการสรางฟอรมเหมอนกบการสรางแบบรายการ List (ดงรปท 9.11 หมายเลข 1-5) เมอไดฟอรมแบบ List/Menu แลว คลกฟอรมทไดเพอกาหนดคณสมบต การกาหนดคณสมบตใน Properties ของฟอรม Menu

291

6. ท List/Menu ตงชอ (เพอใชเขยนคาสง CGI Script) 7. Type เลอกชนดของรายการ แบบ Menu 8. คลก ปม List Value เพอใสรายการใหเมน จะปรากฏหนาตาง ตามหมายเลข 9 9. ใสรายการ (Label) และกาหนดคา (Value) ตามจานวนทตองการ 10. คลก OK จะกลบมาทหนาออกแบบ ใหกาหนดคา initially Selected เพอกาหนดใหแสดงคาตาแหนงรายการใดคงทไ วเมอแสดงผลบนบราวเซอร

2

รปท9.11 แสดงขนตอนการสรางฟอรมลสตรายการแบบ Menu

292

รปท 9.12 แสดงผลการสรางฟอรมรายการแบบเมน

ฟอรมรายการแบบ List/Menu นบวาเปนแบบฟอรมทด มการในไปใชมาก เนองจากการออกแบบฐานขอมลทตองการคาตอบทมแบบการตอบ ตรงกนมากทสด เราจะพบไดจากทกฟอรมในระบบคอมพวเตอร ตวอยางการสราง List/Menu ทกลาวมา ดงรปท 9.13

รปท 9.13 แสดงผลการสรางฟอรมแบบ List และ Menu

293

9. การสรางฟอรมแบบเชอมโยง(Jump Menu)

Jump Menu เปนฟอรมทใชสรางรายการลงคไปยงหนาเนอหาตาง ๆ ในเวบไซต ใหผเขาชมสามารถเลอกคลกรายการลงคไปดเวบหนาอน ๆ ทงภา ยในเวบไซตเดยวกน และเวบไซตอน ๆ ไดอยางรวดเรว การสราง Jump Menu มดงรปท 9.14 และ 9.15 เรมจากเครองมอสราง Form > แทรกตารางกาหนดพนทสรางฟอรม > 1.คลกวางเคอรเซอรทตาแหนงตองการสรางฟอรม > 2. คลกไอคอนสรางฟอรม Jump Menu > 3. จะปรากฏหนาตางใหใส รายการ > 4. กาหนดการลงค โดยคลกปม Brown เลอกไฟลทตองการ > 5. คลก OK จะปรากฏผลดงรปท 9.15 ใหกาหนดรายการ initially และตกแตงตารางใหเรยบรอย 2

รปท 9.14 แสดงขนตอนการสรา งฟอรมลงคแบบ Jump Menu

294

รปท 9.15 แสดงผลการสราง Jump Menu และการกาหนดคา Initially

10. การสรางกรอบสาหรบเลอกไฟล

กรอบสาหรบเลอกไฟล ใชสาหรบการสงขอมลเปนไฟล เชนการ Upload ไฟลไปยง Server ของเวบไซต โดยจะมปม Browse สาหรบคนหาไฟล เวลาใชงานจรงตองเขยนคาสงสครปตเพม จงจะใชงาน ได วธการสรางกรอบเลอกไฟล ทาได ดงรปท 9.16 และ 9.17 เรมจากเครองมอสราง Form > แทรกตารางกาหนดพนทสรางฟอรม > 1.คลกวางเคอรเซอรทตาแหนงตองการสรางกรอบสงไฟล > 2. คลกไอคอนสรางฟอรมแบบ File Field > 3. จะปรากฏหนาตางกาหนด รายการ คลกเลอกตามตวอยาง > คลก OK

295

รปท 9.16 แสดงการสรางกรอบเลอกไฟลสงไฟลทางเวบไซต

4. คลกทไฟลฟลดแตละฟลด > 5. กาหนดชอชอง File Field name ขนาดความกวางการรบจานวนตวอกษร (Char width, Max char) และปรบแตงตาราง > สงบนทก และ กดปม F 12 ดผลทางบราวเซอร ใหเรยบรอยเปนอนวาเสรจ ...ไดกรอบเลอกไฟลสงงานตามต องการ ดงรปท 9.17

รปท 9.17 แสดงผลการสรางกรอบเลอกไฟลสงไฟลทางเวบไซต

296

11. การสรางปม โตตอบ(Button)

การสรางฟอรมเพอการโตตอบ สงขอมลตาง ๆ บนเวบไซต เมอดาเนนการปอนขอมลลง แบบฟอรมตาง ๆ ครบ ขน สดทายเราตองมปมคลกเพอ ตอบตกลง หรอ ยกเลก ไดแกปม Submit หรอ ไมยอมรบ ไดแกปม Reset เสมอเพอสงขอมลไปยงโปรแกรมสครปต (CGI Script) ดาเนนการประมวลผล แสดงผลตามตองการตอไป การสรางปมกดโตตอบทาได ดงรปท 9.18 เรมจากเครองมอสราง Form > แทรกตารางกาหนดพนทสรางฟอรม > 1.คลกวางเคอรเซอรทตาแหนงตองการสรางปมโตตอบ > 2. คลกไอคอนสรางปม > 3. จะปรากฏหนาตางกาหนดรายการ คลก เลอกตามตวอยาง ชอง Label ไมตองใส > คลก OK

รปท 9.18 แสดงขนตอนการสรางปมโตตอบ

297

4. ใหคลกทปม เพอกาหนดรายการใน Properties > 5. เลอก Action เปน Submit (ตกลง ใหสงขอมลไป) หรอ Reset (ยกเลก) > 6. ใหตงชอ (Button name) และValue เพอใชเขยนคาสงสครปตตอไป ผลทได ดงรปท 9.19

รปท 9.19 แสดงขนตอนการสราง และตวอยาง ปมโตตอบ

ตวยางทเสรจแลว

สรป บทเรยน ฟอรม เปนสวนประกอบของเวบไซต ใช สาหรบ กรอกขอมลเพอนาขอมล ฝงผใช สงไป

ให Server เพอเกบไวในระบบฐานขอมล แลวนามาประมวลผลตามการรองขอจากผใช และมาสงผลลพธกลบมาใหผรองขอทราบเปนการสรางการโตตอบขนบนเวบ การสงขอมลไปประมวลผลบนเครอง Server เปนเรองทตองศกษาตอไป ในการเรยนวชาการสรางเวบระดบ ปวช.ยงคงเปนการเรยนรการออกแบบหนาเวบในรปแบบตาง ๆ ตองการสรางทกษะการออกแบบ ทถกตอง สามารถเลอกรปแบบวธการสรางไปใชไดอยางเหมาะสม การพฒนาโปรแกรม ไมไดหยดนง การแขงขนดาน IT ในยคปจจบนมสงมาก เราจะตองรจกเลอกนาสงทเราถนดไปใชงาน เราอาจไมจาเปนตองเปลยนแปลง ตวโปรแกรมใชงานมากนก ดงเชนโปรแกรม Dreamweaver ทนามาเสนอในทนเปน Version 8.0 ซงปจจบนมการพฒนาไปเปน Version CSx การเลอกใชโปรแกรมมขอทตองคานงอยมาก เชน ประโยชนการใชเทคนคทเพมขน ความสามารถของเครองคอมพวเตอร ดงนน จงขอใหนกเรยนไดศกษา และเลอกใชอยางเหมาะสม เพอประสทธภาพการทางานทดตอไป

........................................................................................................

298

เพอใหนกศกษาทบทวนความรในบทเรยน ใหตอบคาถามตอไปน วาเรามความรในสงตอไปนเพยงใด

แบบฝกหดประจาบทเรยน

คาสง ใหตอบคาถามตอไปน 1. ความหมายของฟอรม ในการสรางเวบ หมายถงการออกแบบสรางสวนใดของเวบ ...................................................................................................................................................................... 2. การสรางฟอรมตองเรมจากการใชคาสงอะไรกอนเสมอ …………………………………………………………………………………………………………….. 3. การใชตารางมาชวย กาหนดตาแหนงเนอหา ในฟอรม ชวยใหการอ อกแบบสรางฟอรมมผลอยางไร ........................................................................................................................................................................ 4. ฟอรมแบบทใหเลอกตอบไดเพยง 1 ขอมฟอรมประเภทใดบาง …………………………………………………………………………………………………………….. 5. ฟอรมประเภททเลอกตอบไดมากกวา 1 ขอมฟอรมประเภทใดบาง …………………………………………………………………………………………………………….. 6. ฟอรมทชวยใหผตอบสามารถแ นบไฟลขอมลสง ไปดวยชอวาอะไร ……………………………………………………………………………………………………………. 7. ฟอรมกรอกขอมล ทมคาตอบไวใหผตอบเลอกคาตอบกรอกขอมลได ควรใชฟอรมแบบใด …………………………………………………………………………………………………………….. 8. ฟอรมประเภททไมตองก ารใหผตอบกรอกขอมลเอง แตมรายการตวเลอกใหผตอบคลกเลอกจากรายการเทานน มประโยชนอยางไร ……………………………………………………………………….. ……………………………………………………………………………………………………………. 9. การสรางฟอรมสงขอมลทด ควรมลกษณะใดบาง ...................................................................................................................................................................... ...................................................................................................................................................................... 10. ฟอรมแบบใดทจะตองสรางเปนจดสดทายเสมอ ......................................................................................................................................................................

299

อางอง

กตต ภกดวฒนะกล , Dream weaver MX 2004,กรงเทพ , เคทพ เกรยงศกด เจรญวงศศกด,ออกแบบและสรางเวบสวยดวย Dream weaver CS3,กรงเทพ ; ซเอดยเคชน,2551. กฤษณะ สถต , สรางโฮมเพจดวยตนเอง ,กรงเทพ:Info press. ประภาพร ชางไม , สรางเวบสวยดวย Dreamweaver 8.0 , กรงเทพฯ : ดจอารต. พรเศก จตตแจง , การสรางเวบไซต ,กรงเทพ ; Success Media. แหลงสบคน : http://www.nectect.or.th http://www.webthaidd.com/dreamweaver/news.php?id=445

http://cannot.info/page?p=1310520034773

http://www.pyayam.com/article/show.php?Category=webpage&No=67