Praktyka zawodowa

PROJEKTY UCZNIÓW

Jakub Gazela: https://plgazela.github.io/


W3Schools: https://www.w3schools.com/default.asp

Kompresja plików filmowych:

Kompresja H264 oraz H265

https://www.montersi.pl/wsparcie/porada/rodzaje-kompresji-systemach-cctv/

Modele barw:

https://fizyka.umk.pl/~milosz/PSPiZK/graf/grafika.htm


Inkscape:

Rysujemy gruszkę: https://www.youtube.com/watch?v=8Sg0ysozBlE

Tworzenie serca od podstaw: https://www.youtube.com/watch?v=g9EZeWzg4Mw

Tworzenie zwierzątek (króliczek): https://www.youtube.com/watch?v=7aBtBG_99ek


HTML: Różnice w czystym kodzie HTML a stylach CSS:

Kurs 1: Podstawy:

https://www.youtube.com/watch?v=k2IydkL3EOs

ZADANIE: Wykonaj stronę w języku HTML wzorując się na powyższym tutorialu.

Dodaj element <marque> do materiału, ustaw kolor tła wg palety kolorów w zapisie szesnastkowym (HEX). Możesz posiłkować się generatorem kolorów: http://www.kurshtml.edu.pl/html/generator_kolorow,kolory.html

Wstaw poniżej na stronie kod HEX wybranego tła, przekształć te liczby w zapisie: dziesiętnym oraz binarnym i napisz je na stronie w postaci wyniku przekształcenia.

Zapisz stronę na pulpicie w folderze „Praktyka”

PRZYKŁAD STRONY HTML + CSS

Kurs języka HTML > przydatne informacje: http://www.kurshtml.edu.pl/html/zielony.html

Formularze, listy … :http://www.kurshtml.edu.pl/html/formularze.html

szablon strony w html: szablon

TUTAJ: CSS_Strona

https://www.youtube.com/watch?v=2nWSCxIpHfc

ZADANIE: Wykonaj stronę w języku HTML opartą na tabelach <table> wzorując się na powyższym tutorialu.Dodatkowo posiłkuj się stroną: http://www.kurshtml.edu.pl/html/struktura_tabeli,tabele.html

Wykonaj plan lekcji swojej klasy tworząc tabele, nagłówki, godziny lekcyjne. Wstaw grafikę jako logo tabeli, zmiań kolory tła, wstaw tekst <marque> w tytule tabeli „plan lekcji”.


Wygląd strony:

<meta http-equiv=”X-UA-Compatibile” content=”IE=edge,chrome=1″/> /*używa najnowszej wersji silnika przeglądarki opartej na ramkach, stosujemy wpis w sekcji <head></head>*/

#logo
{
background-color: black;
color: white; /*określa kolor czcionki, nie trzeba pisać text*/
text-align: center; /*wyśrodkowuje tekst*/
padding: 15px; /*określa ramkę wkoło tekstu na szerokość 15 pikseli*/
}


1. Style CSS – kaskadowość (Cascading Style Sheets)

Polecenie: Zaprojektuj stronę internetową opartą na kodzie HTML. Po napisaniu kodu HTML, obejrzyj materiał filmowy, wykonaj poprawki, utwórz arkusz stylów css. Wypróbuj hierarchię zapisów stylów czcionki (kolory) zaobserwuj kiedy i w jakich okolicznościach, działają nadrzędne zasady.

https://www.youtube.com/watch?v=RJEKMbD_kEk

2. Stylizacja szablonu strony.

Pliki do odcinka: kurs_css2

https://www.youtube.com/watch?v=iebsHOE8KEw

Projekty wykonane w ramach praktyk zawodowych: