Day six: creating a web page, take two

Goals for today:

• think of a topic for a quick web page
  
• make a web page better than Monday's: five links, three pics!
  
• understand how the browser reads HTML script
  
• map a network drive for use with your web page
  

Create a new folder on your Windows desktop and call it web.

Save this page, quick.html, in the folder web. Use Page > Save as... in the browser.

Open the web folder, right-click on the file, and choose TextPad. TextPad is a program that works with plain-text files, like Notepad, but it has the advantage of syntax coloring, which makes our HTML easier to read.

Go back to the web folder, and double-click the file to open it in the browser. Now you should have three windows: folder, TextPad, and browser. Make changes in the TextPad window, File > Save, then in the browser window, Ctrl-R refresh to see the effects of the changes. (Surprise!)

What changes in quick.html? Change its colors and fonts, add links for other websites, copy pictures to the folder web and show them in the web page.

Here's a good, simple HTML reference from WebMonkey.

We will talk about how HTML colors work when we talk about binary numbering; in the meantime, here's a listing of all the crazy color names you can use, from the author of the book, Learning Web Design. The colors actually come from an orderly palette. More on colors: one, two.

Simple FTP, or file transfer

More later...

When you're ready for snazzier HTML:

Here are links to lots of tutorials. Our near-term goals are to learn about HTML and CSS.

Save this file, quickStyle.html, in the web folder, and see its simple example of use of a Cascading Style Sheet, or CSS.

Here's a great tutorial you can use to guide yourself further into CSS.














simple font info for stylesheets
http://www.htmlgoodies.com/beyond/css/css-ref/article.php/3470291


good cut-and-paste reference for simple CSS