1 / 22

Building a Simple Website for School

Building a Simple Website for School. Title. +. +. =. Building a Simple Website for School. Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag. Building a Simple Website for School.

barnesc
Download Presentation

Building a Simple Website for School

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. Building a Simple Website for School Title + + =

  2. Building a Simple Website for School Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag.

  3. Building a Simple Website for School Hint:For your website create a folder called images and put all your pics in it. Ok, now we have added a little more to the website by changing the Body background to an image. You can also just use a color.

  4. Building a Simple Website for School Hint:Pick a Font Size that is easy for you to read. Next, add a little text, “Welcome”. Note that the Text is centered on the webpage as well.

  5. Building a Simple Website for School Hint:Pick a Font Color that is also easy for you to read based on the background you have used. Lets change the font color using standard color names like Red, Blue, Purple, etc …

  6. Building a Simple Website for School Hint:Still pick a good font color but using the numeric value for color gives you more options. Font color can be expressed as either a name or number. The six digit value for color is in hex format from 000000 to FFFFFF

  7. Building a Simple Website for School There are many colors available by using the 6 digit hex value.

  8. Building a Simple Website for School Hint:You can use multiple paragraph tags Next, add some text. Your website should include some words to explain what it is for, to help the user to browse your site more effectively.

  9. Building a Simple Website for School Hint:Check the URL to make sure it works. A website should also allow the user to navigate to other sites, like Google.

  10. Building a Simple Website for School Hint:There are many pictures available for you to use. Have you saved pictures from the web before? Many website include pictures as well as text and hyperlinks. This picture is used for linking to Google and has a border.

  11. Building a Simple Website for School Hint:If you have already gone to the linked URL and you have a border the color of the border will change color based on the “history” of the websites visited. This is basically the same example except the image border has been removed.

  12. Building a Simple Website for School Image size in pixels 2 1 3 Ok, we like the Google image but want to make the background of the image transparent, i.e. gif89a versus a gif87a. To do this use the MS Photo Editor and select the Set Transparent Color Icon

  13. Building a Simple Website for School Hint:Its easy to create transparent gif from bmp and jpg files as well just use the Photo Editor to convert the image. <img src="images/fathersday06A.gif“ border="0"></img> Just add the transparent gif and you get a very cool effect. Looks pretty professional …

  14. Building a Simple Website for School Hint:Its easy to scale down, just keep the width and height scaling the same, i.e. 50% <img src="images/fathersday06A.gif" Width="138" Height="60" border="0"></img> You can also rescale you pic without making a new image. You can use the Photo Editor to determine the size of the image in pixels.

  15. Building a Simple Website for School It is also possible to use the Internet Explorer as a tool to create your website. Just treat it like a text editor and enter the appropriate command using the correct syntax.

  16. Building a Simple Website for School http://www.multilek.ca/Specifications.htm Hint:The Temporary Internet Files directory can be very helpful when mining for information. It stores pics and files in local cache. And shows the relative hierarchy of all the pieces of the site. Once you get comfortable you may find other websites of interest that you would like to copy. In some cases the websites may have broken hyperlinks or misplaced images.

  17. Building a Simple Website for School The website we want to duplicate is relatively complicated but it starts and ends with the same Tags we have been talking about, so don’t be afraid to explore.

  18. Building a Simple Website for School We can prune our copy of the html and remove anything before the first Tag and all the Meta Tags and Javascripts.

  19. Building a Simple Website for School The original website has broken links to some of the Mil-Specs so find and copy all the pdf files and place them in a “files” directory so you can access them. The update the local copy of the website to point to the local copy of the mil-specs.

  20. Building a Simple Website for School When you are done you should have a local copy that has no problems.

  21. Building a Simple Website for School Here is a NASA site on Remote Sensing. As you look at the site, temporary internet files and html file it should start to make more sense …

  22. Building a Simple Website for School Questions???

More Related