We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For...
-
Upload
elizabeth-tyler -
Category
Documents
-
view
216 -
download
0
Transcript of We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For...
Learning/Lesson Objectives
We Are Learning To (WALT):• To create a working homepage for our
websitesWhat I am Looking For (WILF):• A completed homepage containing a working
navigation bar, 3 working rollover buttons and a working advertising banner.
• Completed AO6 Evidence - client_presentation
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.
Starting Dreamweaver
• Open Macromedia Dreamweaver– Start > All programs > Macromedia >
Macromedia Dreamweaver 8
• Create New > HTML
Design your layout
• Using the Website Design worksheet– Example
• Design your website– Title– Nav Bar– Roll over buttons– Advertising banner– Content
Setting up your table
• You need to use a table to layout your website
• Insert > Table• Choose your rows and columns (use your
plan for this) Mine is 5 rows & 2 columns
Merging your cells
• Now you need to merge your cells so it is the same as your plan.– Select the cells you want to merge–Modify > Table > Merge Cells
(Ctrl+Alt+M)
Exporting your graphics
• Open your navigation bar and 3 rollover buttons in Macromedia Fireworks 8– File > Export– In the HTML box select ‘copy to
clipboard’
Adding your graphics
• Right click and select ‘paste fireworks html’
• Save your website (In your AO6 Folder)– Repeat this for your rollover buttons
Preview
• Now your website is complete you need to see what it will look like on the Internet
• Press F12 to view in Internet Explorer
Evidence
• Complete AO6_Webiste_Evidence– http://st-james-ict.wikispaces.com/file/view/AO6_Webiste_Evidence.doc
• There are 3 different type of print screens you need:–Website in preview (showing that your
graphics work)–Website in design view– Exporting your images (inc exported
images)