Complete the Spring Break Project and submit the URL to me prior to class on the Monday we return from Spring Break. Be prepared to to show your work to the class. If you need a starting HTML prototype you can reference the following code sample.
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than Monday. Be prepared to discuss in class on Tuesday. Have a nice weekend.
Please Review today’s class materials in preparation for an graded in-class exercise on Thursday.
Create Banner image for your sample page in Fireworks. The mage 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 next Monday. 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 week I’ll show you how to integrate this image into your template page properly. Please bring the file to class.
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.
Spend today’s session styling all elements in your html document. While styling, pay close attention to not create duplicate styles. Read the following posts and try to incorporate these ideas into your workflow
Please upload the completed assignment and send me the URL. I will be grading effort on this assignment. I expect you to have problems being new to this. Use your resources and give it a go. If you take the day off and spend 10 minutes working on the assignment, your grade will reflect that decision. Good Luck and have a nice weekend.
Due before class on Tuesday.
Read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Thursday.
Complete the mobile first styling of you resume. I’d like you design to reflect your own taste and not replicate what we did in class. Please read the following Article and be prepared apply the concepts included within to your work in lab on Thursday. On Thursday you will have a lab in which you add a desktop view to you site using media queries.
Please complete the 4 Lab exercises and submit the urls of each example to me by class on Monday. We’ll review in class next week.
Read: CSS Specificity & Class vs. ID – This is quiz material.
Reading Assignment: CSS Basics
Read Chapter 3
Please Read the following Article before Class Next Week – CSS Floats 101
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.
Emailed to tswallace@ualr.edu on 2.19.13
Reading Assignment: CSS Basics
Read Chapter 4 in Responsive Design
Read Chapter 4 and Chapter 6
Read Chapter 2 – Responsive Web Design: The Flexible Grid
Homework – Style all major elements in your current index.html file. You should apply some sort of layout and then make sure you style all of the elements in the content area of the site as well. Upload to the web server and send the link (tswallace@ualr.edu) to me before class on the February 18th, 2013. This is an exercise in experimenting with different css properties and values. If it doesn’t look perfect that is okay. I want you to play.
Watch – Accessibility for the Modern Web by Derek Featherstone
In-class Lab – Please Complete the following Tutorial and submit your online Resume to me via Email
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.
For more information on the subject check out the following resources
The goal of this exercise is familiarize you with the proposed Microdata Spec and to get your brain wrapped around its use. Be prepared to discuss in class on Tuesday.
Read: CSS Specificity & Class vs. ID – This is quiz material.
Read (Quiz Material) Read Chapter 3
Visit 10 Websites / Services you frequent. For each you should provide me with the site url, declared doctype, and a list of linked resources with the relationships. Only include the relationship information for elements we have not discussed. I’d like for you to discover as many new relationship types as possible. There is no need to list all relationship attributes for the site, only ones that are new to you. Once completed select one of the new relationship types and provide me with an explanation of its purpose.
Please email this assignment to me prior to class on Thursday.
Read: CSS Basics. It is imperative that you read this material before class next week.
Read Semantic XHTML (Quiz Material) & Read Chapter 2.
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 1-24-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.
Please complete the assessment and submit before class on Thursday (1.24.13). Please email the URL of the page you create to (tswallace@ualr.edu)
Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards
