To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Reading assignments will be listed for each section. Please do the assigned readings before class and be prepared to discuss in class.
Responsive Web Frameworks - September 18, 2014
- What are Web Frameworks
- Introduction to Twitter Bootstrap
- Using Bootstrap Components
- Adding Custom CSS to a Bootstrap Mockup
Assignment
Spend some time reviewing the Twitter Bootstrap Documentation.
Final Web Assessment - May 8, 2014
Please submit to me via email no later than 3:30pm. Please do your own work and good luck!
Project Wrap Up - May 1, 2014
Team Assignment
Project managers, please submit the following information as a shared folder on Google Drive. This folder should only contain the requested information.
- Final Project Presentation
- Completed Access Database
- A compressed folder containing the web site and related files
- Final version of the project plan
These are the materials that will be graded for your team project grade. These are due no later than Monday at noon. The folder should be shared with the entire faculty team.
Individual Assignment
- Fill out the peer assessment form. This is your opportunity to provide the faculty with feedback regarding your teammates. Make sure you fill out the entire form and provide written feedback on each teammate. Due Monday at Noon – Download Form
- Due to lack of time we were unable to provide you time in class to fill out the course evaluation. Please take 10 minutes to provide us feedback on the course and your experience this semester. If you have additional comments regarding the technical difficulties this semester please mention those in the additional comments section along with any additional feedback you wish to provide. We have enjoyed having you this semester. – Please complete by Monday – Course evaluation
Important Dates
- Web Pre-Assessment Lab – Tuesday, May 6, 11:00am-1:00pm – EIT 219. Bring your completed pre-assessment with questions.
- Web Assessment – Thursday, May 8, 1:30-3:30 pm – EIT 219
- Access Assessment – Tues, May 13, 10:30am-12:30pm
Web Pre-assessment Overview - April 24, 2014
- Pre-assessment
- Q&A Session – May 6, 11:00am – 1:00pm – EIT 219
- Web Assessment – Thurs, May 8, 1:30-3:30 pm
Implementing jQuery - March 20, 2014
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.
Progressive Enhancement Explained - March 18, 2014
- 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
Exploring Jquery - March 13, 2014
- Exploring the functionality of Jquery
- Jquery Tabs Case Study
- JQuery Cycle Demo
- Building web apps with Jquery
Assignment
Read the following Article on Progressive Enhancement. Write a blog post 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 to Javascript - March 11, 2014
Assignment
Complete lessons #1 thru #4 at Codecademy.
HTML5 Microdata - March 6, 2014
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.
HTML5 Semantics - February 27, 2014
Working with HTML5 Boilerplate
Leveraging HTML5 Semantic Elements
Adding ARIA Roles for Accessibility
Adding Browser Support
Development and Debugging Tools
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 Semantic Elements - February 20, 2014
Out with the old in with the new
Working with HTML5 Boilerplate
Leveraging HTML5 Semantic Elements
Adding Browser Support
Development and Debugging Tools
HTML5 – Structural Elements and Text Level Semantics - February 18, 2014
Site Planning
Out with the old in with the new
Working with HTML5 Boilerplate
Leveraging HTML5 Semantic Elements
Adding Browser Support
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.
Site Planning – The Client Interview - February 13, 2014
- 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.
Segway Project Lab - February 11, 2014
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.
Segway Project Lab and working with Forms - February 6, 2014
- 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.
HTML/CSS Wrap-up - January 30, 2014
- Site Building Demo | Starter Document
Assignment
- Micro-site Project – Due Next Thursday before class. (February 6, 2014)
- Additional Fireworks Reading
Working with Images and working with page templates - January 28, 2014
Assignment
Review – Steps for producing a web site
If you haven’t submitted your optimized header graphic and folder, please do so today.
Creating Imagery in Fireworks - January 23, 2014
- 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.
Introduction to Fireworks - January 21, 2014
- 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.
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!
Introduction to Fireworks - January 16, 2014
- Positioning Lab Review
- Introduction to Fireworks
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Assignment
ITEC 3650 Overview and CSS Positioning Review - January 14, 2014
- Review Course Syllabus
- Aaron Baker – Portfolio Preview
- CSS Review
- Positioning Lab Review
- Introduction to Fireworks
CSS Positioning - December 5, 2013
Assignment
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than next Friday, December 13.
Course Evaluations
Happy Holidays!
Intro to CSS - December 3, 2013
- 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.
Introduction to CSS - November 26, 2013
- 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.
Intro to CSS - November 21, 2013
- 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
Dreamweaver for markup and Intro to CSS - November 19, 2013
- 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
Introduction to Dreamweaver - November 14, 2013
- 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.
Structuring and Validating Your Files - November 12, 2013
- 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
Introduction to HTML5 - November 7, 2013
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.
Introduction to HTML5 - November 5, 2013
- 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.
Introduction to HTML5 - October 29, 2013
- 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
Introduction to HTML5 - October 24, 2013
- 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
Introduction to HTML5 - October 22, 2013
Structure, Content, Design, Behavior - October 17, 2013
- 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.
Web Terminology - October 10, 2013
- 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.
Your Window to the Web: Web Browsers and Understanding Web Terminology - October 8, 2013
Web Based Tools Round up - October 3, 2013
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
Web-Based Tools Roundup - October 1, 2013
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.
Mastering Google Search - September 24, 2013
Assignments
- 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
- 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.
Tech Topics - September 19, 2013
- WordPress Custom Menus
- Exploring The Search Bar
- Announcements
Assignments
- Write a post to your discussing IT Minor Alum Arlton Lowry’s visit to class last Thursday. Due by next Tuesday.
- Upload Presentation to Google Drive and share with tswallace@ualr.edu
- 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
PowerPoint for Power Users - September 10, 2013
Chromebook Quick Tips
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.
Google Docs - September 5, 2013
Chromebooks - September 3, 2013
Chromebooks
- Verify Network Access
- Chromebook Orientation
Introduction to Google Docs
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.
WordPress Explained and Chromebook Orientation - August 29, 2013
- 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.
WordPress Explained - August 27, 2013
- 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.
Google Chromebook Orientation & WordPress - August 22, 2013
- 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
IT Minor Orientation – IT Plum - August 20, 2013
- 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