• Final Due Tuesday December 15, 2015. The project should be submitted no later than 10:00am – Final Project Guidelines
• Final Q & A
• Next Steps
  • IFSC 3300 (Sample Syllabus)
  • Mobile Web Development (Spring 2015)
  • BA in Web Design and Development
    • Advisor Thomas Wallace
• Course Evaluations

Assignment

Research JavaScript Implementation for Final

• Lightbox Effects
  • Fancybox
  • Colorbox
  • Lightbox
• Smooth Scrolling
  • jQuery Smooth Scroll
• Carousels and Sliders
• Theme Switcher

• Walkthrough with Source Files

Assignment

Upload your working version to you web space and send me the url. Make sure to do some customization so you get the opportunity to play with editing the calls to jQuery. Please send me the working URL before class on Thursday.

• Planning, Storyboarding and Collecting Resources for your Web Site
• jQuery Tabs Case Study
• jQuery Cycle Demo
• Review Grades

Assignment

Complete the planning document and sitemap and submit to me via email before class on Tuesday.

Begin looking for ways you can implement jQuery into your final project. Identify what is it you’d like to do (image gallery, carousel, lazy load etc.) and begin researching what it takes to get it implemented. Your assignment for the weekend will be to get something working you can submit a week from Tuesday.

Resources 1 | 2 | 3

• How jQuery Works
• Exploring the functionality of jQuery
• What is a CDN?
• Why use a CDN?
  • Google CDN, CDNJS
• jQuery Tabs Case Study
• jQuery Cycle Demo

Additional Reading and Study – Javascript 101

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.

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

Assignment

Complete Getting Started with programming at Codecademy. Send me a a screenshot of the completion page. I recommend creating an account so you can save your progress and completion other modules in the future.

• Hosted Solution
• Using Server-Side Technology
• Project Q&A Lab

Segway Project

• Starter Document | Starter Document (Using HTML Structural Elements)
• Micro-site Project – Due Thursday November 12.

Assignment

• Micro-site Project – Due Thursday November 12.

Segway Project

• Starter Document | Starter Document (Using HTML Structural Elements)
• Micro-site Project – Due Thursday November 12.

Assignment

• Micro-site Project – Due Thursday November 12.

• Integrating Image Slices into Your Site Template | Techniques: Kellum
• Finalizing your page template
• Duplicating pages for your site

Segway Project

• Starter Document | Starter Document (Using HTML Structural Elements)
• Micro-site Project – Due Thursday November 12.

Assignment

Begin work on the Segway Projects. You should have a good start on your main page template prior to class on Monday.

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

Woking with Photography

• Cropping and Resizing
• Working with the Selection Tool
  • Exercise: Remove the Background from this photo
• Color Correction (Curves)
• Clone Stamp
  • Exercise: Duplicate a Bird on the wire and remove the wire at the top of the image

Image Optimization

• Optimizing Imagery for the Web

Assignment

Email me the completed optimized samples of the images you created in class. Due next Tuesday.

• 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 email this icon to me before class next Thursday. 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.

• Review Positioning Exercises
• 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 email this icon to me before class next Thursday. 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.

• Today’s Codecast
• Positioning Overview
• CSS Positioning
• CSS Positioning Lab

Assignment

Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than Tuesday. Be prepared to discuss in class.

• Today’s Codecast
• Positioning Overview
• CSS Positioning
• CSS Positioning Lab

Assignment

Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than next Thursday. Be prepared to discuss in class.

• Today’s Codecast
• Styling Page Navigation
• Positioning Overview
• CSS Positioning

Assignment

Read The following Article on CSS Positioning. Be prepared to discuss next week.

• Today’s Codecast
• Creating and Attaching a Style Sheet
  • CSS Reference
• Using Dreamweaver to Create and Apply Styles
• Understanding Color | Kuler
• CSS Box Model – Description | Demonstration
• Styling Page Navigation
• Positioning Overview
• CSS Positioning

Assignment

Read: Getting to Know CSS |  Getting to know the  Box Model – This is quiz material.

SOCIS Workshop

Game Development and Digital Art using Unity by Jason Zack – October 1 – EIT 203 – 6:00

• Today’s Codecast
• Creating and Attaching a Style Sheet
  • CSS Reference
• Using Dreamweaver to Create and Apply Styles
• Understanding Color | Kuler
• CSS Box Model – Description | Demonstration
• Styling Page Navigation
• Positioning Overview
• CSS Positioning

Assignment

Read: Getting to Know CSS |  Getting to know the  Box Model – This is quiz material.

SOCIS Workshop

Game Development and Digital Art using Unity by Jason Zack – October 1 – EIT 203 – 6:00

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? Do some research on the topic. This is a written assignment (1-2 pages) that should be emailed to me (tswallace@ualr.edu) no later than next Tuesday.

• What is Dreamweaver?
• Dreamweaver Workspace
• Defining a Site in Dreamweaver / Connecting to the Web server
• Using Dreamweaver for markup | Download 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 Specificity & Class vs. ID – This is quiz material.

Join us for the 2 Days to Start-up Interest meeting – Tuesday, September 22 at 12:15pm in EIT 322

• Quiz
• Using an FTP Client – Filezilla – Tutorial
  • Host:ualr.edu
  • Username: students\username
  • Password: students domain password
  • Port:21 (It should default to this)
• HTML5 Structural Elements

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. Send me the URL of this page no later than next Tuesday.
• Reading Assignment: CSS Basics
• Extra credit: Attend Web Scraping with Python on Thursday Evening. Sponsored by SOCIS. Send me a short email about the presentation and what you learned. Facebook Event Page

• What is Validation?
• Naming Conventions, Meta Naming, Directory Structure
• Creating Your UALR Web Space
• Using an FTP Client – Filezilla – Tutorial
  • Host:ualr.edu
  • Username: students\username
  • Password: students domain password
  • Port:21 (It should default to this)

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. Send me the URL of this page no later than next Tuesday.
• Reading Assignment: CSS Basics

• Working with Forms
• What is Validation?
• Naming Conventions, Meta Naming, Directory Structure
• Creating Your UALR Web Space
• Using an FTP Client – Filezilla – Tutorial
  • Host:ualr.edu
  • Username: students\username
  • Password: students domain password
  • Port:21 (It should default to this)

Assignment

Read the following resource as a review. We’ll have a quiz next week over all of the reading and discussion so far. – Getting to know HTML

• Today’s Codecast
• Additional html tags for textual content
• Special Character Encoding: Details | Reference
• Hyperlinks
• Inserting Images
• Block vs. Inline Elements
• Working with Tables
• Working with Forms
• Sectioning your HTML Document

• Setting up our work environment using Codpen | Today’s Codecast
• Marking Up Content – Download the Starter Document
• Additional html tags for textual content
• Special Character Encoding: Details | Reference
• Block vs. Inline Elements
• Hyperlinks

• Setting up our work environment using Codpen | Today’s Codecast
• Other Code Editors
• What is HTML5?
• 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 html tags for textual content
• Special Character Encoding: Details | Reference
• Block vs. Inline Elements
• Hyperlinks

• Staying Engaged through student Organizations
  • Society of Computing and Information Science (SOCIS)
    • Join us for our first meeting of the semester this Thursday at 6:00!
    • Facebook Page
    • Subscribe to the Mail List
      • Send Email to listserv@ualr.edu. Subject Blank, In the body write subscribe socis@ualr.edu
  • UALR eSports
    • Facebook 
    • Friday 5-9 in Student Services Lab

• How the Internet Works
• Understanding how a web page works
• Setting up our work environment using Codpen | Today’s Codecast
• Other Code Editors
• What is HTML5?
• Doctypes & DTD’s – Document Type Definition
• Declaring a Language Type
• Exploring the <head>
  • Title Attribute
  • Meta Tags

Assignment

Create a Codepen Account and experiment with it’s features.

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

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

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 8-27-15. 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.

Classroom Technology

• Testing Thin Client Access
• Connecting from off-campus

Discussion

• Understanding Web Related Terminology
• Browser Overview
• 300 Million Dollar Button
• How the Internet Works
• Understanding how a web page works

Course Syllabus

• Download Syllabus (PDF)

Discussion

• Understanding Web Related Terminology
• Browser Overview

Assignment

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