Pop-up Window
Image Rollover / Download files
Div Hide/Show
Horz/Vert Scrolling
Multi-Scrolling
Google Web Fonts
@font-face Property
Font Squirrel
Web Font Services
@font-face browser support
PDF Notes (save as)
HTML notes Linking, Images, Lists & Tables notes
XHTML Doctype: Goes at the top of the page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Namespace: Goes in the opening HTML tag
xmlns="http://www.w3.org/1999/xhtml"
Character Encoding: Goes in document head
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
HTML Entities Special Characters
W3 Validator Validate/Troubleshoot your code
Photoshop etiquette Stay organized
Revised Font Stack Considered safe type
Font Squirrel Web fonts
We will look at ways of organizing content and beginning to create a visual direction for a site.
Paper Web Wireframes and Sketches
Vimeo Paper prototype
visual.ly infographics
Notes pdf
We will look at working with directories, servers and even make an uber basic HTML page. Also, we will begin our first website project.
Mapping assignment critique today.
Register for your VCU Ramsites web space
Click Obtain an account, then follow the prompts.
What works?
Lessons from Swiss design
yugop
Design Made In Germany #5
AIGA
Good
Vimeo
Kickstarter
Quipsologies
You Work For Them
Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.
— Jeffrey Zeldman (alistapart.com)
VW Beetle Look at it in your browser, look at it on your phone.