1. SUBJECT : W 30242 W EB PAGE DESIGN MATTHAYOM 4 (G RADE 10) TERM 2 YEAR 2012

2. I NSERT IMAGE INTO WEB PAGE. Topic : 1. Save Image into picture folder. 2. Insert Image into web page. 3. Set image properties at Property Inspector 1)W=wide, H=High, border=1-2-3... 2)Align is Baseline, Top, Middle, Bottom, TextTop, Absolute Middle, Absolute Bottom, Left, Right. subject :w30242 Web page design

3. I NSERT IMAGE IN TO WEB PAGE. Topic : 1. Save Image into picture folder. (Before Save image : Created picture folder in your folder.) 1. Open browser and open web for select image. 2. Right click on image, select Save picture as… 3. Select your folder, select picture folder. * Last Address bar is picture. 4. Click on Save button. Comment: Picture folder is contain all image for web page. subject :w30242 Web page design

4. I NSERT IMAGE IN TO WEB PAGE. Topic : 2. Insert Image into web page. (Comment : Select picture from picture folder.) 1. Open program and open web page. 2. Select menu Insert, Image. 3. Select your folder, select folder picture. * Look in text box is picture. 4. Select image. 5. Click on OK button. subject :w30242 Web page design

5. I NSERT IMAGE IN TO WEB PAGE. Topic : 3. Setting image properties at Property Inspector. 1. Click on image. 2. Change values in 1)Size image at W=wide, H=High. 2)Border=1-2-3... 3)Align is 3.1) Baseline 3.2) Top 3.3) Middle 3.4) Bottom 3.5) TextTop 3.6) Absolute Middle 3.7) Absolute Bottom 3.8) Left 3.9) Right subject :w30242 Web page design

6. I NSERT IMAGE IN TO WEB PAGE. Assignment : 1. Insert 4 images into web page. 2. Change values in 1)Size image at W=wide, H=High. 2)Border=1-2-3... 3.Align is Group 1 : Odd number. Group 2 : Even number. 1 st image = Top Middle 2 rd image = BottomTextTop 3 th image =Absolute Middle Absolute Bottom 4 th image=LeftRight subject :w30242 Web page design