Il logo del sito

Appunti su HTML, CSS, JavaScript, PHP

Quando ho iniziato a fare questo sito conoscevo poco o niente sia di html che di css. Ho iniziato a studiarli in questa occasione. Questo mi da l'occasione di continuare a studiare html e css, ma vorrei anche imparare qualcosa su JavaScript e PHP.

Inizialmente pensavo che la cosa sarebbe stata facile per uno che ha cominciata a programmare in assembler e che poi via via ha utilizzato un sacco di linguaggi. In realtà i concetti nuovi da assimilare per costruire una pagina web non sono molti, ma le cose da impare sono invece tante. Così questo spazio, che ho destinato alla prova dei diversi strumenti di progammazione e come magazzino di frammenti di codice da riutilizzare, è diventato piuttosto disordinato. Ma è per uso personale e io ancora riesco ad utilizzarlo. Lo lascio qui perchè è il solo sito di cui dispongo. Oltre agli esempi, principalmente copiati dai siti del w3c, ci sono parti dei manuali ufficiali dei diversi strumenti, tradotte in italiano. A qualcuno potrebbero essere utili.

HTML e CSS

Conoscere CSS

Prova delle impostazioni di default dello UserAgentStyleSheet
Prova di alcune impostazioni dell'AuthorStyleSheet
EsempiDiPosizionamento
Posizionamento Fisso
Blocchi flottanti
Mobile_01.html
Mobile_02.html
Mobile_03.html

Struttura della pagina - elementi html e proprietà css per definire il layout di una pagina web.

test_01.html: Strutturazione pagina web 1
test_02.html: Strutturazione pagina web 2
test_06.html: Strutturazione pagina web 3

Formattazione dei testi- font-family, font-size, text-align, text-indent, line-height, writing-mode, text-orientation, ...

test_03.html: Formattazione del testo:

Tabelle - elementi table, caption, colgroup, thead, tbody, tr, ...

test_04.html: Giorni della settimana
test_05.html: Fatturato semestrale

Immagini

Lavorare con le immagini 1
Lavorare con le immagini 2

Forms

Le pagine da test_07 a test_13 contengono la traduzione della introduzione alle forms della specifica HTML 5.2 Sezione 4.10.1 Vengono visualizzate bene su desktop e notebook, non altrettanto su mobile.

test_07.html: Forms - Interfaccia utente.
test_08.html: Forms - Configurazione form per la comunicazione con il server.
test_09.html: Forms - Convalida lato client.
test_10.html: Forms - Abilitazione completamento automatico controlli.
test_11.html: Forms - Input su dispositivi mobili.
test_12.html: Forms - Differenze fra le diverse modalità di input.
test_13.html: Forms - Date and time e formato dei numeri.

Popups

popup01.html: w3schools popup.

Iframes

iframe01.html: w3schools iframe

DragAndDrop

DragAndDrop01.html: Trascinamento
DragAndDrop02.html: Trascinamento

Datalist

datalist.html: w3schools datalist.
select.html: w3schools select.
formSelectQueries.html:utilizzo di select e datalist

Tutto su CSS

css01.html Cos'è CSS

JavaScript

Ho programmato in FORTRAN, PASCAL, BASIC, assembler, pseudo assembler, C, Visual Basic, Java, e forse qualche altro linguaggio, così non devo cominciare proprio dall'inizio ne con JavaScript ne con PHP, ma devo capire quello che ci posso fare.

DOM

js_01.html: Primo approccio a DOM.

Eventi

js_02.html: Gestione degli eventi HTML - 1.
js_03.html: Gestione degli eventi HTML - 2. click
js_04.html: Gestione degli eventi HTML - 3. input e dblclick
js_10.html: Gestione degli eventi HTML - 4.

Canvas

js_05.html: Gestione dei canvas - 1.
js_06.html: Gestione dei canvas - 2.
js_07.html: Gestione dei canvas - 3. Archi e circonferenze
js_08.html: Gestione dei canvas - 4. Curve di Bezier quadratiche
js_09.html: Gestione dei canvas - 5. Curve di Bezier cubiche

Classi

js_DateAndTime.html

Functions

js_Functions.html

Forms

formOrdinePizza.html
dialog.html

API FILE

TestPages/HTML5_FILE_API.html
D&D08

Trascinamento - Drag and Drop

Trascinamento - DragAndDrop.1
Trascinamento - DragAndDrop.2

PHP

Le basi del linguaggio.

php_01.php: Primo approccio a PHP.

PHP Forms.

php_02.php: PHP 5 Form Handling
php_03.php: PHP 5 Form Validation

PHP Advanced.

Argomenti del tutorial w3Schools sezione PHP Advanced (tradotti, al meglio delle mie conoscenze, e, a volte, riorganizzati).

php_arrays.html: Arrays
php_DateAndTime.html
php_IncludeAndRequire.php
File System
php_Directories
php_FileHandling.php
php_FileUpload.php
php_Cookies.php
php_Sessions.php
php_Filters.php
php_FiltersAdvanced.php
php_ErrorHandling.php
php_Exception.php

MySQL Database.

Argomenti del tutorial w3Schools sezione MySQL Database (tradotti, al meglio delle mie conoscenze, e, a volte, riorganizzati).

php_MySQLDatabase.php
php_MySQL_Connect.php
php_MySQL_CreateDB.php
php_MySQL_CreateTable.php
php_MySQL_InsertData.php
php_MySQL_GetLastID.php
php_MySQL_InsertMultiple.php
php_MySQL_Prepared.php
php_MySQL_SelectData.php
php_MySQL_DeleteData.php
php_MySQL_UpdateData.php
php_MySQL_LimitData.php

PHP-MySQL Mettere insieme un po' di cose.

E' ora di mettere insieme qualcuna delle cose viste per realizzare funzionalità complete.

php_ProgFormReg.php
php_ProgFormRegPopup.php
formOrdinePizza.html
mostraMenuQueryTestPages.php
ProPiz/db/VisualizzaQuery.php
ProPiz/db/VisualizzaQuery2.php;

PHP-Manuale

Tutto quello che c'è da sapere su PHP è descritto nel suo manuale.

Manuale PHP
Functions
Come leggere una dichiarazione di funzione
Classi e Oggetti
Classi e Interfacce Predefinite
PDO

PROGETTO PIZZERIA