Tag

Gli elementi alla base dell’HTML

Start / End tag

Quasi tutti i tag hanno un’apertura, start tag, e una chiusura, end tag, perché al loro interno si collocano le informazioni da formattare.

La chiusura contiene lo stesso codice iniziale ma preceduto da una barra.

Empty tag

Alcuni tag non contengono informazioni, sono empty tag: BR, IMG, INPUT, …

La chiusura avviene insieme all’apertura, la barra segue il codice.

Block level

I tag a livello di blocco producono una sezione del documento che inizia alla prima colonna e finisce all’ultima colonna del documento: BLOCKQUOTE, DIV, H1, P, PRE, …

Inline level

I tag in linea non producono un vai a capo né prima né dopo: B, I, IMG, SPAN, …

Tag annidati

La pagina web ha una struttura gerarchica con tag che contengono a loro volta altri tag che … che contengono informazioni.

L’ultimo tag aperto sarà il primo a essere chiuso.

Attributi

Un tag può avere 0/1/2/… attributi (specifiche aggiuntive) all’interno del tag di apertura

Non supportati / obsoleti / …

Ogni nuova versione di HTML si propone di incoraggiare l’uso di nuovi elementi e contemporaneamente di scoraggiare l’uso di elementi considerati obsoleti.

I browser, al contrario, tendono a includere le novità con una certa lentezza e continuano ad accettare gli elementi considerati vecchi…

HTML5 dichiara non supportati gli elementi

ACRONYM, APPLET, BIG, CENTER, FONT, FRAME, FRAMESET, NOFRAMES, STRIKE, TT, …

e quasi tutti gli attributi (da sostituire con CSS).

 

Testo scorrevole

Il tag MARQUEE produce del testo scorrevole con molte possibilità di personalizzazione.

Il tag è stato introdotto con MS IE ma non è diventato uno standard.
Funziona con tutti i browser ma potrebbe essere abbandonato in qualsiasi momento quindi il suo uso è sconsigliato (utilizzare CSS oppure Javascript).

Attributi

  1. behavior
  2. bgcolor
  3. direction
  4. height
  5. hspace
  6. loop
  7. scrollamount
  8. scrolldelay
  9. truespeed
  10. vspace
  11. width

Eventi

Metodi

Mettiti in gioco!

Giocare con i giochi per computer è divertente.
Ma è più divertente progettare i propri giochi e giocarci!

Un gioco commerciale odierno è stato sviluppato, probabilmente, da decine (centinaia…) di persone che hanno lavorato diversi anni per completarlo.

Un gioco come Space Invaders o SokobanTetrisPacman, … oggi può essere sviluppato da un solo programmatore in un fine settimana utilizzando uno dei tanti ambienti di sviluppo gratuiti e intuitivi oggi disponibili.

ATTIVITÀ DIDATTICHE

Nella tabella seguente ogni riga si riferisce a un gioco famoso o a un genere.
Nelle colonne compaiono le implementazioni divise per linguaggio o ambiente di sviluppo.
Si tratta di esperimenti didattici che non hanno alcuna pretesa di competere con i videogiochi commerciali reperibili in rete o come app.

GENERE
GIOCO
DIV2 Game Maker Java Processing Visual Basic Pascal
Campo minato Un altro campo minato
LightsOut ItiLightsOut
Gioco del 15 Gioco del 15 Un altro gioco del 15
Sokoban ??? Unlock ItiSokoban LuckyDuck
Pac-Man
Labirinto
??? Diamonds
Treasure
Koalabr8
Maze
BrickOn
RatMan
BrickShooter ABS
Another Brick Shooter
Cattura
Colpisci
Hit The Ball
Catch The Clown
Catch The Fruit
BeBee BeBee
Pinball ??? PONG
PONG 2
Pong Clock
Racing Street Racing
Sparatutto Evil Clutches
Scrolling shooter 1945
1945_Vista
Piattaforma BINMAN
Platform
Anno Scolastico Progetto Strumento
2009/10 Crea il tuo primo videogioco
Diamonds / Pong / Unlock
GameMaker
2008/09 ItiSokoban Processing
2006/07 BeBee Java Applet
2000/01 Arkanoid Div2
1998/99 Un altro gioco del 15
Un altro campo minato
VisualBasic
1994/95 ItiSnake, LuckyDuck, RatMan, … Pascal

RISORSE ONLINE

  1. https://en.wikipedia.org/wiki/Game_integrated_development_environment
    1. App Inventor
    2. GameMaker
    3. GDevelop
    4. Greenfoot
    5. Processing
    6. Scratch
  2. HTML.it > Guida Game Design
  3. Impara Digitale – Game@School – Olimpiade Nazionale del Videogioco nella Didattica
    1. PDF – Progettare un videogioco

Competizioni scolastiche

Puoi partecipare, con la tua scuola, alle competizioni con quesiti di tipo algoritmicoinformatico

  1. BEBRAS dell’Informatica
  2. >> Championship Informatica
  3. >> CyberChallenge
  4. > Gara Nazionale di Programmazione della Macchina di Turing
  5. >> Italian Scratch Festival
  6. >> LetsApp
  7. Olimpiadi di Problem solving
  8. Olimpiadi di Robotica
  9. Olimpiadi Italiane di Informatica: Fase scolastica
  10. Olimpiadi Italiane di Informatica: > Fase territoriale e nazionale
  11. Programma una Storia
  12. Programmiamo un futuro sostenibile
  13. Reply Challenges

oppure di tipo logicomatematico-algoritmico

  1. Campionato Italiano di Calcolo Mentale
  2. >> Giochi Matematici del Mediterraneo
  3. >> Gran Premio di Matematica Applicata
  4. Kangourou di Matematica
  5. Matematica Senza Frontiere
  6. Olimpiadi di Matematica
  7. Olimpiadi Italiane di Statistica
  8. >> Rally Matematico Transalpino

Ci sono competizioni / concorsi scolastici per tutte le discipline

  • Certamen: …
  • Kangourou – Informatica – Inglese – Matematica
  • Olimpiadi – Astronomia – Automazione – CAD – Filosofia – Fisica – Italiano – Lingue e civiltà classiche – Patrimonio – Scienze della Terra – Scienze Naturali – …
  • Green Technologies Award – MAD FOR SCIENCE – Smart Project Omron – …
  • MIUR: Competizioni e iniziative per le eccellenze

Il piazzamento in alcune competizioni scolastiche prevede

  • premi: I FUORICLASSE DELLA SCUOLA, €€€, libri, soggiorni studio in Italia e all’estero, …
  • la pubblicazione dei propri dati nell’Albo Nazionale delle Eccellenze del MIUR

WordPress

Dal sito ufficiale

WordPress è una piattaforma di editoria personale allo “stato dell’arte” che si focalizza sull’estetica, sugli standard web e sull’usabilità.

WordPress è uno strumento che al tempo stesso è gratuito e senza prezzo per le sue infinite possibilità.

WordPress è

  • Il più diffuso CMS (Content Management System)
  • È nato come piattaforma di blog
  • Basato su PHP e MySQL
  • Gratuito e open source
  • Utilizzato dal ∼23% dei siti web (60 milioni).

inoltre

  1. Temi: migliaia di temi gratuiti che si installano facilmente.
  2. Plugin: quasi 40.000 moduli che estendono le funzionalità dell’applicativo: gallerie, editor, forum, banner, social, …

www.wordpress.com

  1. Gratuito, terzo livello: miosito.wordpress.com
  2. A pagamento: …

www.wordpress.org

  1. Gratuito, self hosting
  2. Locale: LAMP, XAMPP, …
  3. Portable: Instant WordPress
  4. Upload: Filezilla
    1. gratuito, terzo livello: miosito.altervista.org
    2. a pagamento: www.miosito.it

L’amministrazione del sito avviene tramite la bacheca che presenta il seguente sommario

  • Articoli (Tutti gli articoli – Aggiungi nuovo – Categorie – Tag)
  • Media (Libreria – Aggiungi nuovo)
  • Pagine (Tutte le pagine – Aggiungi nuovo)
  • Commenti
  • Aspetto (Temi – Personalizza – Widget – Menu – Theme Options – Editor)
  • Plugin (Plugin installati – Aggiungi nuovo – Editor
  • Utenti (Tutti gli utenti – Aggiungi nuovo – Il tuo profilo)
  • Strumenti (Strumenti disponibili – Importa – Esporta)
  • Impostazioni (Generali – Scrittura – Lettura – Discussione – Media – Permalink – …
Categorie WWW