Week 1

August 24, 2010

Hello world!

“When I first took office only high-energy physicists had heard of the world wide web. Now even my cat has his own website.”

- Bill Clinton

Socks the cat

Introduction

Hello kind reader, and thank you for visiting my blog site. This site is for my class, Instructional Graphics (LIS 5315) with Dr. Scott Simon. As such all weekly assignments will be posted here. As this blog is instructional in nature, I will be using it both for practice and reflection as well. It is hoped that it will serve as a visual record of my own developing skills in web development. In keeping with the self-referential tradition of blogging, I will record my initial thoughts at the beginning of this course, and then move on to my first weekly assignment.

I must admit, I am very excited. Now that I have learned a little XHTML it feels like I am playing with a new toy on Christmas morning. The internet is quite possibly the most world-changing invention in human history. It’s impact upon the world we live in is roughly analogous to the impact of the printing press on Western civilization, only the change is happening much faster and the sheer volume of information available is rising at a geometric rate. One-third of the world’s population has internet access, and as this proportion grows larger the changes across the globe promise to be staggering. The ubiquitousness of the internet can be seen in the website for Socks the cat. Today, I take my first step into a larger universe.

Notes on Readings

MacDonald, Chapter 1

Creating a Web Site by Matthew MacDonald is a “nuts and bolts” manual for web development. In Chapter 1, “Preparing for the Web,” MacDonald begins with a basic history of the internet. He goes on to describe some of the issues involved in web site creation, to include web browsers, web servers and warns that not all monitors are created equal. He describes the various types of websites (personal sites, blogs, etc.), explains the modular nature of the modern web and recommends taking change as a given and planning accordingly when planning and developing one’s own site. He urges the practice of good design through simplicity, consistency and knowledge of one’s audience. He concludes with a breakdown of the ingredients of a good website.

I found this chapter to be quite helpful and a very non-intimidating introduction to a subject with the potential to be quite intimidating. Most technical manuals tend to be dry and hard to follow, but I found MacDonald to be a very easy read. The points about how different browsers and monitors can affect the appearance of a site I found to be good advice, and this chapter did a great job of getting me thinking like a web developer.

MacDonald, Chapter 2

Chapter 2, “Creating Your First Page,” is a step-by-step guide for making a simple web page. MacDonald begins with a description of XHTML and how it fits into the big picture of the internet. He explains how to view the source XHTML of any given website. MacDonald then explains how a simple notepad file can be used to write one’s own XHTML to create a web page in .htm format. He breaks down various elements of XHTML, to include document type definitions, tags, container elements, standalone elements and nesting elements. MacDonald then walks the reader through creating a simple resume site as an exercise. He explains how to include image files, lists the most important commands and demonstrates how to check one’s files for errors.

I enjoyed reading this chapter and working through the exercises very much. MacDonald does a great job of teaching technical tasks to his readers through the sheer joy of creation. I feel I now have a firm grasp of the basics of XHTML and I cannot wait to learn more.

MacDonald, Chapter 17

Chapter 17, “Blogs” does for web logs what the rest of his book does for web pages in general. He begins with a comparison and contrast of blogs and general websites. He points out the benefits of blogs, to include:

  • They are more personalized and give one much more leeway in the selection of a topic
  • The chronological ordering of entries takes a lot of the pain out of deciding how to organize one’s site
  • Bolgs to not require the kind of painstaking revamping and rechecking that a web site does
  • Blogs are suitable for communication regarding virtually every topic under the sun
  • Blogs invite conversations with one’s readers

MacDonald then gives a word of caution regarding the inherent pitfalls of blogging, discusses syndication and the various hosting options for one’s blog. Next, MacDonald gives step-by-step instructions for setting up a blog using Google’s Blogger service. He then gives some advice regarding blog formatting, management and settings. He concludes by discussing comment moderation, self-hosting one’s blog site and promoting a blog.

Like the rest of the book, I found this chapter to be rather helpful. My only prior experience with blogging was a short-lived MySpace blog that ended up leaving quite a lot to be desired. With MacDonald’s instructions I have succeeded in setting up a much more interactive and visually pleasing blog on my first try. His cautionary tales of what not to blog I found to be very good advice as well.

Beaird, Preface

The Principles of Beautiful Web Design by Jason Beaird is a book focused on the art rather than the science of creating web pages. In the Preface Beaird uses interior decoration to explain the principles of design. He talks about the beauty of simplicity and advises the reader to use the Internet Wayback Machine to look at the websites of Fortune 500 companies from the mid-1990s. I used this tool to view the websites of HP, IBM and Microsoft from 1996 and was amazed by how little I saw. Beaird did a great job of summing up his minimalist approach to design and explaining how his reader’s can make beautiful creations through his “less is more” philosophy.

Website Reviews

http://www.principlesofbeautifulwebdesign.com/index.php

As one would expect from his book, Beaird’s website is very zen-like and minimalist. The use of color and texture is quite clever and inviting. The site contains few features beyond some links and a one-paragraph summary of each chapter of the book. I must say I was rather disappointed. The site felt rather shallow and came across as little more than a commercial for the book.

http://missingmanuals.com/cds/creatingws2tmm/

This is quite the interactive site containing supplementary material for just about every aspect of MacDonald’s book. It is just about the polar opposite of the previous site, being long on features and short on illustration. I would think users of this site would be willing to forgive it’s comparative lack of aesthetics in light of the veritable cornucopia of helpful materials for the budding web developer.

http://www.gimp.org/

The GIMP website is the first site I have reviewed thus far that seems to have found the “happy medium” of visually pleasing aesthetics and interactive, user-friendly features. I downloaded the GIMP software without any problems. My only complaint is that the User Manual reads like radio instructions and does a rather poor job of imparting knowledge of GIMP’s use to the user.

http://www.smashingmagazine.com/

The Smashing Magazine website I found to be rather busy. It was crammed with features and graphics to the point of being distracting and difficult to find what one was looking for. Some of the features look rather helpful, but I think their web designer could benefit from reading Beaird’s book.

http://2advanced.com/

As far as aesthetics is concerned, 2advanced is definitely off the charts. This is obviously a website designed with impressing corporate clients in mind though, as there is little of interest to the masses beyond eye candy. The one feature that may be of interest to the general public was the option to download their wallpaper, which I must say I found rather disappointing.

http://www.thefwa.com/

FWA is another right website that seems to have found the right balance between design and functionality. The ability to preview and visit the winning sites was very nice. I decided to visit the VW Sunday Drive website and was tickled pink by the clever design and user interaction.

http://www.webpagesthatsuck.com/

This site was both humorous and helpful. From here I navigated to the homepage of George Hutchins for Congress to get a good dose of what not to do. The site was full of ugly, bright clashing colors, chock full of one distracting feature after another, and scrolled down for ages, encouraging the user to go somewhere else (something I will have to end this blog entry soon in order to avoid).

http://blog.usf.edu/

I found the Blogs@USF website to be both visually appealing and rather helpful. The design resembled a newspaper, which I found to be a very good idea as the paper was designed to catch the eye years before the web. I also found the news and features on the site to be a good aid to the novice blogger. I decided to pay this site the ultimate compliment and set up shop here.

https://www.blogger.com/start

The Blogger website I found to be simple, aesthetically pleasing and easy to use. I have used Google products for many years and consistently been impressed by their helpful, continually improving and user-friendly features. The only reason I did not start my blog here is that so many other people I know are already on Blogger, and I wanted to stand out from the pack.

http://wordpress.com/

I thought the WordPress site left a little something to be desired. While I have been converted to the minimalist approach, the developers of this site seemed to have paid insufficient attention to aesthetics. I found the features to be on the busy side as well, I would suggest they reorganize and streamline.

Final Thoughts

The world is very different today. The ability to communicate with anyone in the world in real-time is a very heady power indeed, and by taking these first, halting baby steps onto the web I feel like I am grabbing the bull by the horns. The internet is a revolutionary tool, and I can only hope that with patience and practice I will learn the skills necessary to use it for good.

Until next time, take care of yourselves, and one another.

Farley

Leave a Reply


You must be logged in to post a comment.