Materiały pomocnicze z Technologii Informacyjnej dla uczniów III klasy liceum
do programu nauczania DKOS - 4015 - 18/02
XHTML
- Podstawowa struktura dokumentu:
<!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> - Podstawowa struktura dokumentu on-line
- Serwis W3C do sprawdzania poprawności dokumentów HTML/XHTML
- algorytmy.pl Kurs HTML/CSS/XHTML
- Ćwiczenia:
- wielkość czcionki:
<div style="font-size: 24px;">ZSMS</div>ZSMS
- kolor tekstu:
<div style="color: green;">ZSMS</div>ZSMS
- wyrównanie poziome tekstu - wycentrowanie w poziomie:
<div style="text-align: center;">ZSMS</div>ZSMS
- wyrównanie poziome tekstu - wyrównanie do prawej strony:
<div style="text-align: right;">ZSMS</div>ZSMS
- łączenie poleceń:
<div style="font-size: 18px; text-align: center; color: gold;">ZSMS</div>ZSMS
- tekst pogrubiony:
<div>Zespół Szkół <b>Mistrzostwa</b> Sportowego</div>Zespół Szkół Mistrzostwa Sportowego
- tekst pochyły:
<div>Zespół Szkół <i>Mistrzostwa</i> Sportowego</div>Zespół Szkół Mistrzostwa Sportowego
- lista zwykła:
<div>
<ul>
<li>jeden</li>
<li>dwa</li>
<li>trzy</li>
</ul>
</div>- jeden
- dwa
- trzy
- 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 - łą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 - łą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 - 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 - grafika:
<div><img src="rolada.jpg" alt="Rolada" /></div>
- znak końca linii (ENTER):
<div>jeden<br />dwa<br /><br />cztery</div>jeden
dwa
cztery - kolor tła strony:
<body style="background-color: red;">
- odnośnik (link, hiperłącze):
<div><a href="http://www.zsms.poznan.pl">ZSMS</a></div>
- 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
- 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" na końcu</div>Jest to zdanie bez litery
"i" na końcu
- wielkość czcionki:
- Przykładowe strony do wykonania:
- PROJEKT z Technologii Informacyjnej dla uczniów klas 3 LO
- W dniach od 8 lutego do 31 marca 2010 (godz. 20:00) można oddawać prace dodatkowe zwane dalej
PROJEKTEM z Technologii Informacyjnej na zadany przez nauczyciela temat.
- Projekty zostaną ocenione najpóźniej do 7 kwietnia (godz 8:00). Wszystkie osoby, które będzie
satysfakcjonować ocena z Projektu zostaną zwolnione z pisania sprawdzianu z XHTML 1.0, który odbędzie
się na lekcji TI w dniach 8 - 12 kwietnia 2010.
- Wykaz tematów:
... - Ocena z Projektu będzie miała podczas obliczania średniej ważonej oceny końcowej wagę 5.
- W oddanej pracy należy umieścić następujące informacje:
- Nazwa kraju
- Nazwa stolicy kraju
- Kontynent
- Liczba ludności kraju
- Powierzchnia kraju
- Liczba ludności stolicy kraju
- Powierzchnia stolicy kraju
- Głowa Państwa
- Krótki opis 3 osób urodzonych w kraju
- Wymagania dotyczące sposobu wykonania Projektu:
- Projekt powinien być pracą samodzielną ucznia wykonaną w szkole lub poza szkołą,
- Projekt powinien być stroną WWW napisaną w języku XHTML 1.0 Strict,
- w Projekcie powinny znajdować się wszystkie wymagane informacje dotyczące tematu
- aby otrzymać ocenę maksymalną z Projektu (CELUJĄCY) należy:- umieścić stronę na dowolnym serwerze WWW tak, aby strona była widoczna z dowolnego komputera z dostępem do Internetu
- wykorzystać jak najwięcej poznanych podczas zajęć poleceń i styli
- oprócz spełnienia wymagań Projektu oceniana będzie również oryginalność strony i kodu strony
- strona WWW podczas walidacji nie może mieć więcej niż 6 błędów
- UWAGA
Istnieje możliwość wykonania Projektu w programie PowerPoint. Maksymalna ocena jaką będzie można otrzymać za tak wykonaną pracę to DOBRY. W prezentacji należy: wykonać nie więcej niż 6 slajdów, zastosować przynajmniej jedno przejście slajdu i jedną animację tekstu, wstawić przynajmniej jeden WordArt, na ostatnim slajdzie wstawić hiperłącze do pierwszego slajdu.
- Sposób oddania pracy:
- podczas zajęć na dysku PRACE,
- na CD/DVD,
- e-mail: anna@lesniakowie.com (link do strony WWW oraz pliki spakowane do nazwiskoimię.zip lub nazwiskoimię.rar
W przypadku prezentacji w PowerPoint nazwiskoimię.ppt)
- Oceny końcowe (aktualizacja: 23-04-2010 22:42:00):
- W dniach od 8 lutego do 31 marca 2010 (godz. 20:00) można oddawać prace dodatkowe zwane dalej
PROJEKTEM z Technologii Informacyjnej na zadany przez nauczyciela temat.
