May 13th

Agenda

1. Intro Hide/show (Justin Barlow)


2. Yahoo User Interface (YUI)


3. Continue working on User Interface design

Thursday May 7th

Agenda

1. Determine integrated media interactivity


2. Lab Day: Continue to work on Portfolio

Thursday - May 7th

View the blog from last class period. We are continuing to work on our projects.

Final Project - Day 3 Tuesday March 5th

Agenda

1. New project requirement: multi-media interactivity


2. Show various websites for examples


3. • AJAX Daddy
   
   
   • FlashMyMind
   
   
   • The FWA
   
   


4. Work on Project

Final Project - Day 2 Friday March 1st

Today is a lab day. You will spend the entire class period working on your comp/layout. See www.mrhadley.net for the latest details and updates.

Final Project - Day 1

Agenda

1. Story Boards


2. Company Information


3. Research minimum of 5 examples


4. Start Designing layouts

XML Information

Visit this link for details and an example of my html code for the XML to HTML table code.

Click HERE

PHP Include Assignment/PHP Project

Agenda

1. Finish working on
   
2. Read w3schools on XML


3. Be thinking about a client to build a web site for


4. PHP Include Project/Assignment

Thursday - PHP Includes

Agenda

1. Discuss PHP Includes


2. Use PHP to create an include


3. Grade/Check PHP enabled contact form


4. Check PHP background change script

Tuesday April 7th

Agenda

1. PHP Color Script


2. PHP Background Image Change Script


3. See post from 4/2/09 for details

A Race to the Finish Line - PHP continued

Agenda

1. Finish Contact form PHP script


2. Color Change Script


3. Make your own background change script

PHP - Wednesday April 1st

Agenda

1. Check Contact Form for naming conventions


2. Write PHP action code


3. Check for functionality

Monday - March 30th 2009

Today we will discuss php. To see agenda below!

Agenda

1. Introduce PHP


2. Powerpoint


3. Client Server Architecture


4. Script examples

Thursday March 19th

Follow the links below for javascript slide show examples...

• Slide Show Example 1


• Slide Show Example 2


• Various Slide show examples


• Slide Show to the next level

Guest Speaker: Got Art?

Reminder: We are having a guest speaker tomorrow. Please welcome Kelly Nielsen from the Art Institute of Portland. It will make her job a lot easier if you come prepared to ask a question or two. Also, our Javascript Assignments will be due by the end of next class period. See my blog at www.mrhadley.net for more details.

Thursday March 12th

1. Discuss/Lecture on Javascript Arrays


2. Continue Working on Javascript Assignments


3. Updated Grades

Today we are going to talk about arrays. As I previously mentioned in class, arrays are similar to variables. The main difference is that arrays can contain an unlimited number of items within the container. Visit the w3schools javascript arrays link to see examples of different types of arrays.

Tuesday March 10th

Today we will be doing a couple of things. First we will be checking to make sure everyone can log into the class server. I have set and checked all of the server permissions so every should now be able to log in. For login instructions please see the post from last Friday (below).

After you have secured your login and placed your portfolio into the server, please view the rest of the javascript assignments and begin working on them. These will all be due before we leave on spring break. To be exact, these will be due by Thursday March 19th. Also if you would like, feel free to read up on php at w3schools or php.net.

For an example of the javascript assignments, please visit: my portfolio example under projects.

Class Server: How to login

The instructions below detail how you will log into the server to file transfer protocol (ftp) your information to the server. Basically, this is how you make your web pages visible on the network. Remember, you can ONLY view your files on this network.

1. First open up IE (you do not have to us IE, however that's what I am giving instructions for. Anything else you will be responsible for troubleshooting on your own).


2. Type in the following internet protocol(IP) address: ftp://10.51.2.253 (notice there is an "f" at the front of the address)


3. Go to >> file >> login


4. Type in your username (first letter of your first name and all of your last name) and password (your school id number).


5. At this point your server should open and you will see a folder/directory labeled "public_html". This is where you will place all of your files


6. You can now copy and past any of your files inside of your public_html folder


7. To see your web page navigate to it via a browswer at http://10.51.2.253/~username/webpagename


8. More to come soon...

Today's Work - Monday March 2nd

Agenda

1. Introduce HTML Forms
2. Create a contact form for your portfolio
3. Continue working on Javascript #1 Assignment

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.

Stylin'

Now that your xhtml document is complete, you need to style it using CSS. Your web resume should have not formatting tags within it. You can add elemental tags such as br, div, classes etc. If you would like to see a few examples of other students finalized resumes (and portfolios) then click on the links listed below.

• Melody Li


• Edward Bodnar


• Donna Truong (IE only)


• David Tangen

XHTML/CSS Review

It is very important that you visit the following links and read the information on xhtml and css. If you don't read the information listed at these links, it will put you behind quite a bit. We will talk some about these in class today

Learn XHTML
Learn CSS

Resources

As you may notice, I have posted a resource list for this class. I have posted links to various web sites that will come in handy as we start working on various projects and assignments. I will add links and even possibly remove some depending on the topic we are covering and how my space is available. Please let me know if you have any questions!

~Mr. Hadley

Resume Assignment

Using http://www.w3.org you are to create a resume using xhtml code. There should be NO colors or font tags withing the code. Everything should be semantic mark-up and the document well formed (properly nested tags). Remember if you have questions about out assignment, you can visit my regular school website at http://www.mrhadley.net

So what is this blog for?

This blog is an area for your to post comments and your thoughts on a bi-weekly basis about the class and assignments we do. In today's technology market place, you are expected to be able to manage several different projects at once. You will be required to manage this blog, as well as your gmail account and the school ftp account for all of the projects you do in this class. More to come soon! Please feel free to contact me with any questions.

~Mr. Hadley