- Special Character Encoding: Details | Reference
- Hyperlinks
- Inserting Images
- Block vs. Inline Elements
- Working with Tables
- Working with Forms
- Sectioning your HTML Document
Author Archives: Thomas
Scavenger Hunt
- Jennifer Moody – EIT Student Services
- Scavenger Hunt
Introduction to Google Docs
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.
Introduction to HTML5
- Today’s Codecast
- 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
Read (Quiz Material) Read Chapter 3
HTML Reference – Code Guide | Introduction to HTML
Out of class assignment – How modern web design works.
Due to instructor illness we will not be meeting in person today. Please read the following article and be prepared to discuss on Thursday. ( Article )
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 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.
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
Create a Codepen Account and experiment with it’s features.
Read Semantic XHTML (Quiz Material) & Read Chapter 2.
WordPress Explained
- 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.
Structure, Content, Design, Behavior
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- VPN Instructions – Login to VPN with NetId
- 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 8-28-14. 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.
WordPress Explained
- Verify VM Access and troubleshoot
- Introduction to WordPress
- Blog Settings
- Applying a Theme
- Customizing the Sidebar
- Widgets
- RSS Feeds
- RSS Feed Aggregators
Assignments
(Due 8.25.14):
Customize your blog. Apply a new theme. Customize the sidebar. Add a few widgets. Display an rss feed from a site that you frequent.
Write your first blog post reflecting on your personal expectations for the semester. Make sure you categorize and/or tag the post. If you are feeling adventurous try adding a photo to the post.
Send the URL of your newly created blog to tswallace@ualr.edu
(Due 9/8/14)
Watch The World is Flat 3.0
http://video.mit.edu/watch/the-world-is-flat-30-9321/
Write a blog post reflecting on your thoughts of Tom Friedman’s The World is Flat 3.0 video. Do you agree or disagree with the author’s perspective on globalization? Please do a through review of this piece and share your thoughts on the topic. This should be a thorough review and critique.
Chromebook Orientation and Introduction to WordPress
- 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.
Web Related Terminology
- Understanding Web Related Terminology
- Browser Overview
- Review Reading
- Structure, Content, Design, & Behavior
- 300 Million Dollar Button
- VPN Instructions – Login to VPN with NetId
IT Canary Orientation
- 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
Course Overview
Course Syllabus
Discussion
Assignment
Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards
Course Overview and Introduction to WordPress
- Syllabus
- Using the Virtual Machines
- Introductions and Site Orientation
- Getting Started with your WordPress Blog
- WordPress.com
- What is a blog?
- Publishing Content | Video Tutorial
- Pages vs Posts
- More Resources
Homework
(Due 8.25.14): Write your first blog post reflecting on your personal expectations for the semester. Make sure you categorize and/or tag the post. If you are feeling adventurous try adding a photo to the post.
Send the URL of your newly created blog to tswallace@ualr.edu
Mobile Web Final
- Final Guidelines
- Final Due: 10:00am – May 13, 2014. You are welcome to submit in advance.
- Teaching Evaluation
Have a great Summer!
Final Web Assessment
Please submit to me via email no later than 3:30pm. Please do your own work and good luck!
Internet Technologies Final
Please submit the url of your final project no later than 3:30pm (May 7, 2013). I enjoyed having you this semester. If you have not completed the course evaluation please do so. Enjoy your Summer.
Semester Wrap-Up
- Final Due May 7, 2014. The project should be submitted no later than 3:30pm – Final Project Guidelines
- Final Q & A
- Next Steps
- IFSC 3300 (Sample Syllabus)
- Mobile Web Development (Spring 2015)
- Course Evaluations
Project Wrap Up
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
Course Wrap-up
- Final Guidelines
- Final Due: 10:00am – May 13, 2014. You are welcome to submit in advance.
- Teaching Evaluation
jQuery Lab
Assignment
Find a jQuery tutorial/technique on the web. When evaluating the script make sure that the page is still usable without Javascript enabled. You should pick something that can be integrated into your current site to meet the above mastery requirement. Submit the URL to me via email of the working script. Due Wednesday.
Some examples to get you started…
- Lightbox Effects
- Smooth Scrolling
- Carousels and Sliders
- Theme Switcher
Web Pre-assessment Overview
- Pre-assessment
- Q&A Session – May 6, 11:00am – 1:00pm – EIT 219
- Web Assessment – Thurs, May 8, 1:30-3:30 pm
Final Project Lab and Q&A
- Final Project Guidelines
- Additional Content to Explore
- .htccess – How do they work and what do they do?
- Mobile Javascript Frameworks
- Frameworks Overview
- Micro Frameworks
- CDN Resources – 1
- Helpful Tools
Assignment
Be prepared to present you final project on Tuesday. You can review the presentation guidelines here. I will randomly generate presentation order before class on Tuesday.
Implementing jQuery
Assignment
Upload a working version of today’s in class example to your 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 Monday.
Google Analytics
- Guest Speaker: Aaron Baker
- Digital Analytics Fundamentals
Assignment
Make sure you include analytics into your final project.
Progressive Enhancement
- Review Homework
- What is a CDN?
- Why use a CDN?
- jQuery Tabs Case Study
- jQuery Cycle Demo
- Review Grades
Assignment
Begin looking for ways you can implement jQuery 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. Your assignment for the weekend will be to get something working you can submit to me next Wednesday.
Geolocation
- Review Bootstrap Projects
- Other Frameworks
- Geolocation Overview
- Geolocation – Watch Position
Assignment
Introduction to jQuery
- 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 Monday.
Bootstrap Wrapup / Final Project Lab
Today I’d like you to put the finishing touches on your Bootstrap wireframes and submit the URL to me for a grade. You should also spend some time working on your final project. Be prepared to give a status update on your final project in class on Thursday.
Introduction to JavaScript
Assignment
Complete lessons #1 thru #4 at Codecademy.
Site Planning
- Review Segway Projects
- Final Project Guidelines
- Planning, Storyboarding and Collecting Resources for your Web Site
Assignment
Complete the planning document and sitemap and submit to me via email before class on Monday.
Responsive Web Frameworks
- Review Audio and Video Implementations
- Introduction to Twitter Bootstrap
- Using Bootstrap Components
- Adding Custom CSS to a Bootstrap Mockup
Assignment
Spend some time reviewing the Twitter Bootstrap Documentation and be prepared to implement a sample bootstrap page using your wireframe concept due on Thursday.
HTML5 Video and Audio
Assignment
Provide a working example of both an Audio and Video implementation using HTML5. This should be cross browser and work in IE 9 as well as modern browsers. Be prepared to discuss the implementation in class on Tuesday. Included on the page should be the url of technique you used and a list of browsers and devices you were able to support.
HTML/CSS Project
Assignment
Work on the Segway project and bring questions to class on Monday. This project is due next Wednesday.
Site Planning and Prototyping
- Discuss Project Concepts
- Final Project Guidelines
- Site Prototyping
Assignment
Refine your site concept and create a preliminary sitemap for the site/app using a service discover in class. Experiment with one of the prototyping tools we discussed in class and build a prototype of the mobile view of your new site. This only needs to an outline.
Use Kuler or a similar tool to generate a color scheme for your web site. You should make note of the hexadecimal color values of your scheme. If you need more information check out the following post on deciding on good colors.
Submit the sitemap and color swatches to me via email by Thursday. You should have a wireframe of the homepage in both desktop and mobile views by next Tuesday.
HTML/CSS Wrap up
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 the Tuesday following Spring Break.
Responsive Images / Site Prototyping
- Review Responsive Images Lab assignment
- Discuss Final Project
- Site Prototyping
Creating Imagery for your Site
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 Monday following Spring Break. 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.
Progressive Enhancement Explained
- 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
Responsive Images Wrap-up
- Review Responsive Images Lab assignment
- Discuss Final Project
Assignment
I’d like you to come up with and idea for a final project responsive web site. I’d like this project to incorporate the the use of responsive design practices and utilize some of the new html5 api’s. I’ll give you a clear list of technical requirements after spring break. This can be for a fictitious client or a real world client or project. Be creative. Pick something you are interested in learning more about. I’d like you to write a paragraph or two explaining the project and what you hope to accomplish/learn by completing the project. Please email this to me before class on the Tuesday following Spring Break. Be prepared to discuss your idea in class.
Working with Fireworks
- 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 on Monday, March 31, 2014. 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.
Exploring Jquery
- 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 Fireworks
- CSS Positioning Lab
- Fireworks Workspace
- Creating Shapes
- Working with Typography
- Cropping and Resizing
Assignment
Introduction to Javascript
Assignment
Complete lessons #1 thru #4 at Codecademy.
Responsive Images
- Discuss Resume Assignment
- Responsive Image Techniques
Assignment
Responsive Images Case Study – Due Tuesday March 18,2014
CSS Positioning Lab
Assignment
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than Wednesday. Be prepared to discuss in class.
HTML5 Microdata
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.
Responsive Resume Lab
I’d like you spend today’s lab building out a desktop view to the mobile resume we created in class. If you need help in creating the proper media queries make sure to reference this article. This assignment is graded and should be submitted to me by Monday so I can look it over prior to class on Tuesday. Please send the url to the project and remember to make this your own. It doesn’t need to look exactly like the initial resume we built. Personalize it. This might be someones first impression of you. Good luck and have a nice weekend.