Przejdź do treści

Kurs HTML - strona WWW za darmo

Konkurs WWW
Wystartuj w konkursie na najlepszą stronę WWW organizowanym na forum dyskusyjnym www.forumweb.pl. Na zwycięzców czekają atrakcyjne nagrody. Zachęcamy do zgłoszeń...

Witam na wirtualnym kursie języka HTML!

Dla początkujących

Czy nie byłoby wspaniale mieć własną stronę WWW w Internecie i to zupełnie za darmo? Łatwiej powiedzieć, niż zrobić? Nic podobnego! Nawet jeśli kompletnie nie orientujesz się w składni HTML - czyli języka służącego do pisania stron internetowych - nie przerażaj się. Tutaj znajdziesz specjalny rozdział "HTML dla zielonych", który pozwoli Ci bezboleśnie przejść przez ten pierwszy i chyba najtrudniejszy okres dla każdego webmastera (czyli osoby projektującej strony WWW). Napiszesz swoją pierwszą stronę nawet w ciągu jednego dnia! Aby to zrobić, nie musisz mieć nawet dostępu do Internetu w domu. W rozdziale "I co dalej..." możesz przeczytać dokładny opis, jak wprowadzić własną stronę do Internetu (zupełnie za darmo).

HTML, XHTML

Jeżeli Twój poziom zaawansowania jest wyższy, również znajdziesz tu coś dla siebie. Dogłębny opis wszystkich znaczników wraz z bardzo licznymi przykładami ich użycia w praktyce. Zdobędziesz nie tylko wiedzę teoretyczną, ale i praktyczną. Szczególnie polecam zapoznanie się z językiem XHTML, który jest obecnie standardem w tworzeniu stron WWW. Natomiast na stronie "HTML 4.01" znajduje się opis wszystkich znaczników i ich atrybutów według oryginalnej specyfikacji HTML 4.01, opracowanej przez organizację W3C (World Wide Web Consortium), zajmującą się systematyzowaniem standardów internetowych.

CSS

Jeśli jeszcze nie wiesz, co to są i do czego służą style CSS, koniecznie musisz zajrzeć na strony poświęcone temu właśnie zagadnieniu. Pozwoli Ci to w prosty sposób kontrolować wygląd Twoich stron WWW w zakresie, który do tej pory był wręcz niemożliwy do uzyskania. Style zaraz po ich wprowadzeniu, szybko stały się podstawowym narzędziem formatującym, dlatego tym bardziej wskazane byłoby się z nimi zapoznać. Szczerze mówiąc, nie wyobrażam sobie stworzenia większego serwisu internetowego bez używania stylów.

JavaScript

Na tej stronie znajdziesz również wiele przydatnych skryptów JavaScript, czyli specjalnych programów, które umieszczone bezpośrednio w kodzie źródłowym strony, umożliwiają wykonywanie pewnych dynamicznych zadań, niedostępnych na zwykłych statycznych witrynach. Aby je zastosować, nie musisz znać żadnych języków programowania. Znajdziesz tutaj skrypty wyłącznie przydatne przy budowie profesjonalnych serwisów WWW, natomiast nie przeczytasz o takich, które tylko irytują internautów lub co gorsze, w pewnych przypadkach nawet zupełnie uniemożliwiają używanie witryny.

Dlaczego warto przeczytać ten kurs?

  • Jeśli chcesz szybko i bez kłopotu założyć własną stronę w Internecie, nie zagłębiając się zbytnio w składnię HTML, w rozdziale Dla zielonych dowiesz się jak to zrobić zupełnie od podstaw i całkowicie za darmo.
  • Kompletny opis języka HTML, XHTML oraz CSS został oparty na specyfikacjach organizacji W3C, która jest jednym z największych światowych autorytetów w tej dziedzinie.
  • Przejrzysta szata graficzna serwisu ułatwi czytanie, jasny układ treści (podział na rozdziały i punkty) pozwoli szybko przyswoić poznane wiadomości, a luźny styl tekstu uprzyjemni i przyspieszy naukę (trudność rośnie w miarę postępów).
  • Prawie każdy opis został poparty odpowiednimi przykładami - nawet jeśli nie zrozumiesz czegoś od razu, przykład wyjaśni wszystko. Co więcej, każdy przykład (X)HTML i CSS możesz od razu wypróbować, zmieniając jego kod i na żywo obserwując rezultaty - bez potrzeby używania żadnych dodatkowych programów.
  • Cała masa uwag i spostrzeżeń pozwoli Ci uniknąć trudnych i nieoczekiwanych problemów, a praktyczne wskazówki pomogą poznać różne "sztuczki", przydatne przy tworzeniu stron WWW (w wielu innych kursach zostało to przedstawione szczątkowo lub zupełnie pominięte).
  • Ten kurs to jedno z najobszerniejszych i najdokładniejszych opracowań internetowych na temat języka HTML, XHTML i stylów CSS - kilkaset stron wydruku! Na dodatek wszystko jest napisane po "ludzku" :-). Zamiast kupować drogie książki, przeczytaj ten kurs za darmo.
  • Znajdziesz tutaj wiele skryptów JavaScript, niezwykle przydatnych dla każdego webmastera i gotowych do natychmiastowego użycia, które pozwolą Ci wykroczyć poza tradycyjny HTML.
  • Po przeczytaniu rozdziału możesz rozwiązać specjalny testowy quiz, dzięki któremu łatwo ocenisz swoje postępy w nauce.
  • Automatyczny indeks tematyczny (skorowidz) oraz wyszukiwarka pomogą błyskawicznie odnaleźć interesujące informacje.
  • Wszystkie strony zostały specjalnie przygotowane do drukowania, chociaż radzę raczej korzystać z kursu bezpośrednio na komputerze (chyba że masz za dużo tuszu w drukarce :-)
Zaprojektuj własną skórkę!

Skórki Teraz każdy czytelnik Kursu HTML może wykonać własną skórkę i oficjalnie ją opublikować, tak aby wszyscy mogli z niej korzystać. Inicjatywa bardzo przypomina znane przedsięwzięcie css Zen Garden. Miejmy nadzieję, że spotka się z pozytywnym przyjęciem i znajdzie się więcej osób, chcących i potrafiących pokazać siłę CSS na konkretnym przykładzie, a jednocześnie niezbity argument, który przekona ostatnich niedowiarków, że już najwyższy czas porzucić stare przyzwyczajenia w tworzeniu serwisów WWW, które królowały w ubiegłym stuleciu.

Hosting boo.pl

Wersja offline

Kurs HTML - wersja offline

Jeżeli nie posiadasz w domu dostępu do Internetu, możesz pobrać na swój dysk wersję offline całego Kursu HTML. Wybierz serwer, z którego chcesz pobrać plik:

Serwer 1
Serwer 2

Nie zapomnij o regularnym sprawdzaniu nowości pojawiających się w serwisie. Zasady korzystania z wersji offline znajdziesz w rozdziale Prawa autorskie oraz w pobranym pliku.

Dotacje

Pomogła Ci ta strona? Chcesz, aby dalej się rozwijała?
Dotpay - Bezpieczne transakcje internetowePayPalWpłać dobrowolną dotację...

HTML:
A ABBR ACRONYM ADDRESS APPLET AREA ARTICLE ASIDE AUDIO B BASE BASEFONT BDI BDO BIG BLOCKQUOTE BODY BR BUTTON CANVAS CAPTION CENTER CITE CODE COL COLGROUP COMMAND DATALIST DD DEL DETAILS DFN DIALOG DIR DIV DL DT EM EMBED FIELDSET FIGURE FIGCAPTION FONT FOOTER FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HEADER HGROUP HR HTML I IFRAME IMG INPUT INS ISINDEX KBD KEYGEN LABEL LEGEND LI LINK MAP MARK MATH MENU META METER NAV NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION OUTPUT P PARAM PRE PROGRESS Q RP RT RUBY S SAMP SCRIPT SECTION SELECT SMALL SOURCE SPAN STRIKE STRONG STYLE SUB SUMMARY SUP SVG TABLE TBODY TD TEXTAREA TFOOT TH THEAD TIME TITLE TR TRACK TT U UL VAR VIDEO WBR
CSS:
align-content align-items align-self azimuth background background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-radius border-bottom-right-radius border-bottom-left-radius border-top-right-radius border-top-left-radius border-right border-top border-bottom-color border-left-color border-right-color border-top-color border-bottom-style border-left-style border-right-style border-top-style border-bottom-width border-left-width border-right-width border-top-width border-collapse border-color border-spacing border-style border-width bottom box-decoration-break box-shadow box-sizing break-after break-before break-inside caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height justify-content left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width opacity order orphans outline outline-color outline-offset outline-style outline-width overflow padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes resize richness right size speak speak-header speak-numeral speak-punctuation speech-rate stress table-layout text-align text-decoration text-indent text-shadow text-transform top unicode-bidi vertical-align visibility voice-family volume white-space widows width word-spacing z-index