Pierwsza strona internetowa

Pierwszy dokument html

Utwórz na pulpicie nowy dokument textowy (np. przy pomocy notepad'a lub innego edytora textu). Zapisz go następnie na twardym dysku zmieniając mu jednocześnie rozszerzenie z "*.txt" na *.html (gdzie "*" - oznacza dowolny ciąg znaków). Po zmianie rozszerzenia pliku, powinieneś zauważyć zmianę ikony pliku na standardową ikonę przeznaczoną w Twoim systemie operacyjnym dla plików html. Po dwukrotnym, szybkim kliknięciu na zapisany wcześniej plik, powinna otworzyć się przeglądarka internetowa (np. Internet Explorer lub Netscape Navigator), w której od tej pory będziesz oglądać efekty swojej pracy. W następnym kroku kopiuj kolejne elementy podanego poniżej kodu i zapisując zmiany, obserwuj efekty w Twojej systemowej przeglądarce internetowej.

<html> <head> <title> Życiorys: Tomasz Bartuś </title> </head> <body bgcolor="antiquewhite"> <h2>Życiorys</h2> <hr> <h3><u>Tomasz Bartuś</u></h3> <p> [<i> Ostatnia aktualizacja życiorysu: 24.02.2003r </i> </p> <p>Data urodzenia: <b>27.02.1972r</b><br> Miejsce urodzenia: <b>Oświęcim</b></p> <font color="red">Wyksztaćcenie:</font>  <ol> <li>szkoła podstawowa;</li> <li>technikum elektroniczne;</li> <li>AGH wydział GGiO;</li> </ol> <p> <font color="red">Zainteresowania</font>: </p>  <ul> <li>paragliding;</li> <li>alpinizm jaskiniowy;</li> <li>wspinaczka</li> </ul> <hr> LINKI: <uL> <LI> <a href="http://www.agh.edu.pl">AGH</a>; </LI> <LI> <a href="http://geolog.geol.agh.edu.pl"> Wydział GGiO </a>; </li> </ul> <hr> Kontakt: [<a href="mailto:bartus7[wytnij]@geolog.geol.agh.edu.pl"> bartus7[wytnij]@geolog.geol.agh.edu.pl </a>] </body> </html>

Wykłady:

1. Sieci komputerowe

1.1 Pojęcia podstawowe

1.2. Internet - historia i współczesność

1.3. Rodzaje sieci

2. HTML 5.0

2.1. HTML - konwencje

2.2. Kod minimalny dokumentów .html

2.3. Znaki diakrytyczne i metainformacje

2.4. Podstawowe tagi

2.5. Formatowania tekstu

2.6. Obrazy

2.7. Odnośniki

2.8. Listy

2.9. Tabele

3. CSS

3.1. CSS - konwencje

3.2. Kolory

3.3. Tła

3.4. Model pudełkowy

3.5. Krawędzie

3.6. Marginesy

3.7. Dopełnienia

3.8. Wysokość i szerokość

3.9. Tekst

3.10. Czcionki

3.11. Opływanie

3.12. Technika zagnieżdżonych bloków, Display

4. Dodatki

4.1. Publikacja stron www

4.2. Grafika

4.3. Walidacja dokumentów

4.4. Linux (1)

Ćwiczenia:

Zakładanie kont

Tabele:

1 2 3 4 5 6

Ramki:

1 2 3 4 5 6 7

Ramki - projekt

CSS: