Unit21 AO6
- 2. Learning/Lesson Objectives We Are Learning To (WALT): Export our graphics and present them professionally to a client What I am Looking For (WILF): A presentation that displays the graphics you have created that has been created in Word, Fireworks or Dreamweaver
- 3. Assessment Criteria Pass Merit Distinction Candidates will present work in a suitable format . Candidates will present work well in a suitable format , demonstrating the use of suitable file types . Candidates will present work effectively in a suitable format , demonstrating the use of suitable file types . Graphics will be optimised for use on the web.
- 4. Creating Your Presentation There are 3 methods you can use to present your work. Print screens in Microsoft Word An example webpage in Macromedia Fireworks 8 A working webpage in Macromedia Dreamweaver 8 The following slides explain each of the methods listed above.
- 5. Print screens in Microsoft Word The easiest way to complete your presentation. Open Client_presentation from your AO6 folder. Open each of your Web Graphics in Fireworks 8. Press F12 to view your graphics in Internet Explorer Print screen your graphics and paste them into your client_presentation document.
- 6. Print screens in Microsoft Word Example
- 7. Example Webpage in Fireworks To mock up a webpage in Fireworks open a new Fireworks file. Set the stage to 1024 * 768 pixels (72 dpi) Go to File > Import and import your navigation bar, rollover buttons and advertising banner You will not be able to import an animated advertising banner.
- 8. Mock up webpage in Fireworks Example
- 9. A working webpage in Dreamweaver This is the best way to display your web graphics. Open Macromedia Dreamweaver Create a new HTML page. Insert a table (Insert > Table) Chose the amount of rows and columns you need. Set the width to 100%
- 10. A working webpage in Dreamweaver Set up your site: Go to Site > New Site Give your site a name (ignore the HTTP Address box) Next Make sure No is selected > Next Click on the yellow folder Select your Unit 21 folder > Next Select None for ‘How do you connect to your remote server’ Next Done
- 11. A working webpage in Dreamweaver Open each of your graphics in Fireworks Go to File > Export Make sure you select COPY TO CLIPBOARD in the HTML box . Click Export Go back to Dreamweaver and right click in the correct cell and PASTE FIREWORKS HTML. Do this for each of your graphics
- 12. A working webpage in Dreamweaver Example