Wednesday, February 8, 2012

HTML

HyperText Markup Language, HTML, is the one of the basic languages used to create web pages. In all reality, it isn’t truly a language, just a markup language that informs Internet browsers how to display text-based information in a document. HTML is just a code. It’s really quite simple; one just has to get past all the extraneous symbols, words and numbers that creates the formating of document.

Task 1: HTML Basics

Learn the basics of HTML at 3w School’s HTML Tutorial. Be sure to read each page to get a sound understanding of how to use each function of a website. The Tryit Editor is a great way to see how various changes effect the view of a website. Make sure to click on the Try It Yourself links. Good Luck!

Task 2: Creating Your First Website

Use the w3 School’s Tryit Editor to create a website that looks like the following. You’ll have to search the Internet to find your own monkey image.

You might need to review the following pages from the w3 School’s website: Introduction, Headings, Images, Styles, and Text Formatting.

Task 3: My favorite Pet

Use notepad to create your very first free standing website. Once you have created the code, save the notepad document as mywebsite.html into your network file. Be sure to put the .html on to the filename. Go to your network file and open the document in a web browsers. It should default to a web browser. Did it work?

You can toggle back to the notepad document with the [alt + tap] command. Other helpful short cut keys are [ctrl + s] to save the notepad document and [ctrl + r] to refresh the Internet browser! As you build your website use the Internet browser to check your progress. Remember, one misplaced character will spoil the entire page. Precision language is the key to success.

Helpful HTML Tools

True Color Chart

HTML Code Tutorial and Examples

Tuesday, November 15, 2011

Desktop Publishing: Design and Layout

Magazine Designs
The following links highlights magazine covers for three different publications.  Review the various covers and record the common similarities you witness on each publications monthly cover. 
     National Geographic 50 Years of Covers
     Sunset Covers
     Life Magazine Covers


Common Thread
     "an idea or theme that is similar to other"


Principles of Layout and Design 
Alignment, Balance, Contrast, Proximity, Repetition and White Space are the six main layout principles associated with publishing.  Study the following websites and record the definition of each layout principle.  Then using a magazine that you read identify each principle on a single page.
     Writing at CSU
     Bring Hub: Layout Principles


     Additional Links
     About Desktop Publishing


Task
You have been hired by Grizzly Travel to create a two sided tourist brochure that markets a travel destination.  Design your brochure as an informative flier that would make a person want to travel to that destination.  Choose any location in the world!
  
Your brochure must:
    1. highlight the six main layout principles,
    2. include at least 2 photos, 2 clipart, 1 map, and 1 chart,
    3. promote varying activities: indoor to outdoor, land to water, dawn to dusk, and
    4. review local transportation, lodging, and dining. 


Online Resources
    http://office.microsoft.com/en-us/publisher
    http://www.learningelectric.com/publisher.htm
   
Scoring Rubric
    Tourist Brochure Rubric
    
Timeline
Your brochure must be completed by December 5th.