Web Design 320

End of Week 3

What was our syllabus topic?

Images

"Students will be taught how to create graphics for the Web using image manipulation tools"

What did you do?

• Took screenshots, resized and cropped images
• Created a pen with 5 images of various proportions for comparison
• Created a HTML5 image mock-up using semantic elements
• Posted 524 messages in Slack (public, private, dm)
• Read articles, watched videos, conducted additional research, reviewed each other's blog posts

What did you learn?

• Pixels, image sizes, and percentages
• Screenshots, resizing, and cropping
• The idea of formats and compression
• The basic tags and structure necessary to display images and control their placement
• How to break down a webpage into its corresponding HTML5 semantic elements
• The concept of an endless image stream as it relates to society and the web
• CSS that controls typography may or may not be applicable to images

Articles and links

• youtu.be/PPe20QQ6UdM
• www.youtube.com/watch?v=uL3h5xns6DM
• youtu.be/tilUeD_vdGo
• www.makeuseof.com/tag/easy-ways-resize-photos-mac/
• windows.microsoft.com/en-us/windows7/resize-a-picture-using-paint
• www.youtube.com/watch?v=qXUHeenLAtM
• thesiteslinger.com/blog/do-we-still-slice-psds/
• www.w3schools.com/html/html5_semantic_elements.asp
• www.impressivewebs.com/targeting-html5-css/
• medium.com/@mhkt/as-we-become-cameras-ac142f9a8bb5#.5u7eim11g

Hyper-reality?

Where is the webpage?