Post by marshall on Dec 24, 2014 9:06:58 GMT
Viewing the website
Now that you have created a basic website you may want to verify how the website looks. Being that you have files locally stored on your computer you will not need to connect to the Internet to view your web page.
Open the computer browser and type the location of your web page. For example, if you have placed the index.htm or index.html file within the webpage folder, you would type in the browser c:\webpage\index.htm or c:\webpage\index.html if you are using an IBM compatible computer. If you have Microsoft Windows or Apple, you can also double-click the web page file so it opens in a browser automatically.
Tip: Some HTML editors also allow you to preview the page by clicking the preview button within the HTML editor.
Viewing a web page locally allows you to experiment and make sure the page works before taking the time to upload the page to the server. This also is useful if you do not have a place to store your web page.
Displaying images
Now that you have created a basic website you can improve the looks and feel of the website by adding images to the web page. There are two methods of displaying images on your web page. The first method is linking to another website to display the images by using the below code.
Using the above HTML tag you can display images off of other websites, which is also called a hotlink. However, we recommend that you do not do this if possible as it can cause your web page to load slower and could cause missing pictures to occur if the other site removes or moves the location of the picture to an alternate location. The alternate and recommended method would be to use the below code.
or if you have an images folder:
If the mypic.gif exists on the computer the picture is shown on your website. Adding pictures is an excellent way to spruce up the website. However, do not get to carried away, adding several images (especially animated images) can look tacky and slow down the time the web page loads. Remember, the average time someone looks at a website is 10 seconds.
Finally, never place large sized images on your home page. Large images will slow down the web page dramatically and may cause the visitor to leave. If you would like a large picture on your website, it is recommended that you create a small image called a 'thumbnail'. If the user is interested they can click the thumbnail to view a larger image.
Now that you have created a basic website you may want to verify how the website looks. Being that you have files locally stored on your computer you will not need to connect to the Internet to view your web page.
Open the computer browser and type the location of your web page. For example, if you have placed the index.htm or index.html file within the webpage folder, you would type in the browser c:\webpage\index.htm or c:\webpage\index.html if you are using an IBM compatible computer. If you have Microsoft Windows or Apple, you can also double-click the web page file so it opens in a browser automatically.
Tip: Some HTML editors also allow you to preview the page by clicking the preview button within the HTML editor.
Viewing a web page locally allows you to experiment and make sure the page works before taking the time to upload the page to the server. This also is useful if you do not have a place to store your web page.
Displaying images
Now that you have created a basic website you can improve the looks and feel of the website by adding images to the web page. There are two methods of displaying images on your web page. The first method is linking to another website to display the images by using the below code.
<img src="http://storage.proboards.com/6130334/i/pApHsB6tBl8Ex4pliYRa.jpg">
Using the above HTML tag you can display images off of other websites, which is also called a hotlink. However, we recommend that you do not do this if possible as it can cause your web page to load slower and could cause missing pictures to occur if the other site removes or moves the location of the picture to an alternate location. The alternate and recommended method would be to use the below code.
<img src="mypic.gif">
or if you have an images folder:
<img src="images/mypic.gif">
If the mypic.gif exists on the computer the picture is shown on your website. Adding pictures is an excellent way to spruce up the website. However, do not get to carried away, adding several images (especially animated images) can look tacky and slow down the time the web page loads. Remember, the average time someone looks at a website is 10 seconds.
Finally, never place large sized images on your home page. Large images will slow down the web page dramatically and may cause the visitor to leave. If you would like a large picture on your website, it is recommended that you create a small image called a 'thumbnail'. If the user is interested they can click the thumbnail to view a larger image.