การสร้างตาราง,ฟอร์มและการส่งค่า Get and Post คอลโทรลต่าง ๆ

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
คำสั่งเริ่มต้น รูปแบบ. <HTML>. </HTML>
Advertisements

เรียนรู้และเข้าใจ HTML อย่างง่าย
สถิติพื้นฐานที่มีโอกาสนำไปใช้บ่อย
Script Programming& Internet Programming
ตัวอย่างโปรแกรม สร้างแถบเครื่องมืออย่างง่าย ประกอบด้วย
การสร้างเอกสารเว็บเพจด้วยภาษา HTML
Lecture 11: อาร์เรย์แบบหลายมิติ
MS Excel Excel เป็นโปรแกรมประเภท สเปรยชีต (Speadsheet) หรือโปรแกรมตาราง งาน ซึ่งจะเก็บข้อมูลต่าง ๆ ลงบน แผ่นตารางงาน คล้ายกับการเขียน ข้อมูลลงไปในสมุดที่มีการตีช่องตาราง.
หลักการออกแบบเว็บ กำหนดกลุ่มเป้าหมาย จำแนกกลุ่มเนื้อหา
Microsoft Excel 2007.
การสร้างแบบฟอร์ม <form>
HTML (คืออะไร) ภาษา HTML (HyperText Markup Language) เป็นภาษาที่ใช้คำสั่งที่เรียกว่า Tag มีทั้งเปิดและปิด เพื่อกำหนดบริเวณที่มีผลของคำสั่ง คำสั่งภาษา HTML.
โครงสร้าง ภาษา HTML.
ลักษณะพิเศษของ ภายใต้คำสั่ง <BODY>
วิชา การเขียนโปรแกรมบนเว็บ (Web-based Programming)
ทส215 การเขียนโปรแกรมบนเว็บ 1
ปฏิบัติการที่ 3 : การสร้างโฮมเพจอย่างง่าย
HTTP Client-Server.
การสร้างตาราง Click mouse ที่ปุ่ม จะปรากฏช่องสี่เหลี่ยมแสดง
Atlas.ti Date 24/03/10.
การจัดวางตำแหน่งข้อมูลไว้กึ่งกลาง
การสร้างตาราง (Table)
แก้ไขปรับปรุง Form.
– Web Programming and Web Database
การสร้างเว็บด้วย HTML HyperText Markup Language
เกียรติพงษ์ ยอดเยี่ยมแกร
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพิมพ์ข้อความ และการสร้างตาราง
การสร้างเอกสารเว็บเพจด้วยภาษา HTML
HTML.
Page: 1 การพัฒนาโปรแกรมประยุกต์บนเว็บ อ. บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 23 มิถุนายน 2550 ASP Structure Programming มหาวิทยาลัยโยนก.
ครูฉัตร์มงคล สนพลาย. เมตริกซ์ (Matrices) เมตริกซ์ คือ การจัดเรียง จำนวนให้อยู่ในรูป สี่เหลี่ยมผืนผ้า ซึ่งประกอบด้วย แถว (Row) และ หลัก (Column)
พื้นฐานของ Microsoft Office Excel โดย
รายงาน เรื่อง จัดรูปแบบข้อมูล จัดทำโดย ด. ญ. ธิกานดา วัลยาภรณ์ ชั้นม.2/1 เลขที่ 19 เสนอ อาจารย์ ภานุมาศ ชาติมองแดง โรงเรียนวชิรธรรมสาธิต.
DHTML ง40208 การเขียนเว็บไซต์สไตล์ ป.พ. ศูนย์คอมพิวเตอร์
การกำหนด ลักษณะอื่นๆ ง การเขียน เว็บไซต์สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
การสร้างตาราง ง40205 การเขียนเว็บไซต์สไตล์ ป.พ. ศูนย์คอมพิวเตอร์
การกำหนด ลักษณะตาราง ง การเขียน เว็บไซต์สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
เรื่อง การจัดแต่งเอกสาร
การออกรายงานเอกสาร PDF
HTML, PHP.
การสร้างหน้าโฮมเพจด้วยโปรแกรม Macromedia Dreamweaver MX 2004
CHAPTER 6 Macromedia Dreamweaver MX 8.
PHP & MySQL ระบบจัดการสินค้า
บทที่ 3 การทำงานกับฟอร์ม (Form)
การเขียนโปรแกรม PHP เชื่อมต่อกับ MySQL
Web Technology & Basic Web Development
13 October 1. Information and Communication Technology Lab 8 Web Browser and Seach Engine โดย ผู้ช่วยศาสตราจารย์วิชัย.
SML Report Designer การออกแบบรายงาน.
บทที่ 3 การกำหนดรูปแบบตัวอักษร
การจัดการเกี่ยวกับตารางตอนที่ ๖ การสร้างตาราง (TABLE) เบื้องต้น : การ สร้างหัวตาราง ตารางทุกตารางจะมี “ ส่วนหัว ” ของตาราง หรือ HEAD เพื่อใช้กำกับหมู่
การจัดการเกี่ยวกับตารางตอนที่ ๒ การสร้างตาราง (TABLE) เบื้องต้น : การ กำหนดขนาดของตาราง หน่วยที่ใช้ในการกำหนดขนาดของตารางและ ส่วนประกอบของตาราง ช่องสดมภ์ในแถวที่
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
ผังงาน (FLOW CHART) ผังงาน (Flow Chart)เป็นรูปแบบของการจำลองความคิดแบบหนึ่ง รูปแบบของการจำลองความคิดเพื่อความสะดวกในการทำงาน แบ่ง เป็น ๒ แบบ คือ ๑) แบบข้อความ.
การจัดการเกี่ยวกับกรอบตอนที่ ๑ การสร้างกรอบ (FRAME) เบื้องต้น รูปแบ บ TAG คำสั่งเกี่ยวกับการสร้างกรอบ เบื้องต้น ประกอบด้วย กรอบ หรือ FRAME เป็นการแบ่งส่วนของ.
การสร้างฟอร์ม(Form) ด้วยภาษา HTML
Introduction to HTML, PHP – Special Problem (Database)
นางสาววิรากร ใจเอื้อย ตอนที่ 6 นางสาววิรากร ใจ เอื้อย.
HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) เป็นภาษา มาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบ ผสมผสานในการสื่อสารแบบ World-Wide- Web.
เอกสารประกอบการบรรยาย เรื่อง การเขียน Home page ด้วย HTML (2) ตอน... การใช้ FORM โดย ผู้ช่วยศาสตราจารย์วิชัย บุญเจือ
PHP : [1] PHP เบื้องต้น. PHP คืออะไร ? PHP ได้รับการเผยแพร่เป็นครั้ง แรกในปี ค. ศ โดย Rasmus Lerdorf ต่อมาได้มีนัก โปรแกรมเมอร์เข้ามาช่วยในการ พัฒนาต่อมาตามลำดับ.
การสร้างตารางใน เอกสาร Microsoft Word สิ่งที่ต้องเรียนในคาบนี้  เริ่มต้นสร้างตาราง  การจัดการกับแถวและคอลัมน์  การผสานช่องตารางและการจัดแนวข้อความ.
Application Layer.
การสร้างตารางในเอกสาร
Nested loop.
โครงสร้างของภาษา HTML
โดย ส.อ.ประกาศิต วรนุช วิททยาลัยเฉลิมกาณจนา
Microsoft Word Unit Software Packages in Business (Unit 2) อาจารย์อุทัย เซี่ยงเจ็น สำนักวิชาเทคโนโลยีสารสนเทศ และการสื่อสาร มหาวิทยาลัยนเรศวร.
HTML HyperText Markup Language
คำสั่งหลักที่ใช้ในการสร้างตารางของภาษา HTML มีดังนี้
ใบสำเนางานนำเสนอ:

การสร้างตาราง,ฟอร์มและการส่งค่า Get and Post คอลโทรลต่าง ๆ Lecture 3 การสร้างตาราง,ฟอร์มและการส่งค่า Get and Post คอลโทรลต่าง ๆ

การสร้างตาราง Table ประกอบด้วยแถว (row) และคอลัมน์ (col) จุดตัดของแถว และคอลัมน์ เรียกว่า cell ซึ่งใช้บรรจุข้อมูล Column Cell Row

คำสั่งสร้างตาราง <TABLE>...</TABLE> สำหรับใช้เริ่มต้นการสร้าง และจบการสร้างตาราง โดยจะไม่มี เส้นแบ่ง cell <TABLE BORDER=n>…</TABLE> สำหรับใช้เริ่มต้นการสร้างและจบการสร้างตาราง โดยจะมี เส้นแบ่ง Cell แสดงให้เห็น <TR>...</TR> ใช้กำหนดแถวของตาราง <TD>...</TD> กำหนดส่วนของข้อมูลลง cell <TH>...</TH> ใช้กำหนดหัวตาราง <CAPTION ALIGN=TOP|BOTTOM> ใช้เขียนข้อความอธิบายตาราง โดยเขียนให้อยู่ด้านบนหรือด้านล่างของตารางก็ได้ ถ้าไม่กำหนดจะเป็นการกำหนดให้คำอธิบายอยู่ด้านบนของตาราง

tag <TABLE> <TABLE> <TR> <TD>ข้อความ </TD> <TD>ข้อความ </TD> <TD>ข้อความ </TD> </TR> </TR> …….. </TABLE>

การตีกรอบตาราง คำสั่ง <TABLE>...</TABLE> เป็นการสร้างตารางที่ไม่มีเส้น การกำหนดเส้นในตารางใช้ แอตทริบิวต์ BORDER กำหนดลงในคำสั่ง <TABLE> ดังนี้ <TABLE BORDER= ความหนา> ……. </TABLE>

ตัวอย่าง <HTML> <HEAD><TITLE> Table Demo </TITLE></HEAD> <BODY> <H1> ตาราง 2 x 2 พร้อมเส้นกรอบ </H1> <TABLE BORDER> <TR> <TD>เสรี</TD> <TD>ธวัชชัย</TD></TR> <TR> <TD>วิชัย</TD> <TD>ถมกนก</TD> </TR> </TABLE> </BODY> </HTML>

การปรับขนาดความกว้างและความสูงของตาราง เพิ่ม แอตทริบิวต์ WIDTH = x% ลงในคำสั่งเปิด ของ tag <TABLE> โดยที่ x แทนความกว้างของแถวของตารางที่จะแสดงบนจอภาพ เพิ่ม แอตทริบิวต์ HEIGHT = x% ลงในคำสั่งเปิด ของ tag <TABLE> โดยที่ x แทนความสูงของแถวของตารางที่จะแสดงบนจอภาพ <TABLE WIDTH=x%> <TABLE HEIGHT=x%>

การจัดตำแหน่งของข้อมูลใน cell การจัดข้อมูลในเซลทำได้ 2 แบบคือ แนวนอน ได้แก่ LEFT,RIGHT,CENTER แนวตั้ง ได้แก่ TOP, BUTTON, MIDDLE ใน tag <TR>เพิ่ม แอตทริบิวต์ ALIGN= สำหรับแนวนอน VALIGN= สำหรับแนวตั้ง รูปแบบ <TR ALIGN = … VALIGN=…> <TD>…</TD> </TR>

ROWSPAN แอตทริบิวต์ ROWSPAN ใช้กำหนดความสูงเป็นจำนวนเท่าของแถวปกติ ใช้กับ tag <TD> ตัวอย่าง <TABLE BORDER> <TR> <TD>Item1</TD> <TD ROWSPAN=2>Item2</TD> <TD>Item3</TD> </TR> <TR> <TD>Item4</TD> <TD >Item5</TD> </TR> </TABLE>

COLSPAN แอตทริบิวต์ COLSPAN ใช้ปรับขนาดของความกว้างคอลัมน์ในตารางให้มีขนาดเป็นจำนวนเท่าของของขนาดความกว้างปกติ ใน tag <TD> ตัวอย่าง <TABLE BORDER> <TR> <TD>Item1</TD> <TD COLSPAN=2>Item2</TD> </TR> <TR> <TD>Item3</TD> <TD>Item4</TD> <TD >Item5</TD> </TR> </TABLE>

The Design Surface 11

(Internet Information Server) ASP Architecture PC/Mac/Unix + Browser (IE, FireFox) Client Request: http://www.msn.com/default.aspx HTTP TCP/IP Network Response: <html>…</html> Server IIS (Internet Information Server)

Visual Studio generates the markup shown when you create the GUI.

The code-behind file

Lab get vs post