Week 1 (1/22)
AGENDA
- Introduction to the class
- Discussion of team projects/Working in a team (eval)
- Student Interest and Team Formation Survey
- Self publishing a website sketchbook or "sketchblog"
- Theme and graphic resource development for the "sketchblog"
- Brief Dreamweaver/HTML/CSS Review
- Using Inspect Element and the Web Developer Toolbar
- Connecting to the Server via FTP
Links & Resources
- Adobe
- The best price on Adobe CC software: http://store.collegebuys.org
Thematic Website sketchbook/sketch blog (Due 1/29)
Design a one-page "sketch-blog" or "blog like" website that will serve as an index for all of your work in this class, based on the theme of "Choose Your Decade" as identified by the class (Choose a style/theme for your sketch blog based on your chosen decade, such as the 1800s, 1920s, 1980s for examples).
Use a simple CSS Reset to zero out browser preset margins and padding. Use appropriate and semantic HTML5 markup (for content/structure) and CSS coding (for presentation/formatting). Feel free to play around and experiment with styles, colors, typography, web fonts, and images if you like, but the page does not need to be overly complex. Make sure the page can support easy updates. In the end, this will be the "index.htm" page for your folder on the MAT server and it should contain links and/or information to everything else you do in the class. Thus, it should be scalable to accommodate new content and include dates and titles for the "posts" that you will be adding. Save the page as "index.hml" and upload it to your Lastname_Firstname folder on the MAT server. See Connecting to the Server via FTP for FTP instructions.
LAb/Homework
- Set up your sketchblog/sketchbook index page
- Review HTML Dog HTML and CSS Tutorials ( if you need to brush up)
- In your sketchblog, research and write a short post that reflects on the following: User Interface (UI) and User Experience (UX) are often mentioned together or separated by a slash (/), such as job listings asking for UI/UX experience. This suggests that UI and UX design are nearly the same thing or flip sides of the same coin. Is this true? If not, what are UI and UX design and what is the difference between them? What do UI and UX designers do? Include links to any sources you may cite and/or good resources that you may find in your research.