creating CSS pages

To get started today I want you all to take a look at The Town Neck Co. website

This site was launched last week. In a google doc evaluate the site. Answer the following questions.

Do you find the site inviting Yes/No and why
What do you think of the colors?
What do you think of the fonts?
How do you feel about the roll over images on the home page?
Once you leave the home page do you know how to get back to it?
Would you feel confident ordering from this site Yes/No and why?

What are 5 things you can think of that would improve the site?

Share your responses with me by the end of class.

CSS!!

you can easily create and modify a CSS file using Dreamweaver the picture to your right will give an idea of where you should be looking for CSS info in Dreamweaver

We are going to be creating the Town Neck Co site.

By the end of today's class you should have a practice CSS file ready to go.

Focus your work today on fonts.

Fonts on websites are often overlooked. However it is the font that most people will notice first. Working with fonts and a CSS file can be very beneficial.

Work through this tutorial to help you with fonts. Fonts

Career fair preview- careers in Web Design

1.Please complete the following and Share with me before the end of class.

Visit College Board this link will take you to the page on Web Design.

on this page there are the following questions

Answer are you ready to?

• Design websites under deadline pressure
• Master many software programs, such as PhotoShop
• Create animated images and graphics
• Use HTML
• Use type and images expertly
• Work closely with clients

Now click on the Web Development link on the right side of the page under Related Majors.

from there click on Find out now link under Which colleges offer a major in Web Development?

How many colleges offer the Web Development major?

Are there any in MA? How many?

Now do the same for the Digital Arts Link on the Web Design Page.

How many colleges offer the Digital Arts major?

Are there any in MA? How many?

Answer the questions in a Google doc saved a web design careers and share with me by the end of class.

2.Work on developing a proposal for a web site. You will all need to start working on a 4 page website next week. I am letting you choose the topic, it can be for a business, for a teacher, for a team, for a club or any other reasonable topic.
In your proposal include ideas for page topics. Resources you will need gather.


Submit your proposals to me by the end of class

CSS

Working with CSS- continuing the exploration

Follow these instructions INSTRUCTIONS

The modified CSS file needs to be saved in your student folder. The answers to the questions need to be in a Google Doc that you share with me by the end of class.

We will begin a new project next class.

CSS

CSS- what does it stand for??? Must we use it??? How does Dreamweaver CS5 handle CSS?

When working with CSS is it better to have a separate file or to embed it into a HTML file

After poking around the internet I found this tutorial that I thought was helpful.

CSS tutorial Also work through lessons 6&7 on this site they will be very helpful.

You should also check out

Lynda.com

Review and working with Dreamweaver CS5

Review Project: Create a brief review website to get the creative juices flowing and familiarize ourselves with Dreamweaver CS5. CS5 is fairly new to the school.

Project Focus areas:
site set up
file management
CSS- review/intro??

For this project create a 4 page website on either the NBA All Star Game or the Academy Awards- two of my favorite things this time of year!

Web Design Trends

Read the following article and summarize the key points. Really just a few main ideas in a list is fine.

Web Design Trends of 2010

Now here's the real stuff...check out the websites
The article provides links to websites that the author feels exemplifies the point he is making be sure to check those sites out and comment on them in your summary.

Creativity in Web Design

So how creative are you??




So how does your brain affect your creativeness? Does creativity really matter in Web Design? Are you left brained or like me right brained? And what does that mean to us as far as this class goes?


Take these two short tests and find out.


right brain left brain test



creativity test

Share your results and your response to the questions about with me

When you are done with this continue with your evaluation of the DYH website. It is important that we have a list of all the work that needs to be done.

Finally check out the D-Y High School site. Go through the site then give me your take on
1. What works what looks good
2. What looks old or needs updating

Search for two other high school sites of your choice and evaluate them.
1.What works what looks good
2. What are some ideas that we could borrow.
3. Is there anything that looks horrible.