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.
Migrating a WordPress Blog - August 27, 2015
- Steps
- Export Blog Content from WordPress.com
- Set up a new (target) WordPress Installation on Bluehost
- Import WordPress XML file
- Assign Posts to new appropriate user.
- Select a Theme – If you will email me the name of the theme you wish to have I will download and share with you.
Assignment
Send me a request for a StudioPress WordPress theme. Please sent me you top three choices.
Final Web Assessment - May 12, 2015
Please submit to me via email no later than 3:30pm. Please do your own work and good luck!
Web Assessment Q&A and Semester Wrap-Up - April 30, 2015
- Web Assessment Review
- Peer Evaluation – Due Next Tuesday – Emailed to all faculty
- Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
- Assessment Dates
- Access – 5/7/15 – 1:30pm – 3:30pm – EIT 219
- Web – 5/12/15 – 10:30am – 12:30pm – EIT 219
We hope you have a great Summer and we look forward to seeing you all in the Fall. If any of you are looking for project work for the Summer please let us know and we’ll try to pass along opportunities as they present themselves.
Practice Assessment - April 23, 2015
Complete the practice assessment before class on Tuesday. We will review in class on Tuesday. Your final web assessment will be May 12, 10:30am – 12:30pm.
Individual Web Project Lab - April 2, 2015
- Open Lab
- Projects Due Tomorrow
- Begin work on Team / Client Interview for Tuesday
Assignment
Submit your Individual Web Project (Due 4/3/2015)
Implementing Jquery - March 31, 2015
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.
Introduction to JavaScript Libraries - March 19, 2015
- What is a CDN?
- Why use a CDN?
- Test Environments – Codepen.io
- Jquery Tabs Case Study
- JQuery Cycle Demo
- Building web apps with Jquery
Assignment
Over Spring Break you should complete your personal web site project (Requirements) The project will be due on the Thursday following Spring Break. We will spend the Tuesday class session debugging and implementing Javascript on the site. You should have a working prototype in class to review with me on Tuesday. Good Luck.
Introduction to JavaScript Libraries - March 17, 2015
- 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.
Web Forms, HTML5 Boilerplate & Introduction to Javascript - March 12, 2015
Web Forms
HTML5 Boilerplate
Introduction to JavaScript
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.
Segway Project Wrap-up / Site Planning - March 3, 2015
Segway Q & A
- Open Discussion / Review Techniques
Site Planning
Working with HTML5 Boilerplate
Individual Web Site Project
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.
Begin thinking about a topic for your individual web project. By next Tuesday I should have a planning document and site map for the new site.
Web Host Set up & Publish Segway Projects - February 19, 2015
- Setup Bluehost
- Domains
- Email Address
- Forwarders
- FTP Access
- Install WordPress
- Publish Segway Projects
Assignment
Publish your Segway Project to you newly created webspace and send me a URL.
Segway Walkthough - February 12, 2015
Segway Project
- Starter Document
- Micro-site Project – Due Next Tuesday before class. (February 17, 2015) .
Assignment
Bring your finished site to class on Tuesday. We’ll set up our hosting accounts and publish the site you build.
Bringing it all Together - February 10, 2015
- Integrating Image Slices into Your Site Template | Techniques: Kellum
- Finalizing your page template
- Duplicating pages for your site
Segway Project
- Starter Document
- Micro-site Project – Due Next Tuesday before class. (February 17, 2015)
Assignment
Begin work on the Segway Projects. You should have a good start on your main page template prior to class on Thursday.
Bringing it all Together - February 5, 2015
- Optimizing and Exporting Images
- Sample Files
- Integrating Image Slices into Your Site Template | Techniques: Kellum
- Finalizing your page template
- Duplicating pages for your site
Segway Project
- Starter Document
- Micro-site Project – Due Next Thursday before class. (February 6, 2014)
Assignment
- Begin work on the Segway Project
- Optimize and post to your blog the Clone Stamp and Marquee Tool exercise images we worked on in class last week. Please describe the techniques you used in the exercise.
- Email me an optimized version of your header graphic you created in class.
Image Optimization - February 3, 2015
- Optimizing and Exporting Images
- Sample Files
- Integrating Image Slices into Your Site Template
- Finalizing your page template
- Duplicating pages for your site
Assignment
Please read the following article on image optimization and write a shot blog post discussing three takeaways from the article.
Review the HTML & CSS concepts covered last semester and bring questions/need for clarification to class on Thursday. We’ll begin a web design project on Thursday. If you need some review this site covers a good chunk of what we discussed last semester.
Creating Imagery for your Site - January 27, 2015
- Creating a Color Scheme
- 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 the 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 optimized file to class.
Introduction Fireworks - January 22, 2015
My Reading List – Import into a reader of your choice. I use Feedly
Thomas Wallace Reading List (Right-click save as or import via URL)
Woking with Photography
- Cropping and Resizing
- Working with the Selection Tool
- Exercise: Remove the Background from this photo
- Color Correction (Curves)
- Clone Stamp
Image Optimization
Assignment
Post optimized samples of the images you created to your blog with an explanation of the tools and approach you used.
Introduction to Fireworks - January 20, 2015
- 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 on 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!
My Reading List – Import into a reader of your choice. I use Feedly
Thomas Wallace Reading List (Right-click save as or import via URL)
Introduction to Fireworks - January 15, 2015
- 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 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!
Semester Overview & Introduction to Fireworks - January 13, 2015
Welcome
- Verify VMWare Access
- Review Syllabus
Fireworks
- Introduction to Fireworks
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Assignment
Capstone Project Presentations - December 4, 2014
- Solar Splash
- Project Portfolios
- Open Lab
- Final Presentations
- 1:00 – Thursday – December 11, 2014 (Discussion)
- Open Lab
CSS Positioning Lab Review - December 2, 2014
Assignment
Make sure I have all URL’s for the positioning Exercises you did over the holiday.
CSS Positioning Lab - November 25, 2014
Assignment
Complete today’s lab assignment and upload to your web space or post to Codepen. Sent me the url’s for each exercise no later than Tuesday. Be prepared to discuss in class.
Introduction to CSS - November 20, 2014
- Today’s Codecast
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- Understanding Color | Kuler
- Positioning Overview
- CSS Positioning
Assignment
Read The following Article on CSS Positioning. Be prepared to discuss next week.
Style your Gordo / Prototype Document in Codepen or Using a text editor and send me the URL prior to class on Tuesday. I’m not looking for perfection. I’d like you to explore the techniques covered in class.
Introduction to CSS - November 11, 2014
- Today’s Codecast
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- Using Dreamweaver to Create and Apply Styles
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
Review
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Introduction to CSS - November 6, 2014
- Today’s Codecast
- Selecting the Proper Style: Tags, Classes, and ID’s
- Creating and Attaching a Style Sheet
- Using Dreamweaver to Create and Apply Styles
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
Assignment
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Web IDE’s and Introduction to CSS - October 30, 2014
- 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.
Validation and HTML5 Lab - October 28, 2014
- What is validation?
- File Management Review
- In-class lab / Prototype Assignment Q & A
Assignment
Due on Thursday 10.30.14
- 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.
- You are free to submit this assignment in one of two ways. Those who complete option 2 will receive extra credit.
- Attach the html file to an email to tswallace@ualr.edu or
- Upload the file to your web space. The url should be ualr.edu/username/prototype/. Make sure you name the file index.html
- Read the following article before class on Thursday – CSS Basics
File Management - October 23, 2014
- Today’s Codecast
- Working with Images
- 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)
- File Management Exercise
- In your Web Root (local folder that holds all of your websites), create a directory named prototype.
- Create the proper directory structure.
- Using a text editor, create a new basic html document (doctype, head, body, h1 with your name).
- Save the file as index.html in the root of the prototype directory.
- Publish to the web.
Assignment
- Practice publishing files to your webspace using FTP. Remember to properly name your homepage file (index.html). You can download a free FTP client for Windows or Mac from Filezilla. Make sure to carefully read the installer package dialogs (as you always should) to make sure you are not installing additional software or toolbars.
- 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.
- Email me the URL of your completed prototype document. Send to tswallace@ualr.edu before 10.28.14.
Sectioning Elements and File Management - October 21, 2014
- Today’s Codecast
- Sectioning your HTML Document
- HTML5 Structural Elements
- 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
- Practice publishing files to your webspace using FTP. Remember to properly name your homepage file (index.html). You can download a free FTP client for Windows or Mac from Filezilla. Make sure to carefully read the installer package dialogs (as you always should) to make sure you are not installing additional software or toolbars.
- 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.
- You can email the html document to me or for additional credit upload to the server and send me the url. Send to tswallace@ualr.edu before 10.28.14.
HTML5 Quiz / Sectioning Elements - October 16, 2014
- VM Troubleshooting
- Quiz
- Today’s Codecast
- Sectioning your HTML Document
- HTML5 Structural Elements
- 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)
Forms, Tables and Sectioning Elements - October 9, 2014
- Today’s Codecast
- Additional html tags for textual content
- Special Character Encoding: Details | Reference
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
- HTML5 Structural Elements
Assignment
Review the following resources and be prepared for a quiz on Thursday. This will cover in class discussion and readings.
Introduction to HTML5 - October 7, 2014
- 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
Assignment
HTML Reference – Code Guide | Introduction to HTML
Introduction to HTML5 - October 2, 2014
- 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
Assignment
HTML Reference – Code Guide | Introduction to HTML
Structure, Content, Design, Behavior - September 30, 2014
- Structure, Content, Design, & Behavior
- 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) & 300 Million Dollar Button
Out of Class Lab – Modern Web Design - September 25, 2014
Please read the following article and write a blog post covering the key ideas. See you all Tuesday.
http://www.thetomorrowlab.com/2014/04/modern-web-design-works/
Structure, Content, Design, Behavior - September 23, 2014
Assignments
- This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
- Due Thursday – 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.
Web Related Terminology - September 18, 2014
Assignments
- This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
- Due next Thursday – 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.
- Read – The history of the Internet and the web, and the evolution of web standards
Mastering Google Search - September 16, 2014
Assignments
- This week you should complete the Power Searching with Google course as homework. Be prepared to discuss when we return to class next Tuesday. Session 1 | Session 2 | Session 3 | Session 4 | Session 5 | Session 6
- Due next Tuesday – 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.
Using the Web Like a Pro - September 11, 2014
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.
Using the Web Like a Pro - September 9, 2014
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.
Introduction to Google Docs - September 4, 2014
Introduction to Google Docs
Assignment
Create a Google Doc and share it with tswallace@ualr.edu. In this document, List 5 web sites that you find useful in your professional or academic careers. Due before class on Tuesday.
WordPress Explained - August 28, 2014
- Blog Settings
- Applying a Theme
- Customizing the Sidebar
- RSS Feeds
- Shortcodes
- Custom Menus
- Individual Q&A
Assignment
Make sure you have done the following before returning to class next week. We’ll be moving on to new topics next week so you should have all blog related issues and assignments squared away.
- Make sure I have your Blog URL
- Customize your blog
- Apply a new theme
- Customize the sidebar
- Add a few widgets.
- Display an rss feed from a site that you frequent.
- Try using a shortcode in a post or a page.
- Completed About Page
- Created a Custom Menu
Soft Skills
After completing your Myers Briggs Personality Indicator, please go to www.truity.com and locate your personality type. After reading the descriptions, please answer the following questions on your blog:
- Based on what you have learned about your MBTI profile, what do you need/expect in your work environment?
- What type of leader do expect to be and how does this profile reflect that?
- When working on a team/in a group, how do you think knowing the other peoples’ profiles would change the group interactions?
Please complete the following communication survey before class next Tuesday. It should take 5 minutes.
WordPress Explained - August 26, 2014
- Blog Settings
- Applying a Theme
- Customizing the Sidebar
- RSS Feeds
- Shortcodes
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. Try using a shorcode in a post or a page. Begin working on your about page. If you have not submitted your blog url to me please do so.
Soft Skills
Please complete the following communication survey before class next Tuesday. It should take 5 minutes.
Chromebook Orientation and Introduction to WordPress - August 21, 2014
- Remembering Names Activity
- Subscribe to Google Group – itcanary+subscribe@googlegroups.com
- Chromebook Orientation
- Introduction to Worpress
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
Homework (Due 8.26.14): Write your first blog post reflecting on your first 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.
Soft Skills: Please complete the MBTI located at this web site (http://www.humanmetrics.
IT Canary Orientation - August 19, 2014
- Review Syllabus & Expectations
- Faculty Introductions
- Thomas Wallace
- David Luneau
- Cheryl Johnston
- 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 – itcanary+subscribe@googlegroups.com
- Remembering Names Activity