Please submit the url of your final project no later than 3:30pm (May 9, 2013). I enjoyed having you this semester. Enjoy your Summer.
Category Archives: Spring 2013
Wrap-Up
- Final Project Guidelines
- Next Steps | IFSC 3300 (Sample Syllabus)
- Mobile Web Development (Spring 2014)
- Course Evaluations
The Road Ahead
Jquery Lab
Assignment
Find a Jquery tutorial on the web. 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. Submit the URL to me via email of the working script. Due Tuesday.
Javascript
- Final Project Guidelines
- Progressive Enhancement Review
- Jquery Tabs Case Study
- JQuery Cycle Demo
- Exploring the functionality of Jquery
- Building web apps with Jquery
Assignment
Find a Jquery tutorial on the web. Begin working on the implementation and bring to class on Thursday. 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.
Javascript
JavaScript
- Script Resources | More
- In-class assignment – On a Codepen.io page implement a JavaScript from Dynamic Drive. Email me the link to pen you create in class.
Final Project Lab
Please spend today’s session working on your final project. Please be prepared to give the class an update on your project on Thursday. For homework please finish the remainder of the “Intro to Programming” Lesson on Codecademy.
Introduction to JavaScript
Assignment
Complete lessons #3 and #4 at Codecademy.
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 Tuesday.
Working with Forms
- Review Segway Projects
- Hosted Solution
- Using Server-Side Technology
Assignment
Complete the planning document and sitemap and submit to me via email no later than Thursday.
Read A reintroduction to JavaScript and complete lessons #1 and #2 at Codecademy
Site Planning
Assignment
Complete the planning document and sitemap and submit to me via email no later than next Thursday. Submit the Segway project no later than Tuesday.
HTML & CSS Web Project
Assignment
Work on the Segway project and bring questions to class on Thursday. This project is due next Tuesday.
HTML / CSS Wrap-up
- Integrating Image Slices into Your Site Template
- Finalizing your page template
- Duplicating pages for your site
- Final Project Guidelines
Assignment
Decide on an idea for your final project and begin researching the project. Look for a few existing sites that you like for inspiration. On Tuesday we’ll go through a planning process that will help us structure the project.
Creating Site Imagery
- Using Shapes, Text, and Photos to Create Imagery for your site
- Optimizing and Exporting Images
- Deciding on Good Colors and Fonts
Assignment
Create Banner image for your sample page in Fireworks. The 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 on Thursday. 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 class I’ll show you how to integrate this image into your template page properly. Please bring the file to class.
Fireworks
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Your assignment for Spring Break is to complete the following tutorials and submit the folder icon you create in the 3rd tutorial.
You should email this icon to me before class on the Tuesday following Spring Break. 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 you can download a 30 day trial of Fireworks on your own computer so you can work off campus.
Introduction to Fireworks
- CSS Positioning Lab
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Assignment
Read – Steps for producing a web site
Positioning Lab
Assignment
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than Monday. Be prepared to discuss in class on Tuesday. Have a nice weekend.
CSS Positioning
Assignment
Please Review today’s class materials in preparation for an graded in-class exercise on Thursday.
CSS Lab
Spend today’s session styling all elements in your html document. While styling, pay close attention to not create duplicate styles. Read the following posts and try to incorporate these ideas into your workflow
Please upload the completed assignment and send me the URL. I will be grading effort on this assignment. I expect you to have problems being new to this. Use your resources and give it a go. If you take the day off and spend 10 minutes working on the assignment, your grade will reflect that decision. Good Luck and have a nice weekend.
Due before class on Tuesday.
CSS Positioning
- 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
Assignment
Read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Thursday.
Introduction to CSS
- 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.
Publishing to the Web
- Creating Your UALR Web Space
- What is Dreamweaver?
- Dreamweaver Workspace
- Defining a Site in Dreamweaver / Connecting to the Web server
- Using Dreamweaver for markup | Download Starter Document
Assignment
Reading Assignment: CSS Basics
Publishing to the Web
- 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 2.19.13
Reading Assignment: CSS Basics
Forms and Other Sectioning Elements
- Review Accessibility
- Quiz
- Today’s Codecast
- Working with Forms
- Sectioning your HTML Document
Assignment
Read Chapter 4 and Chapter 6
Modern Web Accessibility
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 next Tuesday
Introduction to HTML
Introduction to HTML
- Today’s Codecast | Using Codepen
- Marking Up Content – Download the Starter Document
- Additional (x)html tags for textual content
- Special Character Encoding: Details | Reference
- Block vs. Inline Elements
- Hyperlinks
- Inserting Images
Assignment
Read (Quiz Material) Read Chapter 3
Introduction to HTML
- Today’s Codecast | Using Codepen
- 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
Introduction to HTML
- Naming Conventions, Meta Naming, Directory Structure
- How the Internet Works
- Understanding how a web page works
- Setting up our work environment using Codpen
- 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.
Structure, Content, Design, Behavior
- Review Reading
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- VPN Instructions – Login to VPN with NetId
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-24-13. 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.
Our Window to the Web: Web Browsers & Understanding Web Related Terminology
Course Syllabus
Assignment
Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards