środa, 29 maja 2013

Inf. dla 1A - L.55


Temat: Algorytmy iteracyjne w Pascal. Zamiana wartości zmiennych.

Przypomnijmy, że pętla while do jest używana w takiej postaci:

while (warunek_kontynuacji) do
        begin
        end;

Żeby zamienić wartości dwóch zmiennych należy użyć trzeciej zmiennej dla tymczasowego przechowywania informacji.
Na przykład, mamy zmienne a=5 i b=1. Należy użyć jakiejś trzeciej zmienne, na przykład c, w taki sposób:

  1. c:=a;
  2. a:=b;
  3. b:=c;

Tłumaczenie:

  1. Do zmiennej c zapisuje się wartość zmiennej a, to znaczy 5 (a=5, b=1, c=5)
  2. Do zmiennej a zapisuje się wartość zmiennej b, to znaczy 1 (a=1, b=1, c=5)
  3. Do zmiennej b zapisuje się wartość zmiennej c, to znaczy 5 (a=1, b=5, c=5)

Zadanie 1: Napisz program, który odczytywałby dwie liczby wprowadzone z klawiatury i wypisywałby na ekranie wszystkie liczby pomiędzy mniejszą z nich a większą. (na przykład wprowadzono 4 i 1, wtedy program wypisuje 1, 2, 3, 4)

Planowanie programu:

  1. Użyjemy 3 zmienne: max (pierwsza liczba), min (druga liczba), i (licznik) - całe liczby.
  2. Odczytamy z klawiatury 2 liczby i zapiszemy do zmiennych max i min
  3. Sprawdzimy, czy min jest mniejszy od max. Jeżeli nie, to zamienimy wartości zmiennych.
  4. Wartość licznika ustawimy równą wartości min.
  5. Użyjemy pętlę while () do, by wypisywać wartość licznika na ekranie i zwiększać go na każdym kroku. Pętla wykonywana będzie tak długo, jak długo licznik będzie pozostawał mniejszy lub równy max. 

poniedziałek, 27 maja 2013

Inf. dla 2A - L.48


Temat: Hiperłącza w HTML
Hiperłącza w HTML tworzone są za pomocą znaczników <a></a>

Przykład hiperłącza, które prowadzi na stronę szkoły:
<a href="http://pyrzycegim.com/">Publiczny Gimnazjum w Pyrzycach</a>

Zadanie: utwórz stronkę z menu, które prowadziłoby do podstron. Podstrony z kolei też powinni zawierać W tym celu wykonaj następujące kroki:

  1. W folderze Moi Dokumenty utwórz folder z nazwą swojej klasy, a w nim folder z twoim imieniem i nazwiskiem, a w nim folder Stronka.
  2. W folderze Stronka utwórz 4 pliki: o-nas.html, dzieje-sie.html, kadra.html, uczniowie.html.
    Uwaga! 
    • Pliki stwórz w Notatniku, a kiedy będziesz zapisywać je po raz pierwszy, to wybierz kodowanie UTF-8. 
    • Pliki można najpierw zapisać w formacie txt, a następnie zmienić ich rozszerzenie na html
      ( znajdziesz je w Mój Komputer, zaznaczysz każdy po kolei i wciśniesz F2, by zmienić imię)
  3. W każdym z tych plików stwórz tabelę, zawierającą jeden wiersz z dwoma komórkami.
    • W pierwszej komórce będzie Menu z listą odnośników na podstrony.
    • W drugiej komórce będzie tytuł podstrony, odpowiednio: "O nas", "Dzieje się", "Kadra", "Uczniowie"
  4. Odnośniki w menu powinni być hiperłączami, prowadzącymi do odpowiednich plików html z punktu 2.


Inf. dla klas pierwszych - L. 29.

Temat: Excel - arkusz kalkulacyjny.
Zadanie: W arkuszu kalkulacyjnym Excel wykonaj następujące polecenia:

  1. w Arkuszu 1:
    1. w komórce B2 wpisz: 1
    2. w komórce B3 wpisz: 2
    3. zaznacz obszar B2:B3
    4. uchwyć za mały kwadracik na dole zaznaczenia i przeciągnij do komórki B11
    5. w komórce C2 wpisz: 10
    6. w komórce C3 wpisz: 9
    7. zaznacz obszar C2:C3
    8. uchwyć za mały kwadracik na dole zaznaczenia i przeciągnij do komórki C11
    9. w komórce D1 napisz: Suma
    10. w komórce D2 napisz: =B2+C2 i naciśnij Enter
    11. zaznacz komórkę D2 i, chwytając za mały kwadracik na dole zaznaczenia, przeciągnij do komórki D11
    12. zaznacz obszar komórek D2:D11 i wypełnij je kolorem żółtym
  2. w Arkuszu 2:
    1. w komórce B2 wpisz: 11
    2. w komórce B3 wpisz: 12
    3. zaznacz obszar B2:B3
    4. uchwyć za mały kwadracik na dole zaznaczenia i przeciągnij do komórki B11
    5. w komórce C2 wpisz: 20
    6. w komórce C3 wpisz: 19
    7. zaznacz obszar C2:C3
    8. uchwyć za mały kwadracik na dole zaznaczenia i przeciągnij do komórki C11
    9. w komórce D1 napisz: Różnica
    10. w komórce D2 napisz: =B2-C2 i naciśnij Enter
    11. zaznacz komórkę D2 i, chwytając za mały kwadracik na dole zaznaczenia, przeciągnij do komórki D11
    12. zaznacz obszar komórek D2:D11 i wypełnij je kolorem zielonym

niedziela, 26 maja 2013

Inf. dla 1A - L.54


Temat: Algorytmy iteracyjne w Pascal. Pętla while do.
Pętla while do jest używana w takiej postaci:

while (warunek_kontynuacji) do
        begin
        end;

Przykład wypisujący na ekranie liczby od 1 do wybranej przez użytkownika liczby (i - licznik, a - wybrana przez użytkownika liczba):

Program iteracyjny;
var i, a: integer;
begin
write('Wprowadź liczbę: ');
readln(a);
i:=1;
while (i<a) do
         begin
         write(i,'  ');
         i:=i+1;
         end;
readln;
end.

Zadanie 1: Napisz program, który odczytywałby wprowadzoną z klawiatury liczbę i wyprowadzałby tyle gwiazdek na ekranie, ile wynosi ta liczba.
Zadanie 2: Napisz program, który odczytywałby dwie liczby wprowadzone z klawiatury i wypisywałby na ekranie wszystkie liczby pomiędzy mniejszą z nich a większą. (na przykład wprowadzono 4 i 1, wtedy program wypisuje 1, 2, 3, 4)

poniedziałek, 20 maja 2013

Inf. dla klas drugich - L. 34

Temat: Hiperłącza w HTML
Hiperłącza w HTML tworzone są za pomocą znaczników <a></a>

Przykład hiperłącza, które prowadzi na stronę szkoły:
<a href="http://pyrzycegim.com/">Publiczny Gimnazjum w Pyrzycach</a>

Zadanie: utwórz stronkę z menu, które prowadziłoby do podstron. Podstrony z kolei też powinni zawierać W tym celu wykonaj następujące kroki:

  1. W folderze Moi Dokumenty utwórz folder z nazwą swojej klasy, a w nim folder z twoim imieniem i nazwiskiem, a w nim folder Stronka.
  2. W folderze Stronka utwórz 4 pliki: o-nas.html, dzieje-sie.html, kadra.html, uczniowie.html.
    Uwaga! 
    • Pliki stwórz w Notatniku, a kiedy będziesz zapisywać je po raz pierwszy, to wybierz kodowanie UTF-8. 
    • Pliki można najpierw zapisać w formacie txt, a następnie zmienić ich rozszerzenie na html
      ( znajdziesz je w Mój Komputer, zaznaczysz każdy po kolei i wciśniesz F2, by zmienić imię)
  3. W każdym z tych plików stwórz tabelę, zawierającą jeden wiersz z dwoma komórkami.
    • W pierwszej komórce będzie Menu z listą odnośników na podstrony.
    • W drugiej komórce będzie tytuł podstrony, odpowiednio: "O nas", "Dzieje się", "Kadra", "Uczniowie"
  4. Odnośniki w menu powinni być hiperłączami, prowadzącymi do odpowiednich plików html z punktu 2.



Inf. dla klas pierwszych - L.28

Temat: Zasady dobrej prezentacji.
Obejrzyj pliki:
http://www.youtube.com/watch?v=SiEcp2PW7tU - dobór kolorów w prezentacji.
http://m.banaszak.eu.interia.pl/prezentacjei.pdf - jak utworzyć dobrą prezentację.
Zadanie 1: po obejrzeniu powyższych plików napisz  w zaszycie odpowiedzi na poniższe pytania:

  • jakimi zasadami należy kierować się, dobierając kolory w prezentacji?
  • co to są kolory komplementarne?
  • ile linijek tekstu można umieścić na slajdzie, by on był czytelny?
  • na jaką część slajdu najczęściej zwracają uwagę odbiorcy?
  • jak długa ma być prezentacja, by słuchacz zapamiętał chociażby 40% informacji?
  • jaka powinna być czcionka, by prezentacja była czytelna?
Zadanie 2: Zgodnie z zasadami przedstawionymi w powyższych linkach stwórz prezentację, która by zawierała minimum 4 slajdy na dowolny temat. Bądź przygotowany odpowiedzieć na pytania o zasadach dobrej prezentacji. 


niedziela, 19 maja 2013

Inf. dla 1A - L.53

Temat: Algorytmy warunkowe w Pascal (cz.2)
if ( warunek ) then
   begin
   .....
   end
   else
       begin
       ......
       end;
Zadanie: Napisz program w języku Pascal, który odczytywałby z klawiatury jedną całą liczbę, a następnie sprawdzałby, czy ta liczba jest większa, mniejsza lub równa zeru i wyprowadzałby na ekran odpowiedni wynik:

  • Liczba jest dodatnia
  • Liczba jest ujemna
  • Liczba jest równa zeru.

wtorek, 14 maja 2013

Inf. dla klas drugich - L. 33

Temat: Formatowanie i style 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.

Ogólny schemat jednego ze sposobów użycia stylów:
<nazwa_znacznika style="nazwa_parametra1: wartość; nazwa_parametra2: wartość"></nazwa_znacznika>

Oto przykład takiego użycia stylów do różnych znaczników:
<p style="text-align: center; color: rgb(0,0,255); font-size: 30px"> </p>
lub
<table style="border-collapse: collapse; border: 1px solid black">
 <tr>
   <td style="Background-color: yellow; padding: 10px"></td>
   <td style="Background-color: blue; padding: 15px"></td>
 </tr>
</table>

Dla akapitów <p></p>:

text-align:  - wyrównanie tekstu
  • right - do prawej
  • left - do lewej
  • center - wyśrodkowany
  • justify - wyjustowany
color: - kolor czcionki
  • rgb(255,140,0) - system dziesiętny w RGB (składniki: czerwony, zielony, niebieski), każdy parametr zmienia się od 0 do 255 
  • FFFFFF - system szesnastkowy w RGB 
  • red - słowny opis koloru 
  • blue 
  • ... 
text-indent:
  • 20px – wcięcie dla pierwszej linii akapitu w pikselach. 
Font-size:  - rozmiar czcionki
  • 20px – rozmiar w pikselach 
font-family: - nazwa czcionki
  • Times New Roman 
  • Times 
  • Arial 
  • Verdana 
  • Sherif 
  • Sans-sherif 

Dla elementów tabeli <table></table>, <tr> </tr> i <td></td>:

Border: - granica
  • 2px solid black – grubość linii krawędzi w pikselach, styl – nieprzerwana linia, koloru czarnego 
border-spacing: -  używane tylko do <table></table>, przestrzeń pomiędzy krawędzią tabeli, a krawędziami poszczególnych komórek
  • 0px –  wartość w pikselach 
Pudding:
  • 20px – odstęp pomiędzy granicą kontenera (tabeli, komórki, wiersza), a jego zawartością 
Background-color: -  kolor tła
  • RGB(0,0,102) ) - system dziesiętny w RGB, każdy parametr zmienia się od 0 do 255 
  • FFFFFF - system szesnastkowy w RGB 
  • red - słowny 
  • blue 
  • ... 
border-collapse: - używać tylko do <table></table>
  • Separate – rozdzielać komórki 
  • Collapse – nie rozdzielać komórki

Zadanie: Pobierz Plik. Powtórz jego zawartość za pomocą HTML i stylów w edytorze http://htmledit.squarefree.com/
Szczegółowe wskazówki co do poszczególnych komórek:
1) rozmiar czcionki 11, Arial
2) rozmiar czcionki 8, Arial
3)rozmiar czcionki  12, Times New Roman odstępy: 15px
4)rozmiar czcionki 10, Verdana, odstępy: 10px
5) rozmiar czcionki odstępy: 20px, rysunek może być dowolny z Internetu

poniedziałek, 13 maja 2013

Inf. dla 2A - L.47

Temat: Wstęp w HTML.
HTML - (ang. HyperText Markup Language) –hipertekstowy język znaczników, obecnie szeroko wykorzystywany do tworzenia stron internetowych.
http://htmledit.squarefree.com/ - online edytor HTML

Podstawowe znaczniki:
<i> </i> - kursywa
<b> </b> - pogrubienie
<u> </u> - podkreślenie
<p> </p> - akapit
<br> - przerywanie linijki tekstu i przeniesienie kursora na następną linijkę
<img src="adres_URL"> - wstawia rysunek z podanego adresu
<a href="adres_URL"> </a> - hiperłącze do podanego adresu
<h1> </h1> - Nagłówek 1
<h2> </h2> - Nagłówek 2
<h3> </h3> - Nagłówek 3
<ul> </ul> - lista punktowana
<ol> </ol> - lista numerowana
<li> </li> - elementy listy
Zadanie: W edytorze HTML napisz i sformatuj artykuł tak, jak na stronie szkoły: http://pyrzycegim.com/index.php?link=konkurs-curie-portret.

Inf. dla klas pierwszych - L.27


Temat: Animacja niestandardowa.
Podstawowe typy animacji niestandardowej:
Wejście - animacja pojawienia się obiektu na slajdzie.
Wyróżnienie - animacja obiektu, który już jest na slajdzie, ale nie usuwa jego ze slajdu.
Wyjście - animacja zniknięcia obiektu ze slajdu.
Ścieżki ruchu - podobna do animacji Wyróżnienia, tylko obiekt porusza się po ścieżce ruchu zadanej przez użytkownika.
Zadanie 2: Pobierz Plik. Wybierz w nim jeden z kwiatków, rozgrupuj obiekt i zrób animację rosnącego kwiatka, w której:

  • Najpierw roślinka rośnie: stopniowo pojawiają się liścia i kwiatek (Każdy element kwiatka powinien pojawiać się na ekranie za pomocą animacji wejścia)
  • Następnie kwiatek pięknie kwitnie (np. płatki stają się kolorowe lub bardziej nasyconego koloru, lub płatki pulsują - każdy element kwiatka powinien być animowany za pomocą animacji wyrużnienia lub ścieżki ruchu)
  • Następnie kwiatek więdnie i opada (Każdy element kwiatka powinien znikać z ekranu za pomocą animacji wyjścia)

czwartek, 9 maja 2013

Inf. dla 2A - L.46

Temat: Algorytmy iteracyjne w Pascal. Zamiana wartości zmiennych.

Przypomnijmy, że pętla while do jest używana w takiej postaci:

while (warunek_kontynuacji) do
        begin
        end;

Żeby zamienić wartości dwóch zmiennych należy użyć trzeciej zmiennej dla tymczasowego przechowywania informacji.
Na przykład, mamy zmienne a=5 i b=1. Należy użyć jakiejś trzeciej zmienne, na przykład c, w taki sposób:

  1. c:=a;
  2. a:=b;
  3. b:=c;

Tłumaczenie:

  1. Do zmiennej c zapisuje się wartość zmiennej a, to znaczy 5 (a=5, b=1, c=5)
  2. Do zmiennej a zapisuje się wartość zmiennej b, to znaczy 1 (a=1, b=1, c=5)
  3. Do zmiennej b zapisuje się wartość zmiennej c, to znaczy 5 (a=1, b=5, c=5)

Zadanie 1: Napisz program, który odczytywałby dwie liczby wprowadzone z klawiatury i wypisywałby na ekranie wszystkie liczby pomiędzy mniejszą z nich a większą. (na przykład wprowadzono 4 i 1, wtedy program wypisuje 1, 2, 3, 4)

Planowanie programu:

  1. Użyjemy 3 zmienne: max (pierwsza liczba), min (druga liczba), i (licznik) - całe liczby.
  2. Odczytamy z klawiatury 2 liczby i zapiszemy do zmiennych max i min
  3. Sprawdzimy, czy min jest mniejszy od max. Jeżeli nie, to zamienimy wartości zmiennych.
  4. Wartość licznika ustawimy równą wartości min.
  5. Użyjemy pętlę while () do, by wypisywać wartość licznika na ekranie i zwiększać go na każdym kroku. Pętla wykonywana będzie tak długo, jak długo licznik będzie pozostawał mniejszy lub równy max. 

wtorek, 7 maja 2013

Inf. dla klas pierwszych - L.26

Temat: Dodawanie hiperłącza, animacji i dźwięków do slajdów.
Zadanie 1: Użyj prezentacji z poprzedniej lekcji. Slajd drugi, pozostawiony pustym, zrób nieukrytym. Na tym slajdzie dodaj meni z odnośnikami na poszczególne slajdy twojej prezentacji (oprócz tytułowego). A na poszczególnych slajdach dodaj na dole przycisk powrotu do menu.
Zadanie 2: Dodaj animowane przejścia pomiędzy slajdami.
Zadanie 3: Dodaj muzykę, która bez przerwy grałaby w tle prezentacji.

poniedziałek, 6 maja 2013

Inf. dla klas drugich - L. 32

Temat: Tabele w HTML
Oto znaczniki wykorzystywane do tworzenia tabel w HTML:
<table></table> - początek i koniec tabeli
<tr></tr> - początek i koniec wiersza tabeli
<td></td> - początek i koniec komórki w tabele.
Dodatkowo można dodawać właściwości znacznikom <td>:
colspan="x"
rowspan="x"
Gdzie x to liczba kolumn lub wierszy, na którą ma być rozciągnięta komórka. Na przykład:
<td colspan="3"></td>
<td rowspan="2"></td>
Przykłady są tu:
http://www.quackit.com/html/html_table_tutorial.cfm

Zadanie: Używając edytor HTML online http://htmledit.squarefree.com/, stwórz tabelę jak na poniższym rysunku
a)
b)


Przed tabelą wstaw poniższy kod:

<style type="text/css">
  table{
    border: 1px solid blue;
    background-color: yellow;
    border-spacing: 0px;
  }
  td{
    border: 1px solid blue;
    padding: 5px;
  }
</style>
Pomoże on ci zmienić widok tabeli tak, by wyglądała czytelnie i ładnie.



Inf. dla 2A - L.45

Temat: Algorytmy iteracyjne w Pascal. Pętla while do.
Pętla while do jest używana w takiej postaci:

while (warunek_kontynuacji) do
        begin
        end;

Przykład wypisujący na ekranie liczby od 1 do wybranej przez użytkownika liczby (i - licznik, a - wybrana przez użytkownika liczba):

Program iteracyjny;
var i, a: integer;
begin
write('Wprowadź liczbę: ');
readln(a);
i:=1;
while (i<a) do
         begin
         write(i,'  ');
         i:=i+1;
         end;
readln;
end.

Zadanie 1: Napisz program, który odczytywałby wprowadzoną z klawiatury liczbę i wyprowadzałby tyle gwiazdek na ekranie, ile wynosi ta liczba.
Zadanie 2: Napisz program, który odczytywałby dwie liczby wprowadzone z klawiatury i wypisywałby na ekranie wszystkie liczby pomiędzy mniejszą z nich a większą. (na przykład wprowadzono 4 i 1, wtedy program wypisuje 1, 2, 3, 4)

niedziela, 5 maja 2013

Inf. dla 1A - L.50

Temat: Algorytmy iteracyjne.
Zadanie 1: narysuj schemat blokowy dla algorytmu, który odczytywałby z klawiatury liczbę, a następnie pisałby na ekranie tyle gwiazdek, ile wynosi wprowadzona liczba.
Zadanie 2:  narysuj schemat blokowy dla algorytmu, który odczytywałby z klawiatury liczbę, a następnie obliczałby sumę wszystkich liczb od 1 do tej liczby (pod warunkiem, że wprowadzona liczba jest większa od jedynki).
Zadanie 3:  narysuj schemat blokowy dla algorytmu, który odczytywałby z klawiatury dwie liczby, a następnie obliczałby sumę wszystkich liczb od mniejszej z nich do większej (należy sprawdzić, która większa).
Zadanie 4:  narysuj schemat blokowy dla algorytmu, który odczytywałby z klawiatury liczbę, a następnie obliczałby silnię tej liczby (należy sprawdzić, czy liczba jest większa od 0).

Inf. dla 1A - L.49


Temat: Algorytmy warunkowe.
Ogólny schemat użycia bloku warunkowego:

Przykład schematu blokowego dla algorytmu obliczania ilorazu dwóch liczb rzeczywistych:


Przykład schematu blokowego dla algorytmu Obliczanie wartości bezwzględnej dowolnej liczby rzeczywistej

Zadanie 1: Narysuj schemat blokowy dla algorytmu, który będzie odczytywał 2 liczby wprowadzone z klawiatury - szerokość i wysokość prostokąta (a,b), sprawdzał ich poprawność (powinni byś większe od zera), a następnie obliczał pole prostokąta (P) lub informował o niepoprawności danych.
Zadanie 2: Narysuj schemat blokowy dla algorytmu, który będzie odczytywał 2 liczby wprowadzone z klawiatury (a,b), a następnie wybierał, największą (max) z nich i wyprowadzał ją na ekran monitora.
Zadanie 3: Narysuj schemat blokowy algorytmu, który podobnie jak w poprzednim zadaniu wyszukiwałby liczbę największą, jednak tym razem nie wśród dwóch, tylko wśród trzech liczb podanych przez użytkownika (a,b,c).