Technologia Informacyjna dla 1TM, 1TI i 1TD (22 i 28.03.2012)

Pobierz poniższy archiwum:
http://www.box.com/s/6da5e053b38d12bf8a4c - tu znajduje się prosty przykład strony, pocięty w Photoshopie, zapisany w html i ułożony w css.


Temat 1:  Etykiety na stronie.
Przeczytaj o etykietach tu: http://www.kurshtml.edu.pl/html/do_etykiety,odsylacze.html

Zadanie 1 (7 punktów, termin do 19 kwietnia): Jeżeli nie robisz własnej strony, to użyj powyższą stronę z archiwum i dodaj do niej podstrony tak, by przy kliknięciu na punkt menu otwierała się odpowiednia podstrona.

Temat 2: Tabele w HTML

Tabelę można opisać za pomocą poleceń:
1)
 <TABLE BORDER>
<TR><TD>Komórka 1.1</TD><TD> Komórka  1.2</TD></TR>
<TR><TD> Komórka  2.1</TD><TD> Komórka  2.2</TD></TR>
</TABLE>
Wygląd:

Komórka 1.1	Komórka 1.2
Komórka 2.1	Komórka 2.2

2)
<TABLE BORDER>
        <TR>
                <TD>Item 1</TD>
                <TD COLSPAN=2>Item 2</TD>
        </TR>
        <TR>
                <TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD>
        </TR>
</TABLE>
Wygląd:

Item 1	Item 2
Item 3	Item 4	Item 5

3)
 <TABLE BORDER>
        <TR>
                <TD height="50" width="100">Item 1</TD>
                <TD ROWSPAN=2>Item 2</TD>
                <TD>Item 3</TD>
        </TR>
        <TR>
                <TD>Item 4</TD> <TD>Item 5</TD>
        </TR>
</TABLE>
Wygląd:

Item 1	Item 2	Item 3
Item 4		Item 5

Zadanie 2 (10 punktów, ternim do 26 kwietnia): za pomocą wspomnianych wyżej poleceń dodaj na swojej stronie rozkład zajęć w tabele na odpowiedniej podstronie. W razie potrzeby wydłuż warstwę treści.

Zadanie 3 (12 punktów, opcionalne, dla chętnych, termin do 26 kwietnia): Na podstronie Zdjęcia wykonaj następujące czynności:

1. Wydłuż warstwę treści
2. Dodaj na niej w tabele bez widocznych ramek 5-7 zdjęć jedno pod drugim 
3. Przed nimi utwórz listę z etykietami, które odwołują się do każdego z tych zdjęć. Przy kliknięciu na odpowiedni element spisu treści stronna powianna przesunąć się (przewinąć się) tak, by widoczne było zdjęcie.