: หน้าหลัก : เกมส : HOT Free : มุขตลก : บทกลอน : ดูดวง : บริการออกแบบเว็บครบวงจร : การสร้างเว็บ : เกร็ดความรู้ : เว็บบอร์ด : เกี่ยวกับเว็บ :
หน้าแรกของ D r e a m w e a v e r
Hosting
เว็บบอร์ดของ Dreamweaver :: HTML :: CSS :: JAVA :: Upload :: Free SCRIPT :: Free HOSTING :: อื่น ๆ
เกี่ยวกับตาราง 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 ^


ฟรีเว็บไซต์สำเร็จรูป สำหรับ ธุรกิจขายตรง อาหารเสริม สร้างเครือข่าย หาทีมงาน ทำงานที่บ้าน ธุรกิจเครือข่าย MLM อาชีพเสริม รายได้พิเศษ - ธุรกิจ/ขายตรง

คม-ชัด-ลึก  : ไทยรัฐ : เดลินิวส์ : แนวหน้า  : ข่าวสด  : มติชน  : กรุงเทพทูเดย์  : กรุงเทพธุรกิจ : ฐานเศรษฐกิจ  : ประชาชาติธุรกิจ : สยามกีฬา : การเมืองไทย  : ข่าวโทรคมนาคมและคอมพิวเตอร์ : สำนักข่าวกรมประชาสัมพันธ์  : สยามธุรกิจ  : ผู้จัดการ : เส้นทางเศรษฐกิจ : อ.ส.ม.ท : อ่านหัวข่าวทุกฉบับ : ค้นข่าวเก่า : Bangkok Post  : ThaiPost  : The Nation : GNN : ThaitownUSA : Siam Chronicle : INN News : MWEB News : ธนาคารแห่งประเทศไทย : ธนาคารเอเชีย : ธนาคารอาคารสงเคราะห์ : ธนาคารไทยพาณิชย์ : ธนาคารกรุงเทพ  : ธนาคารไทยทนุ  : ธนาคารออมสิน : ธนาคารทหารไทย : ธนาคารกสิกรไทย : ธนาคารกรุงศรีอยุธยา : ธนาคารเพื่อการเกษตร : ธนาคารเพื่อการส่งออก : ธนาคารนครหลวงไทย : ธนาคารสแตนดาร์ดชาร์เตอร :

MSN & E-mail : mr.pyayam [ at ] gmail.com
หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321 คำขอที่ 32 / 2548
Copyright © 2004 - 2008 PYAYAM.com. All rights reserved ®. Hosting by Baansiripatt.com