Innowacja pedagogiczna „Pasja programowania”

Slides:



Advertisements
Podobne prezentacje
Tworzenie stron internetowych
Advertisements

Tworzenie stron internetowych
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
HTML.
Podstawowe wiadomości
Procesor tekstu Word część 1
Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
Jak przygotować prezentację w programie Power Point
PODSTAWY <HTML>
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Praca wykonana.
Softeris Portal System CMS. System CMS System Zarządzania Treścią umożliwiający łatwe tworzenie elastycznych stron internetowych oraz portali intranetowych.
ZESTAW DO NAUKI JAVASCRIPT
Wprowadzenie do HTML, CSS, JavaScript, PHP
Informatyczny system edukacyjny do przedmiotu „Multimedia”
Podstawy tworzenia stron WWW
Tworzenie strony internetowej krok po kroku.
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Paweł Abramczyk.
Wstawianie stylów CSS.
Na początek kilka pojęć z arkusza
Temat 8: Listy.
Temat 3: Podstawowa struktura dokumentu
Na wysokościach myślenia jest sfera,
Wprowadzenie do HTML Informatyka Cele lekcji: Wiadomości:
Lekcja 1 Składnia języka XHTML
Przygotowanie elementów grafiki do tworzenia stron WWW
Część I. Grupowanie elementów  Elementy i są używane do grupowania i strukturyzowania dokumentu. Będziesz je często wykorzystywał wraz z atrybutami class.
Temat 13: Ramki.
Dofinansowano ze środków Ministra Kultury i Dziedzictwa Narodowego
Aplikacje internetowe
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Moja pierwsza strona internetowa Created by Marta Guba
MS Office MS PowerPoint 2007
Projektowanie Aplikacji Internetowych
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
Wikis Lekcje z odrobiną technologii. Czym jest Wikispace? Wikispace – strona www, gdzie najważniejszymi przyciskami są “edytuj” i ‘’ zapisz’’ Wiki pozwala.
Logomocja - podstawowe polecenia języka Logo
Temat 14: HTML - przykłady praktyczne
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Formatowanie treści oraz grafika w kodzie HTML Informatyka.
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
prezentacja multimedialna
Projektowanie Aplikacji Internetowych Artur Niewiarowski Wydział Fizyki, Matematyki i Informatyki Politechnika Krakowska.
Temat 1: CSS Dołączanie stylów do dokumentu
Formatowanie dokumentów
Podstawy tworzenia stron WWW w języku HTML Koło Naukowe Elektroniki Przemysłowej - KNEP Wykonali:Mariusz Zawistowicz i Karol Witowski.
Lekcje z komputerem, 2006.
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka.
Formatowanie tekstu Sabina Charasim. Informacje podstawowe HTML posiada bardzo wiele znaczników służących do formatowania tekstu. Jedne używa się bardzo.
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
Pierwsze kroki w Scratch’u.
Edytor tekstu Word – możliwości graficzne
 Cele operacyjne:  Uczeń:   doskonali:   · zasady tworzenia tabeli;  · sposoby formatowania tekstu w programie Word;  · umiejętność wyrównania.
HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.
Programowanie dla każdego
Innowacja pedagogiczna „Szkolne programowanie”
Innowacja z programowania realizowana w klasach 1-3
Innowacja pedagogiczna: „Poznajemy, rozumiemy, programujemy”
Szkoła Podstawowa nr 59 im. Bolesława Krzywoustego w Szczecinie
Sprawozdanie z Pilotażu Programowania
Music Online: Classical Scores Library
Szkoła Podstawowa nr 59 im. Bolesława Krzywoustego w Szczecinie
T. 18. E Proces DGA - Działania (operatorka).
Pilotażowe wdrażanie programowania w edukacji formalnej w oparciu o innowacje pedagogiczne w szkołach Pilotaż skierowany jest do każdej szkoły, która chce.
Arkusz stylów CSS Cascading Style Sheet.
Podstawowa struktura dokumentu HTML
czyli wstęp do programowania
Najważniejsze informacje dotyczące programu Sway.
Zaprojektowanie filmu z przygotowanych zdjęć. Photostory
Tworzenie dokumentu HTML
Zapis prezentacji:

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