Beantwoorden
Andylucky
Professional Weetjesweter
Berichten: 44
On a roll... Dat loopt vlotjes. Nog geen reader's digest? :-) A born reader!

Hoe afbeeldingen toevoegen aan eigen website?

Beste, kan ik hier ook een vraag stellen ivm html ?

Mijn probleem is het volgende:

Ik heb een website(je) gemaakt waarin oa afbeeldingen moeten getoond worden.

Daar waar de afbeeldingen moeten verschijnen krijg ik enkel de 'alt'-tekst te zien. Maw de afbeeldingen zelf worden niet gevonden. Als ik dezelfde website rechtstreeks van mijn harde schijf open dan werkt alles normaal.

Enig idee wat het probleem zou kunnen zijn ?

Groeten, Andy

 

Titel aangepast door Bjarne (Mod) | Originele titel: Websites en afbeeldingen

Tags (2)
0 Likes
12 reacties
kristofDW
Experienced Allesweter
Berichten: 1668
Krak 2021 Krak 2022 Krak Hallo zeg! Wat weet jij niet?

Hoe afbeeldingen toevoegen aan eigen website?

@Andylucky waarschijnlijk verwijst de link van je foto's naar je pc en niet naar je websitelink. De foto heeft een bepaalde link, achterliggend verwijst deze naar je lokale harde schijf. Dus als je die daar wil openen zal dat geen probleem zijn maar als je de website elders wil openen moet deze op je webspace staan en niet lokaal op je pc. 


  KristofDW | Krak
  carpé diem.
  Vergeet niet om likes te geven en/of als oplossing te markeren.
Andylucky
Professional Weetjesweter
Berichten: 44
On a roll... Dat loopt vlotjes. Nog geen reader's digest? :-) A born reader!

Hoe afbeeldingen toevoegen aan eigen website?

Kristof, bedankt voor je antwoord. 

Om html een beetje onder de knie te krijgen raadpleeg ik veel "w3schools.com", staat vol oefeningen en voorbeelden.

Daarin staats vb om te verwijzen naar foto's in een andere folder:

<img src="/images/html5.gif" alt="HTML5 Icon">

Mijn foto's staan ook in een subfolder.

Wat ik raar vind is dat het hierboven voorbeeld niet werkt in de web-designer dat ik gebruik, ik moet namelijk de eerste backslash weglaten, dus...

<img src="images/html5.gif" alt="HTML5 Icon">

Zou dit de reden kunnen zijn ? 

Enig ander verschil met dit voorbeeld is dat mijn foto's png-bestanden zijn maar volgens mij kan dat geen probleem zijn.

Nog een bijkomende vraag, ik gebruik (voorlopig nog) de gratis webruimte dat je van telenet krijgt met je abonnement, vb: users.telenet.be/je naam/index.html, weet jij over hoeveel ruimte men zo kan beschikken ?

Groeten, Andy

 

 

0 Likes
Steven-E
Freshman Meesterweter
Berichten: 2584
Jij bent geliefd! Jij bent een pro! Krak 2021 Krak 2022

Hoe afbeeldingen toevoegen aan eigen website?

@Andylucky als je een “/“ in het begin gebruikt, begint het pad te tellen vanaf de root folder van de webserver. Die kan voor elke webserver anders zijn. Je gebruikt dit beter niet.

 

Als de html file in een folder staat, bijv “test” (en test staat onder de root) en de images in “images”, dan gebruik je in je html ofwel:

“/test/images/image1.png” ofwel “images/image1.png” (zonder de root folder erbij, want je werkt nu met een “relatief” pad tov de folder waar de html file staat.

 

Relatieve paden zijn makkelijker en flexibeler want ze laten je toe om een volledige website (files en alle subfolders) in zijn geheel te verplaatsen zonder issues.

 

Let ook: Windows is niet case sensitive. Linux (zoals op de Telenet webservers draait) is dit wel. Let dus goed op kleine- en hoofdletters van files en folders, en hoe je ernaar verwijst in je HTML.

Dit zou ook een mogelijke verklaring kunnen zijn waarom het op je Windows wel werkt, maar bij Telenet niet.

 


  Steven-E | Krak
  Ik wil groot zijn in iets kleins
  Vergeet niet om likes te geven en/of als oplossing te markeren.
Andylucky
Professional Weetjesweter
Berichten: 44
On a roll... Dat loopt vlotjes. Nog geen reader's digest? :-) A born reader!

Hoe afbeeldingen toevoegen aan eigen website?

Bedankt Steven. Dat klinkt allemaal logisch. Ik denk vooral aan case sensitive foldernamen.

Eerste dagen geen tijd maar zal zsm proberen en hierin laten weten wat resultaat is.

Andy

0 Likes
igvfer
Professional Superweter
Berichten: 7734
Dat verdient een trofee! PhD in problem solving! Organisatietalent! Topic held(in)!

Hoe afbeeldingen toevoegen aan eigen website?

@Andylucky  Ik gebruik altijd het volledige pad, dat is website/map/eventuele submap/bestand. Werkt altijd. Nadeel: het kan iets vertragen doordat er telkens via de Domain Name Server wordt gegaan maar dat merk je amper en zelfs niet. Ik maak hier zelfs op een site zo de link naar meer dan 15000 bestanden en zelfs naar meer dan 25000 bestanden extern.

Dit is een voorbeeld van een relatief pad maar uw submap moet dan wel in dezelfde map staan als uw webpagina.

 

 

<div class="blok33">
<p style="text-align: justify;">
<img src="fotos/logo_Bouveloo.jpg" width="112" height="79" style="float:left; margin: 5px 10px" >Heemkundige Kring, Bouveloo, gemeente Wortegem-Petegem <a href="https://bouveloo.be/" target="_blank">Bouveloo, Wortegem_Petegem</a>. <br/>
</p><br/>
</div>

 

 



  Ignace (igvfer) | Krak
  Niets is mooi of lelijk, het is enkel wij die het mooi of lelijk vinden.
  Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
igvfer
Professional Superweter
Berichten: 7734
Dat verdient een trofee! PhD in problem solving! Organisatietalent! Topic held(in)!

Hoe afbeeldingen toevoegen aan eigen website?

Nog een andere truuk is om op je PC dezelfde mappenstructuur aan te houden als op de server. Vertrekkend vanuit de rootmap bijvoorbeeld

rootmap:

index.html

andere.html

  -map fotos:

    fotos

  -map andere:

 

En dit dan volledig te uploaden naar je server. Zo kan je testen op PC en server

 



  Ignace (igvfer) | Krak
  Niets is mooi of lelijk, het is enkel wij die het mooi of lelijk vinden.
  Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
Steven-E
Freshman Meesterweter
Berichten: 2584
Jij bent geliefd! Jij bent een pro! Krak 2021 Krak 2022

Hoe afbeeldingen toevoegen aan eigen website?

@igvfer dat kan, maar ik zie eigenlijk alleen aar voordelen om zonder / aan het begin te werken.

Waarom zou je dit wel willen

doen?

 

Op mijn manier kan je ook testen op pc en server.

En je kan heel makkelijk de volledige site naar een andere folder moven, zonder je over de html inhoud te moeten bekommeren.

Volgens mij boet je op jouw manier in aan flexibiliteit, zonder dat je er iets mee wint. 😉


  Steven-E | Krak
  Ik wil groot zijn in iets kleins
  Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
Arnie
Professional Allesweter
Berichten: 1744
Krak 2021 Krak 2022 Krak Hallo zeg! Wat weet jij niet?

Hoe afbeeldingen toevoegen aan eigen website?


@igvfer  schreef:

Nadeel: het kan iets vertragen doordat er telkens via de Domain Name Server wordt gegaan maar dat merk je amper en zelfs niet.

Dat is ook niet het geval. Je webbowser gebruikt een cache (een geheugen van sitenamen en ip-adressen).


   Arnie | Krak
   Meten is weten. Gissen is missen.
    Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
Steven-E
Freshman Meesterweter
Berichten: 2584
Jij bent geliefd! Jij bent een pro! Krak 2021 Krak 2022

Hoe afbeeldingen toevoegen aan eigen website?


@Arnie  schreef:

@igvfer  schreef:

Nadeel: het kan iets vertragen doordat er telkens via de Domain Name Server wordt gegaan maar dat merk je amper en zelfs niet.

Dat is ook niet het geval. Je webbowser gebruikt een cache (een geheugen van sitenamen en ip-adressen).


Dikwijs zit je met dynamische content (wat niet gecached kan/mag worden), en zal die toch opnieuw moeten worden opgehaald.

Met HTTP/2, wat meer en meer de norm wordt, is het ook de bedoeling dat alles via één HTTP stream wordt ingeladen (dus de verschillende images in één keer ipv allemaal aparte http requests).

Als je absolute paths gebruikt (dus met http:// of https://), dan lukt dit niet meer en zal je website merkelijker trager laden dan wanneer je relatieve paths gebruikt, zeker op een server die http/2 enabled is.

 

Nu, voor een persoonlijke site maakt dat allemaal niet veel uit. Maar ik zie geen nadelen voor wat betreft relative paths, dus waarom zou je nog iets anders gebruiken.

 


  Steven-E | Krak
  Ik wil groot zijn in iets kleins
  Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
Arnie
Professional Allesweter
Berichten: 1744
Krak 2021 Krak 2022 Krak Hallo zeg! Wat weet jij niet?

Hoe afbeeldingen toevoegen aan eigen website?


@Steven-E  schreef:


Dikwijs zit je met dynamische content (wat niet gecached kan/mag worden), en zal die toch opnieuw moeten worden opgehaald.

Dat is waar, maar ik bedoelde niet de site content, maar de DNS informatie. Niet elk verzoek van de PC naar de webserver dient eerst langs de DNS server te gaan. Eenmaal dat je PC de mapping tussen de server naam en IP-adres kent zal deze opgeslagen worden in de DNS cache.


   Arnie | Krak
   Meten is weten. Gissen is missen.
    Vergeet niet om likes te geven en/of als oplossing te markeren.
0 Likes
Steven-E
Freshman Meesterweter
Berichten: 2584
Jij bent geliefd! Jij bent een pro! Krak 2021 Krak 2022

Hoe afbeeldingen toevoegen aan eigen website?

Ah ok.  Maar de tijd die je wint door de DNS lookups te cachen valt in het niet tov de tijd die je verliest door de inefficiëntie van absolute paths als het aankomt op het laden van de content (vooral bij  http/2, waar veel providers, ook Telenet, al gebruik van maken). 😉


  Steven-E | Krak
  Ik wil groot zijn in iets kleins
  Vergeet niet om likes te geven en/of als oplossing te markeren.
Andylucky
Professional Weetjesweter
Berichten: 44
On a roll... Dat loopt vlotjes. Nog geen reader's digest? :-) A born reader!

Hoe afbeeldingen toevoegen aan eigen website?

Hi Steven, toch eventjes tijd gemaakt om een en ander te proberen.
Je had gelijk, het was inderdaag een kwestie van case-sensitive folder- en bestandsnamen.

Alles lijkt nu normaal te werken.

Bedankt voor de goede raad,

Groeten, Andy