Obrázek

jakubho · 2016-02-06 15:03:03

Ahoj. Učím se programovat v HTML podle stránek itnetwork.cz a chtěl bych svůj web přemístit sem. Na webu mám obrázky, které odkazují na podstránky webu. Je mi jasné, že budu muset přepsat uložiště souborů, když je přenesu k vám. Ovšem, mám dva problémy. Řekněme, že doma mám něco jako toto:

<table>
<tr>
                <td><a href="D:/HTML%20a%20CSS/jakub.html"><img src="D:/HTML%20a%20CSS/people.png" alt="Osoba"/></a></td>
                <td><a href="D:/HTML%20a%20CSS/práce.html"><img src="D:/HTML%20a%20CSS/práce.png" alt="Práce"/></a></td>
                <td><a href="D:/HTML%20a%20CSS/html.html"><img src="D:/HTML%20a%20CSS/html.png" alt="HTML"/></a></td>
                <td><a href="/HTML%20a%20CSS/článek.html"><img src="D:/HTML%20a%20CSS/article.png" alt="Článek"/></a></td>
                <td><a href="D:/HTML%20a%20CSS/rozvrh.html"><img src="D:/HTML%20a%20CSS/schedule.png" alt="Rozvrh"/></a></td>
                <td><a href="D:/HTML%20a%20CSS/sociální_sítě.html"><img src="D:/HTML%20a%20CSS/social_hubs.png" alt="Sociální sítě"/></a></td>
        </tr>
</table>

Když jsem tento kód uploadnul k vám do složky mého webu a dále do podložky web, šel jsem přepsat nejprve odkazy. Můj web u vás je pod adresou http://jakubhosek.tode.cz takže jsem se domníval že bude stačit adresu podsouboru přepsat následujícím způsobem:
<td><a href="jakubhosek.tode.cz/jakub.html"><img src="D:/HTML%20a%20CSS/people.png" alt="Osoba"/></a></td>
To ovšem nevyřešilo nic a vyhodilo chybu 404.

Poté jsem zkoušel obrázek. Jenže ouha, nikde nemohu najít odkaz pro zobrazení obrázku. Jediné co se mi podařilo najít byl odkaz pro stáhnutí obrázku. Když jsem jej umístil do kódu, obrázek byl na mém PC vidět, ovšem na jiném PC již ne. Je tedy nějaká možnost umístit na váš web nějaké obrázky, které by byly uloženy u vás na hostingu ve složce? Nebo musím obrázek uploadnout na nějakou webovou stránku? A co ten odkaz, proč nefunguje?

Asi jsou to hloupé chyby, ale snažím se na to přijít již druhý den Díky za odpověď!

Upravil Destroyer (2016-02-06 16:55:26)

Destroyer · 2016-02-06 16:54:54

1. nedoporucuji pouzivat v nazvech souboru/slozek diakritiku a mezery
2. nahral jste vsechny soubory primo do slozky web? a jaky je odkaz na uvodni stranku?
3. pokud jsou vsechny ty soubory takhle v jedne slozce muzete pouzit i relativni adresu napr.

<a href="rozvrh.html"><img src="schedule.png" alt="Rozvrh"/></a>

kksmirice · 2016-02-06 18:37:26

jakubho napsal:

... Když jsem tento kód uploadnul k vám do složky mého webu a dále do podložky web ...

Ve složce web nemáte žádné soubory nahrány.

jakubho napsal:

... Když jsem jej umístil do kódu, obrázek byl na mém PC vidět, ovšem na jiném PC již ne. ...

Ano to je logické. Na Vašm PC jsou také umístěny obrázky v uváděné složce a proto je vidíte. Jiné PC tam obrázky nemá, tedy nemohou být vidět.
Řešení popisuje kolega v bodu 3.

Pro Vaši lepší orientaci doporučuji vytvořit samostatnou složku pro obrázky.

Uvedený kód pak bude vypadat takto:

<table>
<tr>
                <td><a href="jakub.html"><img src="obrazky/people.png" alt="Osoba"/></a></td>
                <td><a href="prace.html"><img src="obrazky/prace.png" alt="Práce"/></a></td>
                <td><a href="html.html"><img src="obrazky/html.png" alt="HTML"/></a></td>
                <td><a href="clanek.html"><img src="obrazky/article.png" alt="Článek"/></a></td>
                <td><a href="rozvrh.html"><img src="obrazky/schedule.png" alt="Rozvrh"/></a></td>
                <td><a href="socialni_site.html"><img src="obrazky/social_hubs.png" alt="Sociální sítě"/></a></td>
        </tr>
</table>

Jak uvedl kolega, nedoporučuje se používat diakritiku a mezery v názvech souborů. Také si dejte pozor na malá a velká písmena, na FTP můžete mít soubory Prace.html a prace.html a každý může zobrazovat něco jiného.

jakubho · 2016-02-06 22:01:18

Ahoj, díky za vaše rady, je mi to mnohem jasnější :-) Na názvy souborů si dám pro příště také větší pozor.

kksmirice · 2016-02-06 22:28:52

Určitě bych také výrazně zapracoval na češtině jako takové. Gramatika nic moc, nechtějte se zařadit mezi většinu současných náctiletých.

O mne není správně v 6.pádě, skloňování zájmen se tuším učí již na prvním stupni ZŠ.
Interpunkce a souvětí také nejsou správně. Tam kde čárka nemá být je a tam kde má být není (Je mi 14 let, a první úryvky HTML kódu jsem se naučil ve škole. Rozhodl jsem se že se v tom více zlepším :-)).
Také pozor na slovesa a jejich správné tvary - by jste je nespisovné, správný tvar je byste.

Bez chyb jsou v podstatě 3 stránky:
HomePage,
Rozvrh hodin (i když zde Matika, Děják, Hudebka, Výtvarka, Občanka jsou slangové výrazy),
Kontakty a sociální sítě.

Smyslem tohoto drobného výčtu chyb není znevážení Vaší práce, ale "nakopnutí" správným směrem.
Pokud něco uveřejňujete na veřejně dostupném místě je to Vaše vizitka.

jakubho · 2016-02-06 22:50:05

Jéje, toho jsem si nevšiml, hned to jdu opravit. Díky moc :-)

#1 2016-02-06 15:03:03

Obrázek

#2 2016-02-06 16:54:54

Re: Obrázek

#3 2016-02-06 18:37:26

Re: Obrázek

#4 2016-02-06 22:01:18

Re: Obrázek

#5 2016-02-06 22:28:52

Re: Obrázek

#6 2016-02-06 22:50:05

Re: Obrázek

Zápatí