Poradnik dla początkujących

24.07.05, 14:53
"Początkujący" to pojęcie chyba bardzo względne. Dla kogoś, kto parę lat para
się pisaniem stron, ja, ze swoim półrocznym doświadczeniem będę amatorem. Ale
chodzi mi o tych zupełnie zielonych, dla których HTML to póki co rozszerzenie
nazwy pliku. Wchodzą na forum i próbują się czegoś dowiedzieć. Od czego
zacząć, gdzie znaleźć informacje, tutoriale? Zapraszam forumowiczów do
zamieszczania swoich porad. Najlepiej będzie jak każdy określi poradę w
temacie (będzie łatwiej dostępna) i w wątku rozwinie - uzasadni, poda linki
etc. Odpowiedzi z "Re:" mogą być komentarzami, alternatywnymi rozwiązaniami, w
końcu polemiką (jeżeli mogę zasugerować formę dyskusji). No to zaczynamy.
    • mateuszchol Używaj wyłącznie małych liter w tagach 24.07.05, 15:09
      Myślałem o tym, żeby zacząć od pojęcia "minimalnego dokumentu" html. Tzn. co
      powinien zawierać. Ale chyba każdy przyzwoity tutorial powinien to określać.
      Przyzwoity? Np:
      www.w3schools.com/html/html_intro.asp
      Dlaczego więc małe litery? Otóż HTML jest rozwijany w tym kierunku i w nowszych
      wersjach HTMLa (XHTML) wielkie litery w standardowych tagach są niedozwolone.
      Tak już będzie z każdą nowszą wersją. Jeżeli więc nawet jest to Twój pierwszy
      dokument w HTMLu - stosuj tę regułę - bo to będzie w przyszłości dobry nawyk.

      Dobrze (prawie, bo typ dokumemtu powinien być określony, ale to inna kwestia):

      <html>
      <head>
      <title>Tytuł strony</title>
      </head>
      <body>
      To jest moja pierwsza strona.
      </body>
      </html>

      Przeglądarka zrozumie, ale nie tędy droga:

      <HTML>
      <head>
      <title>Tytuł strony</TITLE>
      </head>
      <body>
      To jest moja pierwsza strona.
      </BODY>
      </html>
      • mtq w nazwach plików też 24.07.05, 22:01
        W nazwach plików należy stosować tylko małe literki bo jak się napisze w kodzie odwołanie do obrazka
        dużymi, a plik jest nazwany małymi to są problemy (np. obrazki się nie wyświetlają)
        I nie stosować polskich literek ani spacji.
        Tylko: a-z 0-9 - _
        • szczurek1983 Re: w nazwach plików też 25.07.05, 11:47
          Pisać deklaracje typu dokumentu !DOCTYPE
          Starać się pisać zgodnie ze standartami języka i tak aby strona działała
          poprawnie pod wszystkimi popularnymi przeglądarkami.
          Nie krzyżować tagów "<p><b> </p></b>" tak nie wolno.
          Myślę, że ktoś kto zaczyna powinien poczytać sobie najpierw o zasadach języka i
          dopiero zaczynać coś robić. Mam też propozycję aby zaczynać się uczyć pisać w
          edytorze tekstowym. Nie mówię że ma być to notatnik, ale kod powinniśmy tworzyć
          sami żeby dokładnie wiedzieć co w nim jest.
    • mateuszchol Pisz deklaracje typu dokumemtu 25.07.05, 21:10
      Powtarzam to, co napisał szczurek1983, ale staram się dotrzymywac konwencji,
      którą zaproponowałem na początku. Poza tym rozwinę trochę temat:

      Przed początkowym <html> w dokumencie powinna pojawić się deklaracja typu.
      Jeżeli upierasz się przy HTMLu 4 to deklaracje typu opisane są np. tu:
      www.w3schools.com/html/html_whyusehtml4.asp
      A dlaczego nie zacząć od XHTML? Definicje typu:
      www.w3schools.com/xhtml/xhtml_dtd.asp
      W tym ostatnim przypadku małe litery, o których pisałem w pierwszej poradzie to
      obowiązek. XHTML to po prostu bardziej poprawny HTML, gdyby ktoś pytał :) A skąd
      początkujący ma wiedzieć czy jego dokument jest rzeczywiście taki (spełnia
      wszelkie kryteria), jak to sobie określił w definicji? Do tego służą walidatory,
      a TEN WŁAŚCIWY walidator dostępny jest tu:

      validator.w3.org/
      Ilekroć uznasz, że pewien etap prac nad dokumentem jest zakończony - sprawdź czy
      jest to poprawne. Sprawdzanie poprawności dopiero po zakończeniu całej pracy
      może utrudnić identyfikację błędów - szczególnie, jeżeli są to błędy
      przekrywania tagów (nesting errors, o których pisał już szczurek). Bo wtedy
      widzisz pełno komunikatów o zakmniętych a nigdy otwartych tagach (lub na odwrót)
      , a nie wprost, że tagi się przekrywają.
    • mateuszchol Unikaj przekrywania tagów 25.07.05, 21:23
      (znowu rozwijam wypowiedź szczurka, który streścił się w jednym wpisie :) ale po
      co ta oszczędność miejsca?)

      Tagi nie mogą się przekrywać. Tagi muszą się w sobie zawierać. Przykład:

      Źle:
      <b><i></b></i>

      Dobrze:
      <b><i></i></b>

      Należy na to zwracać szczególną uwagę, bo niby to mały błąd, ale walidacja idzie
      się przez takie rzeczy paść. Poza tym jest to bardzo częsty błąd. Uważasz na
      kolejność - unikasz większości błędów. A więc warto na to zwracać uwagę.

      Praktyka: moim sposobem jest wpisywanie zawsze tagu otwierającego i zamykającego
      (w jednym ciągu, w jednym czasie), następnie umieszczanie kursora pomiędzy nie i
      pisanie dalej. Bo jeżeli <b> Otworzysz tag i napiszesz ileśtam słów, to możesz
      zapomnieć, że go otworzyłeś. <b><i><u> Lub jak pootwierałeś ich kilka, nawet jak
      nie zapomnisz o pozamykaniu, skąd wiesz, że nie pokaszani się kolejność? Proces
      powstawania tagu w tagu:
      1. <b></b>
      2. <b>tu kursor</b>
      4. <b><i></i></b>
      5. <b><i>tu kursor i spokojnie piszemy</i></b>

      i tyle :)
    • mateuszchol Wybierz przyzwoite kodowanie 25.07.05, 21:53
      Być może meta-tagi to zupełnie oddzielna kwestia, ale na to powinno się zwrócić
      uwagę w pierwszej kolejności (moim skromnym zdaniem). Pod tytułem, ale wewnątrz
      <head></head>

      wpisz:
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

      Wymusza to edycję dokumentów w UTF-8 (unicode), ale warto, bo jest to
      najbardziej uniwersalne kodowanie (i jeżeli zabierzesz się np za stronę o
      Kóżągołowski&Mülßinger GmbH nie pojawi się problem ze znaczkami :). A to chyba
      wystarczający powód.

      Jeżeli jednak już bardzo nie chcesz lub nie lubisz UTF-8 możesz wpisać:
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
      (dla dokumentów z polskimi znaczkami - i tu już np widać ograniczenie.
      iso-8859-2 oznacza wschodnioeuropejski, UTF-8 oznacza każdy możliwy :)

      Ostatecznie - nigdy, ale to przenigdy nie używaj "windows-...". To nie jest
      kodowanie, to jest wstyd.
      • mtq Re: Wybierz przyzwoite kodowanie 26.07.05, 13:31
        Ale jak masz użyć jeden obcy znaczek to nie musisz zmieniać kodowania na UTF, tylko możesz użyć
        znaku specjalnego, np. ë ä
        • mtq Re: Wybierz przyzwoite kodowanie 26.07.05, 13:32
          Tzn.: & euml; & auml; (bez spacji po &)
          :-)
          • mateuszchol Re: Wybierz przyzwoite kodowanie 26.07.05, 15:26
            Jedna z klientek miała kedyś taki kaprys, żeby pewien napis znajdował się w
            status bar. Po niemiecku, z umlautami. I tam &uuml; nie wypaliło. Wyświetlał
            się &uuml; (chociaż na stronie było ü). Wtedy wypróbowałem UTF-8 i
            zadziałało. I od tamtej pory mój emacs ma ustawione to właśnie kodowanie, jako
            domyślne. Może status bar to kiepski powód, ale od czegoś trzeba zacząć. Poza
            tym zastanawiam się czy nie ma przypadkiem różnicy w indeksowaniu przez roboty
            słów zapisanych na dwa sposoby. Czy google indeksuje słowa w postaci, w jakiej
            się wyświetlają? Czy w taki, w jaki zapisany są w kodzie?
            W każdym wypadku unicode jest bezpieczniejszą opcją.

            Ale fakt - przy pojedynczym słowie może i można sobie odpuścić. O ile ma się
            pewność, że to tylko jedno słowo.
            • mtq Re: Wybierz przyzwoite kodowanie 29.07.05, 14:17
              Z tego co zauważyłem Google traktuje a i ą, ó i o, ę i e itd. jako te same literki, ale nie wiem czy tak
              samo traktuje zachodnioeuropejskie umlauty, gravisy itp.
    • sebvaldes Re: Poradnik dla początkujących 26.07.05, 05:18
      www.kurshtml.boo.pl
      "Creating web pages for dummies" - swietna lekturka
      • szczurek1983 Re: Poradnik dla początkujących 26.07.05, 14:25
        Ja jeszcze do tego tagu otwierającego i zamykającego w jednej lini, o ile jest
        to <b> to rozumiem ale tabelke lepiej sie pisze z enterami bo bardziej czytelne
        jest ulozenie tabeli no i unikamy kilometrowego wiersza.
        No tak i jeszcze znaczniki jakimi sie posługujemy w tych przykładach nie są
        zalecane w XHTML zamiast nich nalezy w stylach ustawic bold czy italic.
        Ciagnac XHTML nalezy zamykac kazdy znacznik np <br /> <img scr="" alt="" />
        no właśnie w XHTML nie wolno atrybutów wpisywać bez cudzyslowia
        źle
        <p algin=center></p>
        dobrze
        <p algin="center"></p>
        w html to przechodzilo jesli za = było jedno słowo.
        No i atrybutu algin tez nie powinno sie juz uzywac.
        W ogóle wypada przeczytac specyfikaje jezyka przed pisaniem kodu, jesli nie
        specyfikacje to chociaz jej skroty ktorych w sieci pełno. Najwazniejsze zasady
        sa tam opisane.
        No właśnie temat sie zrobi strasznie rozbudowany, bo z tego całkiem obszerna
        strona by wyszła.
        • mateuszchol Re: Poradnik dla początkujących 26.07.05, 15:16
          Fakt, najlepiej byłoby zapoznać się z zasadami a później pisać, ale to jest
          raczej niewykonalne. Nauka programowania zazwyczaj polega na pisaniu programów
          od pierwszych minut - tzn. wklepujesz prosty kod, podglądasz efekt, cieszysz się
          z niego a dopiero później starasz się go zrozumieć :). Kolejna lekcja - to samo
          z kodem trochę bardziej zaawansowanym. Inaczej każdy by się znudził.
          I to samo dotyczy HTMLa, niestety przeglądarki nie "kompilują" kodu przed
          wyświetleniem i kontrolowanie poprawności wymaga samodyscypliny od początkujących.
          W moich przykładach użyłem <b>, <i> i <u> ... no właśnie - jedynie jako
          przykładów :)
    • pauiius Re: Poradnik dla początkujących 26.07.05, 15:51
      Witam, Szukam w Warszawie dobrego punktu gdzie moiżna zapisać sie na kurs
      programowania i tworzenia stron www (html, php, java)? Poradżcie, gdzie sie
      zapisać? Gdzie prosto i dobrze tłumaczą, aby się nauczyć? Nie mam samozaparcia,
      aby sam się uczyć.
      • szczurek1983 Re: Poradnik dla początkujących 26.07.05, 15:55
        A będziesz mieć samozaparcie żeby później tworzyć bo jak nie to nie warto
        wydawać pieniędzy. A tworzenie stron nie jest bezstresowym zajęciem jakby się
        mogło wydawać. A co do wa-wy to nie wiem bo to nie moje miasto.
        • pauiius Re: Poradnik dla początkujących 26.07.05, 19:41
          Będę miał, bo potem znajdę zatrudnienie w firmie kumpla, a on jest tak zajęty
          że nie ma czasu mnie uczyć
    • szczurek1983 Re: Poradnik dla początkujących 26.07.05, 15:53
      Oczywiście powinno się używać css do określania styli.
      Zgadzam się że większość robi to metodą prób i błędów myślę że należy zacząć w
      takim wypadku od kursu online żeby mieć jakąś pomoc.
      Myślę że pisanie kursu na forum nie jest najlepszym rozwiązaniem. Poza tym nie
      czuję się jakimś autorytetem w tej dziedzinie żeby udzielać komuś lekcji mimo że
      piszę zgodnie ze standartami.
      • mateuszchol Re: Poradnik dla początkujących 27.07.05, 03:25
        Nie przesadzaj ze skromnością ;) No to podrzuć chociaż jakieś linki. Sam się
        pewnie wiele nauczę, bo przyznaję się bez bicia - czasami robię na czuja i
        cieszę się, że działa... a tak a propos laski połączenie alkoholu i internetu
        jest zabójcze, to taka luźna refleksja na zakończenie wtorku i powitanie środy,
        która już zbliża się od wschodu...
Pełna wersja