Drukuj stronę - Strony z obsługą (X)HTML

Tytuł: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 (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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 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.[...]

??? >:(

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 05.04.2008, 13:38:39

Cytat: szujak on 05.04.2008, 13:34:33

Cytuj

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

??? >:(

No bo się wstydzę i jak nikt nie chce to po co się ośmieszać :) Ale do tego czasu chyba stworzę sobie layout i od(_)razu dam link:)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: atsuki on 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 :P

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 :)

PS - to jak mnie pamiec nie myli chyba moj pierwszy post na tym forum, wiec.. hello :)

//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 :).
----
//gewloh: ok, nie będę się czepiał wypunktowania w takim razie. Ale na dokładkę znalazłem coś, co mi wcześniej umknęło ;)
----
//atsuki: O... to tez mi umknelo :P. Poprawione :).

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: noss on 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. ;)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 :-[ www.poczatkihtml.republika.pl (http://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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 05.04.2008, 21:56:24

Kod:

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

A co to za ścieżka ???
Zmień kolor tła, bo się tego czytać nie da!

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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?

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 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ś" />

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: atsuki on 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 :) jak dajesz jakas wartosc typu font size czy cos, powinna byc ona w "".

3) css.. tak, warto umiec ^^

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Ziomioslaw on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 ;)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: atsuki on 06.04.2008, 10:59:49

OK, jeszcze raz, bo widze dalej masz problemy ze sciezkami :).

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 (http://validator.w3.org/)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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ę.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 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" />

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 06.04.2008, 19:32:59

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

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: DECK on 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 (http://pl.wikipedia.org/wiki/CSS)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: dejw on 07.04.2008, 00:49:18

Zamiast "kursów" polecam porządny poradnik: http://www.w3schools.com/ (http://www.w3schools.com/)

Cytat: DECK

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 :-X

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 :)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: dejw on 07.04.2008, 13:13:53

Czyli sprawa się wyjaśniła ;) A ja myślałem ze takie pytania, jak moje wyżej, nie powinno mieć miejsca.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 07.04.2008, 13:27:33

Działa ;)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 :) 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ę :D

Postanowiłem zrobić sobie portfolio.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: karmazynka on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: karmazynka on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 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 ;)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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ę.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 23.07.2008, 16:26:13

Cytat: Strona

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

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 23.07.2008, 17:53:24

Cytat: Filax on 23.07.2008, 16:26:13

Cytat: Strona

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

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

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 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... ;)

//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ę

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 23.07.2008, 19:13:49

Właśnie teraz zauważyłem, przepraszam :P .

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Bibson on 23.07.2008, 19:24:17

Filax ma rację :) 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 :)

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ś :)

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

Eh i wszystko się wyjaśniło a ja się rozpisałem :D Chyba Grolak zrozumie swój błąd :)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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 :P

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 23.07.2008, 19:31:46

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

Cytat: Filax - wcześniej on 23.07.2008, 19:11:34

//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>}

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: szujak on 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 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 :D (Chociaż nadal uważam, że bloki by się tu przydały :P)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Grolak on 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...

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Bibson on 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 (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ć.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: Filax on 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 ;) 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.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: karmazynka on 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)

(http://www.gimpuj.info/replacement.png) (http://img258.imageshack.us/my.php?image=f9272059f5cbea64a13c3c5yx7.png)

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.

(http://www.gimpuj.info/replacement.png)

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: fixer_33 on 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 :P

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: karmazynka on 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).

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: fixer_33 on 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ę :P 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ą :P

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: karmazynka on 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ą.

Tytuł: Odp: Strony z obsługą (X)HTML
Wiadomość wysłana przez: fixer_33 on 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 :P

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Grolak on 05.04.2008, 12:48:45