website foto's

raimond · 11 mar 2015, 15:11

Ik heb de cursus al bestudeerd tot aan "figuren".
tot daar ging alles goed tot en met logo.gif.

Maar hoe kan ik een eigen foto invoegen.
Volgens de codes krijg ik wel de plaats aangeduid maar de foto verschijn niet.
De foto staat op "c:/Raimond/website jeannette/img110.gif""
Wat doe ik fout.
Als ik op eigenschappen klik geeft hij aan dat het protocol, de gegevens... ontbreken.

Dank U

Sony · 11 mar 2015, 15:57

in uw html moet staan:
<img src="img110.gif" width="400" height="499">

width en height kunt u weglaten of aanpassen
img110.gif moet u ook uploaden naar de server op dezelfde plaats waar u het html bestand plaatst.

Sony

raimond · 12 mar 2015, 20:19

Hoe kan ik mijn foto (img110.jpg)uploaden naar c:\Raimond\mijn documenten\Website Jeannette ?
De foto bevindt zich op http://nl.pixus.be/#inbox/img110.jpg

Jeannette Funk auteur.txt en Jeannette Funk Auteur.html
bevinden zich ook op C:\Raimond\Mijn documenten\Website Jeannette

Ik ben maar een amateur en dank U toch voor de moeite die U doet om mij te helpen.

Raimond

coderunner · 12 mar 2015, 21:16

Beste Raimond,

Best maak je een map aan op je harde schijf waarin je álles van je website in onderbrengt.
Je hebt dit blijkbaar al gedaan en zoals ik kan zien staat alles van je website reeds op je harde schijf in de map C:\Raimond\mijn documenten\Website Jeannette\ ... dat is prima!
Staat een foto die je gaat gebruiken elders op je harde schijf, dan kopieer je deze foto ook in deze map. Zo blijft alles bj elkaar.

Voor het tonen van je foto gebruik je de code die Sony je al meegegeven heeft zijnde

Code: Selecteer alles

<img src="img110.jpg" width="600" height=""400"  alt="beschrijving foto" />

De gebruikte foto img110.jpg staat dan wel in dezelfde map als je aangemaakt html bestand!

Heb je nu een foto reeds naar een foto-webhost opgeladen bv. http://www.fotohost.be/Jeannette/img110.jpg dan wordt de html code

Code: Selecteer alles

<img src="http://www.fotohost.be/Jeannette/img110.jpg" width="xxx" height="yyy" alt="beschrijving foto" />

waarin
- http://www.fotohost.be/Jeannette/img110.jpg = de juiste link naar de foto op het web
- xxx = de breedte, in pixels, van de foto (bv.600)
- yyy= de hoogte, in pixels, van de foto (bv. 400)

Is je website of een gedeelte ervan afgewerkt, dan laad je alles wat in de aangemaakte map staat naar de al dan niet gratis webhostserer (= waar je website zichtbaar is voor het publiek) bv. gratis bij je abonnement van Telenet, Proximus, Scarlet, ... betalend bv. one.com, 1eurohosting.be‎, ...

Hopelijk is het begrijpbaar uitgelegd en anders hoor ik het wel

mvg,
Coderunner

Sony · 13 mar 2015, 11:50

raimond,

Leg eens uit, hebt u reeds een website gemaakt ?
Staat die website al ergens op een server ?
De gratis webruimte van Belagcom/Proximus =
http://users.skynet.be/WebsiteNaam/Index.htm(l)
(of een ander htm(l) bestand)

Als u echter
C:\Raimond\Mijn documenten\Website Jeannette\Jeannette Funk Auteur.html
gebruikt dan gaat die wel open in de standaard browser maar staat helemaal niet op Internet.

Om de afbeelding (c:/Raimond/website jeannette/img110.gif) toch te zien
moet in het bestand "Jeannette Funk Auteur.html"
deze regel staan: <img src="img110.gif">

De afbeelding zelf moet in de map:
C:\Raimond\Mijn documenten\Website Jeannette\img110.gif
staan

Als u dan op "Jeannette Funk Auteur.html" klikt opent de browser en ziet u de afbeeldding.

Een voorbeeld:

De code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Oude Juke Box</title>
<style type="text/css">
BODY {
BACKGROUND-COLOR: #800000;
}
img {
position: absolute;
left: 150px;
top: 90px;
}
</style>
</head>
<body>
<img src="FrontaalGroot1.gif" width="250" height="400" border="0">
</body>
</html>

Het resultaat:

Het html bestand en de afbeelding staan in de root (niet in een map) van schijf F:

Als ik dat wil publiceren op het web moet ik die html en de afbeelding uploaden naar een server:
Klik hier eens

Nog een Opmerking: "Jeannette Funk Auteur.html", u kunt beter geen spaties plaatsen beter is:"Jeannette_Funk_Auteur.html" de woorden met underscore verbinden.

Sony

raimond · 13 mar 2015, 17:07

Beste Sony,

Bedankt voor je uitgebreide uiotleg.
Helaas!!!

Ik heb nog geen website gepubliceerd maar ben er een aan het maken via jullie cursus.
Als ze volledig is zal ik ze uploaden neer Telenet.

Ter zake:
Ik heb in de directory C:\Raimond\Mijn Documenten\Website Jeannette de volgende bestanden staan:
img110.jpg (rechts klikken :alle gegevns ingevuld)
c:\Raimond\Mijn Documenten\Website Jeannette.html
C:\Raimond\Mijn Documenten\Website Jeannette.txt

Als ik op ...html klik verschijnt het ontwerp van mijn pagina zoals ik ze geprogrammeerd heb met onderaan een vierkant maar daarin geen foto.
Als ik rechts op dat vierkant klik en naar eigenschappen kijk staat er voor de hele lijst gegevens NIET BESCHIKBAAR

Wat is er toch maar fout met die foto ? Die stond op mijn bureaublad (alle gegevens mooi ingevuld)en van daaruit heb ik die rechts klikkend opgeslagen in c:\Raimond\Mijn Documenten\Website\Jeannette.

Ik lijk misschien wel heel dom maar door zoeken en proberen heb ik toch al veel bijgeleerd...

Dank nogmaals voor je uitleg.

Met toevoegen van bestanden en pagina's via bijlagen of e-mail kon ik je alles laten zien...

Raimond

coderunner · 13 mar 2015, 17:21

Beste Raimond,

Dom .?. wij zijn allemaal zo begonnen met dezelfde problemen hoor

Was mjn uitleg niet begrijpbaar en/of heb je die per ongeluk niet gelezen? ( zie hoger )

Ik heb in de directory C:\Raimond\Mijn Documenten\Website Jeannette de volgende bestanden staan:
img110.jpg (rechts klikken :alle gegevns ingevuld)
c:\Raimond\Mijn Documenten\Website Jeannette.html
C:\Raimond\Mijn Documenten\Website Jeannette.txt

Afgaande op wat je schrijft is je werkmap C:\Raimond\Mijn Documenten\Website Jeannette\
Wat moet daar instaan ? img110.jpg en Website_Jeannette.hml

Wanneer Website_Jeannette.html je eerste (begin) pagina is moet deze index.html heten.

mvg,
Coderunner

coderunner · 14 mar 2015, 16:48

Beste lezers,

Het probleem is opgelost.
De afbeelding stond niet in de juiste map.

mvg,
Coderunner