OneDrive Web Design 1
Last revised: 7/19/2017
| Instructor's Notes | |||
 |
HTML5 Beginniers Guide | ||
|
First Day Power Point First Day Video, part 1
First Day Video, part 2 |
|
First Day Items |
|
Web Concepts Web Concepts lecture, part 1
Web Concepts lecture, part 2
Web Concepts lecture, part 3
|
|
Unit 1: Basic HTML |
|
Creating Web Pages Creating Web Pages, lecture 1.1
Creating Web Pages, lecture 1.2
|
|
Unit 2: Basic HTML |
|
CSSWeb Programming Unit 3 - CSS
|
|
Unit 3: Cascading Style Sheets |
|
Creating Websites Creating Websites Lectures |
|
Unit 4: Creating a Website |
|
Web Formns Web Forms Lectures |
|
Unit 6: Web Forms |
|
JavaScript JavaScript Lectures |
|
Unit 8: JavaScript |
|
JavaScript Functions JavaScript Functions Lectures |
|
Unit 9: JavaScript Functions |
|
JavaScript Validations JavaScript Validations Lectures |
|
Unit 10: JavaScript Validations |
|
Regular Expressions Regular Expressions Lectures
Regex Lecture Examples
|
|
Unit 11: Regular Expressions |
|
JavaScript Arrays JavaScript Array Lectures
JS Arrays Lecture Examples
|
|
Unit 12: JavaScript Arrays |
|
JQuery JavaScript Array Lectures
JQuery Lecture Examples
|
|
Unit 13: JQuery |
| Assignments | |||
|
Due Date Policies | |
Policies regarding assignment due dates, NQA coupons, updates and tickets |
|
Unit 1-5 HTML and CSS | |
Unit 1-5: add help pages to a project over units 1 to 5 |
|
PortableApps Lab | |
Unit 1: Lab to create PortableApps USB drive that will be used to create HTML, CSS and JavaScript. |
|
HTML Basics | |
Unit 2: First assignment to create HTML Help pages. |
|
Formatting with CSS | |
Unit 3: Formatting HTML Help pages using CSS. |
|
Creating Websites | |
Unit 4: Creating multi-page, well organized websites (Help site). |
|
HTML Tables | |
Unit 5: Assignment to create tables using HTML |
|
Web Forms | |
Unit 6: Assignment to create a basic web form. |
|
Firefox Firebug Lab Firebug Lab HTML (zipped) | |
Unit 8: Lab demonstrating how to use the Firefox Firebug addon to help debug JavaScript |
|
JavaScript Basics Assignment Starter |
|
Unit 8: Assignment to demonstrate basic JavaScript control structures |
|
JavaScript Functions Bar Graph Images |
|
Unit 9: Writing and incorporating JavaScript functions |
|
JavaScript Validation Assignment Starter Form |
|
Unit 10: Assignment to use JavaScript to validate an HTML form. |
|
Validating using Regular Expressions | |
Unit 11: Using of regular expressions to validate strings |
|
JavaScript Arrays | |
Unit 12: Modifying the functions assignment to implement arrays. |
|
jQuery Basics | |
Unit 13: jQuery assignment |
| Evaluation Sheets | Evaluate your own assignments before turning them in. | ||
|
HTML Basics | |
Evaluation sheet for the HTML Basics assignment |
|
Formatting with CSS | |
Evaluation sheet for the CSS assignment |
|
Creating Websites | |
Evaluation sheet for the websites assignment |
|
HTML Tables | |
Evaluation sheet for the HTML tables project. |
|
Web Forms | |
Evaluation sheet for the Web Forms project. |
|
JavaScript Validation | |
Evaluation sheet for the JavaScript Validation project. |
|
JavaScript Arrays | |
Evaluation sheet for the JavaScript Arrays project. |
|
jQuery Basics | |
Evaluation sheet for the jQuery Basics project. |
| Handouts | |||
|
Notepad ++ Customization | |
Customize Notepad++ |
|
Installing PortableApps XAMPP and MySQL | |
Instructions and tips for adding XAMPP and MySQL to a PortableApps USB drive |
|
Brent's JavaScript Tools | |
Commonly used tools help solve your homework problems. |
|
HTML 5 Standards | |
Standards to be used for XHTML development in this class. |
|
W3C HTML 5 Validator | |
W3C website that scans your XHTML file to ensure it complies with the standard |
|
CSS 2.1 Validator | |
W3C website that scans your CSS file to ensure it complies with the standard |
|
Image Manipulation | |
How to change existing images: format, size, cropping, transparency. Demo using Paint.NET. |
|
HTML5 Inputs Test | |
See how the new HTML5 input types render in your browser. |
| Programming Tips | |
| DevDocs | Website with consolidated documentation for HTML, CSS, JavaScript, PHP, jQuery and more. |
| Code Academy | Website with (completely) free lessons for HTML, CSS, jQuery, JavaScript, PHP and more. |
| Code School | Website with lessons in HTML, CSS, JavaScript, jQuery, iOS, Objective-C, and more. Some are free. All courses available for $29/month. |
| Develop PHP Website | Everything you ever wanted to know about HTML, CSS, PHP, MySQL, JavaScript |
| About.com JavaScript | A ton of useful code samples Sign up for the free, weekly JavaScript newsletter |
| Other Tips | |
| HTML Color Information | Complete information on specifying colors in HTML (and a whole lot more). |
| http://www.w3schools.com/tags/ | List of HTML tags and tips for how to use them |
| http://www.htmlgoodies.com/primers/html/ | Tons of web design tips |
| http://www.pageresource.com | Tutorials for HTML, JavaScript and web design |
| Web Servers / Hosts | |
| http://www.findmyfreehost.com http://www.free-web-space-finder.com http://www.freewebspace.net http://www.myfamily.com http://smorgasbord.freeservers.com |
Links to sites that offer free web hosting. |
| www.fatcow.com | FatCow is not free. It costs about $9 a month. That's not a lot to pay for unlimited web space, unlimited bandwidth, no ads, and your own URL (www.volkergaul.com) |