Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – April

 Open a HTML file  Code/Design/Split view  Preview in browser  Properties toolbar

Document title Visible text goes here...

Heading Elements Largest Heading... Smallest Heading

Text Elements This is a paragraph (line break) Logical Styles This text is emphasized This text is strong

Images

Links Link text Image link: Mailto link: Send

 Unordered list Item

Tables Tableheader sometext

Entities < is the same as < > is the same as > © is the copyright symbol (more can be found here - rces/html/ ) rces/html/

Other Elements Text quoted from a source.

 What is a div?  The tag defines a division or a section in an HTML document.  The tag is used to group block-elements to format them with CSS.  W3Schools:

Main Title of Web Page Menu HTML CSS JavaScript Content goes here Copyright © W3Schools.com

 Create a HTML page that has  A heading  An unordered list of links  2 paragraphs of text  An image  2 links that open in a new window  1 additional element of your choosing  Minimum 2 divs

 Moving from Photoshop to Fireworks to a web prototype  videos/fireworks-pro-series-from-photoshop-to- fireworks-to-the-web/ videos/fireworks-pro-series-from-photoshop-to- fireworks-to-the-web/

 Image slicing and optimization  Hotspots and creating a linked pdf  The dangers of generated code

 asp asp