What you will make

what you make by completing the exercises in Visual Communication on the WebBy completing the exercises in all 14 chapters of Visual Communication on the Web, you will make a web page in homage to Anna Atkins.

What you will need:

  • You don’t need any files or supporting material to get started in Chapter 1, but you will need to download a few files in order to complete the exercises in Chapters 2 and 10.
  • You will also be advised to copy text from the Anna Atkins page on Wikipedia, and
  • You will need to download some digital files of her Cyanotype images from the New York Public Library’s Flickr Set.
  • Finally, since this book will teach you how to assemble visual messages for the web, you will be writing code and (just in Chapter 2) editing graphics. Most university students will learn this using Adobe Dreamweaver and Photoshop. You can, alternatively, use the open source versions of these applications: Kompozer and Gimp. However, the directions within the text will not align with the steps you may have to take in order to complete the exercises within open source applications.

Adobe CS5.5 vs. CS6

Visual Communication on the Web was written between January 2011 and May 2012. All of the exercises were written and screen shots were produced originally using Dreamweaver (and a little bit of Photoshop) version 5.5. In May 2012 I used an early release, 30-day trial of the Creative Suite version 6 in order to produce screen shots (and alter the text where appropriate) for the most current version of the software.

You can use either version of the Creative Suite when using this textbook. Though there are new features in both Photoshop and Dreamweaver, for the purposes of the exercises in the 14 chapters of Visual Communication on the Web, almost nothing is different between the two versions. The user interface is a little different. Photoshop in CS6 is set on a black window that fills the screen. Dreamweaver menus take on a more “PC-looking” appearance where buttons and pull-down menus have hard, sunken edges, rather than the CS5 bubbly “Mac” buttons and pull-down menus.

I made only one modification in the text in order to accommodate the CS6 version of the software. That occurred in Chapter 6, Exercise 3 (which is sort of funny because I never use the Dreamweaver Files panel to connect to my server).

The e-book allows you to choose which version of the software you are using. The printed copy is published for users of CS6. The images that accompany CS5 will be viewable on the Routledge website.

Happy coding!

Hello Viscomm and Web Enthusiasts!

Welcome to the Visual Communication on the Web blog. This blog is used as a demonstration for the fourth chapter in the Routledge publication, Visual Communication on the Web by xtine burrough and Paul Martin Lester.

There isn’t a whole lot of content on this blog. It is literally “just another WordPress.com site.” But there are a few things that you can find here, such as:

  1. You can download the materials for the exercises in the book.
  2. Links to the helpful resources that appear throughout the book are posted all on one page.
  3. xtine and paul made videos to support most of the chapters of the text. The link to the YouTube Playlist is probably all that you need, but there is a video page here, too.
  4. Any updates to Chapter 4 will appear on this blog as WordPress will surely modify the application interface by the time the text is published (or shortly thereafter).