1. Course created by Sarah Phillips sphillips@lecturers.billyblue.edu.au BBCD Melbourne BAPDCOM Version 1 – April 2013. http://bbcdcomdes.weebly.com/

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

6. Document title Visible text goes here...

7. Heading Elements Largest Heading... Smallest Heading

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

9. Images

10. Links Link text Image link: Mailto link: Send

11.  Unordered list Item

12. Tables Tableheader sometext

13. Entities < is the same as < > is the same as > © is the copyright symbol (more can be found here - http://www.designerstoolbox.com/designresou rces/html/ ) http://www.designerstoolbox.com/designresou rces/html/

14. Other Elements Text quoted from a source.

15.  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: http://www.w3schools.com/tags/tag_div.asp http://www.w3schools.com/tags/tag_div.asp

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

17.  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

19.  Moving from Photoshop to Fireworks to a web prototype  http://webdesign.tutsplus.com/videos/fireworks- videos/fireworks-pro-series-from-photoshop-to- fireworks-to-the-web/ http://webdesign.tutsplus.com/videos/fireworks- videos/fireworks-pro-series-from-photoshop-to- fireworks-to-the-web/

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

21.  http://www.w3schools.com/html/html_quick. asp http://www.w3schools.com/html/html_quick. asp