czwartek, 22 marca 2012

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.1Komórka 1.2
Komórka 2.1Komó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.

wtorek, 20 marca 2012

Systemy operacyjne dla 1TI (21.03.2012r.)

Temat 1: menedzer wydruku i opcje drukowania
Temat 2: typy drukarek.
Pobierz poniższe pliki:
http://www.box.com/s/b68c8bbc9efa59c34eeb
http://www.box.com/s/2f1f882c9cd078c25899
Zadanie : wykonaj test, który da nauczycielka.

Temat 3: drukowanie do pliku
Pobierz plikhttp://www.box.com/s/aa6daba5d355c5dafa09
Zadanie (1 punkt, zadanie opcjonalne): Wydrukuj powyższy dokument do pliku.

czwartek, 15 marca 2012

Technologia Informacyjna dla 1TM, 1TI i 1TD (15 i 21.03.2012)

Temat: Tworzenie i stosowanie stylów w języku HTML


Napisz w zeszycie:

CSS - Kaskadowe arkusze stylów (ang. Cascading Style Sheets ; w skrócie CSS) to język służący do opisu formy prezentacji (wyświetlania) stron WWW
HTML (ang.) HyperText Markup Language – hipertekstowy język znaczników, obecnie szeroko wykorzystywany do tworzenia stron internetowych.



Materiał pomocniczy:
http://www.youtube.com/watch?v=mGbvRTSJoCE
http://www.youtube.com/watch?v=U96UguDW3nw&feature=related
http://www.youtube.com/watch?v=CjiuKED8kuQ&feature=related
http://www.box.com/s/5e594155a997a1fddd6e o krojeniu szablonu w Photoshop
http://www.youtube.com/watch?v=xDrtsmnoJbU - krótko o html i css - można oglądać bez dźwięku.
Kurs po HTML i CSS: http://pl.html.net/tutorials/

Dla bardziej zaawansowanych: http://www.box.com/s/91c9467142800bf0daf9
Jak zrobić rozwijające się menu: http://www.youtube.com/watch?v=rY4v3lILoFQ - można oglądać bez dźwięku.


Zadanie (15 punktów):
Pobierz archiwum i za jego pomocą tworz swoją stronę:
http://www.box.com/s/cd1994f3296bdd2b5a2f
Ważne kroki:

  1. Zdecyduj, na jakie warstwy (div) podzielisz stronę 
  2. Pokrój swój projekt graficzny z poprzednich zajęć
  3. Utworz plik html jako index.html. Na tym kroku nie dbamy o wygląd, tylko o zawartość.
  4. Utworz do niego tablicę stylów style.css. CSS powinno poustawiać wszystkie elementu strony na swoi miejsca i nadać im odpowiedni wygląd.

środa, 14 marca 2012

Systemy operacyjne i sieci komputerowe dla 1TI (14.03.2012)

Temat 1: Konfiguracja drukarki
Przeczetaj poniższy plik:
https://docs.google.com/open?id=0B4ZexfdQV8C0bDhoVEd6QV9UQVdlNUZnOVBqbElmdw
Zadanie: Używając powyższy plik, a równiż i Internet wykonaj test, który da nauczycielka

Temat 2: Drukowanie z poziomu aplikacji Windows
Przeczytaj plik:
https://docs.google.com/open?id=0B4ZexfdQV8C0c1FNcWJ6XzNUSUdKcF8zb0MzUWJkUQ
Pobierz plik:
https://docs.google.com/open?id=0B4ZexfdQV8C0bk9pc0xhWmpReUc5dkFVZ3ZGV2l5dw
Zadanie 2 (5 punktów, na punktację składa się znajomość teorii, termin do 11 kwietnia): za pomocą wirtualnej drukarki, na przykład PDFCreator, wydrukuj powyższy plik w następujące sposoby:

  1. Zwykły wydruk całego dokumentu.
  2. Strony 2,4 i 7
  3. Parzyste strony w czarnobiałym kolorze
  4. Wszystkie strony po 4 na kartce 
  5. Wszystkie strony w odwrotnym kierunku dwie kopie. 

czwartek, 8 marca 2012

Technologia Informacyjna dla 1TM, 1TI i 1TD (8 i 15.03.2012)

Temat: Projektowanie i tworzenie stron w Internecie
Przeczytaj:
Samo projektowanie stron www to określenie funkcjonalności strony oraz jej wyglądu (określenie funkcjonalności, czyli założenie, jakie moduły będzie miała dana strona i odpowiednie rozmieszczenie ich na niej). Początkowo, grafik rozrysowuje sobie wstępną koncepcję na stronę, by kolejno dodawać na „szkic” elementy, manewrować nimi, sposobem rozmieszczenia tego, co powinno się znaleźć na witrynie zgodnie z oczekiwaniami przyszłego właściciela.

Oprócz wszystkich niezbędnych elementów witryny, graficy wybierają kolorystykę dla strony, tworzą tło serwisu, czasami tworzą też logo dla firmy (oczywiście zależy, czy firma zaczyna działalność od Internetu, czy już wcześniej działała poza siecią). Skupiają się również na takich szczegółach, jak czcionki tekstu pisanego, czy nagłówków stron, tytułów, itp. Już na pierwszy „rzut oka” widać, że projektowanie stron www  jest bardzo istotnym etapem tworzenia stron (o ile nie najistotniejszym).

Poniżej przedstawiona struktura plików i foldrów strony www: Katalog główny "www" jest obowiązkowym folderem każdego serwera. W nim tworzą foldery, które zawierają w sobie informacje, która dotyczy poszczególnych stron www (na obrazku przedstawiona struktura dla strony roadside_studio). Folder każdej strony zawiera podfoldry css (tabela stylów), img (obrazki) i js (java script). Również tu znajduje się plik index.html, który zawiera kod HTML strony.


Zadanie 1 (10 punktów, termin do 5 kwietnia): Zaprojektuj stronę internetową twojej klasy za pomocą programu Photoshop. Projekt powinien zawierać:

  1. Czapkę/nagłówek (obrazek na górze strony)
  2. Menu (O nas, plan zajęć, zdjęcia... można dodać dowolne)
  3. Główna część strony (miejsce, gdzie będą pojawiały/wyświetlały się podstrony)
  4. Stopkę (dolna część strony, zawierająca informacje o tym, kto jest autorem danej strony)
Z gróbsza projekt powinien wyglądać tak:



czwartek, 1 marca 2012

Technologia Informacyjna dla 1TM, 1TI i 1TD (1 i 7.03.2012)

Temat 1: Korzystanie z zasobów Internetu – wyszukiwanie i pobieranie informacji.
Zapoznaj się z informacją podaną na następującej stronie:
http://www.zsnr1.dmkproject.pl/marek/materialy/ti/ob/02.internet/01.internet.pdf
Zadanie 1 (9 punktów, termin do 5.04.2012r.):
a) wpisz w wyszukiwarce zapytanie,
 - które pozwoliłoby znaleźć informację o najleprzym systemie operacyjnym, ale żeby to nie był Windows.
- które znajdzie strony o Windows i o Linux
- które znajdzie strony o Windows lub Linux osobno
Wyniki wyszukiwania dodaj do ulubionych stron.

b) znajdź w internecie zdjęcie fig suszonych o rozdzielczości co najmniej 1024x768. Warunek: zdjęcie nie powinno zawierać innych przedmiotów, ani napisów, ani znaków wodnych, powinno być wyraźne i dobrze naświetlone. Link do znalezionego zdjęcia dodaj do ulubionych do folderu "Ulubione zdjęcia" (jeżeli go nie ma na komputerze, to utwórz go).
c) Znajdź na youtube.com filmik pod tytułem „Keira Knightley- the miracle of photoshop” i ściągnij go do swojego folderu w *.flv i w dowolnym innym formacie. Link na ten filmik dodaj do ulubionych do folderu "Ulubione filmy" (jeżeli go nie ma na komputerze, to utwórz go).

Temat 2: Wymiana plików między komputerami

Napisz w zeszycie:

FTP ((ang.) File Transfer Protocol) – protokół transferu plików – protokół komunikacyjny typu klient-serwer wykorzystujący protokół TCP, umożliwiający dwukierunkowy transfer plików w układzie serwer FTP – klient FTP.

Serwer FTP, zależnie od konfiguracji, może pozwalać na dostęp do jego zasobów bez podawania hasła uwierzytelniającego – dostęp anonimowy. Najczęściej jednak serwer FTP autoryzuje każde połączenie za pomocą loginu i hasła uwierzytelniającego.



Przeczytaj infomację zawartą w następującym artykule:
http://www.wydawnictwo.murator.pl/pliki/doc/pdf/Instrukcja_obslugi_trasferu_FTP_dla_redakcji.pdf

Zadanie 2 (3 punktry, termin do 5.04.2012r.): Zaloguj się na serwer ftp.wydawnictwo.murator.com.pl
anonimowo i pobierz z niego plik Kopia.mpg z folderu TV.