Leśniakowie

I GIM - ZT: Rysunek techniczny ◊ Fotografia ◊ Program naucznia ◊ Zasady ◊ Oceny

II GIM - Informatyka: Budowa i działanie komputera ◊ Systemy operacyjne ◊ Edytor graficzny ◊ Edytor tekstu ◊ Program naucznia ◊ Zasady ◊ Oceny

III GIM - Informatyka: Arkusz kalkulacyjny ◊ Prezentacja ◊ Baza danych ◊ XHTML ◊ PROJEKT ◊ Program naucznia ◊ Zasady ◊ Oceny

I LO - TI: Redagowanie tekstów ◊ Elementy grafiki komputerowej ◊ Prezentacja ◊ Program naucznia ◊ Zasady ◊ Oceny

III LO - TI: Oprac. danych i prowadz. obl. ◊ XHTML ◊ Program naucznia ◊ Zasady ◊ Oceny

TWOJA SZKOŁA I: KLASA 2B ◊ KLASA 2B1 ◊ KLASA 3A ◊ KLASA 3A1 ◊ Archiwum

Materiały pomocnicze z Informatyki dla uczniów III klasy gimnazjum
do programu nauczania ...
XHTML
  1. Podstawowa struktura dokumentu (XHTML 1.0 Transitional):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=windows-1250" />
    <title>Mój tytuł strony</title>
    </head>
    <body>
    <div>Zespół Szkół Mistrzostwa Sportowego</div>
    </body>
    </html>
  2. Podstawowa struktura dokumentu (XHTML 1.0 Strict):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=windows-1250" />
    <title>Mój tytuł strony</title>
    </head>
    <body>
    <div>Zespół Szkół Mistrzostwa Sportowego</div>
    </body>
    </html>
  3. Serwis W3C do sprawdzania poprawności dokumentów HTML/XHTML
  4. algorytmy.pl Kurs HTML/CSS/XHTML
  5. Ćwiczenia:
    1. wielkość czcionki:
      <div style="font-size: 24px;">ZSMS</div>
      ZSMS
    2. kolor tekstu:
      <div style="color: green;">ZSMS</div>
      ZSMS
    3. wyrównanie poziome tekstu - wycentrowanie w poziomie:
      <div style="text-align: center;">ZSMS</div>
      ZSMS
    4. wyrównanie poziome tekstu - wyrównanie do prawej strony:
      <div style="text-align: right;">ZSMS</div>
      ZSMS
    5. łączenie poleceń:
      <div style="font-size: 18px; text-align: center; color: gold;">ZSMS</div>
      ZSMS
    6. tekst pogrubiony:
      <div>Zespół Szkół <b>Mistrzostwa</b> Sportowego</div>
      Zespół Szkół Mistrzostwa Sportowego
    7. tekst pochyły:
      <div>Zespół Szkół <i>Mistrzostwa</i> Sportowego</div>
      Zespół Szkół Mistrzostwa Sportowego
    8. lista zwykła:
      <div>
      <ul>
      <li>jeden</li>
      <li>dwa</li>
      <li>trzy</li>
      </ul>
      </div>
      • jeden
      • dwa
      • trzy
    9. tabela:
      <table border="1">
      <tr><td>A</td><td>B</td><td>C</td></tr>
      <tr><td>1</td><td>2</td><td>3</td></tr>
      </table>
      A B C
      1 2 3
    10. łączenie kolumn w tabeli:
      <table border="1">
      <tr><td colspan="3">A</td></tr>
      <tr><td>1</td><td>2</td><td>3</td></tr>
      </table>
      A
      1 2 3
    11. łączenie wierszy w tabeli:
      <table border="1">
      <tr><td rowspan="2">A</td><td>B</td><td>C</td></tr>
      <tr><td>2</td><td>3</td></tr>
      </table>
      A B C
      2 3
    12. tło komórki:
      <table border="1">
      <tr><td style="background: red;">A</td><td style="background: green;">B</td><td style="background: yellow;">C</td></tr>
      <tr><td>1</td><td>2</td><td>3</td></tr>
      </table>
      A B C
      1 2 3
    13. grafika:
      <div><img src="rolada.jpg" alt="Rolada" /></div>
      Rolada
    14. znak końca linii (ENTER):
      <div>jeden<br />dwa<br /><br />cztery</div>
      jeden
      dwa

      cztery
    15. kolor tła strony:
      <body style="background-color: red;">
    16. odnośnik (link, hiperłącze):
      <div><a href="http://www.zsms.poznan.pl">ZSMS</a></div>
    17. uniwersalny element liniowy (przykłady zastosowań):
      <div>Zespół Szkół <span style="color: green;">Mistrzostwa</span> Sportowego</div>
      Zespół Szkół Mistrzostwa Sportowego

      <div>Zespół Szkół <span style="font-weight: bold;">Mistrzostwa</span> Sportowego</div>
      Zespół Szkół Mistrzostwa Sportowego
    18. twarda spacja (której używamy wszędzie tam, gdzie niezbędne jest, by dwa wyrazy nie zostały rozdzielone pomiędzy wiersze tekstu):
      <div>Jest to zdanie bez litery
      "i"&nbsp;na końcu</div>
      Jest to zdanie bez litery
      "i" na końcu

  6. Przykładowe strony do wykonania:





                           



  7. PROJEKT:
    1. opis projektu opis PROJEKTU