Unit 2 HTML

GETTING A PLACE FOR YOUR WEB SITES

To get space on the Web to post the pages you make, sign up with Geocities

Sign Up Instructions

Click the above link to go to Geocities

If you already have a Geocities or Yahoo account then it will say welcome (your username) if this is someone else's account or if you want a new account, click the sign out link at the top right of the page - then click the Return to Yahoo Geocites link. Otherwise if you want to use the existing account you will need to know you the username and password for that account. If it says "welcome guest" go to the next step.

Next click the Sign Up Now link

Fill out and submit the form ( you will have to choose a unique username)

Next you will be prompted to choose a topic and enter a security code. Choose a Computers and the Internet and enter the security code then submit the form.

If successful it will show you a congratulations screen -- Print or record the information on the screen.

You're set! We will use this space to post web pages. You can play with it and post your own site if you like. When you are given web page assignments you will post them on your website and submit the URL to the dropbox.

Tips
Geocities has lots of tools to make it easy to build your website. If you are new to Geocities, take the tour. Otherwise you can use the Advanced Editor to build your pages as it lets you type the HTML right in your browser window and save it to your website. Have fun and explore the site. I will post everyone's URL so you can see what other students have done.

Send an Email to me with your homepage URL.

Lesson 2.1 Learning HTML
LESSON GOALS • Learn how HTML operates • Be able to use basic HTML commands to design a web page • Memorize Philippians 4:8.
THE WORD
	"Finally, brothers, whatever is true, whatever is noble, whatever is right, whatever is pure, whatever is lovely, whatever is admirable -- if anything is excellent or praiseworthy -- think about such things." Philippians 4:8 Continue reviewing this passage. I would like you to have it be a part of your memory and a part of your life. Ask the Lord to show you how to apply this teaching in your life.
*THE LESSON*
THE LESSON HTML Hypertext Markup Language	This lesson will last several days and most of you will learn all kinds of new information! HTML stands for Hypertext Markup Language. It is the language used on the internet that enables browsers to display what we view on our computer screens. It is the language we will use to design our web pages. You could purchase a commercial editor (Front Page, Dreamweaver, etc.) that will produce HTML code for you, but it will help you greatly if you learn HTML from the ground up. You will be able to design your own pages with a simple word processor, or you will be able to modify code produced by one of the commercial editors. Just what is HTML code? If you right click in your browser window right now, then select "View Source" you will see the HTML code that makes up this page. Don't worry about understanding it at this point. But those are the instructions to your browser to display what you see on the screen. You will learn to write this type of code. HTML is a language and you will need to learn it's vocabulary (the words are called "tags") and it's grammar (programmers call that "syntax"). It's an easy language to learn and you will be able to be up and using it in just a few minutes. And if you do things incorrectly ... it won't work! So, be prepared to learn from your mistakes. Settle back and enjoy the ride as you learn how to design web pages using HTML.
*USING NOTEPAD*
	We will be doing most of our design work within "Notepad" a free wordprocessor that comes with Windows. Go to the START button at the bottom left of your screen, select "Accessories" then select "Notepad." The small word processor will pop up on your screen. Type the following in Notepad. You may copy and paste it if you wish. <html> Sample </html> I would like you to click on the "File" option at the top left of the program window and select "Save As." You want to save it to your "X" drive in your folder. Give it the name "sample.htm" and click save. You have just created an HTML document. If you go to a browser now and type in the "path" to this file in the URL window, it will display a web page with the word "sample" on it. We will be using this document later, so just leave it where it is. If you don't know how to find the path to your file, let me know and I will help you.
LEARNING
	Go to the w3schools web site and select the free HTML tutorial. http://www.w3schools.com/default.asp
*ASSIGNMENTS*
Exercise 1	Designing a Personal Web Page After you take the HTML for Beginners Tutorial, build your own personal web page page. Build a one page site about you. Don't use graphics , just HTML and text. Use as many of the tags listed in the HTML For Beginners Tutorial as possible. (Here is the list of the tags) The purpose of this assignment is to show that you understand the tags and how to use them and that you follow the basic style rules in your code. This assignment must be done in notepad. Be sure to check your work, then submit a copy of the file to me in the dropbox "Exercise 1."
Exercise 2	GETTING A PLACE FOR YOUR WEB SITES To get space on the Web to post the pages you make, sign up with Geocities Sign Up Instructions Click the above link to go to Geocities If you already have a Geocities or Yahoo account then it will say welcome (your username) if this is someone else's account or if you want a new account, click the sign out link at the top right of the page - then click the Return to Yahoo Geocites link. Otherwise if you want to use the existing account you will need to know you the username and password for that account. If it says "welcome guest" go to the next step. Next click the Sign Up Now link Fill out and submit the form ( you will have to choose a unique username) Next you will be prompted to choose a topic and enter a security code. Choose a Computers and the Internet and enter the security code then submit the form. If successful it will show you a congratulations screen -- Print or record the information on the screen. You're set! We will use this space to post web pages. You can play with it and post your own site if you like. When you are given web page assignments you will post them on your website and submit the URL to the dropbox. Tips Geocities has lots of tools to make it easy to build your website. If you are new to Geocities, take the tour. Otherwise you can use the Advanced Editor to build your pages as it lets you type the HTML right in your browser window and save it to your website. Have fun and explore the site. I will post everyone's URL so you can see what other students have done. Send an Email to me with your homepage URL.
*QUIZ*
Quiz Now it's time to take a little quiz on this material.	--- hold on the quiz ---
ADDITIONAL RESOURCES (optional)
Builder.com	Having acquired a little skill at HTML through the w3schools tutorial, I would now like you to read through "HTML for Beginners" at the Builder.com web site. This series of articles will explain how HTML works and it will introduce you to the codes you will need to learn as you seek to become an expert web designer. Most of this will be familiar to you from your work in the previous tutorial. As you run across anything new, feel free to try out the codes in notepad.
	The National Center for Supercomputing Applications publishes a nice introduction to HTML. It will give you an overview of how the language operates and introduce you to some of the basic tags used in HTML. Read through the guide and be willing to "play" with the commands on your computer to see what they do.