FYI - Links

Listed by software/topic and then by document type.

Document types:

Adobe Animate

Exercises

  1. Zoom-Down Letters Using Adobe Animate

Adobe Dreamweaver

Book Notes

  1. Adobe Dreamweaver CC release 2015 notes

Exercises

  1. NOTE: Do not use this:
    1. The Adobe site tutorial that this relies on is no longer available there (the link in the tutorial works but it goes to a newer tutorial different than this. How to make and style responsive web pages - Instructions for using the Adobe tutorial

How-Tos

  1. Dreamweaver preference settings
  2. Installing the first CC version of Dreamweaver (v13) for Windows and Mac

User Guide

  1. Dreamweaver - Design View vs. Live View

Adobe Photoshop

Demos

  1. Channels demo - compare the primary and secondary colors in the Channels panel
  2. Using Photoshop's Generator Plugin to Create Image Assets

Exercises

  1. Optimizing images with Photoshop
  2. Create a GIF animation of a ball bouncing using Photoshop
  3. Masks 01 - Using the blue channel as a mask - Aurora
  4. Selections 01 - Tower of London

How-Tos

  1. Photoshop preference settings
  2. Downloading and installing patterns in Photoshop

Lessons

  1. Animated GIFs & Photoshop - An Overview
  2. Tiling Images - An Overview of the Principle

Browsers

  1. How to view the source code of a web page in a web browser
  2. How to save the code of a web page from a browser

Canvas

This refers to the Canvas LMS - learning management system - not the <canvas> HTML element

Exercises

  1. Upload to Canvas

Colors

Lessons

  1. Colors: Names | Web color names | RGB values | Hexadecimal values

Files & Operating Systems

How-Tos

  1. Set Your Computer to See File Extensions; also opting for Windows Details view
  2. Zip and Unzip files

FTP

How-Tos

  1. How to set up FTP in Filezilla and Dreamweaver

Google

How-Tos

  1. How to Create a Google Form For Use As a Survey Tool

HTML & CSS

Demos

CSS Demos

  1. Alpha transparency using the "a" in rgba values
  2. Demo of inheritance: using the font-size property
  3. CSS rule proximity and precedence
  4. Media queries
    1. min-width
  5. CSS List item positioning of an image
  6. Gradient backgrounds
    1. Simple 2-color linear gradient: full page and div with box-shadow
    2. Two simple 2-color linear gradients: full page
    3. Multi-color, diagonal linear gradient: full page

HTML Demos

  1. HTML flow and text wrap

Exercises

  1. HTML & CSS Basics - 01
  2. Basic HTML5 file

Text Editors

Note that a text editor in this context refer to programs that create plain text.

List of text editors

How-Tos

  1. TextEdit - 01 - Preferences to set for using TextEdit for writing code
    1. Note that these preferences must be used in order for TextEdit to be used as a plain text editor. This is required for writing almost all code due to its broad support.

YouTube

How-Tos

  1. Providing YouTube on a web page

Miscellaneous

Lessons

  1. Dan's Glossary

Further Info