Wednesday, January 31, 2007
Project 1, due date changed
The due date for Project 1, described below, was changed to Friday, February 2, at 5 p.m.
Tuesday, January 30, 2007
Day six: creating a web page, take two
Goals for today:
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
- 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
Monday, January 29, 2007
Day five
Today, after some cut-and-paste and customizing practice, we will start making a web page. Woo-hoo! Copy this zip file to your desktop. Extract the files in the zip file. A double-click on one of these files opens it with the browser. You can read the underlying HTML code using Notepad (right-click, Open With > Notepad) to see how web pages work.
Another way to see the HTML code is Page menu > View source. This will show you the code underneath any web page... but most of them aren't as simple as the samples in my zip file.
Another way to see the HTML code is Page menu > View source. This will show you the code underneath any web page... but most of them aren't as simple as the samples in my zip file.
Saturday, January 20, 2007
Project 1, due January 26
Page 134, the books's Word Project 2, item 2. So that you don't have to type in the text of the research paper, I provided it (filename wireless.txt in the zip file for Day two.
This project is due by e-mail at 4 pm on Friday, January 26.
This project is due by e-mail at 4 pm on Friday, January 26.
Days three and four: in-class assignment
On page WD 70, Project 3: Creating an announcement with...
Here's a .pdf file of this project. You can cut and paste the text to avoid typing.
And speaking of avoiding typing, here is a complete list of Microsoft Word keyboard shortcuts. There's an amazing number of them, and they aren't all obvious — but maybe you will find that the exact one you want is already built in.
Here's a .pdf file of this project. You can cut and paste the text to avoid typing.
And speaking of avoiding typing, here is a complete list of Microsoft Word keyboard shortcuts. There's an amazing number of them, and they aren't all obvious — but maybe you will find that the exact one you want is already built in.
Comments work now!
You will be able to leave an anonymous comment after every class — or, for that matter, at any time.
Wednesday, January 17, 2007
Safari — a wonderful resource
The NVCC library subscribes to a fantastic online database called Safari. It gives you full text for hundreds of expensive, absolutely current books on everything related to computers, plus a search engine.
It's a great reason to memorize your VCCS login name and password!
It's a great reason to memorize your VCCS login name and password!
Day two: in-class assignment
Show me the zip file on your desktop, and send me a Word document attached to an e-mail.
Day two: downloads
I will put some of our course content on this web page for practically every meeting. Everyone needs to be able to download and use files like this one.
[1] Click on the link above.
[2] When asked, Save the zip file into a new folder on your desktop.
[3] Navigate to the folder, unzip the zip file, explore its contents.
Files online, as well as on our own computers, cameras, cell phones, you name it, are typically compressed for faster transmission. Here is an animation of the granddaddy of compression algorithms, Huffman encoding. Don't you wish you had thought of it?
[1] Click on the link above.
[2] When asked, Save the zip file into a new folder on your desktop.
[3] Navigate to the folder, unzip the zip file, explore its contents.
Files online, as well as on our own computers, cameras, cell phones, you name it, are typically compressed for faster transmission. Here is an animation of the granddaddy of compression algorithms, Huffman encoding. Don't you wish you had thought of it?
Subscribe to:
Posts (Atom)