30 lis 2021

29 lis 2021

kółko informatyczne - listopad 2021

 

30 listopada 2021

 zadanie excele - imiona [pobierz]

 imiona plik txt -imiona  [pobierz]

 treść zadania -  imiona  [pobierz]

Budowanie struktury strony HTML na bazie tabeli

 

Aby zrobić szablon  strony za pomocą tabeli potrzebujesz kodu źródłowego napisanego za pomocą znaczników HTML

Znacznik wstawiania tabeli to:

{<table>

<table>}

Pamiętaj, że potrzebujesz jeszcze znacznika wiersza <tr></tr> i znacznika komórek <td></td>

Jeżeli chcesz zbudować tabelę, która będzie miała trzy wiersze i trzy kolumny (patrz obrazek poniżej)


potrzebujesz następującego kodu:

<table>

<tr>

<td></td><td></td><td></td>        WIERSZ PIERWSZY

</tr>


<tr>

<td></td><td></td><td></td>       WIERSZ DRUGI 

</tr>


<tr>

<td></td><td></td><td></td>      WIERSZ TRZECI

</tr>

</table>


Ale samo napisanie takiego kodu to zdecydowanie za mało. Na samym początku musimy określić wielkość i położenie tabeli. 

WIELKOŚĆ

Jeżeli chcesz na samym początku określić wielość tabeli musisz użyć atrybutu WIDTH (szerokość)

oraz atrybutu ALIGN (czyt: alajn), który określi położenie całej tabeli.

<table width=”1000” align =”center”>

Teraz napisz  kod dla pierwszego wiersza, który będzie miał trzy komórki. Kod będzie wyglądał tak:

<tr>

<td></td><td></td><td></td>

</tr>

Kod napisany jest prawidłowo, ale wam potrzebna jest JEDNA komórka. Należy więc scalić trzy komórki <td> w jedną. 


SCALANIE KOMÓREK

do scalania komórek potrzebny jest atrybut COLSPAN (column span)


<tr>

<td colspan =”3”></td>

</tr>


W drugim wierszu tabeli pozostają trzy komórki ale musisz im nadać odpowiednie wielkości

<tr>

<td width= ”140”></td>

<td width =”680” ></td>

<td width =”180”></td>

</tr>


Trzeci wiersz powinien posiadać jedną kolumnę. Należy ją scalić tak jak w wierszu pierwszym używając atrybutu COLSPAN


PAMIETAJ!

Znacznik table nie służy do tworzenia struktury strony. Robisz to, aby samemu się przekonać jak wygląda budowanie  strony na bazie tabeli.






17 lis 2021

Kalendarz adwentowy.


|Stwórzmy w aplikacji scratch animowany kalendarz adwentowy. Otwórz aplikację online scratch.mit.edu  Zaloguj się i stwórz nowy projekt

W naszym projekcie wystąpią:

  • Duszki ciastka,
  • Duszki zadania lub wróżby,
  • Duszki śnieżynki,
  • Duszki cyferki – dni tygodnia.

Zadanie pierwsze – tło

Tło możemy pobrać z biblioteki tła wpisanej do programy scratch. Możemy też pobrać tło ze strony pixabay.com

Po pobraniu tła wczytujemy je do naszego projektu.

Zadanie drugie – ciasteczka

W naszym kalendarzu każdy dzień tygodnia adwentowego to jedno ciasteczko. Klikając na ciasto mamy sprawić wrażenie, znikającego ciastko, a ponadto po ukryciu ciastka ma się na ekranie   pojawić obrazek z zadaniem na ten dzień. Może to być też dobra wróżba J

  • Skorzystamy raz jeszcze ze strony pixa
    bay. Tym razem w wyszukiwarce aplikacji wpisz chrismats cake i wybierz ciasteczko. Pobierz je.
  • Teraz wczytaj ciasteczko do naszego projektu. W lewym dolnym rogu najedź na ikonę głowy kotka i wybierz opcję wczytaj duszka.
  • Teraz zmniejsz duszka, bo wczytane przez ciebie ciastko na pewno jest za duże.
  • Po zmniejszeniu ciastka wchodzimy do zakładki kostiumy i duplikujemy ciastko w zduplikowanym duszku wycinamy kawałek ciastka tak, aby powstało wrażenie, że ciasto jet nadgryzione.
  • Duplikujemy nadgryzione ciasteczko i znowu wycinamy jego kawałek.
  • Czynność tę powtarzamy kilkakrotnie.

Gdy już mamy kilka kostiumów "Duszka ciastka" zabieramy się za napisanie dla niego skryptu


 Skrypt ten oznacza, że po kliknięciu zielonej chorągiewki na ekranie pojawi się całe ciasteczko, ale gdy klikniemy na ciasteczko będzie ono zmieniało kostiumy. Każdy kostium zmieni się po upływie pół sekundy. Efekt zmiany kostiumy sprawi wrażeniu znikającego ciastka. 

ZOBACZCIE, ŻE JA DO TEGO SKRYPTU DODAŁAM TEŻ DŹWIEK, KTÓRY RÓWNIEŻ SIĘ POJAWIA PO KLIKNIĘCIU NA CIASTECZKO

  

Zadanie trzecie - Duszek zadania lub wróżby

Kolejne zadania to pobranie obrazka na którym będzie się pojawiała wróżba lub zadanie na dany dzień.

Znowu skorzystamy ze strony pixabay.com. wpiszcie ramka i pobierzcie wybraną przez siebie ramkę. Ja wybrałam taką jak widzicie poniżej. Możecie ja pobrać i wykorzystać w swoim projekcie.


  • Pobierz obrazek ze strony pixabay lub pobierz ten który widzisz powyżej
  • Wczytaj obrazek do swojego projektu w scratchu
  • Zduplikuj obrazek 24 razy
  • kliknij na kostiumy w wpisz zadanie na każdym obrazku ( na każdym inne zadanie) .
Teraz czas na skrypt dla obrazka. Po uruchomieniu programu obrazek musi być niewidoczny. Ma się pojawić dopiero gdy zniknie ciasteczko. Na początku skrypt musi wyglądać tak: 



"Duszek ciasteczko" - uzupełniamy kod

 Teraz musimy wrócić do skryptu napisanego dla ciasteczka i dodać do niego dalszą część kodu.

Napisaliśmy już skrypt dla ciastka, dzięki któremu ciastko znika teraz chcemy, aby pokazał się obrazek z wróżbą musimy wiec  NADAĆ WIADOMOŚĆ do obrazka z pierwszą wróżbą, aby się pokazała na 2 sekundy.

Z kategorii ZDARZENIA wybieramy bloczek NADAJ KOMUNIKAT. Rozwijamy bloczek i wpisujemy nowy komunikat. Niech on brzmi pokaż 1 grudnia




i teraz uzupełniamy kod w obrazku z wróżbą. Nadaliśmy do duszka komunikat, aby się pokazał i zniknął gdy przeczytamy jaka jest dla nas wróżbą na pierwszy dzień grudnia

















7 lis 2021

Animowana flaga na Dzień Niepodległości




 Zbliża się święto niepodległości z tej okazji zróbmy widokówkę na urodziny Polski w programie GIMP.

1. Otwórz program GIMP

2. Kliknij PLIK - NOWY i wybierz kartkę o rozmiarach 850x450 pikseli. tło kartki niech będzie białe

3. Zrób obramowanie strony, które będzie wyglądało jak poszarpany krawędź. Aby to zrobić kliknij w górnym menu na filtry wybierz DEKORACJA - POSZARPANA KRAWĘDZ. W otwartym oknie wybierz kolor krawędzi inny niż biały.

4. Teraz wybierz z internetu obraz, który kojarzy się Tobie z świętem niepodległości. Najlepiej obraz taki wybrać ze strony, na której obrazy są zamieszczane na otwartych licencjach. np pixabay.com i zapisz go w swoim folderze na komputerze.

5. Pobierz obraz jako warstwę do swojej pracy, aby to zrobić należy kliknąć PLIK - OTWÓRZ JAKO WARSTWY

5. Za pomocą krzyżaka, który znajduje się w przyborniku możesz przesuwać warstwę w dowolne miejsce na swoim obrazku

6. Gdy umieścisz wszystkie elementy na swoim miejscu wybierz filtr ARTYSTYCZNE, a następnie  SZKLANE PŁYTKI. 

7. Teraz czas na napis. 11 listopada to urodziny Polski. Napisz dla Niej życzenia. W tym celu wybierz z przybornika literkę A i zacznij pisać na obrazku.

8. Gdy napis będzie gotowy powiel warstwę z napisem. 

9. Na powielonej warstwie zmień kolor czcionki i za pomocą krzyżaka przesuń trochę warstwę w inne miejsce.

10. Zapisz obraz jako animację. Kliknij PLIK - wyeksportuj jako wybierz rozszerzenie gif.


obejrzyj film