• View Project Guidelines

Please submit your final project to me via email (tswallace@ualr.edu) by 3:30pm, May 10, 2012. I have enjoyed working with you all this semester. Best of luck in the future.

• Next Steps | IFSC 3300 (Sample Syllabus)
• Mobile Web Development (Spring 2013)
• Course Evaluations

• HTML5
• CSS3

Watch – Accessibility for the Modern Web by Derek Featherstone

Assignment

Explain in your own words what web accessibility means to you & why it is important to build accessible web sites? This is a written assignment that should be emailed to me (tswallace@ualr.edu) no later than 5.1.12

• Hosted Solution
• Using Server-Side Technology

• Exploring the functionality of Jquery
• Building web apps with Jquery

Assignment

Find and complete one jquery tutorial on the web. Upload the finished project to your web space and send me a link to the working example. Finish as homework due Thursday (4.17.12). When evaluating the script make sure that the page is still usable without Javascript enabled. You should pick something that can be integrated into your current site to meet the above mastery requirement.

• Resources 1 | 2 | 3

• The Power of JavaScript Libraries
• Jquery Tabs Case Study

JavaScript

• Script Resources | More
• 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.

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 Thursday.

• Introduction
• Uses of JavaScript
• Examples
  • How To
  • Placement
  • Statements
  • Comments

Assignment

Read A reintroduction to JavaScript and complete lessons #1 and #2 at Code Academy

• Accessibility
• Finalizing your page template
• Duplicating pages for your site

Assignment

Continue to work on your site design and template. Bring questions to class for Tuesday’s Site building demo.

Class Example

Announcement + Extra Credit

Join the Society for Computing and Information Science tomorrow evening at 6:00pm in the EIT auditorium for a webinar entitled “The How and Why of Responsive Web Design” with Ethan Marcotte. Afterwards we’ll head to Buffalo Wild Wings for dinner. Hope you can make it.

If you write a short summary of the presentation and submit by next Tuesday you will be eligible for up to 10 points of extra credit.

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

• 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
• Mid-Term Grades

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 the Tuesday following Spring Break.

Please complete the following lab and send the url’s to me before class on Thursday.

CSS Positioning Lab

Your assignment for this session is to 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 email this icon to me before class on Tuesday. 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!

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

• Final Project Guidelines
• Planning, Storyboarding and Collecting Resources for your Web Site
• Fireworks Introduction

Assignment

Decide on a topic for your final web site project. Once you have an idea of what you’d like to do fill out the site questionnaire, craft a statement of purpose , and storyboard your site. You should submit this to me via email before class on Tuesday.

If you need to get caught up here are the files we have been working on in class. Download Project Files

• Using Dreamweaver to Create and Apply Styles
• CSS Box Model – Description | Demonstration
• Positioning Overview
• CSS Positioning
• W3Schools – Positioning Lab – Use the Try it yourself links at the bottom of each code snippet to experiment

• 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.

Please read through the following tutorials in preparation for our work with CSS on Thursday. We will move quickly through the content covered in the following write ups so I expect you to come to class with a good grasp of what is covered within the tutorials below.

CSS Basic

• CSS HOME
• CSS Introduction
• CSS Syntax
• CSS Id & Class
• CSS How To

CSS Box Model

• CSS Box Model
• CSS Border
• CSS Outline
• CSS Margin
• CSS Padding

Note: I have your quiz grades which I will return to you in class on Thursday. I will have your html assignment graded and returned to you prior to class next Tuesday.

See you on Thursday.

• Doctype, Meta, and More
• HTML5 – Obsolete and Redefined Elements
• HTML5 New Semantic Elements

Assignment

Read Chapter 8 – Quiz Material

• 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 to tswallace@ualr.edu on 9.19.11 (Monday)
Reading Assignment: CSS Basics

• Working with Forms
• Sectioning your HTML Document

Assignment

Read Chapter 4 and Chapter 6

• Quiz
• Working with Tables
• Hyperlinks
• Inserting Images

• Quiz
• Working with Tables
• Hyperlinks

• Marking Up Content in Dreamweaver –  Download the Starter Document
• Additional (x)html tags for textual content
• Special Character Encoding: Details | Reference
• Block vs. Inline Elements

Assignment

Read (Quiz Material) Read Chapter 3

• Naming Conventions, Meta Naming, Directory Structure
• Understanding how a web page works
• Doctypes & DTD’s – Document Type Definition
• Declaring a Language Type
• Exploring the <head>
  • Title Attribute
  • Meta Tags

Assignment

Read Semantic XHTML (Quiz Material) & Read Chapter 2.

• 300 Million Dollar Button
• VPN Instructions – Login to VPN with NetId
• Structure, Content, Design, & Behavior

Assignment

Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be emailed to me (tswallace@ualr.edu) no later than 1-26-12. 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.

• Understanding Web Related Terminology
• Browser Overview

Course Syllabus

• Download Syllabus PDF

Assignment

Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards