Pre production stage Flow chart • visual representation of the sequence of the content • it shows what comes first, second, third, etc. Production stage Basic website Day 02 Day 03 • Tables • Merge/split rows and columns • Insert images • Create links • Create email links Using text
Methods of creating navigation links using images. Day 04 Image map • Image map uses HOTSPOT TOOL to make your button work. • You can control the size of area for interactivity. • However, interactivity is low. 2. Image rollover • Higher control of attributes (Colour/shape etc) of the button. • It has higher interactivity, because users are able to see the change of action.
VERY IMPORTANT Your file system when creating your site: • Within 1 Main Folder, you MUST: • Include an “image” folder that contains IMAGES USED IN THE WEBSITE (jpegs or gifs… NEVER PSDs.) • Have all HTMLs outside The first page of your website MUST be named index.html.
VERY IMPORTANT • Name your files appropriately. DON’Ts DOs hOmiE.html About Us.html 1.html, 2.html Contact me!!!.html contactmeeeeee.html home.html about.html splash.html contact_me.html contact.html
Final Submission Submission 60% Class Activity 30% Presentation 10% Journal Folders:Day03 Day04 . . . • Folders: • My_Site (index.html, about.html…, images folder) • Research & Development • Working files (.psd, .ai, .fla)
Presentation (10%) • Goals, target audience, flowchart, Concept, moodboard, reference sites, Mock ups/Layouts • 5 – 7 minutes each. • Please dress appropriately, no slippers, no shorts. Be professional.