Procedure Download data files. Extract and store conveniently. - flash drive - your laptop - in the cloud at google or dropbox. (You can store first on desktop, but upload to cloud later.)

Suggested organization for main folder. REQUIRED organization for the 115 folder. javajam

RELATIVE LINKS Both files on same level: filename.ext Linking your file to a subfolder: foldername/filename Linking to a folder one level up: ../foldername/filename For Example: <img src="banner.jpg" alt="my banner"> Therefore, if you named your files and folders as recommended, your link to Chapter 2 Case Study would be: <a href=“javajam/index.html">Chapter 2 Case Study</a> For Example: <a href="../chapter11/canvas.html">Example</a>

The next 2 pages describe our practice exercise for chapter 3

This is simply what it looks like. Go to next slide to see procedure. Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company. Header Header Header This is simply what it looks like. Go to next slide to see procedure.

Finally, we will create a stylesheet together on Friday Feb 3rd. Practice for Chapter 3 (continued) Steps to begin: Inside of Chapter 2 folder, create a subfolder called “freelance” Create the first page as template.html. In addition to the basic HTML tags, the only other elements we’ll use on all pages are: header, nav, main, and footer. Continue… Use dummy text from www.blindtextgenerator.com to create three pages for: Home | About Us | Portfolio (Remember to add fake headings to make the layout look realistic.) Link the pages together if not done yet. If you finish early, find a few pictures from your site. You can use them sparingly in the design Finally, we will create a stylesheet together on Friday Feb 3rd.