1 / 9

BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology

w05.html Web page design with AP element. subject : w30242 (web page design) matthayom 4 ( Gra de 10) term 2 year 2012. BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology. Subject :W30242 Web page design. W05.html : Web page design with AP element. Topics :

bary
Download Presentation

BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. w05.htmlWeb page design with AP element.subject : w30242(web page design)matthayom 4 (Grade 10)term 2 year 2012 BY Mr. PreyawatLertphuwiwat Learning Area of Occupations and Technology

  2. Subject :W30242Web page design W05.html : Web page design with AP element. Topics : • Introduction to AP element. • Insert AP element into web page. • Set AP element properties. 3.1 Position • L=Left of layout position. • T=Top of layout position. 3.2 Size • W=layout Width. • H=layout Height. 3.3 Bg Color=Background color of layout.

  3. subject :W30242Web page design W05.html : Web page design with AP element. Topic 1: Introduction to AP element. • AP element is layer. • Watch the web page. • Web page have 4 layer. • Top layer. • Left layer. • Right layer. • Bottom layer.

  4. subject :W30242Web page design W05.html : Web page design with AP element. Topic 1: Introduction to AP element. • AP element size. (px=pixels) Size WH 1. Top layer 1000150 2. Left layer 300400 3. Right layer 700400 4. Bottom layer 1000100

  5. Subject :W30242Web page design W05.html : Web page design with AP element. Topic 2: Insert layout into web page. • Click on menu Windows / Insert. • Select panel Insert / Layout. • Click on Draw AP Div tool. • Draw small square in web page. • Click on border line of square.

  6. Subject :W30242Web page design W05.html : Web page design with AP element. Topic 2: Insert layout into web page. • Set top AP element properties. • Position L = 0px, T = 0px. • Size W = 1000px, H = 150px. • Bg color = select color.

  7. Subject :W30242Web page design W05.html : Web page design with AP element. Topic 3: Set AP element properties. • Click on border line of square. 1. Position 1) L=Left of layer position. 2) T=Top of layer position. 2. Size 1) W=layer Width. 2) H=layer Height. 3. Bg Color=Background color of layout.

  8. Subject :W30242Web page design W05.html : Web page design with AP element. Assignment : • Create web page have 4 AP-elements. • Fill data in AP-element.

  9. Subject :W30242Web page design W05.html : Web page design with AP element. Assignment :

More Related