Designing and Maintaining a Webpage • Tips for Webpage design • Webpage design for Microsoft Word • Internetability • Evaluating a website As with • Website framework any door, • Design conclusions follow it! See where it goes. Tips for Webpage design: • Find a webpage program you are comfortable with. Internet language, HTML is very confusing and complex, it is easier to use a design program such as: •Microsoft Word: what we have in the AASD •Microsoft Publisher: a super program •Notepad: clumsy •Specialized Webpage design programs What do I put on my Webpage? • Personal Pages • Classroom pages As with any door, follow it! See where it goes. Personal/Topical Pages • Email • Search Engines • Links • Graphics • Miscellaneous Classroom pages: • Daily log • Assignment Log • Grades • Search Engines • Links • Graphics • Miscellaneous • Email • Tutorials Webpage design with Microsoft Word Step by step instructions for Webpage design. 1. Click on windows start icon See diagram to the right: Webdesign with Microsoft Word • Advance the mouse cursor to the Microsoft office icon on the start menu and move it to the right. Webdesign with Microsoft Word • Open up the “New option” under the File window. Webdesign with Microsoft Word • From these options choose the Template tab and then click on the Webpage Wizard. Webdesign with Microsoft Word • This will give you the basic options for designing your webpage: backgrounds, layouts, colors, etc… Select the options that fits your needs. Webdesign with Microsoft Word • Using your knowledge of Microsoft Word select a font, font size, font color for your webpage. • This would appear under the format window. Webdesign with Microsoft Word: • It is at this point where your creativity takes over! • There are several things that you will need to design your page: • Internetablity • Hyperlink technology Internetability: Questions and Answers: • How do I get on the internet? • How do I conduct an internet search? • What is a key word? Internetability: • How do I get on the internet? • Keep in mind that this perspective will be from the PC’s available to us at NHS and has no bearing on your personal computer at Home! • Step one: the old start icon again! • Step two: to programs and to the right with cursor to Internet explorer. Internetability: • This will take you to the AASD homepage. From there you will most likely need to perform an internet search. In order to this you will need to access a search engine like Yahoo! By clicking on the appropriate icon. Internetability: • Maneuvering within a search engine. Yahoo • Click here to as an example. begin search. • Step 1: the search box. • Type in your search keyword. Internetability: • Keywords: In the box you will need to type a “keyword” which will tell Yahoo! what you are looking for. If you are looking for information on Hathesput, Egypt’s most famous female pharaoh type the word “Hathesput”. It is always a good idea to type your keyword in quotes; this will command your search engine to narrow your search. This is especially useful in a search that has multiple words, for example if you were doing a report on female pharaohs in Egyptian history. On many engines if you were to type this as your keyword, it would bring up every web site that has female in the title or description, every web site that has history in the title or description. Obviously it would be much simpler if you were to use quotes, that would be a lot of sites to examine. Internetability: Upon completing your keyword selection you will need to “surf” the net. The results from your search will vary depending on the nature of your search, for example, you are much more likely to find a vast number of resources on the American Revolution as opposed to sites on mustard making. Thus, it would take much longer to examine the former as opposed to the latter. Your job is simple examine the sites the search provided for you by clicking on the hyperlink. The hyperlink is the site title underlined in blue, would look like this www.historychannel.com : After you have examined this site you will need to move back using the back key to return to your search listing. Internetability: • Judging your website finds. • .Now I am not in the business of telling you what a “good” web site is, that is up to your individual judgement. The history channel site is useful to me for many reasons: Offers a comprehensive listing of their historical television programming gives us an idea of what is coming well into the future. Offers links to other great historical sites. Offers occasional games to be played. Trivia This day in History Along with each program they offer a comprehensive historical introduction to the topic they are discussing. Tremendous offerings to teachers. Thus, it is fairly easy to see why I might link the History Channel to my page. What links would you add? Internetability: • The backbone of your site: the Hyperlink. • A hyperlink, is the command given to the computer to take the user to a specific location on the internet. • A link can be made to any site on the web from any type of document. • In order to this you need to gain a few things: 1. A site you would like to link (personal criteria) 2. The URL or address of the site, where is it located on the vast internet? Internetability: • Where do I find a URL? • At the top of each screen on internet explorer, you will find an address, one that you might bookmark or write down so that you may return. Internetability: • Bookmarking a site: when you find a site you enjoy, it is a wise idea to bookmark it’s exact location so that you may find it whenever you wish to return. Without having to go through the clumsy process of typing the address down each time you wish to attend that site. You may also name your site with the bookmark (favorite list) Step one: Step two: Internetability: • Hyperlinks: once you find the URL you want to link your page to, it is necessary to create a hyperlink on your webpage. • In order to make a link to a page you liked you need capture that sites URL or address. This can be done by moving the cursor to the top of the explorer screen to “address” box and pushing the right button on your mouse, this will highlight the address and you simply need to copy the address using the right mouse key. Once this is done you return to your web page design and you have two options. Internetability: • Two options for cataloging your URL’s on your webpage. • First: you can simply paste the URL or address to the screen or • Second: you can type a word or phrase that describes that web page. For example: Brown Universities American Revolution Page. This describes the page your viewer is going to see much better than www.brown.edu.history.org/rev/html. This is what a typical URL looks like! It will be much easier for your viewer to follow your description as opposed to a longURL Internetability: • Hyperlinking: • The screen you will see looks like this: All you need to do is place the copied URL in the top box. • The link will appear on your webpage underlined in blue, this will mean it is linked! If you need to repair or check the link you will simply repeat the process! Conclusions: • Your completed page may look something like this: This is a section of my links page, on my personal page.