 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| The Griz HTML Training Site | |||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||
| This site will assist the Class Administrators and Assistants in learning HTML coding. It is designed to teach the necessary tags to update and enhance the classreport.org sites. It is also designed to stay within the parameters of those sites. There are a total of 8 lessons and you should have very few problems working through each lesson in a couple of hours. You will be instructed to save each lesson as the entries you make will be used in a future lesson or you may want to go back and try modifications of the code to see what will happen. | |||||||||||||||||||||||||||||||||||||||||||||||||
| Email: | |||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||
| Getting the Tools. You will want to have a tool that you can use to enter and test your lessons. For the most part, small sections of HTML code can be placed on practiceboard.com. This is not very easy to use on a complete section like those you would place in an HTML Block on your website. I recommend that you download a free program just suited for this type of work. It will also make these lessons easier to enter and preview. The program is called HTML-Kit 292 and can be downloaded from http://www.chami.com/html-kit/ . Download the program and install it. You will not need any of the Kit-292 tools for these lessons. They could help if you get into some advanced programming. We will not get into any of that here in these 8 lessons. One thing about the lessons is that I used things on a site in the instructions so you would have to work around that. One place is where I used a couple of slideshows from a site. You may have to improvise with something from your site. I also draw reference to a Class Administrator code that is on the site I was using and the registration information is from it. I have instructions included in how I accessed this but the lesson shows the text copied from that site. Be sure to save each lesson as they will be the basis of some of the future lessons. I will call each Lesson 1 and so forth in the lesson where I want you to reuse an earlier lesson's code. HTML-Kit makes saving the lesson easy. If you use the practiceboard, you will have to save the lesson with Notepad or some other text editor. Another tool that you need is really the address of a website in your links. The Website has a very good display of the colors that you may want to use on your website. You will want to use the bolder colors for borders and the pastel colors for backgrounds. The website is http://www.computerhope.com/htmcolor.htm. There may be others but I have found this site to have an excellent selection of colors and with a little playing with the color codes, you can make a custom color for your displays. You can do the lessons online or download them in PDF format. |
|||||||||||||||||||||||||||||||||||||||||||||||||
| PDF of the Lessons | |
||||||||||||||||||||||||||||||||||||||||||||||||
| On Line Lesson Pages | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 1 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 1 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 2 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 2 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 3 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 3 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 4 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 4 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 5 | Lesson 6 | ||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 5 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 6 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 7 Part 1 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 7 part 1 & 2 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 7 Part 2 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 8 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Reference | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson 8 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Reference & Overview | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson Results Display Page | |||||||||||||||||||||||||||||||||||||||||||||||||
| Lesson Displays | |||||||||||||||||||||||||||||||||||||||||||||||||