{"id":9547,"date":"2025-03-19T18:16:00","date_gmt":"2025-03-19T18:16:00","guid":{"rendered":"https:\/\/www.demo.spsuchy.pl\/?p=9547"},"modified":"2026-03-22T20:22:49","modified_gmt":"2026-03-22T20:22:49","slug":"kolo-zainteresowan-witryny-i-aplikacje-internetowe-i-inne-tajniki","status":"publish","type":"post","link":"https:\/\/www.demo.spsuchy.pl\/index.php\/2025\/03\/19\/kolo-zainteresowan-witryny-i-aplikacje-internetowe-i-inne-tajniki\/","title":{"rendered":"Ko\u0142o zainteresowa\u0144 \u2013 Witryny i aplikacje internetowe i inne tajniki"},"content":{"rendered":"\n<p>Uczniowie w ramach zaj\u0119\u0107 poznaj\u0105 najpopularniejsze j\u0119zyki programowania (HTML, PHP, JavaScript) u\u017cywane w stronach internetowych oraz aplikacjach www.<\/p>\n\n\n\n<p>Zaj\u0119cia ciesz\u0105 si\u0119 bardzo du\u017cym zainteresowaniem. Ju\u017c nied\u0142ugo efekty w postaci w\u0142asnych witryn internetowych.<\/p>\n\n\n\n<p><strong>Zadania realizowane przez ucznia na zajeciach :<\/strong><\/p>\n\n\n\n<p>\u2013 okre\u015bla z jakich element\u00f3w zbudowany jest dokument hipertekstowy<\/p>\n\n\n\n<p>\u2013 wprowadza komentarz do dokumentu<\/p>\n\n\n\n<p>\u2013 stosuje znaki specjalne<\/p>\n\n\n\n<p>\u2013 wymienia popularne edytory stron www<\/p>\n\n\n\n<p>\u2013 tworzy stron\u0119 internetow\u0105 z wykorzystaniem wybranego edytora<\/p>\n\n\n\n<p>\u2013 tworzy stron\u0119 internetow\u0105 wykorzystuj\u0105c zwyk\u0142y edytor tekstu typu Notatnik<\/p>\n\n\n\n<p>\u2013 tworzy podstawow\u0105 struktur\u0119 dokumentu HTML<\/p>\n\n\n\n<p>\u2013 wprowadza tytu\u0142 dla strony www<\/p>\n\n\n\n<p>\u2013 wy\u015bwietla tekst na stronie internetowej<\/p>\n\n\n\n<p>\u2013 poprawnie wy\u015bwietla polskie znaki na stronie www<\/p>\n\n\n\n<p>\u2013 ustawia kodowanie strony<\/p>\n\n\n\n<p>\u2013 wprowadza odpowiednie metainformacje w nag\u0142\u00f3wku<\/p>\n\n\n\n<p>\u2013 tworzy akapity, bloki i tytu\u0142y<\/p>\n\n\n\n<p>\u2013 organizuje teksty zamieszczone na stronie<\/p>\n\n\n\n<p>\u2013 formatuje wy\u015bwietlane tre\u015bci na stronie www<\/p>\n\n\n\n<p>\u2013 wprowadza tekst preformatowany<\/p>\n\n\n\n<p>\u2013 stosuje indeks g\u00f3rny i dolny<\/p>\n\n\n\n<p>\u2013 tworzy list\u0119 numerowan\u0105 i punktow\u0105<\/p>\n\n\n\n<p>\u2013 tworzy prost\u0105 animacj\u0119 tekstu<\/p>\n\n\n\n<p>\u2013 wprowadza t\u0142o na stron\u0119<\/p>\n\n\n\n<p>\u2013 wstawia elementy multimedialne<\/p>\n\n\n\n<p>\u2013 osadza grafik\u0119 na stronie<\/p>\n\n\n\n<p>\u2013 tworzy listy zagnie\u017cd\u017cone<\/p>\n\n\n\n<p>\u2013 umieszcza tabele na stronie internetowej<\/p>\n\n\n\n<p>\u2013 zmienia wygl\u0105d wprowadzonej tabeli<\/p>\n\n\n\n<p>\u2013 tworzy odsy\u0142acz do strony internetowej oraz podstrony<\/p>\n\n\n\n<p>\u2013 tworzy odsy\u0142acz wewn\u0119trzny<\/p>\n\n\n\n<p>\u2013 zmienia wygl\u0105d odsy\u0142aczy<\/p>\n\n\n\n<p>\u2013 buduje menu<\/p>\n\n\n\n<p>\u2013 tworzy formularz na stronie www<\/p>\n\n\n\n<p>\u2013 podzieli\u0107 stron\u0119 na kilka ramek<\/p>\n\n\n\n<p>\u2013 tworzy menu odnosz\u0105ce si\u0119 do odpowiednich ramek<\/p>\n\n\n\n<p>\u2013 tworzy stron\u0119 stosuj\u0105c elementy j\u0119zyka HTML wed\u0142ug przedstawionego projektu<\/p>\n\n\n\n<p>\u2013 analizuje scenopis projektu<\/p>\n\n\n\n<p>\u2013 dobiera znaczniki i ich atrybuty<\/p>\n\n\n\n<p>\u2013 dobiera odpowiedni edytor<\/p>\n\n\n\n<p>\u2013 stosuje walidacj\u0119<\/p>\n\n\n\n<p>\u2013 testuje stron\u0119 w r\u00f3\u017cnych przegl\u0105darkach<\/p>\n\n\n\n<p>\u2013 poprawia kod \u017ar\u00f3d\u0142owy pod k\u0105tem b\u0142\u0119d\u00f3w<\/p>\n\n\n\n<p>\u2013 wsp\u00f3\u0142pracuje w grupie<\/p>\n\n\n\n<p>\u2013 osadza style bezpo\u015brednio w dokumencie HTML<\/p>\n\n\n\n<p>\u2013 osadza arkusz CSS z zewn\u0119trznego pliku<\/p>\n\n\n\n<p>\u2013 formatuje wygl\u0105d element\u00f3w strony za pomoc\u0105 styl\u00f3w CSS<\/p>\n\n\n\n<p>-umieszcza element w wyznaczonym miejscu na stronie<\/p>\n\n\n\n<p>\u2013 nak\u0142ada na siebie elementy w wyznaczonej kolejno\u015bci<\/p>\n\n\n\n<p>\u2013 tworzy uk\u0142ad strony o sta\u0142ej szeroko\u015bci<\/p>\n\n\n\n<p>-tworzy&nbsp; uk\u0142ad strony o zmiennej szeroko\u015bci<\/p>\n\n\n\n<p>\u2013 umieszcza stron\u0119 na serwerze<\/p>\n\n\n\n<p>\u2013 korzysta z klienta ftp<\/p>\n\n\n\n<p>\u2013 tworzy&nbsp; warunki odpowiednie dla systemu zarz\u0105dzania tre\u015bci\u0105 CMS<\/p>\n\n\n\n<p>\u2013 instaluje lokalny serwer<\/p>\n\n\n\n<p>\u2013 korzysta z lokalnego serwera<\/p>\n\n\n\n<p>\u2013 konfiguruje serwer lokalny<\/p>\n\n\n\n<p>\u2013 instaluje&nbsp; system WordPress<\/p>\n\n\n\n<p>-konfiguruje j\u0119zyk witryny i zaplecza<\/p>\n\n\n\n<p>\u2013 konfiguruje witryn\u0119 oraz zaplecze<\/p>\n\n\n\n<p>\u2013 zarz\u0105dza kontami u\u017cytkownik\u00f3w<\/p>\n\n\n\n<p>\u2013 instaluje nowe komponenty, tworzy\u0107 kategorie i artyku\u0142y<\/p>\n\n\n\n<p>\u2013 zak\u0142ada nowe menu<\/p>\n\n\n\n<p>\u2013 instaluje nowe szablony<\/p>\n\n\n\n<p>\u2013 modyfikuje szablon, tworzy\u0107 kategorie i artyku\u0142y<\/p>\n\n\n\n<p>\u2013 modyfikuje szablon<\/p>\n\n\n\n<p>\u2013 zak\u0142ada i prowadzi\u0107 blog<\/p>\n\n\n\n<p>\u2013 korzysta z systemu WYSIWYG<\/p>\n\n\n\n<p>\u2013 odr\u00f3\u017cnia grafik\u0119 wektorow\u0105 od rastrowej<\/p>\n\n\n\n<p>\u2013 pos\u0142uguje si\u0119 programami do obr\u00f3bki grafiki wektorowej i rastrowej<\/p>\n\n\n\n<p>\u2013 operuje na r\u00f3\u017cnych typach plik\u00f3w graficznych<\/p>\n\n\n\n<p>\u2013 okre\u015bla kolor z wykorzystaniem modelu barw<\/p>\n\n\n\n<p>\u2013 definiuje dowolny kolor dla strony internetowej w oparciu o model barw RGB<\/p>\n\n\n\n<p>\u2013 tworzy prost\u0105 animacj\u0119<\/p>\n\n\n\n<p>\u2013 tworzy animowane logo dla strony www<\/p>\n\n\n\n<p>\u2013 projektuje elementy graficzne, ikony nawigacyjne i inne elementy graficzne witryny<\/p>\n\n\n\n<p>\u2013 przetwarza obraz analogowy i cyfrowy<\/p>\n\n\n\n<p>\u2013 nak\u0142ada filtry na obraz<\/p>\n\n\n\n<p>\u2013 identyfikuje filtry i efekty zastosowane na obiekcie graficznym<\/p>\n\n\n\n<p>\u2013 kompresuje obraz<\/p>\n\n\n\n<p>\u2013 zapisuje i edytuje d\u017awi\u0119k za pomoc\u0105 wybranego oprogramowania<\/p>\n\n\n\n<p>\u2013 przeprowadza stratn\u0105 i bezstratn\u0105 kompresj\u0119 d\u017awi\u0119ku<\/p>\n\n\n\n<p>\u2013 umieszcza skrypt w dokumencie hipertekstowym<\/p>\n\n\n\n<p>\u2013 stosuje i odwo\u0142uje si\u0119 do skrypt\u00f3w zewn\u0119trznych<\/p>\n\n\n\n<p>\u2013 tworzy skrypt wykonywany po stronie klienta<\/p>\n\n\n\n<p>\u2013 tworzy dokument zawieraj\u0105cy skrypt PHP<\/p>\n\n\n\n<p>\u2013 stosuje komentarze w j\u0119zyku skryptowym PHP<\/p>\n\n\n\n<p>\u2013 tworzy internetow\u0105 galeri\u0119 zdj\u0119\u0107<\/p>\n\n\n\n<p>\u2013 przygotowuje elementy graficzne do publikacji w Internecie<\/p>\n\n\n\n<p>\u2013 zmienia atrybuty obiekt\u00f3w graficznych<\/p>\n\n\n\n<p><strong>Cel zaj\u0119\u0107:<\/strong><\/p>\n\n\n\n<p>\u2013 poznanie j\u0119zyka HTML \u2013 hipertekstowego j\u0119zyka znacznik\u00f3w<\/p>\n\n\n\n<p>\u2013 poznanie CSS \u2013 kaskadowych arkuszy styl\u00f3w<\/p>\n\n\n\n<p>\u2013 poznanie CMS, WYSIWYG \u2013 system\u00f3w zarzadzania tre\u015bci\u0105<\/p>\n\n\n\n<p>\u2013 umiej\u0119tno\u015b\u0107 tworzenia grafiki dla stron www<\/p>\n\n\n\n<p>\u2013 wykonanie zdj\u0119\u0107 na stron\u0119 internetow\u0105<\/p>\n\n\n\n<p>-umiej\u0119tno\u015b\u0107 cyfrowej obr\u00f3bki wykonanych zdj\u0119\u0107<\/p>\n\n\n\n<p>\u2013 poznanie j\u0119zyka skryptowego JavaScript<\/p>\n\n\n\n<p>\u2013 poznanie j\u0119zyka skryptowego PHP<\/p>\n\n\n\n<p>\u2013 utworzenie w\u0142asnej witryny internetowej<\/p>\n\n\n\n<p>\u2013 opublikowanie witryny na stronie szkolnej<\/p>\n\n\n\n<p>\u2013 umiej\u0119tno\u015b\u0107 pracy w zespole programist\u00f3w<\/p>\n\n\n\n<p>\u2013 umiej\u0119tno\u015b\u0107 rozwi\u0105zywania problem\u00f3w;<\/p>\n\n\n\n<p>\u2013 planowanie i organizacja pracy zespo\u0142u w celu wykonania przydzielonych zada\u0144;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uczniowie w ramach zaj\u0119\u0107 poznaj\u0105 najpopularniejsze j\u0119zyki programowania (HTML, PHP, JavaScript) u\u017cywane w stronach internetowych oraz aplikacjach www. Zaj\u0119cia ciesz\u0105 si\u0119 bardzo du\u017cym zainteresowaniem. Ju\u017c nied\u0142ugo efekty w postaci w\u0142asnych witryn internetowych. Zadania realizowane przez ucznia na zajeciach : \u2013 okre\u015bla z jakich element\u00f3w zbudowany jest dokument hipertekstowy \u2013 wprowadza komentarz do dokumentu \u2013 stosuje [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[26],"tags":[],"class_list":["post-9547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatyka"],"_links":{"self":[{"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/posts\/9547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/comments?post=9547"}],"version-history":[{"count":1,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/posts\/9547\/revisions"}],"predecessor-version":[{"id":9549,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/posts\/9547\/revisions\/9549"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/media\/9548"}],"wp:attachment":[{"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/media?parent=9547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/categories?post=9547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.demo.spsuchy.pl\/index.php\/wp-json\/wp\/v2\/tags?post=9547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}