Most web design books developed for the trade market are a series of exercises without a theoretical, aesthetic, or historic framework. In this book, Visual Communication on the Web, web design exercises are accompanied by concise introductions that relate history, design principles, and visual communication theories to the practice of designing for the web. Specifically, Visual Communication on the Web teaches the reader to develop one dynamic web page over the course of 14 chapters. Exercises build upon each other so the reader creates and revises the work while learning new code or tools. Predictable mistakes are purposely included so that readers learn how to 'fix' the project while working on it-a much-needed skill for anyone interested in coding. By the end of this course-in-a-book, readers will have created a web page with a centered container div, a Lightbox image gallery, and an external style sheet using HTML, CSS, and copy-pasted and modified code.
With its easy to follow instruction and witty introductions, Visual Communication on the Web makes an excellent companion to xtine burrough's Digital Foundations and Net Works as well as Paul Martin Lester's Visual Communication: Images with Messages. Includes a free one-year subscription to the Interactive e-Text version.
xtine burrough is Assistant Professor in the Department of Communication at California State University, Fullerton. She is the author of Digital Foundations with Michael Mandiberg and Net Works. Paul Martin Lester is Professor in the Department of Communication at California State University, Fullerton. He is the author of The Ethics of Photojournalism, Visual Communication: Images with Messages, Visual Journalism: A Guide for New Media Professionals, and other titles.
Introduction 1. Intro to HTML: Hello World 2. Graphics: Saving Images for the Web 3. Images and Links: Connecting Pages Online 4. Blogs: Creating Online Collections 5. Styles: Introduction to CSS 6. Uploading: Transferring Files 7. Navigation: Lists and Divs 8. Creating Unity: Using a Container Div 9. Footers: Adding CSS3 Elements 10. Positioning: Alignment with CSS 11. Other Code: Implementing Borrowed Code 12. Inspiration: The More You See, the More You Know