Web Design 1 | Resources

HTML

• HTML Cheat Sheet: summary of common HTML tags
• HTML Reference: complete list of all HTML tags
• HTML Color Names: list of all HTML color names
• HTML Color Picker: find the #xxxxxx codes for specifying colors in HTML

CSS

• CSS Cheat Sheet: summary of common CSS style declarations
• CSS Reference: complete list of all CSS attributes
• Using <div> tags: a comprehensive example of how to use <div>…</div> tag pairs
• Simple Box Maker: an example of how to use margins and padding

WordPress

• General Support: WordPress general help and support page
• Themes: Changing the visual style of your site with “themes”
• Post vs Page: Explanation of the difference between “posts” and “pages”
• Pages: All about writing and editing pages
• Posts: All about writing and editing blog posts
• Menus: How to create and control custom menus for your site
• Widgets: Customizing the content of your site’s sidebar
• Media: How to add images, slideshows, and video to your site’s media library

Videos

The series of videos called “Don’t Fear the Internet” are good introductions and summaries of topics in web development:

0. Fear Not: We’re Here to Help
1. Not a Series of Tubes: An Internet Primer
2. HTML: Hamburger Text Markup Language
3. Don’t Fear the Browser: Developer Tools and Vanilla Ice Cream
4. Don’t Fear Starting From Scratch, Part 1: HTML
5. Don’t Fear Starting From Scratch, Part 2: CSS
6. Don’t Fear Specificity: Targeting Content With Classes & Ids
7. Don’t Fear Web Typography: A Massive Introduction

Presentations

• Web Design Basics: slides introducing web design concepts
• HTML Basics: slides introducing HTML concepts
• CSS Basics: slides introducing CSS concepts
• Making a Navbar: slides explaining step-by-step how to create a navbar using CSS
• WordPress Overview: slides giving an overview of how WordPress sites are made
• WordPress Basics: slides giving a brief introduction to the basic elements of a WordPress site and how to manipulate them

Editors

• Notepad++: download this free Windows HTML editor from here if you want to use it at home
• Text Wrangler: download this free Macintosh HTML editor if you want to use it at home