unit21 ao6
DESCRIPTION
Present work to a client for a specific purpose, using a suitable format for displayTRANSCRIPT
![Page 1: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/1.jpg)
![Page 2: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/2.jpg)
Learning/Lesson Objectives
We Are Learning To (WALT):• Export our graphics and present them
professionally to a clientWhat I am Looking For (WILF):• A presentation that displays the graphics you
have created that has been created in Word, Fireworks or Dreamweaver
![Page 3: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/3.jpg)
Assessment CriteriaPass 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.
![Page 4: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/4.jpg)
Creating Your Presentation
• There are 3 methods you can use to present your work.
1. Print screens in Microsoft Word 2. An example webpage in Macromedia Fireworks 8 3. A working webpage in Macromedia Dreamweaver
8
• The following slides explain each of the methods listed above.
![Page 5: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/5.jpg)
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.
![Page 6: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/6.jpg)
Print screens in Microsoft WordExample
![Page 7: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/7.jpg)
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.
![Page 8: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/8.jpg)
Mock up webpage in FireworksExample
![Page 9: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/9.jpg)
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%
![Page 10: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/10.jpg)
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
![Page 11: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/11.jpg)
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
![Page 12: Unit21 AO6](https://reader036.vdocuments.us/reader036/viewer/2022062513/55547396b4c9050f348b4571/html5/thumbnails/12.jpg)
A working webpage in Dreamweaver Example