• 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 send me you top three choices.

• Final Presentation
• Review Grades
• Peer Evaluation – Due Next Tuesday – Emailed to all faculty
• Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
• Project Due Date – Friday May 6

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.

• Requirements

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

• What is a CDN?
• Why use a CDN?
  • Google CDN, CDNJS
• Test Environments – Codepen.io
• Jquery Tabs Case Study
• JQuery Cycle Demo
• Building web apps with Jquery

Assignment

Continue working on your personal web site project (Requirements).

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

HTML5 Boilerplate

• HTML5 Boilerplate
• Content Markup

Introduction to JavaScript

• Introduction
• Uses of JavaScript
• Examples
  • Placement
  • 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.

Site Planning

• Planning, Storyboarding and Collecting Resources for your Web Site

Working with HTML5 Boilerplate

• View Documentation | Download

Individual Web Site Project

• Requirements

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.

Segway Q & A with your Partner

• Open Discussion / Review Techniques

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 Forms

• Hosted Solution
• Using Server-Side Technology
  • PHP (Bluehost)
  • ASP (UALR IIS)

Assignment

1. Implement a contact form solution on your Segway Project. If necessary create a contact page.
2. Solicit feedback from a classmate regarding the design and implementation of your Segway Project. I’d like you to spend the next week incorporating the suggestions from this critique into your project. When critiquing others keep in mind that we are all at different places skill-wise. Be constructive in your criticism and remember to also include what you like as well.
3. Due next Thursday (2/25) – Email me an update on the Segway project. I’d like to hear about what you improved/fixed based-on what your reviewers recommended. There should also be a working version of a contact form implemented.

• Starter Document
• Micro-site Project

Assignment

Due Next Thursday before class. (February 11, 2016)

• Starter Document
• Micro-site Project – Due Next Thursday before class. (February 11, 2016)

Assignment

• Begin work on the Segway Project

• 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 short 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 Tuesday. If you need some review this site covers a good chunk of what we discussed last semester.

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

• Guest Speaker: Ashi Franke

Assignment

Write a blog discussing 5 take aways from the presentation.

Working with Photography

• Cropping and Re-sizing
• 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

Post optimized samples of the images you created to your blog with an explanation of the tools and approach you used.

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

Welcome

• New Faculty – Daniel Spillers
• Review Syllabus
• Verify VMWare Access
• CSS Review
  • Selecting the Proper Style: Tags, Classes, and ID’s
• Positioning Lab Review
  • Positioning Lab
• Introduction to Fireworks

Assignment

Read – Steps for producing a web site

• Sales Speech
• Course Evaluations – Please complete for each faculty member (3 Submissions)
• Happy Holidays – Be sure to register for ITEC 3650 if you have not done so.

• CSS Progress Check
• Positioning Overview
• CSS Positioning
• CSS Positioning Lab

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.

• Today’s Codecast
• Creating and Attaching a Style Sheet
  • CSS Reference
• Understanding Color | Kuler
• CSS Box Model – Description | Demonstration
• 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

• 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

Assignment

Please write a blog post regarding today’s usability tests. I’d like you talk in detail about your observations from both tests and your thoughts as to why usability testing is a valuable part of the design/development workflow.

• Selecting the Proper Style: Tags, Classes, and ID’s
• Creating and Attaching a Style Sheet
• CSS Box Model – Description | Demonstration

Assignment

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

• What is validation?
• Setting up a coding environment in Brackets
  • Brackets Course
• File Management Review
• In-class lab / Prototype Assignment Q & A

Assignment

Due on Tuesday 11.03.15

• 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.
• 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 Tuesday – CSS Basics

• Quiz
• 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

• Today’s Codecast
• Working with Forms
• Sectioning your HTML Document

Assignment

Read Semantic XHTML (Quiz Material)

HTML Reference – Code Guide | Introduction to HTML

• 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
• Working with Tables
• Working with Forms
• Sectioning your HTML Document

Assignment

Read Semantic XHTML (Quiz Material)

HTML Reference – Code Guide | Introduction to HTML

• Today’s Codecast
• 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
• Hyperlinks
• Inserting Images
• Block vs. Inline Elements
• Working with Tables
• Working with Forms
• Sectioning your HTML Document

Assignment

HTML Reference – Code Guide | Introduction to HTML

• Today’s Codecast
• 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

• 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 the 300 Million Dollar Button.

• Discuss Homework Reading
• Browser Overview
• Structure, Content, Design, & Behavior
• 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 10-6-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.

SOCIS Workshop

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

• Understanding Web Related Terminology
• Discuss Homework Reading
• Browser Overview
• Structure, Content, Design, & Behavior
• 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 10-6-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.

• Understanding Web Related Terminology
• Browser Overview

Assignments

1. 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
2. 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.
3. 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 Thursday. Please be prepared to discuss in class.

Event: 

Web Scraping with Python on Thursday Evening. Sponsored by SOCIS. Write a blog post about the presentation and what you learned for extra credit. Facebook Event Page

• 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 Thursday. Please be prepared to discuss in class.

• 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 Thursday. Please be prepared to discuss in class.

Introduction to Google Docs

• Overview

Assignment

If you haven’t done so already, 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.

Introduction to Google Docs

• Overview

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.

• Customizing the Sidebar
  • Widgets
• RSS Feeds
• Shortcodes
• Custom Menus
• Individual Q&A

Assignment

Make sure you have done the following by Thursday of next week. We’ll be moving on to new topics 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 or wigitized areas
    • 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

• Daily Inspiration
• Blog Settings
• Applying a Theme
• Customizing the Sidebar
  • Widgets
• RSS Feeds
• Shortcodes
• Custom Menus
• Individual Q&A

Assignment

Make sure you have done the following by Thursday of next week. We’ll be moving on to new topics 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 or wigitized areas
    • 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

• Introduction to Worpress
  • WordPress.com
  • What is a blog?
  • Publishing Content | Video Tutorial
  • Pages vs Posts
  • More Resources

Homework

Homework (Due 8.27.15): 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.