- Shortcodes
- Q&A
Author Archives: Thomas
Web Hosting and Working with Imagery
- Set up Web Hosting
- Cpanel
- 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.
Setting Up Web Hosting, FTP and Introduction to HTML5
- Chrome Dev Tools – Demos
- Working With Web Hosting – Cpanel Basics
- Connecting to your Web Hosting via FTP
- Using an FTP Client – Filezilla – Tutorial
- Host:ualr.edu
- Username: students\username
- Password: students domain password
- Port:21 (It should default to this)
- Using an FTP Client – Filezilla – Tutorial
- Setting up our work environment: Codepen | Documentation
- Beginning the Transition to HTML5 | Codecast
- Doctype, Meta and More….
Assignment
Set up an index page for your web space. This will be the landing page for this course where you will link all published assignments. Please send me the URL of your web space so I have a place to visit and check in on assignments you are working on throughout the semester.
Read An Overview of HTML5 Semantics
Introduction to HTML5
- Classroom Tools
- 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 (Quiz Material) Introduction to HTML
WordPress Explained
- Blog Settings
- Applying a Theme
- Customizing the Sidebar
- RSS Feeds
- Shortcodes
- Custom Menus
- Individual Q&A
Assignment
Make sure you have done the following by Tuesday 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
Understanding Chrome Dev Tools
Your assignment for the day is to complete the first two chapters of the Explore and Master Chrome tools course at Code School. Please complete all of the challenges associated with these two chapters. While you are not required to create an account, I recommend doing so you can track you progress and take advantage of some of the other content on the site. Be prepared to demo a tip or trick you learned from the exercise in class on Tuesday. We will be leveraging these skills throughout the semester so it is imperative that you learn how to use this tool. Feel free to complete the remainder of the chapters depending on your level of experience with the tool. Email a screen shot of your completion badges for these two chapters.
http://discover-devtools.codeschool.com/
In class on Tuesday, we will cover file publishing to both the UALR Web Server and to your individual hosting accounts. If you have been unable to upload your pre-assessment, this will be an opportunity for you to do so. I will not count that assignment as late until Tuesday.
Supplemental Material
Structure, Content, Design, & Behavior
- 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) and Manoj (mxkumar1@ualr.edu) no later than 1-23-17. 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.
Introduction to WordPress
- Introduction to WordPress
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
Homework (Due 1.23.17): Write your first blog post reflecting on your first week in the program and your personal expectations for the class. Make sure you categorize 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.
Introduction to Fireworks
Working with Photography
- Cropping and Re-sizing
- 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.
Skills Review
Assignment
- Read: Five Things You Should Know about HTML5
- Supplemental Reading: What’s New in HTML 5.1
Introduction to Fireworks
- 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!
Skills Pre-Assessment
Assignment
Please complete the assessment and submit before class on Tuesday (1.17.17). Please email the URL of the page you create to (tswallace@ualr.edu)
My Reading List – Import into a reader of your choice. I use Feedly
Thomas Wallace Reading List
Web Standards and Web Based Terminology
Discussion
- Understanding Web Related Terminology
- Browser Overview
- How the Internet Works
- Understanding how a web page works
Assignment
Setup and Account at Codepen.io. the free account is acceptable for the work we will do in class.
Additional Reading – 300 Million Dollar Button
Chromebook Orientation and Introduction to WordPress
- Chromebook Orientation
- Introduction to Worpress
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
Homework (Due 1.18.17): Visit WordPress.com and create a new blog. This will be where you reflect and write over the course of the next semester. Send me the address of your blog via email (tswallace@ualr.edu). We will review all of the settings on Tuesday.
Semester Overview
Welcome
- Review Syllabus
- Verify VMWare Access
- HTML & CSS Review
- Positioning Lab Review
- Introduction to Fireworks
Assignment
Course Overview
Review Course Expectations
Course Setup
- Test VMware
- Web Hosting – http://www.bluehost.com/hosting/education/ualrifsc
Toolset
- Text Editor
- Cloud editors
- FTP Client
- Filezilla (Make sure to read the installer dialogs and location to avoid Malware)
Skills Review
Assignment
Set up Web Hosting prior to class on class on Thursday.
Course Overview
Course Syllabus
Introduction to the Classroom Technology
- Virtual Machines
- Off Campus Access to VPN
Discussion
Assignment
Read: The history of the Internet and the web, and the evolution of web standards
IT Ruby Orientation
- Review Syllabus & Expectations
- Faculty Introductions
- Thomas Wallace
- Cheryl Johnston
- Bruce Bauer
- Student Introductions
- Introduction to the Classroom Technology
- Virtual Machines
- Off Campus Access to VPN
- Subscribe to Group Email List – it-ruby+subscribe@googlegroups.com
- Icebreaker Activity
- Chromebook Distribution and Overview
- Chromebook Agreement
- Using Multiple Google Accounts
Assignments
- Complete the Myers Briggs Type Inventory and email the results to cljohnston@ualr.edu. Due January 11, 2017 by noon.
- Bring your Chromebook to class on Wednesday.
Final Presentations and Semester Wrap-up
- All assignments due to the faculty by Noon, Wednesday December 13, 2016
- Course Evaluations – You’ll need to fill this out once for each faculty member. Please take the time to do this. This help us continue to improve our program to meet you needs and expectations.
- Be sure to register for ITEC 3650 for Spring if you have not done so already.
- Have a great break!
Semester Wrap Up
- Final Due Tuesday December 13, 2016. 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 2016)
- BA in Web Design and Development
- Advisor Thomas Wallace
- Course Evaluations
Implementing jQuery
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. Please send to tswallace@ualr.edu and mxkumar1@ualr.edu.
CSS Positioning
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.
Progressive Enhancement
- jQuery Tabs Case Study
- jQuery Cycle Demo
- Review Grades
Assignment
Begin looking for ways you can implement jQuery (or another library) 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.
Web Typography and CSS Positioning
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than Tuesday.
Read The following Article on CSS Positioning. Be prepared to discuss next week.
JavaScript Libraries
- How jQuery Works
- Exploring the functionality of jQuery
- What is a CDN?
- Why use a CDN?
- 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 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.
Introduction to CSS
- Today’s Codecast
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than Tuesday.
Read The following Article on CSS Positioning. Be prepared to discuss next week.
Forms and Project Consulting
- Hosted Solution
- Using Server-Side Technology
- Planning, Storyboarding and Collecting Resources for your Web Site
- Final Project Guidelines
Assignment
- Submit your Segway project
- Complete the planning document and sitemap and submit to me via email before class on Tuesday.
Segway Lab
Work today to complete your Segway project. Make sure you remember to send me the URL no later than Thursday.
Introduction to CSS
- Today’s Codecast
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Complete Styling your Prototype HTML Document and submit URL to me no later than next Thursday.
Read: Getting to Know CSS | Getting to know the Box Model – This is quiz material.
Segway Project 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.
Usability Testing
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.
Image Integration and Page Duplication
- 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 10.
Assignment
Begin work on the Segway Projects. You should have a good start on your main page template prior to class on Monday.
Introduction to CSS
- 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.
Image Optimization
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 CSS
- 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.
Image Manipulation and Optimization
Woking with Photography
- Color Resources
- Cropping and Resizing
- Working with the Selection Tool
- Exercise: Remove the Background from this photo
- Color Correction (Curves)
- Clone Stamp
Image Optimization
Assignment
Email me the completed optimized samples of the images you created in class. Due Thursday.
Validation and Page Publishing Review
- What is Validation?
- Assignment Q&A
- Quiz
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 (10/25).
- Reading Assignment: CSS Basics
Image Manipulation and Optimization
Woking with Photography
- Color Resources
- Cropping and Resizing
- Working with the Selection Tool
- Exercise: Remove the Background from this photo
- Color Correction (Curves)
- Clone Stamp
Image Optimization
Assignment
Email me the completed optimized samples of the images you created in class. Due next Tuesday.
Web Publishing and Workspace
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- Setting up your coding environment with Brackets
- 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)
- Coding in the cloud with CodeAnywhere
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
Introduction to Fireworks
- 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.
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.
HTML5 Structural Elements
- Sectioning your HTML Document
- What is Validation?
- Naming Conventions, Meta Naming, Directory Structure
- Setting up your coding environment with Brackets
- 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
CSS Positioning Lab
Assignment
Complete today’s lab assignment and upload. Sent the url’s for each exercise to tswallace@ualr.edu and mxkumar1@ualr.edu, no later than next Thursday. Be prepared to discuss in class.
Introduction to HTML5
- 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
Assignment
HTML Reference – Code Guide | Introduction to HTML
Introduction to CSS
- Today’s Codecast
- Creating and Attaching a Style Sheet
- Understanding Color | Kuler
- CSS Box Model – Description | Demonstration
- Styling Page Navigation
- Positioning Overview
- CSS Positioning
Assignment
Read The following Article on CSS Positioning.
Introduction to HTML5
- 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
Introduction to CSS
- Today’s Codecast
- Creating and Attaching a Style Sheet
- 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.
Introduction to HTML5
- 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
Read the 300 Million Dollar Button.
Introduction to CSS
- Today’s Codecast
- Creating and Attaching a Style Sheet
- 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.
Final Project Lab
- Team Reports
- Service Learning Project Requirements
- Teams
Assignment
- Project Leader Should send a google calendar invite with time and location information (tswallace@ualr.edu)
- After the project is completed, be sure to submit a paper reflecting on the entire process – Be sure to discuss initial reaction to the project, how you planned to get the project completed, a difficult moment during the project and how you dealt with the situation, what you would do differently if you had to do it all over again, an evaluation of your teammates performance, and a thorough discussion of the benefits of Service Learning. This should be a minimum of two pages and submitted to me no later than 5:00pm on October 12, 2016. This is a firm deadline. Assignment is worth 15% of your total grade.