FOUNDATIONS OF WEBPAGE DESIGN AND DEVELOPMENT/ADVANCED WEBPAGE DESIGN AND DEVELOPMENT COURSE CODE: 5031, 5033 ADDITIONAL MATERIALS AND RESOURCES

Textbook and Resources

Cengage Course Page

Common Career Technical Core Standards

CTSO’s

Future Business Leaders of America

SC Future Business Leaders of America

SkillsUSA

Non CTSO’s

National Technical Honor Society

Assessments/Certifications:

National Occupational Competency Testing Institute (NOCTI)

CIW Web CIW - Web Foundations Associate

CIW - Site Development Associate

MTA Programming in HTML 5 with Javascript and CSS 3 (exam 70-480)

Software:

Operating System Text Editor such as Notepad and TextEdit Adobe Creative Suite (Dreamweaver, Edge, Fuse, Illustrator, Photoshop)

February, 2019

Web Design Helpful Resources:

Colors: Adobe Color CC http://colourlovers.com

Design Seeds: For all Who Love Color

Colorrrs http://www.color-hex.com/

Seamless Patterns (for backgrounds): Pattern Cooler

Ava 7 Patterns

Subtle Patterns by Toptal

Din Pattern http://www.backgroundlabs.com/

Fonts: CSS Web Safe Font Combinations http://cssfontstack.com/

Google Fonts

Adobe Edge Wedge Fonts

Wireframing & Mockups: Lorem Epsum (Dummy Text)

BLOKK

Moqups

MockFlow: Colloborative Whiteboard for Brainstorming

Validators: W3C: Markup Validation Service

CSS Validation Service

Coding Playgrounds / Sandboxes (online): Code Pen

Fiddle Meta

February, 2019

JS Bin http://cssdeck.com/

Dabblet

Live Weave

Coding Software (web-based): AWS Cloud9 https://code.org/educate/weblab

Coding Software (install required): Brackets: Open Source Editor

Notepad++

Aptana Studio 3

Sublime Text

Favicon Generators: Favicon CC

Favicon and App Generator http://tools.dynamicdrive.com/favicon/

Frameworks Foundation: Front-end Framework

Bootstrap: Open Source Toolkit

Additional Helpful Resources:

XHTML HTML Character Entity Reference

Browser Shots: Compatibility Tests

Web Design Tutorials & Training

Complete Tutorials / Entire Courses:

February, 2019

Dash (General Assembly)

Skillcrush

W3Schools

Codecademy

Learn to Code HTML & CSS

CodeSchool

CSS Tutorials:

CSS Layout

AtoZ CSS

CSS-Tricks

Listamatic

JavaScript Tutorials: Javascript Beginner Tutorials

Additional Tutorials: Web Design Tutorials

Smashing Magazine

February, 2019