W 04. HTML I NSERT TABLE SUBJECT : W ( WEB PAGE DESIGN ) MATTHAYOM 4 (G RADE 10) TERM 2 YEAR 2012

W04. HTML : I NSERT TABLE INTO WEB PAGE. Topic : 1. Introduction to table. 2. Insert table into web page. 3. Set table properties at Property Inspector. 1)Rows, Columns, 2)Table width. 3)Border thickness. 4)Background color. Subject :W30242 Web page design

I NSERT TABLE INTO WEB PAGE. Topic : 1. Introduction to table. 1. Watch the table 2. Count number of rows. (5 rows.)Column 3. Count number of columns. (4 columns.) 4. Header. (Top of rows.) Header Row subject :W30242 Web page design OrderProductCountPrice (Bath)

I NSERT TABLE INTO WEB PAGE. Topic : 2. Insert table into web page. 1. Select menu Insert / Table. 2. Key values in 1. Rows = 5, Columns = Table width = 100 Percent. 3. Border thickness = 2 pixels. 3. Click on OK button. Subject :W30242 Web page design

I NSERT TABLE INTO WEB PAGE. Topic : 3. Set table properties at Property Inspector. 1. Select table by click on angle of table. 2. You can change1) Rows, Cols=Columns. 2) W=Table width. 3) Border=Border thickness. Subject :W30242 Web page design

I NSERT TABLE INTO WEB PAGE. Topic : 3. Set table properties at Property Inspector. 4. Select row or column of table. 5. You can change1) Align text of cell in table. 2) Size, text color. 3) Bg=Background color. Subject :W30242 Web page design

OrderProductPictureCountPrice (Bath.) Assignment : 1. Change table from 5 rows, 4 columns to 7 rows, 5 columns. 2. Fill background color. 3. Input data of product into table. (6 products) Comment : Data of product is order, product name, picture, count and price. I NSERT TABLE INTO WEB PAGE. Subject :W30242 Web page design

I NSERT TABLE INTO WEB PAGE. Assignment : Table of product. Subject :W30242 Web page design OrderProductPictureCountPrice (Bath.) 1. iPhone 4s 1024, LG_Optimus_l5_dual_s 821, Samsung Galaxy S III 1220, Nokia Lumia , HTC One x 518, Motorola RAZR i 328,500