Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

Podobne dokumenty
HTML (HyperText Markup Language) hipertekstowy język znaczników

Programowanie WEB PODSTAWY HTML

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

HTML (HyperText Markup Language)

Imię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

Podstawy (X)HTML i CSS

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

KURSY PROGRAMOWANIA DLA DZIECI

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego

Akademia Techniczno-Humanistyczna w Bielsku-Białej

SPRAWOZDANIE Z REALIZACJI INNOWACJI W ZESPOLE SZKÓŁ IM. KS. KARD. STEFANA WYSZYŃSKIEGO W POŁOMI

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Podstawy tworzenia stron internetowych

Laboratorium 1: Szablon strony w HTML5

2. Projektowanie stron WWW podstawowe informacje

I i II etap edukacyjny Tytuł innowacji: Moja pasja? Programowanie Typ innowacji: metodyczna Autorzy i realizatorzy: Katarzyna Grabowska Wizner,

za pomocą: definiujemy:

Funkcje i instrukcje języka JavaScript

Witryny i aplikacje internetowe

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

KURSY PROGRAMOWANIA DLA DZIECI

Pierwsza strona internetowa

PROGRAMOWANIE DLA KAŻDEGO

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

WYMAGANIA EDUKACYJNE INFORMATYKA KLASA 2 GIMNAZJUM

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

e r T i H M r e n L T n

Sprawozdanie z realizacji programu Kodowanie z klasą dla uczniów klasy II i IV Szkoły Podstawowej nr 7

KURSY PROGRAMOWANIA DLA DZIECI

CMS - INFORMACJE. *** Mirosław Kuduk E mail: tel. kom DODATKOWE FUNKCJE - PANEL ADMINISTRATORA

INSTRUKCJA OBSŁUGI STRONY INTERNETOWEJ

Innowacja pedagogiczna na zajęciach komputerowych w klasach 4e, 4f, 4g. Nazwa innowacji Programowy Zawrót Głowy

HTML podstawowe polecenia

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Teraz bajty. Informatyka dla szkoły podstawowej. Klasa VI

Poziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający- D Uczeń:

Wprowadzenie do języka HTML

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Wykład 1: HTML (XHTML) Michał Drabik

PLAN METODYCZNY. Cele ogólne: Uczniowie znają podstawowe narzędzia i polecenia wykorzystywane do tworzenia i formatowania tabel. W programie MS Word

Specyfikacja techniczna dot. mailingów HTML

Wymagania edukacyjne

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY. Przedstawianie i prezentowanie informacji

Przewodnik... Tworzenie Landing Page

Rozkład materiału i Plan wynikowy

KURSY PROGRAMOWANIA DLA DZIECI

Wymagania na poszczególne oceny w klasach 3 gimnazjum

Dziennikarze przyszłości

GRAFIKA KOMPUTEROWA I TWORZENIE STRON WWW

PROGRAMOWAĆ KAŻDY MOŻE

Dokument hipertekstowy

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

Tworzenie wiadomości Follow up

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.

Wymagania edukacyjne z informatyki dla uczniów klas VI SP nr 53 w Krakowie w roku szkolnym 2019/2020

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Tworzenie stron internetowych w oparciu o język HTML

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

Języki programowania wysokiego poziomu. HTML cz.2.

Edukacja na odległość

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Sprawozdanie z realizacji innowacji pedagogicznej

Krótki przegląd własności języka CSS

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Wymagania edukacyjne z informatyki na poszczególne oceny klasa III. Dział VIII O atrakcyjnym przedstawianiu i prezentowaniu informacji

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Rozwiązanie ćwiczenia 8a

SCENARIUSZ LEKCJI. Streszczenie. Czas realizacji. Podstawa programowa

WORDPRESS INSTRUKCJA OBSŁUGI

Wst p do j zyka HTML. Krzysztof Szafran (IInf UW) Warszawa, 18 pa¹dziernika Warszawa, 18 pa¹dziernika / 20

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:

Sprawozdanie z realizacji Pilotażowego wdrażania nauki programowania w edukacji formalnej w oparciu o innowacje pedagogiczne w szkołach

TECHNOLOGIA KOMPUTEROWA I INFORMACYJNA

Poszczególne elementy serwisu można umieścić dla porządku w odpowiednio przemyślanym drzewie katalogów, i tak: -

Przedmiotowy sposób oceniania i wymagania na poszczególne oceny z informatyki

Technologie Informacyjne

Proste kody html do szybkiego stosowania.

Z matematyką i programowaniem za pan brat. Szkoła Podstawowa im. A. Fiedlera w Połajewie

DOM (Document Object Model)

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Temat 20. Techniki algorytmiczne

URL:

Gimnazjum nr 2 im Armii Krajowej w Kwidzynie. Opracowała: Wiesława Podgórska

STRONY INTERNETOWE mgr inż. Adrian Zapała

Transkrypt:

Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

1. Informacje o innowacji Nazwa szkoły: Zespół Szkół w Choroszczy Etap edukacyjny: Szkoła Podstawowa, klasy 4-6 Tytuł innowacji: Pasja programowania Typ innowacji: programowo-metodyczna Autor: Rafał Popko

2. Na czym polega nowatorstwo Nowatorstwo będzie polegało na tworzeniu prostych programów (w języku C), dotyczących m. in. rozwiązywania zadań z matematyki i gier (w środowisku Scratch) oraz strony internetowej.

3. Spodziewane efekty Uczniowie zapoznają się z podstawami programowania, algorytmów, HTML-a, CSS-a, języka C, środowiska Scratch. Znajomość tego wykazana będzie w gotowych programach, grach i własnej stronie internetowej.

4. Informacje o realizacji innowacji Do końca czerwca 2017 roku uczniowie: założyli konta online na platformie ze środowiskiem Scratch; poznali podstawy dotyczące funkcjonowania środowiska, rodzajów bloczków i ich działania, sposobów ich łączenia; poznali sposoby zmiany postaci, tła, ich edycji, kolorowania, rysowania itp.; zapoznali się z podstawami pętli, zmiennych, zastosowania w środowisku działań arytmetycznych; ćwiczyli w oparciu o dostępne materiały tworzenie prostych programów i gier oraz przy pomocy nauczyciela poprawiali błędy w skrypcie; Tworzyli proste animacje, wykorzystując swoje rysunki, jak też przekształcając rysunki dostępne online;

4. Informacje o realizacji innowacji poznawali w drugim semestrze podstawy dotyczące HTML-a, takie jak: schemat budowy strony internetowej; poznawali i stosowali elementy: <html>, <head>, <title>, <body>, <table>, <b>, <p>, <a>, <strong>, <h1>-<h6>, <i>, <sup>, <sub>, <br/>, <hr/>, <em>, <blockquote>, <q>, <abbr>, <address>, <ol>, <ul>, <li>, <img>, <tr>, <td>, <div>, <span>; poznawali i stosowali atrybuty poszczególnych elementów, np. <a href=>, <img src=>; nadawali poszczególnym elementom odpowiednią szerokość i wysokość, tytuł i inne wartości; dodawali zdjęcia do skryptu strony internetowej, linki do podstron oraz innych stron internetowych; Tworzyli podstronę podlinkowaną w menu;

4. Informacje o realizacji innowacji wstawiali baner swojej strony internetowej (header) i nadawali mu odpowiednie wartości; podzielili swoją stronę na 2 kolumny (jedna zawierająca menu, i druga, w której miały znajdować się artykuły; tworzyli menu, reagujące na najechanie kursorem, kliknięcie itd.; wstawiali kontenery (div) pod zawartość strony, a następnie zapełniali je treścią nauczyli się podstaw CSS-a; wstawiali do skryptu elementy CSS-a wewnętrznego (w znacznikach <style>); poznawali jak stosować CSS w zewnętrznych plikach i dołączali go do skryptu ze stroną główną; za pomocą CSS-a zmieniali różne elementy strony, takie jak: kolor, wysokość, szerokość, obramowanie i jego grubość, kolor, czcionkę, jej wielkość, marginesy, marginesy wewnętrzne w kontenerach i listach; przygotowali projekty swoich stron internetowych, które będą rozwijane w kolejnym roku szkolnym.

Gra pt. Tron

Gra pt. Atak rekina

Program do rysowania

Prosty kalkulator

Rysowanie różnych kształtów

Gra polegająca na ominięciu samolotem poruszających się postaci, których liczba zwiększa się po przejściu planszy.

Zgadywanie liczb

Wyścigi samochodowe z losową wartością ruchu

Projekty stron internetowych uczniów, ze skryptami