HTML to jest język/system zarządzania informacjami/treścią.
HTML (HyperText Markup Language)
12 marca 1989 roku Tim Berners-Lee zaproponował stworzenie systemu informacyjnego dla laboratoriów wysokich energii CERN w Szwajcarii. Jego pomysł zakładał stworzenie hipertekstowych stron z linkami. To doprowadziło do stworzenie pierwszej strony internetowej i narodzin internetu w wersji World Wide Web (WWW).
World Wide Web Consortium, w skrócie W3C
World Wide Web Consortium – organizacja, która zajmuje się ustanawianiem standardów pisania i przesyłu stron WWW.
Została założona 1 października 1994 roku przez Tima Berners-Lee, twórcę WWW .
Podręczniki
Kurs Sławomira Kokłowskiego: www.kurshtml.edu.pl
Kurs Pawła Wimmera: webmaster.helion.pl
Spis poleceń - znaczniki
Kliknij link poniżej, aby pobrać materiały do ćwiczeń
HTML dla zielonych - edytory HTML - czyli jak zacząć:)
Darmowy edytor kodów źródłowych NOTEPAD++ do pobrania tutaj lub tu do pobrania .
Wpisywanie tekstu - zasady poprawnego wpisywania znaków interpunkcyjnych w tekście komputerowym.
Koniec linii (działa jak ENTER)
Wstawienie obrazka - zmniejszanie grafiki online: https://www.easy-resize.com/
Wykaz - lista punktowana i numerowana
Obramowanie - to robimy w kaskadowych arkuszach stylów. teraz proszę wstawić <table border="1">
Komórki nagłówkowe pogrubione tytuły w tabeli
Selektory
Własności:
PROJEKT DLA CHĘTNYCH
WYKONANIE STRONY NA DOWOLNY TEMAT INNY NIŻ PARKI NARODOWE UŻYTE W TRAKCIE LEKCJI
Umieść wykonaną własną stronę w folderze STRONA WWW na dysku Google.
Link do tego folderu umieść link do tego folderu w pliku w classroomie - ODDANIE PROJETU STRONA WWW
UMIESZCZANIE PRZYGOTOWANYCH STRON NA SERWERZE.
Darmowy hosting i domena: idź do strony. ZAŁÓŻ KONTO.
Darmowy i prosty w użyciu klient FTP do pobrania : FILEZILLA
1. Tworzenie stron w Notepad++
2. HTML - akapit, tytuły
3. Grafikę wstawiamy w Notepad++
4. Tworzenie podstrony w Notepad++
5. HTML - wykaz, czyli lista numerowana lub punktowana
6. Jak wstawić tabelkę na stronę WWW, obramowanie.
7. Jak dodać tytuł strony widoczny na zakładce.
8. HTML - odsyłacz do podstrony
Tworzenie stron w aplikacji www.onlinegdb.com
Pobieranie stron z onlinegdb
Styl lokalny
HTML i CSS - wewnętrzny arkusz stylów
HTML i CSS - zewnętrzny arkusz stylów.
Przykładowe pytanie na sprawdzian HTML + CSS
Który zapis poprawnie wstawi na stronę www grafikę o nazwie parki, która znajduje się w folderze grafika:
<img src="grafika/parki">
<img src="parki">
<img src="grafika/parki.html">
<img src="grafika/parki.png">