• Final Assessment

Please Submit the URL to me via email when you are finished.

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.

• Review Practice Assessment
• In Class Lab assignment: Jquery Cycle – Submit to me no later than Thursday (5.2.2013)

• Review Progressive Enhancement
• Jquery Tabs Case Study
• JQuery Cycle Demo
• Practice Assessment

Assignment

Work through the web practice assessment and bring questions to class next week.

• The Power of JavaScript Libraries
• Exploring the functionality of Jquery
• Jquery Tabs Case Study

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 and read relating to the topic. Due before class Monday.

• Hosted Solution
• Using Server-Side Technology

Assignment

Adda basic web form to you segway project and style it to look like the rest of the site. Submit the page URL to me before class next Monday.

• Integrating Image Slices into Your Site Template
• Finalizing your page template
• Duplicating pages for your site
• Spring Break Project

Assignment

Complete the Spring Break Project and submit the URL to me prior to class on the Monday we return from Spring Break. Be prepared to to show your work to the class. If you need a starting HTML prototype you can reference the following code sample.

• 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
• Optimizing and Exporting Images

Assignment

Create Banner image for your sample page in Fireworks. The mage 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. Have fun with this. You can make an image for anything. It could be a company, an event, a hobby etc. I’d like to see the following elements present in your design. Typographical Element, some sort of photographic element or vector artwork, and a consistent color scheme (Try Kuler).

Next week I’ll show you how to integrate this image into your template page properly. Please bring the file to class.

• Style Demos
• Positioning Overview
• CSS Positioning
• CSS Positioning Lab

Assignment

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

CSS Positioning

• Review Homework – Demos
• Styling Page Navigation (Lists)
  • Live Demo
• In-class lab – Feedback and Style Navigation
• Positioning Overview
• CSS Positioning

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

Additional Resources

• Defining a Site in Dreamweaver / Connecting to the Web server
• CSS Tricks – Positioning Overview Webcast

• Using Dreamweaver to Create and Apply Styles | Last Week’s Code
• CSS Box Model – Description | Demonstration
• Continue CSS Discussion
  • Exploring CSS Properties and Values 1 | 2
  • 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 18th, 2013. 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
• CSS Box Model – Description | Demonstration

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
• Selecting the Proper Style: Tags, Classes, and ID’s
• Creating and Attaching a Style Sheet
• Using Dreamweaver to Create and Apply Styles
• CSS Box Model – Description | Demonstration

Assignment

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

• Naming Conventions, Meta Naming, Directory Structure
• What is Dreamweaver?
• Dreamweaver Workspace
• Defining a Site in Dreamweaver / Connecting to the Web server
• Marking Up Content in Dreamweaver –  Download the Starter Document

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

• What is Dreamweaver?
• Dreamweaver Workspace
• Defining a Site in Dreamweaver / Connecting to the Web server

Assignment

Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
Emailed the URL to tswallace@ualr.edu on 12.3.12

• Powerpoint Overview
• Powerpoint Workspace
• Working with the Slide Master
• Custom Shows
• Alternate Presentation Formats
• Extracting and Converting Video
• Audio and Video

• Working with Tables
  
• Sectioning your HTML Document
• HTML Assignment Guidelines
• Creating Your UALR Web Space
• What is Dreamweaver?
• Dreamweaver Workspace
• Defining a Site in Dreamweaver / Connecting to the Web server

Assignment

Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
Emailed the URL to tswallace@ualr.edu on 12.3.12

• Doctypes & DTD’s – Document Type Definition
• Declaring a Language Type
• Exploring the <head>
  • Title Attribute
  • Meta Tags
• Marking Up Content – Download the Starter Document
• Additional (x)html tags for textual content
• Special Character Encoding: Details | Reference
• Block vs. Inline Elements

• Structure, Content, Design, & Behavior
• How the Internet Works
• Understanding how a web page works
• 300 Million Dollar Button

Assignment

Read Semantic XHTML (Quiz Material)

Write –  Blog  – Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a short written assignment that should be posted to your blog by next Monday. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.

• Fireworks Workspace
• Creating Shapes
• Working with Typography
• Cropping and Resizing

Assignment

Complete the following tutorials and submit the folder icon you create in the 3rd tutorial.

• How to use the pen tool in Adobe Fireworks
• Using the Path Panel
• Create an Icon in Fireworks

You should post this to your blog before class next Monday. Late submissions will not be accepted. I do not expect you to perfectly replicate the icon in the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck!

If you’d like to work from home you can download a demo version of Fireworks here.

• Resources

Assignment

Write a blog post about your favorite web-based service that you learned about in class or otherwise. This should be a thorough review detailing what you like/dislike, areas for improvement, and a comparison to any similar products or services.

• Resources
  

• Google Docs/Drive Overview

• Resources

• Blog Settings
• Applying a Theme
• Customizing the Sidebar
• Widgets
• RSS Feeds

Additional Topics

• Connecting From Home using VPN
• Using USB Thumb drives with VMWare View Client.

Assignment

Finish customizing your blog and create an about page. This should contain a short bio and a photo (doesn’t have to be of you).

• Getting Started with your WordPress Blog
  • WordPress.com
  • What is a blog?
  • Publishing Content | Video Tutorial
  • Pages vs Posts
  • More Resources

Homework

Homework (Due 9.4.12): Write your first blog post reflecting on your first day in the program and your personal expectations for the class. Make sure you catorgorize and/or tag the post. If you are feeling adventurous try adding a photo to the post as well. There is no length requirement for this assignment.

Send the URL (Address) of your newly created blog to tswallace@ualr.edu