: หน้าหลัก : เกมส : HOT Free : มุขตลก : บทกลอน : ดูดวง : บริการออกแบบเว็บครบวงจร : การสร้างเว็บ : เกร็ดความรู้ : เว็บบอร์ด : เกี่ยวกับเว็บ :
สอน Dreamweaver CS5

รับทำเว็บไซต์ครบวงจร กับมืออาชีพ กับ webUB.com

HTML : HTML5 : PHP : Dreamweaver CS5 : ASP.net : JSP : Oracle : CSS : FileZilla (FTP) : AJAX : JAVA : Upload(FTP) : SEO :
เกี่ยวกับตาราง 2 (Insert Table) = Dreamweaver โดย พ ย า ย า ม ดอทคอม
Basic

> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน Dream4
> การเช็ดไทยใน DreamMX
+ บันทึก-เรียกดูเว็บเพจ
- การบันทึก
- การเรียกดู
+ อุปกรณ์เบื้องต้น
- ตอนที่ 1
- ตอนที่ 2
+ ตัวอักษร
- เริ่มใช้งาน
- Tip & Trick
- การจัดรูปแบบอักษร
+ พื้นหลัง (ฺBackground)
- Text & Link
- Margin
+ การนำภาพลงเว็บเพจ
- วิธีทำ
- สาเหตุภาพไม่ปรากฏ 1
- สาเหตุภาพไม่ปรากฎ 2
- Rollover Image
- Navigation bar
+ ตาราง
- สร้างตาราง
- การเลือกตาราง
- คุณสมบัติตาราง
- cell colum row
- การรวม Cell
- การแบ่ง Cell
+ Layer
- การใช้เลเยอร์
- เลเยอร์ที่สร้างแล้ว
- ปัญหา layer ซ้อนทับกัน
- Layer Perference
+ การทำจุดเชื่อมโยง (Link)
- link ให้ตัวอักษร
- link ด้วยภาพ
- link hotspot
+ Flash
- การแทรก Flash
- ทำให้พื้นหลังโปร่งใส่
- Flash button
+ เฟรม (frame)
- ตอนที่ 1
- ตอนที่ 2
- ตอนที่ 3
- ตอนที่ 4

Advance

+ JumpMenu
- ตอนที่ 1
- ตอนที่ 2
+ css
- การสร้าง css
- กำหนดตัวอักษร
+ Behaviors
- ข้อความที่ Status bar
- เรียก Pop up

Download
@ ทำให้ Dream4 อ่านไทยได้
@ ทำให้ DreamMX อ่านไทยได้
@ DreamMX 2004 7.0 Trial
 << Back
-> Refresh
-> แจ้ง link เสีย
เขียนสมุดเยี่ยม
webboard


เกี่ยวกับตาราง 2( Table )

Table property
หลังจากที่เลือก Table แล้วมาดูค่าต่างๆใน Property inspector ว่าสามารถกำหนดค่าอะไรได้บ้าง

- Table Name : ตั้งชื่อไว้เรียกอ้างอิง
- Rows : สามารถเพิ่มจำนวนแถวได้โดยพิมพ์ตัวเลขเพิ่มเข้าไป
- Cols : สามารถเพิ่มจำนวน Columns ได้โดยการเพิ่มจำนวนตัวเลขเข้าไป
- W และ H : ความกว้างและความสูงของตาราง ถ้าความกว้างถูกเซ็ทหน่วยเป็นเปอร์เซ็นหมายถึง สั่งให้ Browser ปรับความ กว้างของหน้าจอซึ่งจะทำให้ความกว้างของตารางไม่แน่นอน ถ้าระบุเป็นหน่วย Pixel หรือ หน่วยอื่นจะดีกว่า
- Cell Pad ช่องว่างระหว่าง Cell โปรแกรมตั้งไว้ที่ 1
- Cell Space ช่องว่างระหว่าง Cell โปรแกรมตั้งไว้ที่ 2
- Align : กำหนดชิดซ้าย กลาง หรือ ขวา
- Border : ขอบของตาราง
- Bg Color : สีพื้นหลังของตาราง
- Bg Image : ใช้รูปเป็นพื้นหลังของตาราง
- Brdr Color : สีของขอบของตาราง

Property inspector ของ Row ,Columm และ Cell
Porperty ในการใช้งานแต่ละอย่างจะไม่แตกต่างกันขึ้นอยู่กับที่เราทำการเลือก Select ไม่ว่าจะเป็น Row Column Cell

- Property ส่วนบนจะเป็นการควบคุมตัวอักษรหรือรูปภาพที่นำมาใส่ในตารางเหมือนกับ Property ของ Font ที่ได้กล่าวมาแล้ว
- Property ส่วนล่างเป็น Property ที่ควบคุมตารางในส่วนของ Row Column Cell
- W และ H : ขนาดความกว้างของ Cell ไม่จำเป็นต้องปรับ
- No Wrap : ช่อง Wrap จะสั่งให้โปรแกรมทำการตัดคำเมื่อเจอประโยคยาว ๆ แต่จะขยายช่องให้ตามแนวนอนไปเรื่อยๆ จนกระทั่งหมดคำแล้วจึงขึ้นบรรทัดใหม่ (ไม่ต้องติ๊กช่องนี้)
- Head : ในช่อง Head จะทำให้ช่องตารางนั้นกลายเป็นข้อความ เหมือนส่วนหัวตาราง คือเป็นส่วนใหญ่ ตัวหนา และจัดตำแหน่งอยู่กึ่งกลางเสมอ
- Bg : การนำรูปภาพมาทำเป็นพื้นหลัง
- Bg: เลือกสีทำเป็นพื้นหลังถ้าเลือกรูปภาพแล้วไม่ต้องเลือกสี
- Brdr : เลือกสีของขอบพร้อมทั้งขนาดของขอบ

Merge Cell การรวม Cell
- Select Cell ที่ต้องการรวม

                

- คลิกรวม Cell

               

- หลังจากคลิกรวม Cell

               

 

Split Cell การแบ่ง Cell

Select Cell ที่ต้องการแบ่ง Cell โดย กด Ctrl ค้างแล้วคลิกภายใน Cell

               

- มาที่ Property inspector

               

- คลิกที่ Splits cell ดังภาพด้านบน
- จากนั้นจะมี Dialog box ให้ใส่ค่าดังนี้

               

- Split Cell Into : ให้ทำการเลือกว่าต้องการเพิ่ม Cell ไปในทางไหน Row หรือ Columns
- Number of Rows : ระบุจำนวน Cell ที่ต้องการ ส่วนมากโปรแกรมจะคำนวนจำนวนมาให้พอดีแล้ว
- คลิก OK

               

การใช้ตารางในการออกแบบเป็นสิ่งที่จำเป็นอย่างยิ่งเพื่อช่วยเพิ่มความสวยงามและการจัดระเบียบได้อย่างถูกต้อง และ Browser ก็สามารถแสดงผลได้เป็นอย่างดีไม่ว่า Browser จะเป็นรุ่นไหน เก่า หรือ ใหม่ ก็ไม่เป็นปัญหาในการแสดงผล และ สามารถนำตารางมาประยุกต์ใช้ช่วยเพิ่มความเร็วในการ Load รูปภาพโดยการนำรูปภาพมาแบ่งเป็นชิ้นส่วนเล็กๆ แล้วนำมาใส่ ในตารางทีละช่องและกำหนดไม่ให้แสดงขอบของตารางพอที่ Browser ก็จะเหมือนกับว่ารูปที่นำมาต่อกันในตารางนั้นเป็นรูปเดียว กัน และยังสามารถรับชมได้เร็วไม่ต้องเสียเวลา Load นานอีกด้วย ดังนั้นต้องศึกษาและทำความเข้าใจให้ดีเพื่อประโยชน์ ในการออกแบบ

<< Back :: ^ top ^

รับเขียน php asp.net vb VB.NET visual basic c# xml asp BPELcrm CRYTRAL REPORT c sharp database erp Java mrp mysql Oracle SQLServer SQL SERVER

เว็บไซต์ในเครือข่าย: SiamWebCity.com webUB.com Pyayam.com Exam.in.th
หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321 คำขอที่ 32 / 2548
Copyright © 2004 PYAYAM.com : : : . All rights reserved ®. Hosting by Baansiripatt.com