Professional Documents
Culture Documents
บทที่ 9 จัดหน้าเว็บเพจด้วยตาราง Table
บทที่ 9 จัดหน้าเว็บเพจด้วยตาราง Table
(Table)
(Table)
Dreamweaver 2
2.105
Standard
Expanded
(column) (row)
(cell)
1 1
1.
2. Table
3.
4.
2.106
Tablee size /
Rows/Clumns/
Table width
(pixels) (percent)
Border thickness
Call padding
Call spacing
Haeder
None
Accessibility
Caption
Summary
Dreamweaver
, , ,
1.
2.
Table > Select Table
Select Table
( )
( )
Select
Column
() ( )
( )
( Ctrl )
( )
() Shift
Ctrl
Tag Selector
Tag Selector
HTML
Tag Selector
HTML
HTML 3 2
<><><>
Tag Selector <body><table><td>(<body>
)
2 ( <td>)
<><><><><><>
Tag Selector <body><table><td><body><table><td>
, <table>, <tr> <td>
Tag Selector
Properties
(<table>) Properties
CSS
2.107 Properties
Table
Rows/Cols / (- )
W (%) (pixels)
CellPad (cell padding)
CellSpace (cell spacing)
Align
Border (
0 )
Class CSS
Clear Column Widths
( )
Clear Row Heights (
)
Convert Table Widths to Pixels
Convert Table Widths to Percent
2
(%)
100 % ( margin )
(picels) 300
pixle 300
( )
( Default)
1.
2.
2.108
(
0)
1. 2. Modify > Edit Tag
3.
4.
2.109
1. 2. Modify > Edit Tag
3.
4.
2.110
1.
3.
2.111
4.
Properties
, ,
Properties
2.112Properties
Properties
W
H
% 30%
1.,
2.
2.113
2.114
( )
Shift
,
,
1.,
3.
2.
2.115
Baseline
Top
1.,
2.
2.116
1., 2. Modefy > Edit Tag 3.
4.
2.117
(Split Cell)
(Merge Cells)
(Row/Column Span)
1.
2.
Table >Increase Row Span
2.118
1.
2.Table > Decrease Column Span
2.119
2
1.
2.Table > Decrease Row Span
2.120
2
1.
2.Table > Decrease Column Span
2.121
Word Excel
Word Excel
Word Excel
1.
2. Copy
tab, comma (,) colon (:)
Data file
Delimiter Tab ( tab)
Other
Table width
Fit to data
Set to
Call padding
Call spacing
Format top row
[no formatting]
Bold/italic/bold italic ,
Border
Sort by
column 1
Order
Alphabetically/Numerically
Ascending/Descending
Then by (
)
Options
Sort includes the first row
Sort header rows
Edit>Cut ( Ctrl+X)
(Nested Table)
Border=0
Expanded
% pixels
%
Pixels
1024768
Photoshop firework
( )