Inserting an image in my website?

[eduard]

I am designing a website (off-line!)How can I insert an image stored at my desktop?EduardP.s I have an Apple Macintosh computer!

[thescientist]

its preferable to keep all work related to your website contained within one main folder. How you structure it is up to you, but this will allow for relative linking of documents and images and will save you a great deal of struggle and frustration in the long-run, especially if you are going to be making links specific to your local filesystem (as this would break when you went live, or moved it anywhere else for that matter.Typically, a given project may look like this:

<my_website>	  | -  index.html	  | -  contact.html	  | -  about.html	  | - <images>				| - home.jpg				| - me.jpg	  | - <scripts>				| - script1.js				| - script2.js	  | - style.css

Then, in index.html, a link to me.jpg would be as simple as this:

<img src='images/me.jpg' alt=''></img>

this would transfer anywhere you brought your website (or uploaded it to) and avoids the reliance on absolute path references (in favor of relative).

[jeffman]

Note that if you follow that advice, your image will not be on your desktop, and the fact that you are working on a Macintosh will not matter. I work on a Mac and it doesn't affect anything I do on the web, except that some of my development software is different.

[eduard]

its preferable to keep all work related to your website contained within one main folder. How you structure it is up to you, but this will allow for relative linking of documents and images and will save you a great deal of struggle and frustration in the long-run, especially if you are going to be making links specific to your local filesystem (as this would break when you went live, or moved it anywhere else for that matter.Typically, a given project may look like this:

<my_website>	  | -  index.html	  | -  contact.html	  | -  about.html	  | - <images>				| - home.jpg				| - me.jpg	  | - <scripts>				| - script1.js				| - script2.js	  | - style.css

Then, in index.html, a link to me.jpg would be as simple as this:

<img src='images/me.jpg' alt=''></img>

this would transfer anywhere you brought your website (or uploaded it to) and avoids the reliance on absolute path references (in favor of relative).

Thank you very much!Eduard

[eduard]

its preferable to keep all work related to your website contained within one main folder. How you structure it is up to you, but this will allow for relative linking of documents and images and will save you a great deal of struggle and frustration in the long-run, especially if you are going to be making links specific to your local filesystem (as this would break when you went live, or moved it anywhere else for that matter.Typically, a given project may look like this:

<my_website>	  | -  index.html	  | -  contact.html	  | -  about.html	  | - <images>				| - home.jpg				| - me.jpg	  | - <scripts>				| - script1.js				| - script2.js	  | - style.css

Then, in index.html, a link to me.jpg would be as simple as this:

<img src='images/me.jpg' alt=''></img>

this would transfer anywhere you brought your website (or uploaded it to) and avoids the reliance on absolute path references (in favor of relative).

The scientist,I have done what you have written, but it does not work!Advice please?Eduard

[thescientist]

how are you folders set up? did you create a root folder for all your web documents for this project? did you make an images folder and put your image file in that? is the image referenced correctly (case sensitivity, has the correct extension, etc?). what I gave was an example, your folder/file names may differ...post some code so we can see what you have.

[eduard]

how are you folders set up? did you create a root folder for all your web documents for this project? did you make an images folder and put your image file in that? is the image referenced correctly (case sensitivity, has the correct extension, etc?). what I gave was an example, your folder/file names may differ...post some code so we can see what you have.

Hi:It is working now! I think because I am living in Chile now I have a spanish keyboard which is different when I lived in The Netherlands until 2008!Everything-as you wrote-is in one folder.Thanks!