How to Design Websites
Published on 10. October 2011
168 pages
978-1-78067-522-0 (ISBN)
Description
There are books on the nuts and bolts of web design and there are books about website aesthetics, showcasing examples of good design. How to Design Websites contains the essentials of both, addressing the skillsets required to produce websites that are functional and elegant - but from a graphic designer's perspective. It demonstrates that you can design a working website in minutes without the need for expensive programs.
Chapters include Code, Layout, Text and Typography, and Images and Colour Schemes. Useful 'tips and tricks' panels are included, as well as step-by-step projects --such as how to produce a portfolio site - that will be of interest to design students and to graduates of all disciplines. Inspirational 'Trailblazer' case studies showcase the best of contemporary designers and their work. Blogs, Facebook, Flickr and HTML5, and new ways of using the web, such as mobile phones and netbooks, are also discussed.
Chapters include Code, Layout, Text and Typography, and Images and Colour Schemes. Useful 'tips and tricks' panels are included, as well as step-by-step projects --such as how to produce a portfolio site - that will be of interest to design students and to graduates of all disciplines. Inspirational 'Trailblazer' case studies showcase the best of contemporary designers and their work. Blogs, Facebook, Flickr and HTML5, and new ways of using the web, such as mobile phones and netbooks, are also discussed.
More details
Person
Alan Pipes is a freelance writer, illustrator, webmaster and part-time publisher specializing in applications of computer technology in graphic design, fine art illustration and product design. He is the former editor of CadCam International and author of Drawing for Designers, Production for Graphic Designers and Foundations of Art + Design.
Content
- Intro
- Title Page
- Copyright
- Contents
- Preface
- 1. Introduction and background
- What is the internet?
- Email and domains
- Newsgroups
- The World Wide Web (WWW)
- Designing for the World Wide Web
- Host and hosting
- FTP: Uploading and downloading
- Domains
- Web design for graphic designers
- Browser compatibility
- 2. Code
- Getting started in HTML
- Helper applications
- Step-by-step 1: Instant websites: a customized blog
- Trailblazer 1: Joshua Davis
- 3. Layout
- Frames and tables
- CSS (Cascading Style Sheets)
- Layout in CSS
- Navigation
- Nesting divs
- Accessibility
- Usability
- Step-by-step 2: A simple handmade XHTML/CSS website using a template
- Trailblazer 2: Erik Spiekermann
- 4. Text and typography
- Selecting fonts in HTML
- Text
- The language of type
- How type is measured
- Font weights, variants and properties
- Other typographic facilities
- Step-by-step 3: A basic portfolio website
- Trailblazer 3: Grïngo
- 5. Images and colour schemes
- Graphics Formats: GIFs, JPEGs and PNGs
- Colour
- Colour theory
- Colour schemes
- Step-by-step 4: Developing a website using background colours and faux columns
- Trailblazer 4: Soleil Noir
- 6. Added extras
- SSI (Server Side Includes)
- Animated GIFs
- Flash
- JavaScript
- E-commerce
- Content-management systems
- Websites for handheld mobile devices
- Web 2.0, HTML5 and the future
- Glossary
- Books
- Websites
- CSS Properties
- HTML/XHTML Tags
- Index
- Picture Credits
