kom niet verder met een html oefening

[Pablo11392]

Nu ben ik aan het oefenen met html en zit bij een opdracht vast. Het is lastig uit te leggen over hoe en wat, maar ik ga mijn best doen...

Ten eerste: *snip* blz 41, onderaan zie je een schema staan van mappen en html bestanden (afbeelding 3.3)

2. Nu staat op blz 42, oefening 3.5 dat ik dus vanuit kunst.html en natuur.html de afbeelding fruit.jpg moet zien te tonen. Nu staat de oefening hier wel heel kort en krachtig beschreven dan in vergelijking met het boek. Maar de bedoeling is hetzelfde. Ik moest dan dus (zoals het in het boek staat) de structuur van de mappen namaken in een eigen gemaakt mapje op de harde schijf. Nou alles precies hetzelfde gedaan.

3. Nu ga ik dus alle regeltjes en tags intikken. Nu lukt dit wel voor de kunst.html dat ik het plaatje fruit te zien krijg, maar niet voor natuur.html.






(sorry dat ik de plaatjes niet als link krijg.... er staat [img][/img] voor en achter, maar dat pakt die nooit op een of andere manier)


Ik doe precies hetzelfde als dat ze uitleggen in het boek, maar er gebeurt gewoon niets. Wat heb ik fout ingevoerd? Ik hoop dat het duidelijk is hoe ik het beschreven heb en anders heb ik gewoon pech hoor:P

[Voor 7% gewijzigd door MueR op 04-10-2010 12:36]

[147126]

pablo11392 schreef op zaterdag 02 oktober 2010 @ 20:43:
[afbeelding]

[afbeelding]

(sorry dat ik de plaatjes niet als link krijg.... er staat [[url=" "]afbeelding[/url]] voor en achter, maar dat pakt die nooit op een of andere manier)

Je moet linken naar de afbeelding, en niet naar de html pagina, dus


(dus "http://img833.imageshack.us/img833/1783/naamloos1k.jpg" tussen [img][/img])


Over je probleem, het is bijna hetzelfde als hierboven Je moet gewoon naar de het plaatje verwijzen. Dit kan doormiddel van een absoluut of een relatief pad. Als je dus lokaal werkt (niet op een webserver) dan bijvoorbeeld "C:\htdocs\site\images\afbeelding.jpg", of op een webserver: "http://img833.imageshack.us/img833/1783/naamloos1k.jpg".
Je kunt ook een <base href="http://www.blaat.com"> in de header van je pagina zetten, dan kun je een pad gebruiken als "/images/test.jpg" die dan dus van http://www.blaat.com/images/test.jpg komt.
Let ook op hoofdletters! Bestandsnamen op internet zijn hoofdletter gevoelig.

[franssie]

Lees dit eens: http://www.htmlgoodies.co...181/Basic-HTML-Images.htm

zelfs de links die je hier post heb je un-clickable gekregen, wist niet dat dat kon

je zit op de goede weg maar:

lokaal:
c:\iets\ietsanders\web\html\index.html

=

lokaal

http://localhost/

=

web

http://ip.add.re.ss//

@met Shadow dus maar anders verwoord en ik had de sub mapjes nog even achterwege

edit2://

SRC stands for "source." This again is an attribute, a command inside a command. It's telling the browser where to go to find the image. Again, it's best for you to place the images you want to use in a subdirectory called "images". This way you can call for the image by name with just the subdir name in front of it, like this: /images/imagename.gif. You could also direct the source to some other place online, such as an image you have stored on Photobucket, for instance, by using the full URL of the image, such as http://www.photobucket.com/youraccount/imagename.jpg. Right now, let's just get it to work.

[Voor 53% gewijzigd door franssie op 02-10-2010 21:01]

[Feanathiel]

Wat ik kan afleiden uit de screenshots (zie de titelbalk van notepad++), is dat natuur.html zich in de hoofdmap bevindt. Afbeelding 3.3 van de handleiding vertelt je dat deze in de verkoop/aquarellen map moet komen te staan. Wellicht zou je daar nog eens naar moeten kijken.

[franssie]

dus c:\iets\ietsanders\web\html\verkoop\aquarellen\image.jpg

en in je html dan

\verkoop\aquarellen\image.jpg

[Voor 31% gewijzigd door franssie op 02-10-2010 22:01]

[Pablo11392]

Ah, dat werkt gewoon, thanks! En volgens mij had ik het ook niet helemaal goed in die hoofdmap zitten..:/

Maar ik snap ook niet waarom die niet plaatjes als link doet...Ik upload het in imagehack, dan staat daar een link. Die plak ik hier en dat staat al tussen [ img] [/img] , wat dan niet werkt..:/
Zijn er ook nog snellere manieren om bijvoorbeeld printscreens zo in een keer te uploaden ipv eerst naar een site als imagehack te gaan?

[ThinkPad]

Ja, het T.net fotoalbum, maar ik denk dat je daar nog niet genoeg karma voor hebt.
http://tweakers.net/my.tnet/fotoalbum

Oja je kunt HTML code makkelijk posten door het tussen [ code=html] hier je code [/code] te zetten

Voorbeeld:

HTML:

<HTML>
<HEAD>
.. informatie over het document ..
</HEAD>
<BODY>
.. inhoud document ..
</BODY>
</HTML>

Dat bevordert de leesbaarheid voor ons nogal

[Voor 29% gewijzigd door ThinkPad op 03-10-2010 00:12]

[Pablo11392]

Aha, ja zie je. Ik heb het wel eens vaker gezien zoals jij het hier boven neerzet. Is inderdaad wat overzichtelijker:)

En ik zit op, mhoa, 1/8ste deel met karma om fotoalbum aan te schaffen....Dat gaat nog wel even duren denk ik

[job]

pablo11392 schreef op zondag 03 oktober 2010 @ 00:06:
Maar ik snap ook niet waarom die niet plaatjes als link doet...Ik upload het in imagehack, dan staat daar een link. Die plak ik hier en dat staat al tussen [ img] [/img] , wat dan niet werkt..:/

Waarom die het niet doet? Omdat die link niet naar een plaatje gaat, maar naar een webpagina.

directe link: http://img442.imageshack.us/img442/856/naamloos2g.jpg
jouw link: http://img442.imageshack.us/i/naamloos2g.jpg/

[Voor 16% gewijzigd door job op 03-10-2010 00:20]

[MueR]

Dergelijke basale topics staan we hier in de Devschuur niet toe. Dat weet je ondertussen goed genoeg, we hebben het vaak genoeg verteld. Als je niet verder komt met een cursus, ga met je docent praten. De basale vragen zijn ondertussen allemaal honderdduizend keer behandeld op Google. En nee, wij zijn geen tweede Google.