• Pre-assessment
• Q&A Session – May 6, 11:00am – 1:00pm – EIT 219
• Web Assessment – Thurs, May 8, 1:30-3:30 pm

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

• Jquery Tabs Case Study
• JQuery Cycle Demo
• Spring Break Project Q & A

Assignment

Be prepared to show progress on your website projects. I provide troubleshooting assistance in class on Thursday

• Spring Break Project Requirements
• Introduction
• Uses of JavaScript
• Examples
  • How To
  • Placement
  • Statements
  • Comments

Assignment

Complete lessons #1 thru #4 at Codecademy.

In-class Lab – Please Complete the following Tutorial and submit your online Resume to me via Email.

• How to Create an HTML5 Microdata Powered Resume (a few of the code snippets aren’t working on the site. Download the project files to use as a reference)

Note: If you are uncomfortable with sharing any personal information with me  (or Google!) feel free use fictitious information. You may skips steps 8-10 if you’d like.

Assignment

Submit your resume via email prior to class on Tuesday.

Working with HTML5 Boilerplate

• View Documentation | Download

Leveraging HTML5 Semantic Elements

• Download Source | Codecast

Adding ARIA Roles for Accessibility

• Article

Adding Browser Support

• Adding CSS Default Styling

Development and Debugging Tools

• Tools for Development

In-class Lab – Please Complete the following Tutorial and submit your online Resume to me via Email.

• How to Create an HTML5 Microdata Powered Resume (a few of the code snippets aren’t working on the site. Download the project files to use as a reference)

Note: If you are uncomfortable with sharing any personal information with me  (or Google!) feel free use fictitious information. You may skips steps 8-10 if you’d like.

Assignment

Read the following article on Microdata

• HTML5 Microdata
• HTML5 Microdata – Welcome to the Machine

Out with the old in with the new

• HTML5 – Obsolete and Redefined Elements
• HTML5 New Semantic Elements

Working with HTML5 Boilerplate

• View Documentation | Download

Leveraging HTML5 Semantic Elements

• Download Source | Codecast

Adding Browser Support

• Adding CSS Default Styling

Development and Debugging Tools

• Tools for Development

Site Planning

• Planning, Storyboarding and Collecting Resources for your Web Site

Out with the old in with the new

• HTML5 – Obsolete and Redefined Elements
• HTML5 New Semantic Elements

Working with HTML5 Boilerplate

• View Documentation | Download

Leveraging HTML5 Semantic Elements

• Download Source

Adding Browser Support

• Adding CSS Default Styling

Assignment

Watch the HTML5 Boilerplate Video | Download the Files (If you haven’t done so already) Review the HTML and CSS Documentation while looking through the boilerplate files. Be prepared to discuss on Thursday.

• Segway Show and Tell
• Planning, Storyboarding and Collecting Resources for your Web Site
• Micro Site Project Discussion

Assignment

Complete the planning document and sitemap and submit to me via email no later than next Tuesday.

Over the course of the last few days, I have spoken with several of you that are having issues with this project. Before moving on to more complex topics, I’d like to spend today. Working with each of you individually on this project. I have have pushed back the submission date to Thursday.

• Hosted Solution
• Using Server-Side Technology
• Review Segway Projects

Assignment

Add a new page to the Segway project and add a contact form.  Send me the completed Segway projects before class next Tuesday. Be prepared to share your work with the class on Tuesday.

• Site Building Demo | Starter Document

Assignment

• Micro-site Project – Due Next Thursday before class. (February 6, 2014)
• Additional Fireworks Reading

• Optimizing and Exporting Images
• Finalizing your page template
• Duplicating pages for your site

Assignment

Review – Steps for producing a web site
If you haven’t submitted your optimized header graphic and folder, please do so today.

• Deciding on Good Colors and Fonts
• 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.

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

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 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!

• Positioning Lab Review
  • Positioning Lab
• Introduction to Fireworks
• Fireworks Workspace
• Creating Shapes
• Working with Typography
• Cropping and Resizing

Assignment

Read – Steps for producing a web site

• Review Course Syllabus
• Aaron Baker – Portfolio Preview
• CSS Review
  • Selecting the Proper Style: Tags, Classes, and ID’s
• Positioning Lab Review
  • Positioning Lab
• Introduction to Fireworks

• Using Dreamweaver to Create and Apply Styles
• Box Model Review
• Creating Basic Page Layouts
• Styling Page Navigation

Assignment

Read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Thursday.

• Using Dreamweaver to Create and Apply Styles
• CSS Box Model – Description | Demonstration

Assignment

Using Dreamweaver, Style your prototype html document to the best of your ability. Style all of the elements on the page. Experiment with creating a layout using floats. I don’t expect perfection from this exercise but I do want to see some effort. This should be uploaded and submitted to me before class on Tuesday.

• Quiz
• 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 Box Model – Description | Demonstration

• 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

Assignment

Reading Assignment: CSS Basics

• What is Validation?
• Creating Your UALR Web Space
• What is Dreamweaver?
• Defining a Site in Dreamweaver / Connecting to the Web server
• Using Dreamweaver for markup | Download Starter Document
• VPN Instructions

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

• Naming Conventions, Meta Naming, Directory Structure
• Extracting your HTML from Codepen
• What is Validation?
• Creating Your UALR Web Space
• What is Dreamweaver?
• Defining a Site in Dreamweaver / Connecting to the Web server
• VPN Instructions

• Working with Tables
• Working with Forms
• Sectioning your HTML Document

Create a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page. Bring this to class with you on Tuesday. We’ll cover publishing this to the web in class on Tuesday. If you need a code sample to refer to you can look at this snippet.

• Today’s Codecast | Using Codepen
• Additional (x)html tags for textual content
• Special Character Encoding: Details | Reference
• Inserting Images
• Block vs. Inline Elements
• Working with Tables
• Working with Forms

Assignment

Please review class readings and in class HTML work. We’ll have a short quiz on Thursday. At this point you should have created your own copy of the prototype document we have been working in class. You’ll be asked to submit this next week so make sure you are keeping up.

• Today’s Codecast | Using Codepen
• Marking Up Content – Download the Starter Document
• Additional (x)html tags for textual content
• Special Character Encoding: Details | Reference
• Hyperlinks
• Inserting Images
• Block vs. Inline Elements
• Working with Tables

• 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

Assignment

Read – The difference between Block and Inline Elements.

• 300 Million Dollar Button
• How the Internet Works
• Understanding how a web page works
• Setting up our work environment using Codpen
• Doctypes & DTD’s – Document Type Definition
• Exploring the <head>
  • Declaring a Language Type
  • Title Attribute
  • Meta Tags

Assignment

Read Semantic XHTML (Quiz Material) & Create an Account at Codepen.io

• 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 blog assignment  due no later than 10-22-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.

• Understanding Web Related Terminology
• 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 blog assignment  due no later than 10-17-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.

• Understanding Web Related Terminology
• Browser Overview

• Resources

Assignment:

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Tuesday. Please be prepared to discuss in class.

Read – The history of the Internet and the web, and the evolution of web standards

• Resources

Assignment:

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Tuesday. Please be prepared to discuss in class.

• Resources

Assignments

1. Complete the final four sessions  of Power Searching with Google. In the coming weeks we will complete the entire course. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
2. Write a blog post about 5 new tips/trick you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information.

• WordPress Custom Menus
• Exploring The Search Bar
• Announcements

Assignments

1. Write a post to your discussing IT Minor Alum Arlton Lowry’s visit to class last Thursday. Due by next Tuesday.
2. Upload Presentation to Google Drive and share with tswallace@ualr.edu
3. Complete the first two sessions  of Power Searching with Google. In the coming weeks we will complete the entire course. Be prepared to discuss when we return to class next Monday. Session 1 | Session 2

Chromebook Quick Tips

• Right Click
• Keyboard Shortcuts
• Connecting to Virtual Machine

PowerPoint Tips

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

Assignment

Begin working on your presentations for next week. When you have completed you presentation upload the file to Google Drive and share the link via email.

Introduction to Google Docs

• Overview

WordPress Follow-up

• Custom Menu

Chromebooks

• Verify Network Access
• Chromebook Orientation

Introduction to Google Docs

• Overview

WordPress Follow-up

• Custom Menu

Assignment

Begin researching apps in the Chrome Web store. Try and integrate them into your daily workflow. In a few weeks you’ll be asked to report back to the class via your blog.

• Customizing the Sidebar
• Widgets
• RSS Feeds

Chromebooks

• Verify Network Access
• Chromebook Orientation

Assignment

Finish customizing your blog. Apply a new theme. Customize the sidebar. Add a few widgets. Display an rss feed from a site that you frequent. Begin working on your about page.

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

Chromebooks

• Verify Network Access

Assignment

Customize your blog. Apply a new theme. Customize the sidebar. Add a few widgets. Display an rss feed from a site that you frequent. Begin working on your about page. If you have not submitted your blog url to me please do so. Make sure to bring your Chromebook to class on Thursday for the orientation session.

• Chromebook Orientation
• Subscribe to Google Group
• Remembering Names Activity
• Introduction to Worpress
  • WordPress.com
  • What is a blog?
  • Publishing Content | Video Tutorial
  • Pages vs Posts
  • More Resources

Homework

Homework (Due 8.27.13): Write your first blog post reflecting on your week in the program and your personal expectations for the class. Make sure you catergorize 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

• Review Syllabus & Expectations
• Faculty Introductions
  • Thomas Wallace
  • David Luneau
  • Kevin Huneycutt
  • Bruce Bauer
  • Aaron Baker
• Student Introductions
• Introduction to the Classroom Technology
  • Virtual Machines
  • Off Campus Access to VPN
• Chromebook Distribution and Overview
  • Chromebook Agreement
  • Using Multiple Google Accounts
• Subscribe to Group Email List – itplum+subscribe@googlegroups.com
• Remembering Names Activity