Web Design Resources

Getting Started

• How to Use Notepad to Create html Files
• Quick Brackets Tutorials from css-snippets

Thinking About Design

• Web Design Criteria Handout
• Web Pages That Suck: learn good web design by looking at bad web design
• 10 Principles of Effective Web Design
• 20 Do's and Don'ts of Effective Web Design

Html Help

• Html Dog
• Web Design Group
• The Pocket Html Tutorial
• Html Net

Publishing Your Website For Free

• One way to do it for free is with Github

CSS Resources

• Outline Font Example
• Indenting Your Code
• Postion is Everything
• Horizontal Drop Down Menus
• The Box Model
• Learn Positioning in Ten Steps
• Page Layout with CSS Positioning
• Lists, Floats and Selector Tutorials
• Curved Boxes in CSS
• Responsive Grid Layout

Tools of the Trade

• HTML Code Validator
• The web developer's virtual library
• Worldwide Web Consortium: Developing Web Standards

General Information

• Search Engine Optimization and Its Dirty Little Secrets
• Sharing the Internet: The Open Source Community
• Defending the Freedom of the Internet: The Electronic Frontier Foundation
• Make an image caption

Citing Sources

• Choosing images (to avoid copyright violation)
• Citing artist or photographer
• Avoiding plagiarism when building a web site
• Make a "works cited" or "references" section
• citing ideas or quotes (where the idea is mentioned in the text)