testing your pages
In order to test your pages to make sure it looks the way you want and the links are functional. Close 3D writer and open up a web browser (Internet Explorer). Go to “FILE” then “OPEN” and browse for your folder and the index.html document. Open it. You will now see your pages as they will be displayed on the web browser. Test your links.
Getting your site to the School website
Now that everything is perfect. You will need to give me the entire folder with all the contents. Images and sub-documents. You can do this through email, save it to a disk, or you can drop it in my dropbox on the school server.
If you put it in my dropbox, it’s a good idea to let me know its waiting for me. Once I get the folder, I will upload it to the school server and add the links to it from the main page.
Create a Webpage for your class
How to Create a Webpage
Written by Shannan Muskopf
How to create a website
This guide will outline the steps for you to make a class webpage to be posted on the school server. Keep in mind, websites can be rather complex, but I’m just trying to outline the basic, simplest steps for creating a site.
We now have a program that will convert simple text and images and links to an HTML code. You don’t need to know the code, but you do need to know the operation of the program. If you can work a word processing program, you can work this.
Setting up a Folder
All documents, including pictures need to be saved in the same folder. To keep everything organized, the name of folder should be your last name. To set up the folder, right-click on your desktop, go to “new” then go to “folder”. This will create an unnamed folder on your desktop. Change the name of this folder to your last name. From here on, all files, pictures, and other documentsto be placed on the website will go in this folder.
Using 3D Writer
A program is stored on the school server that writes html. Find this program by opening the application explorer. Then go to High School. There will be an icon for 3D writer there. Open the program. It will look very much like a basic word processing program. What it does, is converts what you type to html. HTML is the language of the world wide web.
Type in a few lines into the text field of 3D writer. Try just typing “my first website” You can always go back and adjust later
Saving the file – very important. Go to “File” and choose “save as” Save your document as index.html and make sure that the file is saved in the folder you created in step 1.
Inserting an image
Once you have the text part down, you can insert images into the document.
Remember that all files and documents have to be stored in that original folder you made. If you have an image you want to use, you will need to copy that image into the folder.
You can find images on the web. Try these sites
www.classroomclipart.com
www.internetclipart.com
Next, place your cursor where you want the image to be. Go to “Insert” then to “picture”. You will get the option to browse images on your hard drive – choose the image that you stored in your folder.
Now you should have text and images in your document. Repeat as necessary until you have the layout that you want.
Creating Links
To create a link to another document you made – create the document as you did the first one. Give it a different name though. Your main page should be index.html. Any other pages should have simple one word names. Avoid spaces. Remember to save this new document in the same folder as your other document
Reopen your first document (index.html) and type your words for your link. These can be sentences or single words. Highlight this text and go to the paperclip on your tool bar. Browse for the file you want to link to and click okay.
To create a link to an outside page—type the text in the document where you want the link, highlight and click the paperclip. Type in the complete URL of the outside link.
A URL is the address of the page, its found in the top bar of the web browser and starts with the prefix: http://
Toolbar
The toolbar at the top lets you change the color of the font and the background color of the page. The paintbucket changes the background color, and the paint pallet icon changes the color of the text
You can also use the toolbar to create bulleted lists. Play around with it.