
Originally Posted by
Ashaw
Thanks guys.
One thing I have been stumped on the last few days is where to upload the pictures... It seems basic html within var/www/html doesnt work. Is there a specific folder to upload the pictures to the
server?
Web hosts setups vary, but you should be able to create a folder and name it "images" (w/o quotes) or whatever you prefer, then just upload your image files (.jpeg, .gif, etc.) to that folder using ftp. Folder permissions must be set correctly to access if the host is using Apache server. A basic web page is nothing more than images and hyperlinks. It gets more complicated when you add a server side script with a database to make a site dynamic, but the basics of displaying images and links is the same. So, if you want to display an image, the html would be something like this.
Code:
<img src="yourdomain.com/images/yourphoto.jpeg" border="0">
The code is directing the browser to find an image found at this location on your server ("yourdomain.com/images/yourphoto.jpeg") and display it at this point on the web page at the size it was created with no border. There are other refinements that may be necessary to add, such as height and width of the image, alt and title tags, etc, which would take a while to explain. Here's an excellent resource to learn more about html: http://www.w3schools.com/default.asp
Here's a working example. Go to view on your browser while viewing this page, then click view source. A new window will open. This is the html code for this thread. Click edit, then click find. Enter "Ashaw's Avatar" in the field, then click find next. You should see this:
Code:
<a href="member.php?u=65808">
<img src="http://www.dnforum.com/customavatars/avatar65808_1.gif" width="49" height="70" alt="Ashaw's Avatar" border="0" /></a>
This snippet is for displaying your avatar image. Also this code, <a href="member.php?u=65808"> creates a link for the photo to your user profile. The </a> is required to close the anchor tag.
Bookmarks