Style your prototype HTML Document from top to bottom. Upload the file to your web space and send the URL to tswallace@ualr.edu before class on Tuesday.
If you haven’t already, please read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Monday.
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.
Read the following article on Microdata
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 Tuesday. Next Week you will have a lab in which you add a desktop view to your site using media queries.
Finish styling your sample html document. Make sure that you have styles to provide the page layout and visual design (typography and color). Really experiment with the different properties and their values. I don’t expect this to be beautiful, but I do want you to see what you come up with. Please be prepared to share this with me in class on Monday.
For today’s out of class assignment, I’d like you to watch the video below and then share with me via email 5 takeaways (ideas, technical concepts, techniques). You should be able to complete this assignment in the time allotted to class. Please be thoughtful in your responses and be prepared to discuss on Thursday. I also encourage you to check out some of the additional content on the speakers web site. (http://bradfrostweb.com/blog/)
Beyond Media Queries: An Anatomy of an Adaptive Web Experience from marc thiele on Vimeo.
Watch – Accessibility for the Modern Web by Derek Featherstone
Read: CSS Specificity & Class vs. ID – This is quiz material.
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.
Read Chapter 4 in Responsive Design / Experiment implementing your own grid on the example html we worked with in class. Try using one of the grid-generators we examined in class. Be prepared to review in class on Thursday.
Reading Assignment: CSS Basics and Chapter 8
Complete the planning document and sitemap and submit to me via email no later than next Tuesday.
Assignment
Read Chapter 2 – Responsive Web Design: The Flexible Grid
Over the course of the last few days, I have spoken with several of you that are having issues with this project. Before moving on to more complex topics, I’d like to spend today. Working with each of you individually on this project. I have have pushed back the submission date to Thursday.
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 Thursday. Submit the url of the completed resume prior to class on Thursday. We will continue to build of of this assignment in the coming weeks. Failure to complete could impact your ability to complete those assignments.
Add a new page to the Segway project and add a contact form. Send me the completed Segway projects before class next Tuesday. Be prepared to share your work with the class on Tuesday.
Work through the following article – The Webkit Inspector
Be prepared to discuss and perhaps demo something you learned. Don’t feel intimidated if you you do not understand every little bit of the article. Becoming familiar with this tools will greatly increase your productivity and ability to identify and troubleshoot problems.
Be prepared for a Quiz on Monday covering all readings and in class discussion.
Read Chapter 4 and Chapter 6
Read (Quiz Material) Read Chapter 3
Review – Steps for producing a web site
If you haven’t submitted your optimized header graphic and folder, please do so today.
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 Semantic XHTML (Quiz Material) & Read Chapter 2.
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.
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-27-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.
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 Tuesday. 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!
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: Responsive Web Design, What’s Ahead in 2014 for RWD & Why 2013 is the Year of Responsive Web Design
Set up Web Hosting prior to class on class on Thursday.
Read Chapter 1 in Textbook and The history of the Internet and the web, and the evolution of web standards
Complete today’s lab assignment and upload. Sent me the url’s for each exercise no later than next Friday, December 13.
Happy Holidays!
Read the following article on CSS Positioning and be prepared to complete an in class lab assignment on Thursday.
Today we will work individually on our final projects and review/troubleshoot our Jquery implementations.
Submit the url for the page including your Jquery implementation. This should be submitted no later than this evening.
Using Dreamweaver, Style your prototype html document to the best of your ability. Style all of the elements on the page. Experiment with creating a layout using floats. I don’t expect perfection from this exercise but I do want to see some effort. This should be uploaded and submitted to me before class on Tuesday.
Find a Jquery tutorial 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 Tuesday.
Send a Google Calendar invite to me with the Date,Time, and Location of your presentation. This should be sent to me by the end of the day today. If I don’t receive it, I can’t be there to grade it.
Read: CSS Box Model – Description | Demonstration
Find a Jquery tutorial on the web. Begin working on the implementation and bring to class on Tuesday. 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.
Reading Assignment: CSS Basics
Complete lessons #3 and #4 at Codecademy.
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.
