การสร้างตาราง (Table)

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
เซลล์และเวิร์กชีตและการจัดการกับเวิร์กชีต
Advertisements

คำสั่งเริ่มต้น รูปแบบ. <HTML>. </HTML>
เรียนรู้และเข้าใจ HTML อย่างง่าย
การใส่กรอบให้ข้อความ ใน Word ๒๐๑๐
for Beginning & Publishing
การสร้างเอกสารเว็บเพจด้วยภาษา HTML
" จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม SnagIT" " จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม.
หลักการออกแบบเว็บ กำหนดกลุ่มเป้าหมาย จำแนกกลุ่มเนื้อหา
เตรียมเอกสารประกอบการนำเสนอ
HTML (คืออะไร) ภาษา HTML (HyperText Markup Language) เป็นภาษาที่ใช้คำสั่งที่เรียกว่า Tag มีทั้งเปิดและปิด เพื่อกำหนดบริเวณที่มีผลของคำสั่ง คำสั่งภาษา HTML.
ลักษณะพิเศษของ ภายใต้คำสั่ง <BODY>
ภาษา HTML เบื้องต้น เช่น Internet Explorer และ Netscape Navigator
Microsoft Word Part II Government Savings Bank Computer Training Í
ปฏิบัติการที่ 3 : การสร้างโฮมเพจอย่างง่าย
By Mr.Piched Tanawattana ส่วนประกอบของ Excel แถบชื่อเรื่อง Title bar ปุ่มควบคุม Control Button เวิร์กชีต Worksheet แถบสถานะ Status bar แถบเมนู Menu.
การสร้างตาราง Click mouse ที่ปุ่ม จะปรากฏช่องสี่เหลี่ยมแสดง
การตกแต่งเอกสาร การเลือกรูปแบบและขนาดของตัวอักษร
การสร้าง Web Page จาก Wizard
การจัดวางตำแหน่งข้อมูลไว้กึ่งกลาง
การใส่รูปภาพลงในเว็บเพจ
การกำหนดสีของตัวอักษร การกำหนดสีของตัวอักษรเฉพาะส่วน
การใช้งาน Microsoft Excel
แก้ไขปรับปรุง Form.
– Web Programming and Web Database
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพิมพ์ข้อความ และการสร้างตาราง
การพิมพ์รายงาน / วิทยานิพนธ์
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การสร้างเอกสารเว็บเพจด้วยภาษา HTML
CSS.
HTML.
การใช้ฟังก์ชั่นทาง EXCEL
การจัดเอกสาร และการตกแต่งเอกสาร
อาจารย์ ภานุมาศ ชาติทองแดง โรงเรียนวชิรธรรมสาธิต
รายงาน เรื่อง จัดรูปแบบข้อมูล จัดทำโดย ด. ญ. ธิกานดา วัลยาภรณ์ ชั้นม.2/1 เลขที่ 19 เสนอ อาจารย์ ภานุมาศ ชาติมองแดง โรงเรียนวชิรธรรมสาธิต.
การกำหนด ลักษณะอื่นๆ ง การเขียน เว็บไซต์สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
การสร้างตาราง ง40205 การเขียนเว็บไซต์สไตล์ ป.พ. ศูนย์คอมพิวเตอร์
การกำหนด ลักษณะตาราง ง การเขียน เว็บไซต์สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
ง30216 การสร้างเกมคอมพิวเตอร์
การ Generate ตารางข้อมูลให้เป็นแผนที่โดยใช้ ArcView
บทที่ 7 การแทรกตาราง กราฟ และแผนผัง
การออกรายงานเอกสาร PDF
การสร้างหน้าโฮมเพจด้วยโปรแกรม Macromedia Dreamweaver MX 2004
CHAPTER 6 Macromedia Dreamweaver MX 8.
การแทรกรูปภาพ บนเว็บเพจ.
การใช้โปรแกรม Microsoft Word 2007
Web Technology & Basic Web Development
การสร้างตาราง,ฟอร์มและการส่งค่า Get and Post คอลโทรลต่าง ๆ
บทที่ 3 การกำหนดรูปแบบตัวอักษร
การจัดการเกี่ยวกับตารางตอนที่ ๕ การสร้างตาราง (TABLE) เบื้องต้น : สีและ ภาพพื้นหลังตาราง ค่าปริยายของสีพี้นหลังตารางคือ “ โปร่ง แสง ” หรือ “ ไม่มีสี ”
การจัดการเกี่ยวกับตารางตอนที่ ๒ การสร้างตาราง (TABLE) เบื้องต้น : การ กำหนดขนาดของตาราง หน่วยที่ใช้ในการกำหนดขนาดของตารางและ ส่วนประกอบของตาราง ช่องสดมภ์ในแถวที่
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
รหัสวิชา บทที่ 4 การจัดรูปแบบเอกสาร.
Low Level GUI อ.วิวัฒน์ ชินนาทศิริกุล.
14/01/581 ผู้พัฒนา อะโดบีซิสเต็มส์ ( เริ่ม พัฒนาโดย แมโครมีเดีย ) รุ่นเสถียร ล่าสุด CS3 (9.0) รุ่นทดลอง ล่าสุด (27 มีนาคม พ. ศ. 2550) โอเอส Windows Mac.
เริ่มต้น Photoshop CS5.
ภาพนี้ชื่อว่าอะไร ? ก. แถบเมนูบาร์
เสริมเว็บให้ดูสวย.
นางสาววิรากร ใจเอื้อย ตอนที่ 6 นางสาววิรากร ใจ เอื้อย.
HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) เป็นภาษา มาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบ ผสมผสานในการสื่อสารแบบ World-Wide- Web.
เซลล์และเวิร์กชีตและการจัดการกับเวิร์กชีต
การสร้างตารางใน เอกสาร Microsoft Word สิ่งที่ต้องเรียนในคาบนี้  เริ่มต้นสร้างตาราง  การจัดการกับแถวและคอลัมน์  การผสานช่องตารางและการจัดแนวข้อความ.
HTML ก็คือภาษาคอมพิวเตอร์ระดับสูงภาษา หนึ่งซึ่งถูกออกแบบมาเพื่อใช้ในการแสดงผล ข้อมูลบนระบบอินเตอร์เน็ท โดยใช้ เครื่องหมาย เป็นตัวกำหนดหลัก โดย ส่วนมากจะใช้คำสั่ง.
การพิมพ์ตารางออกทางเครื่องพิมพ์
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
การสร้างตารางในเอกสาร
โดย ส.อ.ประกาศิต วรนุช วิททยาลัยเฉลิมกาณจนา
Microsoft Word Unit Software Packages in Business (Unit 2) อาจารย์อุทัย เซี่ยงเจ็น สำนักวิชาเทคโนโลยีสารสนเทศ และการสื่อสาร มหาวิทยาลัยนเรศวร.
HTML HyperText Markup Language
คำสั่งหลักที่ใช้ในการสร้างตารางของภาษา HTML มีดังนี้
ใบสำเนางานนำเสนอ:

การสร้างตาราง (Table) Attribute ที่สำคัญ ของ TABLE Attribute ที่สำคัญ ของ TD  การใส่ภาพในพื้นหลังของตาราง  

การสร้างตาราง (Table)

รูปแบบคำสั่ง

ตัวอย่างการใช้คำสั่ง ตัวอย่างการใช้คำสั่ง  

แสดงผล 

Attribute ที่สำคัญ ของ TABLE border ใช้กำหนดความหนา ของขอบ ตาราง ถ้าไม่ต้องการให้มี ขอบ กำหนดเป็น 0 cellPadding ใช้กำหนดพื้นที่ว่างๆภายในขอบเซลของตาราง cellSpacing ใช้กำหนดช่องว่างระหว่างเซล width ใช้กำหนดความกว้างของ Table และ ความกว้าง ของช่องเซลล์ สามารถ กำหนดเป็นตัวเลขหน่อย pixel หรือ กำหนดเป็น % ก็ได้ height ใช้กำหนดความสูงของ Table และ ความสูงของ ช่องเซลล์สามารถ กำหนดเป็นตัวเลขหน่อย pixel หรือกำหนดเป็น % bgcolor ใช้กำหนดสีพื้นของ Table และ สีพื้นของช่องเซลล์

Attribute ที่สำคัญ ของ TD align ใช้กำหนด ตำแหน่งของ สิ่งที่จะแสดงภายในเซล์ในแนวนอน มี left ,center,right valign ใช้กำหนด ตำแหน่งของ สิ่งที่จะแสดงภายในเซล์ในแนวตั้ง มี top ,middle,bottom Attribute ที่น่าสนใจอื่นๆ Colspan (รวม cell แนวนอน ) (ตัวอย่างการใช้อยู่ด้านล่าง) , Rowspan ( รวม cell แนวตั้ง )

ตัวอย่างการใช้คำสั่ง ตัวอย่างการใช้คำสั่ง  

แสดงผล 

การใส่ภาพในพื้นหลังของตาราง การใส่ภาพในพื้นหลังของตาราง   ตัวอย่างการใช้คำสั่ง   <TABLE width=450 height=100 border=1 cellpadding=10 cellspacing=0> <TR> <TD background="bgthai.jpg"> ข้อมูลที่ต้องการแสดง</TD> </TR> </TABLE>

แสดงผล