1 / 26

Designing and Maintaining a Webpage

Designing and Maintaining a Webpage. Tips for Webpage design Webpage design for Microsoft Word Internetability Evaluating a website Website framework Design conclusions. As with any door, follow it! See where it goes. Tips for Webpage design:.

lazaro
Download Presentation

Designing and Maintaining a Webpage

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing and Maintaining a Webpage • Tips for Webpage design • Webpage design for Microsoft Word • Internetability • Evaluating a website • Website framework • Design conclusions As with any door, follow it! See where it goes.

  2. 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

  3. What do I put on my Webpage? • Personal Pages • Classroom pages As with any door, follow it! See where it goes.

  4. Personal/Topical Pages • Email • Search Engines • Links • Graphics • Miscellaneous

  5. Classroom pages: • Daily log • Assignment Log • Grades • Search Engines • Links • Graphics • Miscellaneous • Email • Tutorials

  6. Webpage design with Microsoft Word Step by step instructions for Webpage design. 1. Click on windows start icon See diagram to the right:

  7. Webdesign with Microsoft Word • Advance the mouse cursor to the Microsoft office icon on the start menu and move it to the right.

  8. Webdesign with Microsoft Word • Open up the “New option” under the File window.

  9. Webdesign with Microsoft Word • From these options choose the Template tab and then click on the Webpage Wizard.

  10. 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.

  11. 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.

  12. 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

  13. Internetability:Questions and Answers: • How do I get on the internet? • How do I conduct an internet search? • What is a key word?

  14. 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.

  15. 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.

  16. Internetability: • Maneuvering within a search engine. Yahoo as an example. • Step 1: the search box. • Type in your search keyword. • Click here to begin search.

  17. Internetability: • Keywords:

  18. 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.

  19. 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?

  20. 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?

  21. 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.

  22. 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:

  23. 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.

  24. 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

  25. 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!

  26. Conclusions: • Your completed page may look something like this: This is a section of my links page, on my personal page.

More Related