Web Design

Course Information (Google Document)
Ground Rules
- WCS Acceptable Use Policy (Google Presentation)
- Online Safety Guidelines (Google Presentation)
  - Internet Archive Wayback Machine
How the Internet Works
- How the Internet Works (Google Presentation)
- Convert to binary tool
- What is my Browser?
- DNS (IP address) lookup
- IP2location
- Internet speed test
- Domain name registration
- WHOIS
- List of Top-level Domains
Coding in Hypertext Markup Language
- HTML Editors:
  - Windows: Use Notepad (in Accessories) or download and use Brackets
  - Macbook: Download and use Brackets
  - Chromebook: Use Caret (install from Chrome Web Store)
- HTML Color Codes
- HTML Character Code Reference
- w3schools HTML Tutorials
- FTP (File Transfer Protocol)
  - net2ftp.com
Working with Tables
Working with CSS
- w3schools CSS tutorial
- w3schools CSS Text tutorial
- Useful CSS Declarations (Google Doc)
- Default CSS Values
Woking with Images
- Simple Copyright Flowchart (PDF)
- Types of Images
- Creative Commons (public domain images)
- Pixabay.com (public domain images)
- Wikimedia Commons
- Google Images (click search tools, usage rights)
- Cool Text Image Generator
- Common Ad Sizes
Working with Google Fonts
Working with Javascript
- Javascript tutorial
- w3schools Javascript tutorials
Scalable Vector Graphics
- w3schools Scalable Vector Graphics tutorial
Animated GIFs
Web Design Considerations
- Search Engine Optimization (Google Presentation)
- Mobile Friendly (Responsive Design)
  - Google Mobile-friendly Test
CSS Animations
- w3schools Animation tutorial
"Final" Project
- Project Requirements (Google Doc)
- Website Plan Sheet (PDF)
Web-based Website Creation Services
Other Links
- Random Topic Picker
- Key Code Identifier
- Install Adobe Products (start with Creative Cloud)

This work by MrFortna.com is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.