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

2. 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

3. 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)

4. 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 = 4. 2. Table width = 100 Percent. 3. Border thickness = 2 pixels. 3. Click on OK button. Subject :W30242 Web page design

5. 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

6. 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

7. 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

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