Eigen website

Website

Gestart door nonkel fried op 07 sep 2010, 12:59 10 berichten 5.463 keer gelezen Reageer
nonkel fried Startte dit onderwerp 07 sep 2010, 12:59 Izegem 5 berichten
Beste Forumvrienden
Ik ben bezig met een website voor senioren te maken,en wil onder mijn hobbies: Fotografie enkele foto's bijvoegen van het type (jpeg)afbeelging,maar dit mislukt steeds en krijg steeds een rechthoekig kadertje met daarin het sluitingsteken (x)op een rode achtergrond.
ik voer dat als volgt in.
<img src="Sporter.Harley Davidson.jpeg" width="97 height="59">
Wat doe ik verkeerd, kunnen jullie mij helpen ?

Groetjes
Nonkel Fried
cursus website maken 50-plussers.
Probleen ! toevoegen foto's website.
    Citeer
    hollygan 07 sep 2010, 14:14 __'t Soete Waesland 6.922 berichten
    staat de foto wel (los) in je rootfolder? dit is de map waarin ook je index.html staat
    is de schrijfwijze vd naam in je code precies dezelfde als bij de foto?
    sporter.harley davidson.jpg is niet hetzelfde als Sporter.Harley Davidson.jpeg
    is het punt achter Sporter. ook in de originele naam aanwezig?
      Citeer
      Gast 07 sep 2010, 18:45
      Sporter.Harley Davidson.jpeg
      Bestandsnaam kan zelfs niet met een programma geopend worden.
      Sporter_Harley_Davidson.jpeg moet het bestand genoemd worden
        Citeer
        ultddave 07 sep 2010, 19:02 Limburg > Genk 248 berichten
        Er mogen punten in de bestandsnaam voorkomen hoor.
        (Ik kan toch alleszins bestanden met meerdere punten gebruiken op mijn linux server.)

        In dit geval zal het probleem liggen bij de ".jpeg" (Het is een JPEG bestand, maar de extensie is normaal gezien ".jpg") dat ".jpg" moet zijn. En de spatie in de bestandsnaam die je moet plaatsen als %20.

        <img src="Sporter.Harley%20Davidson.jpg" width="97 height="59">

        Dat zou normaal gezien wel werken. ;)

        Tenzij het bestand niet "Sporter.Harley Davidson.jpg" heet. ;)
        staat de foto wel (los) in je rootfolder?
        De foto moet in principe in de map staan, waarin het HTML of PHP document staat dat de foto gebruikt. ;) (Met als uitzondering de bestanden die 'geinclude' worden via de PHP regel 'include' (of gerelateerde functies zoals include_once, require, require_once). De foto's gebruikt in die bestanden, hebben meestal relatieve paden tov de file die ze include.). Dat is niet persé de root map. Maar in de veronderstelling dat dat hier wel het geval is, moet je dat inderdaad eens nakijken.
        steeds een rechthoekig kadertje met daarin het sluitingsteken (x)
        Dat wil zeggen dat uw "src" wijst naar een foto die niet bestaat. Dit komt door:
        A - De foto staat niet op de aangegeven plaats (hetgeen hollygan zei)
        B - De naam bij "src" komt niet overeen met de effectieve bestandsnaam van de foto. (Hetgeen we alle 3 vermoeden :D)

        Hoe dan ook. Het is altijd beter om geen spaties of punten in de originele bestandsnaam te zetten om dit soort situaties te vermijden. Ofwel gebruik je het camelcase.
        (Uitleg wat camelcase is: http://nl.wikipedia.org/wiki/CamelCase )

        Ofwel doe je zoals Francois laat zien, met underscores (= lage streepjes) ertussen.

        De Camelcase versie in dit geval is:
        SporterHarleyDavidson.jpg

        Uiteraard moet je in die 2 gevallen, de foto zelf hernoemen, en de tekst achter "src" ook. Zodat ze overeenkomen.

        PS: Je kan dit topic eventueel ook eens lezen voor bijkomende informatie:
        http://www.seniorennet.be/forum/viewtopic.php?p=2914090

        Mvg,
        Dave
        .NET en Java Programmeur
          Citeer
          Gast 07 sep 2010, 19:45
          Er mogen punten in de bestandsnaam voorkomen hoor.
          Dave, ik ga dit zeker niet betwisten.
          Maar alles wat een punt (.) komt, word dat niet aanzien als een extensie
            Citeer
            ultddave 07 sep 2010, 21:00 Limburg > Genk 248 berichten
            Neen. ;) Enkel hetgeen achter de laatste punt staat.
            Op Windows is dat makkelijk te testen door bijvoorbeeld een kladblok bestand te openen en op te slaan als "test.test123.txt". Dan zal je zien, dat windows dat bestand nogaltijd standaard opent met kladblok (omdat de extensie .txt gekoppeld is aan dat programma). Dus hij gebruikt effectief enkel de tekst achter de laatste punt. ;)

            Bij Linux werkt dat normaal gezien ook zo (dat de extensie hetgeen achter de laatste punt is.)

            ( De enige bestandsnaam (die gerelateerd is aan websites) die wel problemen geeft op windows is ".htaccess" (extensie = htaccess en de bestandsnaam is dus leeg). Die bestanden bevatten meestal instellingen van de server, maar als je dus lokaal een WAMP server hebt draaien, en je wilt zo een bestand aanmaken, gaat dat niet. Omdat Windows geen bestanden met een 'lege' bestandsnaam toelaat. Maar ik denk dat er bij die servers alternatieven zijn voorzien. )

            Maar om de twijfel uit de wereld te helpen, heb ik even een foto met als naam "dsfs.df.png" geupload. En dan gebruikt op mijn site (je kan de broncode bekijken om het te zien):
            http://errorplanet.com/uploads/test.html

            En zoals je ziet, wordt de afbeelding weergegeven. ;)

            Mvg,
            Dave
            .NET en Java Programmeur
              Citeer
              Gast 07 sep 2010, 21:40
              :D Inderdaad Dave , heb het bestandje kunnen openen. Eerlijk gezegd , dit wist ik nog niet, dat in een bestandsnaam meerdere punten mochten voorkomen voor de extensie.
              Terug iets bijgeleerd van een ???? tja hoe moet ik het noemen, een senior ben je nog niet . Laat het me een junior noemen.

              :wink:
                Citeer
                nonkel fried Startte dit onderwerp 08 sep 2010, 13:41 Izegem 5 berichten
                Ik wil graag, hollygan, Francois12, Ultggave bedanken voor de snelle reactie op mijn probleem. Helaas is alles wat ik heb uitgetest naar jullie voorstellen ,zelf de camel versie niet gelukt,heeft dit soms te maken met Windows 7 ?. ik blijf verder zoeken ik hoop met jullie hulp.
                cursus website maken 50-plussers.
                Probleen ! toevoegen foto's website.
                  Citeer
                  ultddave 08 sep 2010, 13:52 Limburg > Genk 248 berichten
                  Terug iets bijgeleerd van een ???? tja hoe moet ik het noemen, een senior ben je nog niet . Laat het me een junior noemen.
                  Hehe :D.
                  heeft dit soms te maken met Windows 7 ?.
                  Die gebruik ik ook. Dus dat maakt niets uit. ;)

                  Misschien even stap voor stap uitleggen:
                  - Hernoem uw foto tot "SporterHarleyDavidson.jpg" (dus de camelcase versie).
                  - Zet die foto in dezelfde map als de HTML pagina die de foto gebruikt.
                  - In de HTML code van die pagina gebruik je:
                  <img src="SporterHarleyDavidson.jpg" alt="Harley Davidson" />
                  Op de plaats waar de foto moet komen.

                  Als dat niet lukt, zal het probleem waarschijnlijk bij de extensie .jpg liggen. Desnoods kan je bij Start > configuratiescherm > mapopties, tabblad 'Weergave', de optie:
                  - Extensies voor bekende bestandstypen verbergen UITvinken. Zodat je de extensie ziet. ;)

                  Heb het even zelf gedaan, hier kan je het resultaat zien:
                  http://img191.imageshack.us/img191/6871/voorbeeldk.png

                  Code staat rechts op de foto, in het midden staat de afbeelding (die zwarte streep :P), en links zie je het HTML bestand en de afbeelding staan.

                  Mvg,
                  Dave
                  .NET en Java Programmeur
                    Citeer
                    nonkel fried Startte dit onderwerp 08 sep 2010, 17:18 Izegem 5 berichten
                    Beste ulddave
                    ik heb je richtlijnen gevolgd,met uw aangegeven Quote,alsook via het Configuratiescherm de optie -Extensies voor bekende bestandstypen verbergen uigevinkt.

                    Resultaat: Een Reuzegroote foto op mijn wesite ,ik heb dan op het kladblad de Quote vanaf "Harley Davidson" width="110"height="79"/> aan toegevoegt.
                    Alles is perfect gelukt waarvoor mijn oprechte Dank aan u persoonlijk en het ganse Forumteam.

                    Groetjes : nonkel fried [/img]
                    cursus website maken 50-plussers.
                    Probleen ! toevoegen foto's website.
                      Citeer

                      Schrijf gerust een antwoord

                      Om te antwoorden heb je een gratis account nodig. Heb je al een account, klik dan op "Aanmelden". Via "Gratis account maken" maak je er eenvoudig een in enkele minuten.