Web Principles: HTML/Expression Web
Last revised:
| Instructor's Notes | |||
|
Using the Internet |
|
Surfing, searching, saving, printing web pages |
|
|
Using E-mail E-mail Etiquette |
|
Creating and managing E-mail Tips for sending E-mail in a professional manner. |
|
|
Web Concepts PowerPoint Presentation |
|
Basic web concepts and terminology. |
|
|
Creating Web Pages |
|
HTML basics including paragraphs, lists and images. |
|
|
Formatting Web Pages |
|
Formatting skills beyond the basics |
|
|
Creating Web Sites |
|
Organizing your web site and linking its pages. |
|
|
Image Manipulation |
|
How to change existing images: format, size, cropping, transparency. Demo using Paint.NET. |
|
|
Cascading Style Sheets |
|
How to format web pages using Cascading Style Sheets in HTML. |
|
|
Tables (HTML) |
|
How to create tables using HTML. Includes merging cells and embedded tables. |
|
|
Using Expression Web to Create Web Sites |
|
The same topics covered in HTML Tags and Containers (headers, images, links etc) in Expression Web. |
|
|
Tables (EW) |
|
How to create tables using Expression Web. |
|
|
Web Forms |
|
How to create web-based data entry forms |
|
|
Java Scripts and Applets (HTML) |
|
How to incorporate existing Java Script and applets into web pages. |
|
|
Page Transitions (HTML) |
|
How to change the way web pages on your site transition from page to page |
| Assignments | |||
|
|
Tickets |
|
Daily mini-assignments required to get into the next class period. |
|
|
XHTML Standards |
|
Standards that must be applied to all assignments. |
|
|
Unit 1 - Internet and Email |
|
Practice your E-mail and Internet skills and learn a few more tricks along the way. |
|
|
Unit 2 - Creating Web Pages |
|
Develop your first web page using basic HTML commands |
|
|
Unit 3 - Web Design Tips |
|
Assignment to research design tips not covered in the text. |
|
|
Unit 3 - Formatting Web Pages |
|
Make that page look a little snazzier |
|
|
Unit 4 - Creating Web Sites |
|
Linking web pages to create a web site |
|
|
Unit 5 - CSS |
|
Formatting web pages using CSS |
|
|
Unit 6 - Tables |
|
Using tables in HTML |
|
|
Unit 7 - Web Sites in Expression Web |
|
Creating and managing web sites using Expression Web |
|
|
Unit 8 - Tables in Expression Web |
|
Creating and customizing Expression Web tables |
|
|
Unit 9 - Web-Based Forms |
|
Creating a web-based form |
|
|
Unit 10 - JavaScript and Applets |
|
Incorporating JavaScript and Java applets into your page. |
| Evaluation Sheets | Evaluate your own assignments before turning them in. | ||
|
|
Unit 2 - Basic Web Tags |
|
Evaluation sheet for the Basic Web Tags assignment. |
|
|
Unit 3 - Formatting Web Pages |
|
Evaluation sheet for the Formatting Web Pages assignment. |
|
|
Unit 4 - Web Links |
|
Evaluation sheet for the Web Links assignment. |
|
|
Unit 5 - Cascading Style Sheets |
|
Evaluation sheet for the Cascading Style Sheets assignment. |
|
|
Unit 6 - HTML Tables |
|
Evaluation sheet for the HTML Tables assignment. |
|
|
Unit 7 - Expression Web Basics |
|
Evaluation sheet for the Expression Web Basics assignment. |
|
|
Unit 8 - Expression Web Tables |
|
Evaluation sheet for the Expression Web Tables assignment. |
|
|
Unit 9 - Web-Based Forms |
|
Evaluation sheet for the Web Forms assignment |
|
|
Unit 10 - JavaScript and Applets |
|
Evaluation sheet for the JavaScript and Applets assignment. |
| Additional Resources | |||
|
|
Image Manipulation |
|
How to change existing images: format, size, cropping, transparency. Demo using Paint.NET. |
|
|
Web Design Tips 2010 |
|
Consolidated web design tips gathered by students in Spring 2009 |
|
|
XHTML 1.1 Validator |
|
W3C web site that scans your XHTML file to ensure it complies with the standard |
|
|
CSS 2.1 Validator |
|
W3C web site that scans your CSS file to ensure it complies with the standard |
|
|
Adding Notepad Shortcuts |
|
How to create a shortcut to Notepad on your Desktop and to the Send To menu |
| Tips | |||
| HTML Color Information | Complete information on specifying colors in HTML (and a whole lot more) | ||
|
http://www.tips-tricks.com http://www.geocities.com/SiliconValley/Campus/1924/index.html |
Tips for Html code and developing your own web page. | ||
| http://www.w3schools.com/tags/ | List of HTML tags and tips for how to use them | ||
| http://www.wdvl.com | Tons of web design tips | ||
| http://www.wdvl.com/Graphics/Images/ | Tips for adding images to web pages | ||
| http://www.pageresource.com | Tutorials for HTML, JavaScript and web design | ||
| http://www.wdvl.com/Authoring/Graphics/Tools/PSP/ | Tutorial for Paint Shop Pro 5 | ||
| Graphics | |||
|
http://office.microsoft.com/clipart/?cag=1 http://screamdesign.daz3d.com/free.html http://www.jasc.com http://www.adobe.com http://www.iconbazaar.com |
Links to sites that will answer questions about adding graphics to your web page. | ||
| JavaScripts and Applets | |||
|
http://javaboutique.internet.com http://javascript.internet.com |
Links to sites with lots of JavaScript and Java applets you can use. | ||
