Please utilize the list below to access previous screencasts and learn at your own pace. Happy Learning!!!
Web Knowledge - Beginner
- Web Browsers
- URL
- What is Internet?
- Why do you need to learn web language?
- Search Engine
- Internet Languages
- Text Editors
- Web Images
- Optimize Firefox View Area
HTML - Beginner
- What is HTML?
- HTML Tags
- HTML Attributes
- html, head, title, body
- HTML Headers
- HTML linebreak
- HTML Horizontal Rule
- HTML Bold
- HTML Italics
- HTML Link
- HTML Image
- HTML List
- HTML Table
- HTML Form
- HTML Input
- HTML Textarea
- HTML Dropdown Menu
- HTML Flash Embed
- HTML Comments
- HTML Div/Span Container
- HTML Script Tag
- HTML Style Tag
- HTML Doctype
- HTML Name and ID
- Nested Table Layout
CSS - Beginner
- What is CSS?
- How to start coding CSS?
- CSS Syntax
- CSS Measurement
- Link to external CSS file
- CSS Font Color
- CSS Background Color
- CSS Background Image
- CSS Background Image Repeat
- CSS Background Image Position
- CSS Background (combined)
- CSS Font Family
- CSS Font Size
- CSS Font Style
- CSS Font Weight
- CSS Text Align
- CSS Text Decoration
- CSS Width and Height
- CSS Box Model Concept
- CSS Border Style
- CSS Border Width
- CSS Border Color
- CSS Border (combined)
- CSS Padding
- CSS Margin
- CSS Float
- CSS Clear
- CSS Display
- CSS List Style Type
- CSS List Style Position
- CSS List Style Image
- CSS List Style (Combined)
- CSS Cursor
- CSS Overflow
- CSS Pseudo-classes (link)
- Set same CSS rules for different elements (Grouping)
- Set CSS rules to nested elements (Child Selector)
- CSS Inheriting
- Add CSS Comments
Planning - HTML + CSS
- How to start planning a website?
- Website Brainstorming – Finding an Idea (or a job)
- Website Brainstorming – Creating Purpose
- Website Brainstorming – Asking Questions
- Website Brainstorming – Research and Take Notes
- Website Brainstorming – Solidify Idea
- Comp and Wireframing – Pages I will Need
- Comp and Wireframing – Wireframing
- Comp and Wireframing – Finding Inspiration
- Comp and Wireframing – Image Editing Software
- Comp and Wireframing – Creating Comp (mockups)
- Comp and Wireframing - Web Usability
- Comp and Wireframing - Templates
- Comp and Wireframing - Collecting Assets
Examples - HTML + CSS
- Storyteller Website (1) - Brainstorming
- Storyteller Website (2) - Comp & Wireframe
- Storyteller Website (3) - Template
- Storyteller Website (4) - Homepage
- Storyteller Website (5) - Author
- Storyteller Website (6) - The Journey
- Storyteller Website (7) - Characters
- Storyteller Website (8) - Map
- Informational Website (1) - Brainstorming
- Informational Website (2) - Template
- Informational Website (3) - Create Web Images
- Informational Website (4) - Homepage Main Layout
- Informational Website (5) - Homepage Header
- Informational Website (6) - Homepage Content
- Informational Website (7) - Homepage Footer
- Informational Website (8) - Sub pages
- Informational Website (9) - Contact Us
HTML - Everything Else
- HTML Meta
- More HTML Tables - Colspan & Rowspan
- More HTML List - Definition List
- HTML Frames
- HTML iframe
- HTML Image Map
- HTML Fieldset & Legend
- HTML Mailto
- More HTML forms
- HTML Special Characters
- Web Color
CSS - Everything Else
- CSS Specificity
- CSS Vertical Align
- CSS Visibility
- CSS Position & Offset
- CSS Line Height
- CSS Background Image Attachment
- CSS Letter Spacing & Word Spacing
- CSS Text Transform
- CSS Important
Web Knowledge - Intermediate
- Domain Name - Finding A Name
- Domain Name - Buying Your Domain Name
- Web Hosting - Initial Setup
- Web Hosting - Service Overview
- File Upload (FTP)
- RSS
- Flash
- Programming Language For Web Development
JavaScript - Beginner
- What is JavaScript?
- JavaScript Big Picture
- How to start using JavaScript
- JavaScript Alert()
- JavaScript External File