Web Classes are over! Where to from here?

Keep Looking for a Web Editor you like

Most software companies allow up to 30 day free trail periods for their software... Try them out!

If you haven't tried Adobe's Muse… (a visual editor)  Learn More about it here

Any time you try out a new editor make sure the software knows where your Master Website folder is located… all of the programs will work better if you set up the master site first.

 

Subscribe to the latest News/blogs, Take On-Line Classes

The following web sites are my favorite sources of information. They offer free classes, tutorials, resources, newsletters, the latest web news... join up, book mark these web sites! Subscribe to the Newsletters...

http://www.sitepoint.com/blogs/?source=homepage

http://www.smashingmagazine.com/

http://webdesign.about.com/gi/pages/stay.html

http://www.sitepoint.com/newsletter/

 

Lurk on Forums

An Internet forum, or message board, is an online discussion site about specific subjects or software. Members share information, and seek solutions to problems with the subject matter or specific software.
At some point you will be able to contribute to the forum by answering someones question!

http://www.sitepoint.com/forums/

http://www.coffeecup.com/forums/welcome/

http://forums.adobe.com/community/dreamweaver

You can find forums on just about any subject... just do a google search.

But, most of all, just build web sites, and...

Practice, practice, practice


And should you have a question, 'holler anytime!

See you on the web!

Final Class - How to Make a Website interactive

Howdy

Here's the link to what I demonstrated and talked about in class...

The links are "fixed"!  But, if you happen to find one that doesn't work… let me know!

Making your website interactive

I'll send you all at least one more e-mail, and if you send me a question, I'll be very happy to send you a reply.

In the mean time,

Practice, Practice, Practice!

Week 4 - Review and Homework

Building a banner, positioning content, and menus 

Layout Review

Using the Position Rules
Making layouts

The Banner Tutorial -images & backgrounds

This tutorial uses Xhtml strict a good exercise would be for you to convert it to html5
The Banner Tutorials

For WYSIWYG users -- use an existing wireframe? Start here...

Homework

1. Finish building the layout/wire frame of your "home" (index.html) web page
2. Use this layout generator---  CSS Layout Generator it can make equal height columns regardless of content… This is an example…URL is http://uofgts.com/BasicWD/layout/index.html

1. Add YOUR content for the JUST the header (banner)
2. Make Your Own Menus use the The Menu Tutorials (There are cut and paste examples)
3. Or use The List-o-matic menu generator List-o-matic
4. Don't like List-o-matic Try this generator try Pure CSS Generator
5. Make menus for Home, Contact, About and Products
6. Insert the menus on your web page
7. Now duplicate your index.html page 4 times, rename 3 of them: about.html, contact.html and products.html
8. Congratulations, you now have the beginnings of a web site!

You can use Wizards and Widgets to embellish your web site!
Web Tools, Wizards and Widgets

 

On-Line and desktop References for html and CSS

CSS at Sitepoint.com

HTML at Sitepoint.com

Sitepoint also offers a "plug-in called Code Burner, it's a quick interface that resides on your desktop or in your FireFox Browser. It is linked to the Sitepoint on-line references for CSS and HTML. Check out Code Burner!

Graphically Challenged?

The Cool Text web site will help you design a logo. The Cool Text Wizard

 

Gota question? 'Holler