Storyboarding your Website

Today you will be sketching out the tables and cells for your own home or 'index' page that will be the first page that users will see when they get to your website.
What will your index page look like?
What colors will you use?
Where will your navigation area be on your website?
How about your site map and search engine?
Where will your images go?

Can you visualize how the pages will be connected and how a visitor will get from one to another? It can be useful to imagine the homepage as the doorway to your website with each link to another page as a hallway to other pages (or rooms). Will your site be more like a long series of "hallways" or will you always be able to move to any "room" from any other "room" at any time?

For most websites, it makes sense to split pages up into different categories headed by a major page for each category that allows you to go from any one page to another at any give time — by putting a main navigation bar or menu at the top (or side) of the web page.

Look online and start to take notice where other sites put all of these elements.

Once you've completed sketching your storyboard, open up Dreamweaver and begin to create your table for your homepage.
Split and Merge the cells to create an area for each element of your webpage.

Storyboarding Tables

Today you will hand sketch on a blank sheet of 8X11 white paper.
Find any website you like that uses 10 or more cells
Draw out the tables and cells that you see, including representations of images and content that's written.
Also draw out and document where all the headers, buttons and captions are located.
I will check off your sketch by comparing it to the website you've choosen.

All Things HTML

By the time we get back from Thanksgiving break I need everyone in class to be on the same page with all assignments and projects.
Here's what you should be doing in class today.

1. Complete the Volcano Tutorial to Lesson #20, if you have not already.
2. Storyboard your website including Topic, Subtopics, and their url links to related websites.
3. Work on Chapter 1 assignment. Read and follow along with the instructions from pages 1-2 through 1-17.
4. Find any images on the internet that you can use for your website project that will officially begin next week.
Once you've completed all of these tasks, congratulate yourself and take satisfaction in the fact that you are caught up in HTML class.

Today in HTML

Today we jump into Dreamweaver.
After you have completed your Storyboard for your website, you need to grab a Dreamweaver Textbook and read through pages 1-2 through 1-17.
Make sure to follow along with the short lesson practices in the orange margins. Use your 'Chapter_1' folder to load the HTML pages into Dreamweaver for practice. MAKE SURE YOU ARE FOLLOWING ALONG UNDER THE (Macintosh) instructions.
Once completed you can work on your 'Volcano Tutorial' or continue to look for images and information related to your website project.

Website Topics and Subtopics

Please read these instructions carefully. You will be graded on this assignment on how well you follow the directions below.

READ CAREFULLY AND FOLLOW ALL OF THE INSTRUCTIONS EXACTLY!

What will be the topic of your website? What are the possible subtopics that the user will navigate to from your homepage?
I want you to open a 'New Document' in Word and type out this information.
Please include your name in the upper left hand corner of your word document.
Next, tell me in a paragraph what the topic and what the purpose of your website will be. Please include who your target audience will be and how your website will be relevant to these users.
Finally, list 9 possible subtopics that the user will be able to navigate to on your website. Include a brief summary of what each subtopic is.

Now that you have finished your Word Document, save it as 'My Website Idea'.
Open up your email and in the 'Subject' line of your email type in ALL CAPS what the subject of your website is. (Example: SUBJECT: SUPER MARIO BROTHERS)

Now that it's attached, send it to my email address ballewhtml@hotmail.com.
You are now finished with today's assignment.