Web Design
Resources to take you through the whole process of designing a web site, from learning HTML and page design tools, to designing usable web sites and writing for the web.
Web Design - HTML basics
HTML Learning Resources
Developed by: The HTML Writers Guild Type of resource: Web site Target audience: General Cost: Free access
This is a "list of lists" kind of page on the popular web site of the HTML Writers Guild, an international association for web designers. If you are looking for anything to do with HTML, it is more than likely you will find it here. The page hasn't been updated for quite some time, but almost all the resources and links remain current.
Dhttp://www.hwg.org/resources/?cid=14
NYPL Online Style Guide
Developed by: New York Public Library Type of resource: Web guide Target audience: General Cost: Free access
"All developers are familiar with HTML, the web’s original markup language. But the W3C currently recommends using XHTML instead. This hybrid language looks and works much like HTML but is based on XML, the web’s “super” markup language." This style guide from the New York Public Library explains the basics and benefits of XHTML, and helps you make the transition painlessly. The guide also includes guidelines on using Cascading Style Sheets (CSS).
Dhttp://www.nypl.org/styleguide/
Tutorials on HTML
Developed by: W3schools Type of resource: Web site Target audience: General Cost: Free access
The W3Schools web site is an easy-to-use and well maintained online resource on Web Building. Its tutorial driven style is great especially for beginners, but there is a lot for advanced users as well.
Dhttp://www.w3schools.com/html/default.asp
Web Page Design and Authoring
Developed by: INASP Type of resource: Word, Powerpoint and HTML formats Target audience: General, Trainers Cost: Free access
Materials to support a 5-10 day workshop on introductory HTML, Web site design, images for the Web, CSS and associated Web site development processes. The materials are aimed at librarians and other information professionals but can easily be adapted to meet other user's requirements.
The learning objectives of the workshop and materials are:
- To train librarians and other information professionals in Web page authoring
- To provide participants with a working knowledge of the technical skills required for Web page authoring; HTML and Cascading Stylesheets
- To provide participants with the skills needed to prepare and use images in Web pages
- To highlight the importance of designing and building scalable, accessible and usable Web sites
Registration required.
Dhttp://www.inasp.info/training/web-authoring/
Web Site Designing Course
Developed by: TechKnow (part of the KnowNet Initative) Type of resource: Website course Target audience: General Cost: Free access
Part of the KnowNet Initiative, the site gives access to four (4) modules for a Web site Designing Course. The simple-to-use modules have been created to enable even a layperson to design and host a web site. Remote help is also provided by KnowNet volunteers through emails to enable organisations and individuals to design their web sites absolutely free-of-cost.
Module 1 – Getting Started Module 2 – Ten Commandments of HTML Module 3 – Creating Tables Module 4 – Linking Web Pages
Web Design - Authoring tool basics
Introduction to Dreamweaver
Developed by: University of Durham Type of resource: PDF file Target audience: General Cost: Free access
Introduction to creating web pages/sites using Dreamweaver MX.
Dhttp://www.dur.ac.uk/its/info/guides/171dreamweave r.pdf
Web Design - Working with graphics
What is the difference between a GIF and a JPG?
Developed by: BBC Webwise Type of resource: Web site Target audience: General Cost: Free access
Simple explanation of the difference between the GIF and JPEG image formats, and what they are good for.
Dhttp://www.bbc.co.uk/webwise/askbruce/articles/sca ncam/gifjpg_1.shtml
Adobe Photoshop Basics
Developed by: UN Type of resource: website Target audience: General Cost: Free access
In this lesson you will get familiar with Photoshop, an image editing, photo retouching and color painting software. You will learn basic concepts of Photoshop's interface, as well as basic tools that will help you alter, retouch and prepare your images for your Web site. The lesson also provides practical tips and information basic to any graphics work, although within the Adobe Photoshop context. This lesson is one of many on website development documented for a face-to-face event held by the UN, helping their missions create their own websites.
Dhttp://www.un.org/events/workshop/dpi-unitar/2003/ photoshop/newdocument.html
Adobe Photoshop Tips and Tricks
Developed by: Adobe Evangelists Type of resource: PDF files Target audience: General Cost: Free access
Tips, tricks, and tutorials for using Adobe Photoshop 6.0 and 7.0.
Dhttp://www.adobeevangelists.com/photoshop/
Borrowing Images from the Web: An FAQ
Developed by: TechSoup Type of resource: Web article Target audience: General Cost: Free access
"If you take pictures from other Web sites without permission, you may be violating copyright law, putting your organization at risk for fines or even a lawsuit. We'll show you when it's acceptable to borrow an image and when you need to get an OK from the copyright holder first." Although directed at users in the United States this article will be more generally useful.
Dhttp://www.techsoup.org/learningcenter/internet/pa ge5970.cfm
Creating transparent GIFs
Developed by: Wise-Women Type of resource: Web tutorial Target audience: General Cost: Free access
Part 1 of a 2-part article about creating and using transparent GIFs. Intermediate-level.
Dhttp://www.wise-women.org/tutorials/ps1/
Editing Images with Adobe Photoshop
Developed by: Academic Technology Centre, Cornell University Type of resource: Web-based instructional course Target audience: General Cost: Free access
This online course enables the learner to become familiar with the Photoshop toolbar and how to use some most commonly-needed tools, learn to correct and alter scanned images, and to find answers to some common questions beginning Photoshop users often have.
Dhttp://www.cit.cornell.edu/atc/materials/FLEX/phot oshop/ps.shtml
Open Clip Art Library
Developed by: Open Clip Art Library Type of resource: Web site Target audience: General Cost: Free access
Large bank of clip art in the public domain.
Preparing Images for the World Wide Web
Developed by: University of Durham Information Technology Service Type of resource: PDF Target audience: General Cost: Free access
This guide from the University of Durham will help you understand different types of graphics formats such as GIF, TIFF and PNG and introduce you to ways of manipulating graphics for the web. While some of the references are specific to the University of Durham, the guide will be useful to a wider audience.
Dhttp://www.dur.ac.uk/resources/its/info/guides/135 GraphicsWWW.pdf
Understanding Images: A Guide to Color Formats
Developed by: TechSoup Type of resource: Web article Target audience: General Cost: Free access
"Why does the color of your nonprofit's logo never look the same on the Web as it does in print? Is there a difference between CMYK and RGB? What does your printer mean when she talks about two-color versus four-color printing? And why on earth is your designer discussing "PMS" with you?" Brian Satterfield looks at common colour formats and best uses.
Dhttp://www.techsoup.org/learningcenter/software/pa ge6124.cfm
Understanding Images: A Guide to File Formats
Developed by: TechSoup Type of resource: Web article Target audience: General Cost: Free access
"If you've ever worked on an image for your nonprofit's Web site, blog, or printed materials, you've probably found yourself confronted with multiple acronyms when it came time to save the file." TechSoup helps you understand common image formats and when to use them.
Dhttp://www.techsoup.org/learningcenter/software/pa ge6041.cfm
Understanding Images: A Guide to Resolution and Size
Developed by: TechSoup Type of resource: Web article Target audience: General Cost: Free access
"Is more resolution always better? How do megapixels relate to megabytes? And can you reuse printed graphics on your nonprofit's Web site?" TechSoup looks at the basics.
Dhttp://www.techsoup.org/learningcenter/software/pa ge6045.cfm
Where to Find Free Images and Visuals
Developed by: TechSoup Type of resource: Webb article Target audience: General Cost: Free access
"Sites and search engines for finding high-quality free pictures".
Dhttp://www.techsoup.org/learningcenter/internet/pa ge5977.cfm
Web Design - Working with type
Counterspace
Developed by: Brett Yancy Collins, Ed Stull Type of resource: Flash animated web site Target audience: General Cost: Free access
Counterspace is a perfect resource dedicated to type and its history with easily digested sections on the anatomy and classification of typography. They also showcase typefaces that can be successfully used in multimedia design.
Dhttp://counterspace.motivo.com/
Web Typography Tutorial
Developed by: Webmonkey Developer's resources Type of resource: Web site Target audience: General Cost: Free access
Webmonkey's tutorial offers two sections with essential information on web typography. Lesson one gives a brief overview of typography while lesson two gives an introduction to using type on web pages.
Dhttp://hotwired.lycos.com/webmonkey/design/fonts/t utorials/tutorial3.html
Web Design - Web site structure and navigation
Navigation Schemes: Issues and Concerns
Developed by: IISD Type of resource: Web article Target audience: General Cost: Free access
A well-designed web site should anticipate the needs of its users and provide information in a way that requires a minimum of effort by the user. The key to success is in the implementation of good navigation, which should flow from well-planned information architecture.
Dhttp://www.sdcn.org/webworks/ia/nav.htm
Quick Reference Guide: Setting Up Folders and Naming Files for Multimedia and Web Page Projects
Developed by: The Challenge 2000 Multmedia Project Type of resource: website Target audience: General Cost: Free access
"All too often we have wonderful projects that run perfectly on the machine on which they were created, but when we try to play them on another computer or upload them to the web, we find that files or pictures are missing, and/or the project will not will not run properly." This guide shows you how to organize and name files in ways that avoid these problems, and which help you to have quick and organized access to your files in general.
Dhttp://pblmm.k12.ca.us/TechHelp/MediaGuidelines/fo lders.htm
Speed Bumps and Stop Signs: Improving the Navigation of FARN´s Web Site
Developed by: FARN Type of resource: Web case study Target audience: General Cost: Free access
In restructuring their web site, FARN considered the needs of its users. Why were people visiting FARN´s web site and how could the information they needed be accessed easily?
Dhttp://www.sdcn.org/webworks/cases/navigation_farn 1.htm
The Conceptual Structure of ENDA's Website
Developed by: ENDA Type of resource: Web case study Target audience: General Cost: Free access
This case study from the SD Webworks examines how a Senegalese organization developed its site's information architecture. The structure was chosen as a reflection of how information is gathered within ENDA.
Dhttp://www.sdcn.org/webworks/cases/conceptual_enda 1.htm
Web Design - Online web design communities
Wise-Women
Developed by: Wise-Women Type of resource: Web site and mailing lists Target audience: General, Women Cost: Free access
Wise-Women is "an international community and network dedicated to supporting women who work as, or aspire to becoming, Web designers, developers, and programmers." Membership is open to all, men as well as women. The Wise-Women Web site includes tutorials, articles and discussion lists on topics such as writing for the Web, promoting your site, Web programming and graphics.
Web Design - General
Editor's choice: Web Style Guide
Developed by: Patrick Lynch and Sarah Horton Type of resource: Web site Target audience: General Cost: Free access
This excellent guide details the full process of web site development and design. Packed with recommendations, it covers interface, site and page design, sifting and exploring specific aspects of each such as information architecture and navigation, site diagrams and consistency, and page layout. One particularly useful section that sets this guide apart from other web style manuals is the chapter dedicated to Typography, comparing print and web typography, with illustrative samples regarding white space, line height, alignment, case and emphasis considerations. The guide's Graphics chapter gives a clear understanding, supported by illustrations, of how the different color schemes and web-safe images work and display. Throughout the guide, issues of accessibility are consistently raised.
Dhttp://www.webstyleguide.com/
An Overview of Blogging
Developed by: elearnspace Type of resource: Web site Target audience: General Cost: Free access
Blogs, a short term for web logs, are personal journals that use a date log format and are usually updated on a frequent basis. Blogging software allows blogs to be set up and maintained easily, without knowledge of HTML. The elearnspace web site has a useful list of resources including The Art of Blogging.
Dhttp://www.elearnspace.org/enabling/blogs.htm
Creative Commons
Developed by: Creative Commons Type of resource: Web site Target audience: General Cost: Free access
"Creative Commons licenses provide a flexible range of protections and freedoms for authors, artists, and educators." Choose one of the Creative Commons licenses to publish your own work so that it can be freely used and adapted by others, or let a Creative Commons search help you to find images, text or audio to use on your own site.
Empowering Web Developers since 1988
Developed by: Sitepoint Type of resource: web site Target audience: General Cost: Free access
Sitepoint has a variety of sources for web developers ranging from site planning and design to marketing and promotion. The site offers step-by-step feature articles from its developer community, as well as online learning opportunities , and developer blogs focussing on a broad range of subjects.
Helping Voluntary Groups Plan Websites
Developed by: ICTHUB KnowledgeBase Type of resource: Web article Target audience: General, Trainers Cost: Free access
"You may be a circuit rider, ICT consultant or website designer, working within a voluntary organisation, a freelancer or volunteer. Whatever your role, here are some ways you could help a voluntary organisation to plan and develop their website."
Dhttp://www.icthubknowledgebase.org.uk/helpgroupspl anwebsites
Seven Web Development Pitfalls
Developed by: TechSoup Type of resource: Web article Target audience: General Cost: Free access
"Many organizations design and develop their own Web sites; others rely on consultants and vendors to help with this process. However you approach your own site, there are a few common Web development pitfalls you should be aware of. Avoiding these mistakes during the development stages can help save you time and money down the road, and will lay the foundation for a successful Web site that grows with your organization."
Dhttp://www.techsoup.org/learningcenter/webbuilding /page6596.cfm
The Web Standards Project
Developed by: The Web Standards Project Type of resource: Web site Target audience: General Cost: Free access
The Web Standards Project is a grassroots coalition fighting for standards that ensure simple, affordable access to web technologies for all. Designing and building with web standards simplifies and lowers the cost of production, while delivering sites that are accessible to more people and more types of Internet devices.
Web Page Concept and Design - Getting a Web Site Up and Running
Developed by: Lourdes T. David Type of resource: Website with downloadable resources Target audience: General, Trainers Cost: Free access
Intended for library and information personnel, this module covers the concepts and principles in web page creation and design and introduces the basic steps in setting up and maintaining a web site. By the end of the course students should be able to create a simple web site. The course also covers aspects of web site hosting, promotion and related legal issues.
Dhttp://www.unesco.org/webworld/publications/ictlip 6/index.htm
Web Style Guide
Developed by: Web Style Guide, 2nd Edition Type of resource: Web site Target audience: General Cost: Free access
The Yale University Center for Advanced Instructional Media's excellent site design guide. The guide covers the fundamentals of web site design including planning, site structure, page layout, typography and use of graphics and multimedia.
Dhttp://www.webstyleguide.com/
Writing a Brief for a Website
Developed by: Peter Mason & Marcus Pennell Type of resource: Web article Target audience: General Cost: Free access
"Advice to help you think about the real purpose of your website, and prepare a simple plan before talking to a web designer."