Thursday, June 13, 2013

Last Class is Over… Where to from here?

Take more classes

Keep trying out different Web Editors

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

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, Take another Clark Class

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.campusce.net/clark/course/course.aspx?catId=172

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

http://www.smashingmagazine.com/

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

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

Html5 Development Center

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 pages, and…Have a great summer!

Practice, practice, practice

And should you have a question, 'holler anytime! I'm happy to help!

See you on the web!

Monday, June 10, 2013

How to Display Photographs and other images

A question was asked in class… How do you make photographs and graphics behave the way you want them to? I will go over this in class in detail… If you have a question… bring it to class or send that e-mail!

Displaying Photographs

In order for your web page to render quickly you need to make your mega-pixel photographs "smaller." In other words resize the image to fit the designated size on the web page, however...

What about the new high resolution monitors? How do you maintain image quality when a high resolution monitor can display up to 4x as many pixels per inch??

css-device-bitmap-pixels The easiest answer is to double the resolution of the images being served. The draw back is that your users might be downloading up to 4x more data than they need. The upside is you only have to maintain one set of graphics or photographs.

W3C and and other web designers are working on this and have temporary solutions to this display issue... for more information check out these articles.

Towards a Retina Web
Ben Frain's all encompassing article
Retina Graphics for your Web Site
How to Make a photo index page

Working with images the "hard way"...
- Preparation work
  - Making Thumbnails and resizing your display images
  Working with images the "easy way"...
  - Preparation work
    Next: Making The Photo Index Page

Friday, June 07, 2013

Review: Using CSS and SEO update

The External Style Sheet

An external style sheet is a text file that must have the extension .css

eg) "mystylesheet.css"

The HTML page using the style sheet must link to the style sheet with a link written

between <head>and </head>

where href is the path to the style sheet. So, if you put the style sheet in the folder css

the path is href="css/mystylesheet.css"

The Embedded Style Sheet

CSS can also be embedded on the same page as the html
The styles must be between <head> and </head>
and between
<style type= "txt/css" >
</style>

In-line styles

CSS can also be written "in-line" in between the <body> and </body>

CSS Priority ---The Order of Interpretation

#1 Priority is the Browser's default value...
#2 The External Style sheet
#3 The embedded Style Sheet
#4 The in-line styles

Remember, you can style ANY html element

selector {property: value;}

Where:

The selector is:: *, Universal, applies to all elements; Any element; A class; An ID; An html5 semantic

Updated the links to W3C's Validation services

Tidy

If you need to convert a page to Xhtml/html5 or you are having trouble getting the page to look the way you want, Tidy may help you solve your problems

Tidy, well cleans up and fixes (if it can) your your markup. The validation and tidy services listed below are built into or linked to from most web editors

There are some older on-line services, like Tidy On-line, or Page Valet, might be useful to you...

Validate

The Basics - what you should run on all your web pages

The SEO page has also been updated

Stasiuk's Universe --Creating a Web Site