BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology - PowerPoint PPT Presentation

bary
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology PowerPoint Presentation
Download Presentation
BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology

play fullscreen
1 / 9
Download Presentation
78 Views
Download Presentation

BY Mr. Preyawat Lertphuwiwat Learning Area of Occupations and Technology

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