Javascript Assignment #1

Visit my website at www.mrhadley.net for more information on the Javascript assignment. We will also talk about HTML forms today. You should read about HTML forms on w3schools.com. Have a good weekend.

Introduction to Javascript

Now that you have your portfolios in order (at least I am hoping), it is time to go into something new. Yay! I am sure you are so excited. We are going to be discussing Javascript. A few things you should know as we jump into Javascript (it's worth mentioning, before we get to far into a Javascript discussion, you should read info on the HTML DOM).

1. JavaScript was designed to add interactivity to HTML pages


2. JavaScript is a scripting language


3. A scripting language is a lightweight programming language


4. JavaScript is usually embedded directly into HTML pages


5. JavaScript is an interpreted language (means that scripts execute without preliminary compilation)


6. Everyone can use JavaScript without purchasing a license

Tomorrow in class we will discuss in detail, how to use Javascript. For more information, visit w3schools Javascript info. See you tomorrow at "Pack the Place"!

Photoshop/Layout Design

So tomorrow we are going to discuss Adobe Photoshop CS3. I won't go into detail about how how to create your layouts from scratch (starting with nothing). However, if you so choose, feel free to be as original and creative as you can with your layout. If you have a pre-existing layout that you have created tinkering with photoshop on your on time or from an assignment in Introduction to Web Design, you can use that as well. Keep in mind, you don't HAVE to use Photoshop. But that is the software tool we will be using in class os it makes sense to have some familiarity with the program. I posted a new resource link list on the toolbar located to the right side of the page. I would highly suggest you read through those links for information about tutorials for creating a web layout in photoshop. Also, remember our discussion about CSS Zen Garden That is a great place for inspiration. See you tomorrow!

CSS Box Model

Tomorrow we will be discussing the CSS Box Model. Depending on how in depth one covers it, the box model can be very complex and sometimes confusing. I don't expect us to know it like the back of our hand. But before we can get into some advanced use of CSS we have to at least have a fundamental understanding of the box model and how it works. The CSS box model can be found at the following places:

• www.w3.org


• www.redmelon.net (good visual)

Feel free to do an internet search for "css box model" to see what you come up with. See you guys tomorrow.

External Style Sheets and Print Styles

Okay, so we have ventured into the world of style sheets. Now it's time to start taking it to the next level. Today we are going to discuss how we turn an internal style sheet into an external styles sheet. I will also show you how to create a "print" style for your resume. We do this to ensure a few things...

1. Ensure our Online resume is readable via the screen (viewing the website on your monitor)


2. Standards compliant: According to www.w3org, all linked style sheets must have a prescribed media type


3. Readability when printing your resume using a browser: Many times, when printing a resume or any other document off the internet, unwanted pictures, text, logos and icons are printed as well. This is typically because a separate style sheet was not used to handle the presentation of the document when printed.

Next class period we will look at the CSS Box-model and more advanced application of CSS (Layout, Positioning, etc.). Also, don't forget to view my website at www.mrhadley.net for information on my daily posts.