Texts and Materials

You might already have a lot of what you need for this course. Whatever you do, don't go out right away and spend any money on software or hardware until you talk to me. All product icons below are hyperlinked to their manufacturers (images are the property of the manufacturers).

Research Web sites

This course has no single assigned textbook. Instead, we will access a large number of professional and academic Web sites for research articles, advice, tips and best practices regarding page and site construction. Monthly syllabi and all assignments have the various relevant texts hyperlinked. Throughout the semester, you will be surfing the Web continually as we critique various types of sites. This is the best way to learn Web design.

Welcome to Webopedia.Webopedia, for example, is an invaluable resource. "The only online dictionary and search engine you need for computer and Internet technology."  I often use Webopedia as my first approach to any technical research problem related to Web design, the internet, or computers in general. I highly recommend Webopedia.Goggle your heart out.

Without a doubt, Google is the best search engine currently operating. Use it to search for anything and everything you may need for this course (and everything else).

Web Developer's Virtual Library."A comprehensive illustrated encyclopedia of Web technology, The WDVL is a well-organized goldmine of tutorials, examples, and links to great resources. It's for Webmasters, Web designers and Internet developers who are creating Web sites with HTML, CGI, Java, JavaScript, DHTML, CSS, graphics, VRML, multimedia, animation, scripting, etc."W3schools.com is a trove of tutorials. Try them out.

As noted in Wikipedia, "W3Schools is a web developer's portal, with tutorials and references relating to web development subjects, including HTML, XML, CSS, and JavaScript. W3Schools is free of charge, and is funded through text and display advertising. The tutorials and references on the web site and the related code are proprietary."

By the way, don't confuse the W3Schools.com Microsoft Expression. with the W3C.org (World Wide Web Consortium, at MIT WW3C.org in Cambridge, Massachusetts Microsoft Expression.). As noted on the W3C.org home page:

"The World Wide Web Consortium (W3C) develops interoperabletechnologies (specifications, guidelines, software, and W3C=World Wide Web Consortium, the standards-setting body for the WWW.tools)to lead theWeb to its full potential.W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved.New visitors can find help in Finding Your Way at W3C. We encourage organizations to learn more about W3C and about W3C Membership."

Visit the W3C.org ; I think you will find their site very interesting.

top of page.  top of page

Required External Storage Media

I can't tell you the number of times I've seen students "lose" their Web files.Sandisk USB 2.0 flash drive. TDK Media: CD-R80KXCB50-G: 50PK TDK CDR MEDIA 80MIN 48X DATA SPINDLE.

To insure that you don't have to start all over again, back up your entire Web after every session. Use an external USB flash2.0 drive, a CD, or DVD disc as a storage medium.

DVD Pack.your Web to various media in the early part of the course. In fact, you will be reviewing a PowerPoint tutorial on this issue: Web Site Directory Structure. As a general rule, however, you cannot save your Web too many times: on your workstation intermittently, on the server, on your M: drive, and on your USB flash drive.

Save early and often.
You will never regret it....

top of page.  top of page

Dreamweaver CS4 Integrated Development Environment (IDE)

Dreamweaver CS4 download at Adobe.Bentley has Adobe Dreamweaver CS4 installed on computers in the Smith Technology Center. If you want to purchase a copy, make sure your computer can handle it. See me to discuss the specifications.Download Microsoft Expression.

In this course you will use Dreamweaver CS4 to create and maintain your site. But you could also use WordPad, Notepad, Microsoft Expression , HTML Kit , and various other XHTML utilities, as all applications have their advantages and disadvantages.

Remember, the object of this course is not to learn particular software. It's to learn the fundamental principles of Web design, creation, and maintenance.

DWCS4 Companion Guidebook

This course has a no textbook assigned.Dreamweaver CS4: The Missing Manual.If, however, you would like to master some of the intricacies and quirks of Dreamweaver, I recommend your purchasing David McFarland's Dreamweaver CS: The Missing Manual , as it has many helpful hints for even experienced Dreamweaver designers.

If you already are very familiar with Dreamweaver, you may not need this kind of guidebook. At any rate, IDCC 370 is run as a lab, so most of your questions will be taken care of during class.

The book is available on-line from either Barnes and Noble or Amazon.com. Please let me know if you have any difficulty purchasing a copy.

top of page.  top of page

Microsoft Office Products

Microsoft Office 2007.While Dreamweaver has good editing capabilities, you may want to prepare your text files in MS Word; that way you can take advantage of Word's more powerful editing capabilities. You should then save these Word-produced files as unformatted .txt files, not as MS HTML files.

Though Word can save HTML, the files produced are often bloated __ full of unnecessary proprietary and CSS formatting markup. Sometimes the files are four or five times larger than they need to be. Dreamweaver also has the ability to strip out the extra Word formatting, in case you forget to save your Word file as a simple text document.

Microsoft Office Online.In fact, all Office products are capable of fairly good operating renditions of WYSIWYG XHTML, but like Word, all produce bloated, exceptionally large files. So do not use any of this software to "produce" your XHTML files for assignments in this course, unless I specifically authorize you to do so.

top of page.  top of page

Modern BrowsersDownload Internet Explorer.

A good browser is key to the whole enterprise. Browsers handle XHTML tags and CSS differently, so you need to test your files in both. I have a bias toward Microsoft's Internet Explorer and Mozilla's Firefox (as do many programmers and Web developers) simply because they are ubiquitous, fast, and allow for Mozilla Firefox download page.much more dynamic possibilities, especially in regard to cascading style sheets (css), dynamic XHTML (DHTML), and XHTML parsing.

Download Google Chrome.But don't sell Opera, Google Chrome, or Apple Safari short. They are very solid and stable products that handle CSS, DHTML, and XML correctly. Opera, in fact, tends to be the one browser that renders CSS most faithfully. Opera download.Download Safari.Standards compliance is saving all the browsers (and all of us Web developers and designers).

These product iconsare linked to the download pages. In designing your Web pages, you should make sure that they render well in all these browsers.

top of page.  top of page

Graphics Editing Software

alt="Adobe Photoshop CS4.A good graphics editing program should be high on your list of software "musts" if you ever pursue design seriously. The Web is visual (multi-media), so you need to create and edit JPEG and GIF files. Menus, navigation bars, photographs, illustrations, animations, background art, sound and video clips  __ all can be edited with the high-end graphics packages. alt="Adobe Photoshop Elements.Two of the best are Adobe Photoshop CS and Photoshop Elements.

A word of caution:these packages take a lot of time to learn. Don't spend too much time playing with pretty pictures for this course. . . . For your purposes this semester, Microsoft Office and Dreamweaver will supply all the graphics editing tools you will need. After this course, when you have some spare time, I would recommend that you familiarize yourself with Photoshop CS4 or Elements.

Top of page.  top of page

information design directory:
information design home |contact|author bio|courses|tutorials|freebies|site map

As of Wednesday, September 9, 2009 9:56 AM
information design copyright © 1998 by William Buchholz
This document conforms to W3C CSS specifications and is XHTML+RDFa valid.