Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: 1 2 3 4 [Wszystkie]
DrukujPobierz PDF
Autor Wątek: Strony z obsługą (X)HTML  (Przeczytany 16862 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« : 05.04.2008, 12:48:45 »

Witam. Zaczynam tworzyć www. No i na razie w edytorze tekstowym stworzyłem taką jakby stronkę. Znajdują się tam testy przeróżnych możliwości kodów. Jest też odsyłacz do małej podstrony, odsyłacz na gimpuj.info i odsyłacz do mojego e-maila. Wszystko spoko. Na(_)razie tylko layouta nie mam, tylko osobny kolor tła (w(_)ogóle to uczyłem się ze strony: http://www.kurshtml.boo.pl). Teraz to o(_)co mi chodzi: Szukam jakiegoś serwisu, w którym mógłbym zarejerstrować sobię domenę na razie za darmo, ale ta strona musi być w html lub xhtml. Znalazłem vgh.pl: było php, a i tak nie mogłem się połapać w Panelu Administracyjnym. Boo.pl: Wszystko pięknie ale trzeba zapłacić a ja chciałem sobię tylko wypróbować.

Dobra, mam już konto na republice. Wrzuciłem na serwer pliki ze stronką i pod_stronką i wszystko pasuje. Tylko mam problem. W miejscu gdzie powinny być obrazki są tylko "Teksty alternatywne". Może mam jakąś wyłączoną opcję która nie wyświetlla mi obrazków. Tak samo jest z podstroną na której powinna być moja animacja a jest tylko napis: Animacja. I jeszcze jedno: jeśli 10 osób poprosi to podam adres.
« Ostatnia zmiana: 05.04.2008, 22:38:25 wysłane przez gewloh » Zapisane

afk
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #1 : 05.04.2008, 13:34:33 »

Nieważne na jakim serwerze będziesz mieć stronkę, bo obsługa xHTML i HTML jest wbudowana w przeglądarkę internetową.
Cytuj
[...]I jeszcze jedno: jeśli 10 osób poprosi to podam adres.[...]
Co? Zły
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #2 : 05.04.2008, 13:38:39 »

Cytuj
[...]I jeszcze jedno: jeśli 10 osób poprosi to podam adres.[...]
Co? Zły

No bo się wstydzę i jak nikt nie chce to po co się ośmieszać Uśmiech Ale do tego czasu chyba stworzę sobie layout i od(_)razu dam link:)
« Ostatnia zmiana: 05.04.2008, 22:40:37 wysłane przez gewloh » Zapisane

afk
atsuki
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika



Zobacz profil
« Odpowiedz #3 : 05.04.2008, 17:51:48 »

Wiesz.. problem polega na tym.. ze przewaznie jak sie nie widzi stronki/kodu to to bedzie wróżenie z fusów, akurat koncze herbate wiec Język

1) masz zle sciezki plikow - np masz sciezke na twoim dysku,a powinienes miec sciezke wzgledna od twojego pliku html.
2) rozszerzenia sa np. z duzej litery a w html masz napisane z malej - to jest roznica
3) moze byc jakis bledzik w stronie.

A nie ma sie czego wstydzic, bo kazdy kiedys zaczynal i robil to tak samo jak Ty, nie od razu Rzym zbudowano Uśmiech

PS - to jak mnie pamiec nie myli chyba moj pierwszy post na tym forum, wiec.. hello Uśmiech


//gewloh: w takim razie już wiesz kogo masz się bać w tym dziale ; ) Witam.
----
//atsuki: Co uwazalem za blad poprawilem, jezeli chodzi o wypunktowania rzecz wzgledna czy maja sie zaczynac z wielkiej litery - wg slownik pwn, przynajmiej Uśmiech.
----
//gewloh: ok, nie będę się czepiał wypunktowania w takim razie. Ale na dokładkę znalazłem coś, co mi wcześniej umknęło Mrugnięcie
----
//atsuki: O... to tez mi umknelo Język. Poprawione Uśmiech.
« Ostatnia zmiana: 06.04.2008, 02:34:51 wysłane przez atsuki » Zapisane

nie tylko m&a
noss
Użytkownik

Reputacja: 41 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 1 384
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 05.04.2008, 19:13:46 »

Kod:
I jeszcze jedno: jeśli 10 osób poprosi to podam adres.

To może byś lepiej bilety sprzedawał, skoro ta twoja strona taka śmieszna jest. Mrugnięcie
Zapisane

Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #5 : 05.04.2008, 21:00:27 »

No dobra. Będę odważny. Na razie to tylko testy kodu itp. Tam jest napis Koleś tam powinien być mały obrazek emotikona z GaduGadu oraz odsyłacz do mili-stronki z animacją, która niestety też się nie wyświetla Zawstydzony www.poczatkihtml.republika.pl

Zdaję sobię sprawę że wygląda to brzydko (tło, kolor napisów) ale to jak pisałem był tylko test. Teraz zaczynam uczyć się obsługiwać CSS.
« Ostatnia zmiana: 05.04.2008, 22:50:02 wysłane przez gewloh » Zapisane

afk
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #6 : 05.04.2008, 21:56:24 »

Kod:
<img src="../../Pulpit/Kopia szampan.gif" alt="Koleś" /> Jeszcze szampanu?

A co to za ścieżka  Co?
Zmień kolor tła, bo się tego czytać nie da!
« Ostatnia zmiana: 06.04.2008, 19:02:11 wysłane przez szujak » Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #7 : 05.04.2008, 21:58:32 »

W moim edytorze zamiast pisanie <img... to klikną(ł)em wstaw obrazek i miałem podać ścieżkę do pliku. Kliknąłem "Przeglądaj" i już:). Ma to być na jakimś osobnym serwerze np. imageshack lub up.clubbers czy w tym samym folderze co index.html?
« Ostatnia zmiana: 05.04.2008, 22:55:49 wysłane przez gewloh » Zapisane

afk
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #8 : 05.04.2008, 22:03:51 »

No właśnie - na Twoim komputerze, a to nie jest Twój komputer tylko serwer.
Przykład:
Jeżeli masz plik index.html w katalogu głównym serwera, a obrazki w folderze o nazwie obrazki, to taka ścieżka powinna wyglądać tak:
Kod:
<img src="../obrazki/Kopia szampan.gif" alt="Koleś" />
« Ostatnia zmiana: 06.04.2008, 19:01:27 wysłane przez szujak » Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
atsuki
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika



Zobacz profil
« Odpowiedz #9 : 05.04.2008, 22:17:10 »

1) maly hint - w nazwach plikow do ktorych sie odnosisz nie uzywaj spacji, zastap ja - lub _ i najzwyklej w swiecie nie umieszczaj zadnego pliku do strony powyzej twojego pliku index. Poniewaz na twoim komputerku to zadziala bo przegladarka odwola sie do wlasciwego pliku, ale na serwerze juz nie.

2) hmm.. pamietaj o poprawnosci kodu, lepiej jest sie tego uczyc i pilnowac od poczatku Uśmiech jak dajesz jakas wartosc typu font size czy cos, powinna byc ona w "".

3) css.. tak, warto umiec Uśmiech 2
« Ostatnia zmiana: 05.04.2008, 23:13:09 wysłane przez atsuki » Zapisane

nie tylko m&a
Ziomioslaw
Administrator

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 432
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #10 : 05.04.2008, 22:49:58 »

I zwracaj uwagę na wielkość liter w nazwach plików, Windows może i różnicy nie widzi, ale serwery są poważniejsze.
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #11 : 06.04.2008, 10:30:20 »

Zmieniłem kolor tekstu i tła i możecie zobaczyć ścieżkę do obrazków. Powinno być chyba dobre ale nie jest (bynajmniej u mnie).

PS. Do pisania kodu używam programu kED. Polecam  Mrugnięcie
Zapisane

afk
atsuki
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika



Zobacz profil
« Odpowiedz #12 : 06.04.2008, 10:59:49 »

OK, jeszcze raz, bo widze dalej masz problemy ze sciezkami Uśmiech.

Kod:
<img src="../../www/acmilanav.gif" alt=Animacja/>
ten zapis oznacza, ze plik znajduje sie dwa katalogi wyzej od twojego index.html w katalogu www.

1) Mniej wszystkie pliki w jednym katalogu.
2) Grafike trzymaj w katalogu img, graf, gfx, whatever ale w tym katalogu co jest plik index.html.
3) Powinno byc alt="Animacja" i wogóle jak podajesz gdzies jakas watość to zawsze powinna być ona w "". To, ze kED czasem nie wstawia jest jego bledem.
4) Uzywaj validatora w3.org
Zapisane

nie tylko m&a
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #13 : 06.04.2008, 11:56:31 »

Mam tą animację i szampan w tym samym pliku co index.html ("www"). Chyba przeczytam rozdział w moim kursiku co do pisania ścieżek bo na początku przeczytałem tylko połowę.
Zapisane

afk
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #14 : 06.04.2008, 15:57:14 »

Jeżeli masz wszystko w tym samym katalogu, to wpisz taką ścieżkę:
Kod:
<img src="nazwa.gif" alt="obrazek" />
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #15 : 06.04.2008, 19:32:59 »

Dzięki. Niestety zrobiłem tak lecz znowu nie wyświetla. Nie wiem czemu  Smutny
Zapisane

afk
DECK
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: deck@gimpuj.info
Licencja: Copyright
Wiadomości: 109
Galeria Użytkownika


ROLL & CHILL...!


Zobacz profil WWW
« Odpowiedz #16 : 06.04.2008, 20:53:24 »

Pamiętaj ( ! )

Nazwa pliku musi być taka sama!

Nazwa pliku:
obrazek.png
Link:
<img src="obrazek.png"> lub />

Najlepiej nazwy plików i ich rozszerzenia były pisane małymi literami.
*.PNG > *.png

A co do pisania "font face / size / color" itp. naucz się już od razu
korzystać z CSS. :]
Wiki o CSS
« Ostatnia zmiana: 11.04.2008, 19:39:26 wysłane przez DECK » Zapisane

www/ ~portfolio
www/ ~digart
www/ ~lastfm.pl
dejw
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: dejw@jabber.org
Licencja: Copyright
Wiadomości: 44
Galeria Użytkownika

dejw


Zobacz profil
« Odpowiedz #17 : 07.04.2008, 00:49:18 »

Zamiast "kursów" polecam porządny poradnik: http://www.w3schools.com/
Cytat: DECK
<img src="obrazek.png"> lub />
XHTML nakazuje zamykanie znacznika img, dowód:
Cytuj
We decided not to close the <img> tags with </img>, but with  /> at the end of the tag.

P.S. Nie chciałem zadawać tego pytania, z góry przepraszam za jego miałkość, ale czy wysłałeś obrazki na serwer? Jeśli się nie pokazują, to albo błąd leży w ścieżce dostępu, albo ich fizycznie nie ma  Buzia na kłódkę
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #18 : 07.04.2008, 11:28:17 »

Jaki ja jestem... już nie powiem jaki! Bawiłem się z kodem, a przecież nie wysłałem obrazków na serwer! Jak wyślę chyba zadziała Uśmiech
Zapisane

afk
dejw
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: dejw@jabber.org
Licencja: Copyright
Wiadomości: 44
Galeria Użytkownika

dejw


Zobacz profil
« Odpowiedz #19 : 07.04.2008, 13:13:53 »

Czyli sprawa się wyjaśniła  Mrugnięcie A ja myślałem ze takie pytania, jak moje wyżej, nie powinno mieć miejsca.
« Ostatnia zmiana: 07.04.2008, 21:33:52 wysłane przez gewloh » Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #20 : 07.04.2008, 13:27:33 »

Działa Mrugnięcie
Zapisane

afk
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #21 : 22.07.2008, 21:05:42 »

OK, odnawiam wątek. Czytam moje posty wcześniejsze, i myślę, że w HTML i CSS wtedy byłem zupełnym żółtodziobem. Teraz jest już chyba lepiej Uśmiech Otóż dzisiaj ściągnąłem menu-xcf zrobione przez Domaxi. Pociąłem je i zakodowałem. Z kodowaniem były małe problemy, i kilka osób pomogło mi na IRC (pozdrowienia dla Domaxi oraz acersecomes'a). W końcu zakodowałem to menu, a dlatego miałem problemy, bo niechciałem wkleić tylko obrazka, każda "część" menu miała być linkiem, oraz gdy najedzie się myszką... zresztą zobaczcie sami:

www.poczatkihtml.republika.pl

Wiem, że te bajerki to pikuś dla webmasterów, ale ja się z tego cieszę Chichot

Postanowiłem zrobić sobie portfolio.
Zapisane

afk
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #22 : 22.07.2008, 22:31:15 »

Hmm... Chciałabym zobaczyć menu jak wpiszesz różne strony (np. #nogo1, #nogo2 itd.) - nie widzi mi się za bardzo to. Reszta - no cóż, nie mam nic do powiedzenia, bo menu nie rozleciało się na kawałki.

EDIT: no masz, wykrakałam. IE ciacha menu jak tasak hmm... Warzywa? Mniejsza z tym; przejrzyj koniecznie tą stronę: http://www.cssplay.co.uk/menus/ po lewej stronie masz samouczek (menu one, menu two itd.), który po kolei uczy robienia menu poprawnego we wszystkich graficznych przeglądarkach (no, może poza operą mini). Dzięki temu nie powinno się stać nic złego.
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #23 : 22.07.2008, 22:35:13 »

Tzn. chciałem napisać, że jest to tylko strona testowa, dzięki której uczę się html i css.
Zapisane

afk
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #24 : 22.07.2008, 22:38:14 »

Aha; bardzo fajnie że starasz się robić rzeczy od podstaw, branie się od razu za tworzenie strony nie jest dobrym pomysłem, ale robienie elementów strony już jest.
Zapisane
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #25 : 23.07.2008, 00:24:06 »

Wierzę, że to menu miało wyglądać tak : http://rabbitshare.cba.pl/gimph/
Pobaw się z selektorami pseudoklas, też można na tym fajne efekty osiągnąć. Fajne to menu  Mrugnięcie
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #26 : 23.07.2008, 14:11:26 »

Tak, tak to ma wyglądać i wygląda. A co do tych pseudoklas: pouczę się, i coś spróbuję.
Zapisane

afk
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #27 : 23.07.2008, 16:26:13 »

Cytat: Strona
<a href="http://www.gimpuj.info">
<img src="stronaglowna.gif"/></a>
<a href="http://www.gimpuj.info">
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="kontakt.gif" onmouseover="javascript:this.src='kontaktpo.gif'" onmouseout="javascript:this.src='kontakt.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="forum.gif" onmouseover="javascript:this.src='forumpo.gif'" onmouseout="javascript:this.src='forum.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="omnie.gif" onmouseover="javascript:this.src='omniepo.gif'" onmouseout="javascript:this.src='omnie.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="ksiegagosci.gif" onmouseover="javascript:this.src='ksiegagoscipo.gif'" onmouseout="javascript:this.src='ksiegagosci.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="galeria.gif" onmouseover="javascript:this.src='galeriapo.gif'" onmouseout="javascript:this.src='galeria.gif'"/></p></a>


Chciałem tylko zaznaczyć, że masz błędy na stronie - nie zamykasz znaczników i dlatego źle się wyświetla. (zaznaczyłem czerwoną czcionką)  Mrugnięcie
Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #28 : 23.07.2008, 17:53:24 »

Cytat: Strona
<a href="http://www.gimpuj.info">
<img src="stronaglowna.gif"/></a>
<a href="http://www.gimpuj.info">
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="kontakt.gif" onmouseover="javascript:this.src='kontaktpo.gif'" onmouseout="javascript:this.src='kontakt.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="forum.gif" onmouseover="javascript:this.src='forumpo.gif'" onmouseout="javascript:this.src='forum.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="omnie.gif" onmouseover="javascript:this.src='omniepo.gif'" onmouseout="javascript:this.src='omnie.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="ksiegagosci.gif" onmouseover="javascript:this.src='ksiegagoscipo.gif'" onmouseout="javascript:this.src='ksiegagosci.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="galeria.gif" onmouseover="javascript:this.src='galeriapo.gif'" onmouseout="javascript:this.src='galeria.gif'"/></p></a>


Chciałem tylko zaznaczyć, że masz błędy na stronie - nie zamykasz znaczników i dlatego źle się wyświetla. (zaznaczyłem czerwoną czcionką)  Mrugnięcie

To nie jest błąd!
<a href="http://..."></a> <-- ten znacznik zamyka
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #29 : 23.07.2008, 18:49:18 »

No właśnie. TO wygląda, tak jak ma, wszystko działa. Nie wiem czemu walidatory pokazują również ten błąd, jak przecież zamykam. Bo to obrazek ma być linkiem. BTW później zmienię linki, każdy będzie prowadził gdzieś indziej.
Zapisane

afk
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #30 : 23.07.2008, 19:11:34 »

O rany... przecież on ma <a </a>! Właśnie o to mi chodzi - nie zamyka <a>, tylko ma <a - patrzcie uważnie...  Mrugnięcie

//edit Zauważyłem jeszcze, że otwierasz akapity a ich nie zamykasz... - kolejny błąd. Poza tym jeśli chcesz przejść przez w3C to musisz jeszcze pododawać opis - czyli alt do każdego obrazka. Ogólnie to poczytaj o blokach <div> - przydadzą się
« Ostatnia zmiana: 23.07.2008, 19:27:53 wysłane przez Filax » Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #31 : 23.07.2008, 19:13:49 »

Właśnie teraz zauważyłem, przepraszam  Język .
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Bibson
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 53
Galeria Użytkownika

Bibson


Zobacz profil
« Odpowiedz #32 : 23.07.2008, 19:24:17 »

Filax ma rację Uśmiech Jeśli było by tak jak mówisz Grolak oraz Ty szujak to wynikało by że i tak masz błędy w kodzie.
Nie zamykasz jednego znacznika a używasz następnego.
Grolak chyba nie doczytałeś do końca kursu lub zrobiłeś to nie uważnie Uśmiech

Nie wiem czy napiszę to teraz używając dobrych słów(tak sam się nauczyłem):
W HTML używałeś znacznika <br> żeby przejść do następnej linii a w XHTML używa się <br /> ponieważ tego znacznika używa się tylko raz.
Jeśli używasz znacznika <a href="adres"> to jest to znacznik który rozpoczyna tworzenie linku a znacznikiem kończącym jest </a> i między nimi jest tekst lub obrazek.

Fragment z  Twojego kodu źródłowego:
Cytuj
<a href="http://www.gimpuj.info"
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/></a>
Tekst pogrubiony to znaczniki które rozpoczynają i kończą odnośnik.

Jeśli byłoby tak jak Wy mówicie to powinno być tak:
Cytuj
<a href="http://www.gimpuj.info"
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/>/>

Ponieważ nie możesz zamknąć czegoś(</a>)czego nie rozpocząłeś Uśmiech

Może to trochę zagmatwałem ale chyba da się coś z tego zrozumieć Uśmiech

Eh i wszystko się wyjaśniło a ja się rozpisałem Chichot Chyba Grolak zrozumie swój błąd Uśmiech
Zapisane

Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #33 : 23.07.2008, 19:29:22 »

Zauważyłem błąd, rzeczywiście. Kurs doczytałem, ale poprostu nie uważnie napisałem. Na szczęście nie jest to taki błąd, który może popsuć działanie stronki.

PS. Ale ja nie stosuję <br />, tylko <p>, jest IMO wygodniejsze, z osobistych powodów Język
Zapisane

afk
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #34 : 23.07.2008, 19:31:46 »

Wszystko pięknie, ale <p>, czyli akapit, również należy zamykać (</p>)  Mrugnięcie

//edit Zauważyłem jeszcze, że otwierasz akapity a ich nie zamykasz... - kolejny błąd. Poza tym jeśli chcesz przejść przez w3C to musisz jeszcze pododawać opis - czyli alt do każdego obrazka. Ogólnie to poczytaj o blokach <div> - przydadzą się

Pierwszy raz cytuję sam siebie  <aniolek>
Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #35 : 23.07.2008, 19:46:07 »

Jeżeli chcesz, aby strona była zgodna ze standardami nie możesz umieszczać akapitów w odnośnikach.

Cytuj
#  Error  Line 29, Column 36: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

<a href="http://www.gimpuj.info"><p><img src="./image/stronaglowna_.gif" alt="o

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Poza tym nie umieszczasz opisów w obrazkach (alt="opis") co też jest błędem.


Kod:
<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawarto�ci strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>Tu wpisz tytuł strony</title>
<style type="text/css">
/* <![CDATA[ */
img { border: 0px; }
p { margin: 0px; padding: 0px; }
/* ]]> */
</style>

</head>

<body><!--]>-->

<noscript onclick="''">
</noscript>

<script type="text/javascript" src="http://a.cba.pl/reklama1.js">
</script>

<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/stronaglowna.gif" alt="opis"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/stronaglowna_.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/stronaglowna_po.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/stronaglowna_.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/kontakt.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/kontaktpo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/kontakt.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/forum.gif" alt="opis"  onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/forumpo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/forum.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/omnie.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/omniepo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/omnie.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/ksiegagosci.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/ksiegagoscipo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/ksiegagosci.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/galeria.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/galeriapo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/galeria.gif'"/></a><br />


<div style="text-align:center;font-size:11px" class="cbalink">
<a href="http://www.cba.pl/" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br /><br />
</div>
<!--]>-->

<noscript onclick="''">
</noscript>

<script type="text/javascript" src="http://a.cba.pl/reklama2.js">
</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>

<script type="text/javascript">
_uacct = "UA-2289508-3";
urchinTracker();
</script>

</body>

</html>

Udało się xD strona jest poprawna.
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #36 : 23.07.2008, 20:00:07 »

Kompletnie zapomniałem o tym akapicie w odnośniku - mogłem choć raz przerzucić to przez validator, a nie tak się wymądrzać.
Myślę, że problem został rozwiązany Chichot (Chociaż nadal uważam, że bloki by się tu przydały Język)
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #37 : 23.07.2008, 20:25:54 »

Mam pewną prośbę. Czy ktoś mógłby zrobić mały tutorial, jak korzystać z div? Wiem, że to element blokowy, no ale dziwne, że jeśli umieszczę obrazki w divie, bez <p> to nie wyświetlają się w bloku, tylko w linii, jak normalny tekst. Pewnie div do tego nie służy, a jak nie, to do czego? Na kurshtml.boo podali dziwny przykład:

XXXXXXXXXXXXXXXXXXXXXXXX
TO JEST NAPISANE W BLOKU
XXXXXXXXXXXXXXXXXXXXXXXX

Z tym, że ja takie coś mogę uzyskać z <p>/<br />. Więc po co by to było...
« Ostatnia zmiana: 23.07.2008, 20:37:10 wysłane przez Grolak » Zapisane

afk
Bibson
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 53
Galeria Użytkownika

Bibson


Zobacz profil
« Odpowiedz #38 : 23.07.2008, 21:48:49 »

Chodzi o element blokowy czyli wyświetlanie się linków pod sobą?
Kod:
display: block;
Na kurshtml.boo.pl masz jak zrobić menu pionowe:
http://www.kurshtml.boo.pl/css/menu.html
Poczytaj trochę tego i spróbuj pozmieniać różne wartości i popróbuj z różnymi rzeczami to Ci pomoże to zrozumieć.
Zapisane

Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #39 : 23.07.2008, 22:16:15 »

http://webmaster.helion.pl/kurshtml/bloki/bloki.htm#blok

Uczyłem się z tutoriala Wimmera i jakoś nie mam większych problemów z HTML. Wszystko jasno i klarownie wytłumaczone, ogólnie polecam  Mrugnięcie Wyżej link do sekcji o <div>, raczej krótki, ale nic więcej raczej nie ma do wyjaśniania. Szczególnie fajny jest rozdział o css.
Zapisane
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #40 : 24.07.2008, 00:02:14 »

(Wreszcie ktoś przytoczył kurs Wimmera :-) On jest super - zawsze z niego korzystałam dopóki nie kupiłam tablic CSS (które są jeszcze lepsze bo nie przeciążają PC ;-)))

Bura pierwsza - IE6 pokazuje białe paski między przyciskami (dlatego właśnie nienawidzę cięcia, wyznaję zasadę niewidzialnych warstw)



Można spróbować z CSS (margin: 0px), ale po E można się wszystkiego spodziewać, także tego, że ten eksperyment nie zadziała.

Bura druga: jeśli użytkownik użyje zamiast myszki klawiatury to przyciski się nie podświetlą (użyte zostało zdarzenie 'onmouseover'). Należy w tym przypadku użyć także 'onfocus' o takich samych wartościach (lub, wybierając CSS, :hover i :focus)

Jeśli chodzi o div - nie zobaczysz efektu, póki nie dasz tego do prania. Najprościej jest zobaczyć to przy zamalowaniu tła (po drodze przedstawiłam inny podobny tag - span). <span> da krótką zamalowaną kreskę, a <div> pokoloruje całą linię. Dodatkowo div wywoła nową linię, a <span> - nie.

Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #41 : 01.08.2008, 21:29:27 »

Dla mnie to jest bezsens fakt ja kilka lat temu xhtmla uczyłem się z internetowego kursu, ale po przeczytaniu tego napisałem stronę co miała 88 błędów w kodzie w dodatku  była na ramkach. W końcu kupiłem książkę Włodzimierza Gajdy - "HTML, XHTML i CSS" i css xhtml umiem na poziomie experta dodatkowo przeczytałem jeszcze książki o PHP5, PHP i Mysql oraz Javascript. Zrozumiałem, że uczenie się z kursu na necie jest bez sensu bo nie na marne się za te książki płaci. A dodatkowo tekst na monitorze czyta się kilka razy wolniej niż na kartce i wiadomo czytając na monitorze przez kilka godzin psujemy oczy  Język
Zapisane
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #42 : 02.08.2008, 11:01:14 »

@Marcinq: ja także polecam, tym bardziej, ze w bibliotekach jest masa książek uczących np. xHTML. Zadowolona z wyników pracy dostałam na urodziny biblię PHP i MySQL (aktualnie uczę się), której nie mogłam nigdzie wypożyczyć, a lubię tą serię (będzie mi też potrzebna do nauki C).  Może i jestem przestarzałym typem, ale o wiele lepiej uczę się z klasycznego podręcznika. Gdy przeczyta się książkę i odda do biblioteki to można korzystać z serwisów internetowych i wspierać się nimi lub kupić tablice informatyczne za prawie 9zł (naprawdę polecam, zwłaszcza, gdy operuje się przy kilku językach).
Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #43 : 02.08.2008, 12:18:09 »

A co do tablic, opłaca się to ? Bo zastanawiałem się nad kupnem i urządzenia mojego pokoju w takiej atmosferze żeby odzwierciedlało to moją pasję  Język Ale bardziej zależy mi na opanowaniu języków do perfekcji. Cóż ja mieszkam w Lublinie i albo ja nie szukałem dokładnie ale u mnie w szkolnej bibliotece ani w starej szkole i innych bibliotekach nie znalazłem książek o informatyce. Moje źródło wszystkich książek to helion.pl i tak jak ostatnio pominąłem punkt z priorytetem i musiałem czekać 7 dni na książkę, ale nie narzekam zawsze jak czegoś zapomnę to mam książkę pod reką  Język
Zapisane
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #44 : 02.08.2008, 18:04:24 »

Sprawdziłam w bazie książek biblioteki głównej w Lublinie i okazało się, że np. z zakresu CSS jest sześć książek, a z PHP to już masakra, bo aż 17 ;-) (w obu przykładowych zestawach jest do wypożyczenia biblia i parę dość świeżych książek). Sprawdź dokładniej, co cię aktualnie interesuje i wpisz w wyszukiwarce (koniecznie zmień typ 'autor' przy rozwijalnej liście!) http://kameleon.umcs.lublin.pl/cgi-bin/gw_46_6/chameleon?skin=wklbn

Co do tablic: taki np. CSS jest obowiązkową pozycją bo posiada prawie wszystkie zagadnienia (nie ma elementów związanych z CSS3) wraz z kolumną jaki element jest odczytywany przez jakie przeglądarki (jest tam niewielka szpara więc można przy oparciu webdevout zaktualizować dane ;-)), ale Javascript już stoi pod znakiem zapytania, bo zawiera tylko elementy języka, instrukcje i obiekty (wbudowane funkcje?), nie mówi nic o bardziej specjalistycznych rzeczach jak choćby stałe, które powinny być podstawą. W zasadzie trzeba to zobaczyć - najlepiej przychodząc do w miarę dużego Empiku, który powinien posiadać stosik różnych tablic. A co do samego przedmiotu - bardzo dobry, z twardego papieru błyszczącego (laminowanego?), co skutecznie utrudnia zniszczenie go przez dotknięcie 'zestresowanymi' palcami czy przypadkowym położeniem kubka z herbatą, nie mówiąc o tym, że potargać to może jedynie Pudzian. Wszystko jest napisane przejrzyście, a sam wygląd to bajka, więc możesz śmiało powiesić to na ścianie / korku. Po rozłożeniu tworzy się pas szerokości trzech stron a4 złączonych dłuższą stroną.
Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #45 : 02.08.2008, 19:26:42 »

@karmazynka WIELKIE dzienx jesteś spoko jutro skoczę do empika i kupię a co do biblioteki to faktycznie na umcs'ie muszą być bo wszyscy studenci walą do tej biblioteki głupio bo przez 2 lata odbierałem wraz z mamą ciotkę z pod tej biblioteki jak kończyła wykłady  Język
Zapisane
Strony: 1 2 3 4 [Wszystkie]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: Strony z obsługą (X)HTML
Skocz do: