Agenda February 1 - CSS

Today you will work on your own to view and complete a CSS Tutorial where you will see what CSS can do to a website. The directions are here. When finished, you will show it to me on your screen for a grade.

Next time, you will apply CSS to the website we have been working on.

Agenda January 30 - Finish CSS-P of content pages

Last class we did the layout of the homepage in Dreamweaver using CSS-P. Today you should finish the wireframe of your content pages from two classes ago (using Fireworks) and then make the layout of one of the content pages in Dreamweaver. Our homepage was called "index.html" so this page should be named according to the structure that your class decided on and saved in the 2B/4B folder.

Use your wireframe to finalize a color scheme for your website by coloring in the boxes and keep the colors consistent on both home and content wireframes. Do not transfer the colors over to Dreamweaver, we will do that next time.

Fill out your home page with content that you think should appear on the home page. Do not change fonts or colors, but do assign tags such as h1, h2, and p to your text (look in the properties panel at the bottom to do that). You may insert pictures as well.

We will do the content pages next time, but if you want to start thinking about the content you would put on those pages, you may. Just save photos you want to use in your folder for your website to insert at a later time.

For next class, please read the first page of this document and make sure you understand what it says.

Agenda January 26 - Layout of homepage with Dreamweaver

We will take the wireframe you designed in Fireworks last class and turn it into an actual webpage in Dreamweaver today. We will use something called CSS (Cascading Style Sheets) to do this. It allows pages within your website to stay consistent and allows you to change colors and fonts on your entire website with one click. If you want to know more about CSS, here's a video.

I will go through this guide for creating a home page layout and we will do the home page together. Then you can finish the Content Page wireframe in Fireworks if you didn't finish that last class.

Here's the directions for moving the CSS to an External Style Sheet so you can

To practice creating div tags some more, you will create a layout for one of your content pages on your own.

This is really starting to turn into a website now!

Agenda January 24 - Wireframe of Website

Today we will take the sketch that we decided on last class and each one of you will create a wireframe for your site using Fireworks (another Adobe program). We will loosely follow these directions, so you can use them if you are absent or need directions when you do it on your own for the next project.

Agenda January 20 - Home Page Design

The first thing I'd like you to do today is fill out this form, then we will discuss.

Afterwards we will look at how you plan a site. We briefly discussed how you layout the structure of a site using Smart Art graphics in Word. But what about the actual layout of the page? For that you use a wireframe. We will create a wireframe of Mercy's Website so you can see what that looks like, and then we will create a sample together.

Agenda January 18 - Dreamweaver Intro

At the beginning of class, please make sure that the final version of your Favorite Food site is saved on you network folder. If you took it home on a flash drive, you'll have to replace the older version. I'll take a look at these late so that today we can move into designing with a WYSIWYG editor. (Can you guess what that stands for? Hint: it allows you to create and edit websites without using HTML code.)

Here's what we will do today:

1. Overview of the Dreamweaver Workspace: Guide and Video

2. How to set up a Local Root Folder : Guide and Video

3. How to work with Text and Images: Guide and Working with Text Video, Working with Images Video

4. The Dreamweaver Insert Panel: Guide

I may or may not show you all of these videos in class, but they are great resources to help if you need a refresher later or you missed class today.

Agenda January 13 - HTML Day 3

I'm not going to check the additional tags you added to your Favorite Food site yet. We will add more today. The notes are on how to hyperlink and add a second page to your website. Remember the Naming Conventions when you name your second page.

Here is the assignment for today which you will add more tags to your Favorite Food site.

For the future, here is a HTML Reference Sheet that shows all the common tags and what they mean.

Agenda January 11 - HTML day 2

Today I want to make sure that the website you created last class has all the correct tags and it is written clearly. It will make it much easier to add to your site if the first part is correct!

Today's notes are on a few more basic tags. Then we will look at how you are to name any additional webpages you create to link to your homepage (which you always name index.html) using these Naming Conventions. We will also look at how to use a Graphic Organizer (SmartArt in Word) to layout the Navigation Structure of your website.

Here is the assignment for today which you will add more tags to your Favorite Food site.

Agenda January 9 - HTML day 1

I want to first congratulate the Seniors on finishing their Senior Service Projects! I heard great things about them.

Today,we will be going over the worksheets that the Juniors filled out last week and looking at

what makes a website effective. This website is not effective!

We will then look at these notes and discuss the history of HTML code and by the end of the day today you will actually have created your very own website!

Here are the guidelines for today's assignment.

Agenda January 4, 2012 - Analyzing Websites

I hope you had a wonderful break. We are going to start looking at websites this semester and eventually you will create your own. The seniors will be joining us next week, but we will get started without them and catch them up later. I want you and a partner to look at one of the following websites and analyze it by answering the questions on this Analyzing Websites worksheet. Please make a copy of this Doc and type your answers on this sheet, share them with your partner and with me. Make sure to rename the file "Block # Last Name, First Name - Analyzing Websites" Put both names on the file.

1. Collegegrad.com

2. Redcross.org

3. louisville.edu

4. Msnbc.com

5. Target.com

6. Bellaandedward.com

7. themint.org

8. Worldhistory.com

We will go over it next class when the seniors are all here.