Tworzenie stron WWW za pomocą XHTML+CSS

Kurs BrowseHappy poświęcony jest tworzeniu stron WWW za pomocą języków XHTML i CSS. Przeznaczony jest dla osób początkujących lub tych, które znają tylko budowanie stron za pomocą tabel HTML (mogą się oduczyć tabel) Kurs jest oparty na systemie wiki, więc może go każdy edytować.

Autor:
adas , 1425 dni temu
strona w języku http://kurs.browsehappy.pl
Tagi:
css html javascript kurs wiki xhtml
  • parsiuk (www)

    [pokaż komentarz] -1 + - 18-03-2006

    "Ale jak zachwyca, kiedy nie zachwyca?" Dlaczego mam się oduczyć używania tabelek, kiedy one są wygodne?

  • Mitur (www)

    [pokaż komentarz] 0 + - 18-03-2006

    Bo są niezgodne z obowiązującymi standar[u][b]D[/b][/u]ami? Czy to było pytanie retoryczne? Poza tym - tabel można dalej używać, ale do tego, do czego zostały stworzone, np. do prezentacji danych statystycznych :D // edit: nie ma takiego słowa jak standarty! - p_ch

  • kkll

    [pokaż komentarz] +1 + - 18-03-2006

    Dlaczego? Zmiana jednego arkusza zmienia wszystkie strony. Wtedy kod [X]HTML jest krótszy i łatwiejszy do pisania - z CSS męczysz się tylko raz. Dzięki CSS można relatywnie prosto uzyskać wiele efektów, które na tabelach są trudne/niewykonalne/wymagają 150 komórek i 37 obrazków. Kurs nie porusza (jeszcze) problemu Internet Explorera i jego szczątkowego wsparcia dla CSS. Wiele narzekań "na tabelkach jest prosto, a w CSS trzeba kombinować", bierze się nie z braków CSS, a braków i błędów IE - w normalnych przeglądarkach nie trzeba pozbywać się tabel - CSS ma display:table i każdy < div > czy inny element może stać się tabelką, bez nadużywania elementu < table >.

  • kkll

    [pokaż komentarz] 0 + - 18-03-2006

    BTW: w poście jest " <http://www za>" - wygląda na błąd wykopu.

  • Takie coś powinno pojawić się w 1998...

  • puck (www)

    [pokaż komentarz] 0 + - 18-03-2006

    Bo tworzenie na DIVach jest słuszne, bardziej optymalne, tańsze, nie naraża klienta na straty. No i jeśli jesteś fachowcem to nie powiesz chyba: wolę zrobić to tak, żeby kosztowało drożej, bo na DIVach nie umiem. sigh

  • parsiuk (www)

    [pokaż komentarz] +1 + - 19-03-2006

    @kkll - dziękuję za wyczerpującą odpowiedź. Myślę że to wyjaśnia zarówno mi, jak i wielu webowym newbies słuszny kierunek... :>

  • MarCas (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Taaak... załóżmy, że mamy 5 DIVów: head, left, center, right oraz foot. Chcemy uzyskać layout 3-kolumnowy - podobny do tego http://www.gt.hopto.org/~marcas/tabelka/. Kto potrafi podać arkusz CSSa realizujący zadany wygląd? Oczywiście zakładam, że nie dodajemy do HTMLa/XHTMLa dodatkowych DIVów!

  • parsiuk (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Hihi..

  • puck (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Pomijając sensowność takiego layoutu: http://delta.lebkowski.info/delta/69 Nie mam czasu bawić się w dalsze upiększenia.

  • parsiuk (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Moim skromnym zdaniem, podobne tylko w ogólnym założeniu. Jakieś toto rozjechane.

  • puck (www)

    [pokaż komentarz] 0 + - 19-03-2006

    No i owszem, podobne w założeniu. Nie będę Ci robił gotowego layoutu. Jak będziesz chciał konkretą treść tam wstawić to można go dopracować. Niemniej jednak - [b]nie ma żadnego problemu[/b]

  • MarCas (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Nawet w "prostym" (tabelkowo) layoucie 3 kolumnowym DIVy left i right znalazły się w DIVie center, a to chyba nie jest dość ogólne rozwiązanie. Nie rozjeżdżający sie layout jest oczywiście bardziej skomplikowany ( http://www.positioniseverything.net/ordered-borders-center.html, http://www.pmob.co.uk/temp/3colfixedtest_sourcenone.htm). Wykorzystując CSSa da się dużo osiągnąć ( http://www.csszengarden.com/). Ale jakim kosztem (zerknijcie na wielkość arkusza stylów)? Nie traktujcie CSSa jako lekarstwo na wszystkie problemy... ;-)

  • p_ch

    [pokaż komentarz] 0 + - 19-03-2006

    MarCas: to wcale nie jest żaden wielki koszt. Wszystkie nowoczesne przeglądarki trzymają pliki css w cache'u.

  • puck (www)

    [pokaż komentarz] 0 + - 19-03-2006

    Poza tym to, że divy znajdują się wewnątrz lub na zewnątrz akurat nie ma żadnego znaczenia. Jeśli trzy kolumny mają być wizualnie powiązane (wysokość), to dlaczego nie miałyby być i strukturalnie powiązane (DIV obejmujacy)? W praktyce - CSS jest lżejszy, łatwiejszy i daje więcej możliwości, a 66 osób na wykopie potwierdza tą opinię.

  • 69 osob :)

  • kkll

    [pokaż komentarz] 0 + - 20-03-2006

    @MarCas: left, #center, #right {display:table-cell;} i gotowe.

Dodaj komentarz

Tylko zalogowani użytkownicy mogą dodawać komentarze.



copyright © 2010 Wykop