• Web Reassessment

Good Luck – Web Assessment

You are allowed to to bring a designed and optimized header graphic to class with you. Please choose from the following images…

• Image 1
• Image 2
• Image 3
• Image 4

If you have created the assessment directory during your practice attempts that is fine but please make sure the directory is empty prior to taking the assessment. You are expected to do all of the work in class during the set time. The only work you are allowed to do beforehand is creating the directory on the server and creating and optimizing your header graphic. Good luck.

• Assessment Q & A
• Contact Forms

• The Power of JavaScript Libraries
• Jquery Tabs Case Study

Practice Assessment

• View Practice Assessment

Assignment

Work through the practice assessment before class next week. Make sure to bring questions to class.

JavaScript

• Script Resources
• In-class assignment – On a blank HTML page implement a JavaScript from Dynamic Drive. Upload to the web and email me the link. Included in the document should be the URL where you got the script and any enhancements you made to the script. Extra credit will be given for any script that have been enhanced from their original format.

Forms

• Hosted Web Forms

Assignment

Read the following Article on Progressive Enhancement. Send me an email (tswallace@ualr.edu) explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancement and include a link to another article you found relating to the topic. Due before class next Monday.

• Accessibility
• Finalizing your page template
• Duplicating pages for your site
• Question and Answer Session

Assignment

Continue to work on your Portfolio Designs – Be prepared to show me your work in class next week. Read – What you can do with JavaScript

• Optimizing and Exporting Images
• Integrating Image Slices into Your Site Template
• Styling Page Navigation (Lists)

Assignment

If you haven’t done so already you should generate a color scheme for your web portfolio. Please read through the following module on Colors and Fonts. At this point you should be putting the finishing touches on your portfolio design concept. If you are not you should spend considerable time finishing that up this week. Next week we will discuss finishing touches to your template page, validation and duplication.

• CSS Positioning Review
• Lab Exercises
• Fireworks Review
• Creating Shapes
• Working with Typography
• Cropping and Resizing
• Using Shapes, Text, and Photos to Create Imagery for your site

Assignment

Create Banner image for your portfolio website in Fireworks. Image should be as wide as your container div and between 80px and 200px tall and less than 40kb in size. Emailed tswallace@ualr.edu before class next Monday. Remember this will be the image that sets the tone for your portfolio. Make sure it represents you well.

CSS Positioning

• Positioning Overview
• CSS Positioning
• W3Schools – Positioning Lab – Use the Try it yourself links at the bottom of each code snippet to experiment

Assignment

Please complete the 4 Lab exercises and submit the urls of each example to me before class on Monday. We’ll review in class next week.

Working with CSS positioning Lab

Site Planning

• Planning, Storyboarding and Collecting Resources for your Web Site
• IT Minor ePortfolio Assignment Guidelines

CSS Positioning

• Review Homework
• Positioning Overview
• CSS Positioning
• W3Schools – Positioning Lab – Use the Try it yourself links at the bottom of each code snippet to experiment

Assignment

Fill out your Site Questionnaire using you own portfolio project as an example project. Once completed, storyboard your portfolio web site and submit both to me before class next week.

Please Read the following Article before Class Next Week – CSS Floats 101

• Using Dreamweaver to Create and Apply Styles
• CSS Box Model – Description | Demonstration
• Continue CSS Discussion
  • Exploring CSS Properties and Values
  • Using Classes
  • Floats and Clear
• Using CSS for Layout

Assignment

Homework – Style all major elements in your current index.html file. You should apply some sort of layout and then make sure you style all of the elements in the content area of the site as well. Upload to the web server and send the link (tswallace@ualr.edu) to me before class on the February 20th, 2012. This is an exercise in experimenting with different css properties and values. If it doesn’t look perfect that is okay. I want you to play.

• Sectioning your HTML Document
• Selecting the Proper Style: Tags, Classes, and ID’s
• Creating and Attaching a Style Sheet
• Using Dreamweaver to Create and Apply Styles

Assignment

Read: CSS Specificity & Class vs. ID – This is quiz material.

• Editing Head Content in Dreamweaver
• Recommended Meta Tags
• Marking Up Content in Dreamweaver –  Download the Starter Document

Assignment

Read: CSS Basics. It is imperative that you read this material before class next week.

• Naming Conventions, Meta Naming, Directory Structure
• Creating Your UALR Web Space
• What is Dreamweaver?
• Dreamweaver Workspace
• Defining a Site in Dreamweaver / Connecting to the Web server

Homework:

Read: The history of the Internet and the web, and the evolution of web standards – Write: Blog post explaining the impact of the browser wars on modern web development and how why web standards are important.

Supplemental:

Video Tutorial – Defining a site