How to Make Graphically Enhanced Web Pages
With thousands of new, exciting websites emerging all the time, a Web page that is pure text will not attract traffic. They key to creating a site that will draw visitors is using graphics. Photographs and video clips are a must for today's Web designer.
Other People Are Reading
Instructions
-
-
1
Select images that will enhance your written message. Use a mix of photographs you have taken and art, if possible. This will give variety to your Web pages. Store the graphic files in a single folder on your desktop for ready reference.
-
2
If you plan to use videos and are sure you have permission to use them, copy the links. To do this, place your mouse cursor over the URL (the field at the top of the Web page that contains the address) of the video site. Paste the links to a text file. Label the text files "Website Videos." Store this in the same folder with your graphic files.
-
-
3
Open the file manager at your Web host's site. Upload the still images for the folder on your desktop. Depending on how many files your upload manager allows, it may take several tries to get all the files uploaded.
-
4
Open the HTML editor at your Web host's site. Open the first page where you plan to add images.
-
5
Type in the following code, which is the image tag:
<img src="Picture1.jpg"/>
Replace the text string "Picture1.jpg" with the actual name of the first image file you plan to add to the Web page. Don't forget to include the file extension--the three letters that follow the period in the file's name.
-
6
Repeat Step 5 for each image file you wish to add to the Web page.
-
7
To add videos, open the text file you created with the title "Website Videos." Select the first link with your cursor.
-
8
Open your Web browser. Paste the link in the URL field. This will take you to the page on which the video appears.
-
9
Right click on the video. One of the options you see will be "Embed." Select this option.
-
10
Return to the page in your HTML editor. Click "Ctrl + V." This will paste the code for the video into the file for your Web page. Save your work.
-
11
Test your Web page in a web browser. If you have entered the image tags and embed code correctly, you should see your images displayed and the video should appear. If there are problems, you will need to do some troubleshooting.
-
1
Tips & Warnings
Make sure you have permission to use the graphic images and the videos that you select for your website. Images that you find on the Web are likely to be protected by copyright law.
Be sure to select the correct extension in your HTML image tag for each graphic file you are uploading.
References
- Photo Credit Web graphic button image by Sirena Designs from Fotolia.com
