Web Design


Internet

Internet è la più grande rete mondiale esistente, che unisce milioni di computer dislocati in tutto il mondo.
Il funzionamento di Internet è caratterizzato dai protocolli, cioè l'insieme di specifiche e regole che governano il modo in cui devono essere trasmessi i dati. Questa regolamentazione è di fondamentale importanza per permettere lo scambio di informazioni tra computer diversi che usano sistemi operativi differenti.
Il primo protocollo utilizzato fu l'F.T.P. (in inglese: File Transfer Protocol = in italiano: protocollo per il trasferimento dei files)un protocollo ancora oggi utilizzato.

Sucessivamente verrà creato il protocollo T.C.P. (Inglese: Trasmission Control Protocol = Italiano: protocollo di controllo per le trasmissioni), che permette di trasmettere dati ed informazioni e il protocollo I.P. (Inglese: Internet Protocol = Italiano: protocollo Internet) che permette di assegnare un indirizzo univoco ad un computer per rendere possibile la comunicazione fra più computer.
Questi protocolli affiancati uno all'altro dettero dunque l'avvio ufficiale ad Internet.

Nel 1992 nasce un nuovo protocollo: l'HTTP (inglese: HyperText Transfer Protocol = Italiano: protocollo per il trasferimento di testi ipertestuali). L'HTTP è un sistema che permette la lettura ipertestuale dei documenti, ovvero la possibilità di saltare da un punto all'altro mediante l'utlizzo di collegamenti (links o hyperlinks).

Oggi giorno, grazie a questo protocollo, possiamo leggere testi, ipertesti, ascoltare suoni, vedere immagini, animazioni e filmati di vario formato, e tutto ciò grazie ai Browser ( in Italiano: navigatore).
La funzione primaria dei browsers è quella di leggere ed interpretare il codice HTML /XHTML e renderlo visibile all'utente; essi fanno richiesta di dati ad un server (computer che ha il compito di condividere una rete locale), ne riceve il contenuto, scaricandolo sul vostro computer (client) grazie ad un sistema di cache (memoria temporanea) e ve lo mostra una volta del tutto scaricato.

 

Il linguaggio HTML / XHTML / HTML5

L'HTML non è un vero e proprio linguaggio di programmazione ma bensì un codice di markup, da qui la sua definizione: HyperText Mark-up Language.

La differenza principale tra le versioni correnti di HTML e XHTML risiede nella sintassi. Il linguaggio di markup creato da Tim Berners-Lee, e che ancora oggi popola i nostri browser, è stato studiato come applicazione del più generico SGML, Standard Generalized Markup Language.

In realtà la quasi totalità dei browser ignora la definizione e interpreta il documento secondo logiche più permissive, frutto di anni di eccezioni e di esperienza accumulata su pagine malformate.
L’XHTML, invece, è una versione della sintassi HTML costretta all’interno delle regole XML, a sua volta grammatica SGML: questo approccio dovrebbe implicare un maggior rigore nella pagina e l’aderenza a regole quali l’obbligo di chiusura di tutti i tag. Il parser XML inoltre dovrebbe sospendere l’interpretazione della pagina al primo errore rilevato.

HTML5
L’arrivo dell’HTML5 introduce una importante novità in questo scenario, per la prima volta l’obiettivo delle specifiche è quello di definire un linguaggio ubiquo, che possa poi essere implementato su entrambe le sintassi, è stato così possibile rompere il legame tra HTML e SGML traducendo in standard le regole adottate già da tempo nei vari browser. Per indicare un documento HTML5 è nata quindi la seguente semplice istruzione:

<!DOCTYPE html>
Che si affianca a quella da utilizzare in caso si intenda scrivere una pagina XHTML5:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Le specifiche del codice HTML5 nascono per aggiungere valore semantico alla pagina, sia alla struttura che al contenuto della pagina web, è inoltre strutturato per aggiungere microformats. L'obiettivo pratico è di sviluppare una pagina web semanticamente ottima per struttura, contenuto, microformati e data entry.
Inoltre attraverso il codice HTML5 è possibile abilitare la creazione di applicazioni web: nuove API Javascript, multimedia e grafica per sviluppare applicazioni che si servono di questi elementi. L'HTML5 nasce dal gruppo di ricerca WHAT che è nato con l'intento di sviluppare un web più orientato alle applicazioni che ai documenti. Infatti non solo il nuovo markup modifica le basi della propria sintassi e le regole per la disposizione dei contenuti sulla pagina, ma vengono estese le API JavaScript per supportare tutte le funzionalità di cui una applicazione moderna potrebbe aver bisogno:

  • salvare informazioni sul device dell’utente;
  • accedere all’applicazione anche in assenza di una connessione Web;
  • comunicare in modo bidirezionale sia con il server sia con altre applicazioni;
  • eseguire operazioni in background;
  • pilotare flussi multimediali (video, audio);
  • editare contenuti anche complessi, come documenti di testo;
  • pilotare lo storico della navigazione;
  • generare grafica 2D o 3D in tempo reale;
  • accedere e manipolare informazioni generate in tempo reale dall’utente attraverso sensori multimediali quali microfono e webcam.

è possibile anche accedere alle informazioni geografiche del device dell’utente e mantenere un database sul device dell’utente.

Torna su torna al menu

Il Web Designer

Il web designer si occupa dell'aspetto visivo e del coinvolgimento emotivo di siti Web, risolve i problemi di comunicazione dei clienti, valorizzando l'identità dell'azienda ed il suo logo in modo specificamente pensato per il web, sfruttandone i punti di forza, con le possibilità offerte dalla tecnologia. Cerca un colloquio approfondito con i clienti per realizzare siti web che siano accattivanti dal punto di vista grafico, abbiano un buon impatto visivo, siano semplici da navigare , compatibili con le esigenze dei visitatori e accessibili nella maggioranza dei browses. A lui spetta il compito di armonizzare grafica e navigazione usando le tecnologie disponibili. Il web designer è fondamentalmente un comunicatore:

  • comprende la tecnologia da usare, conoscendo le possibilità e i limiti che si possono incontrare nella realizzazione di un sito e ne discute con i clienti e gli altri professionisti impegnati nel progetto
  • traduce le esigenze, i contenuti e il marchio del cliente in concetti strutturati adatti a un sito web, rispondendo alle esigenze degli utenti e proponendo prove a colori, adatte allo strumento su cui saranno veicolate e realizzabili dal punto di vista tecnico
  • progetta i componenti necessari alla navigazione
  • trasforma gli elementi di progettazione realizzati con software grafici (Photoshop e Illustrator per esempio) in componenti utilizzabili e modificabili su un sito Web
  • prepara il layout delle pagine del sito utilizzando l'HTML e altri linguaggi di programmazione (JavaScript e fogli di stile) insieme a sviluppatori e tecnici web
  • decide lo stile delle pagine web a livello di grafica, layout, tipografia, colori...
  • prepara e presenta i contenuti in modo che risultino ben leggibili e ben strutturati
  • è responsabile della manutenzione del sito, apporta le modifiche grafiche e di codice necessarie, aggiornando e curando il sito.

Torna su torna al menu

I contenuti

I contenuti internet sono assai diversi tra loro e richiedono strumenti e metodologie che possano permettere la gestione, la trasferibilità e la fruibilità efficace.
Le tipologie dei contenuti sono svariate: informativi, interattivi, rappresentativi, educativi, istituzionali, d'intrattenimento, promozionali... Scelti in maniera coerente con l'obiettivo del sito, possono avere diversi formati:

  • testi (per cui si dovranno gestire lunghezze, suddivisioni, ipertesti, archivi);
  • immagini (l'attenzione qui sarà posta su dimensioni, taglio, figure, sfondo, peso, sequenze, didascalie, copyright);
  • elementi di interazione (email, forum, chat, sondaggi, questionari, newsletter);
  • audio, video e altri file (la presenza di file da copiare, visualizzare, ascoltare e scaricare crea problemi legati ai limiti di peso).

Infine i microcontenuti, garantiscono una migliore navigazione del sito ed una più rapida acquisizione dei contenuti; tra gli altri menù e indici, titoli e sottotitoli, didascalie, parole in grassetto, link, URL, bottoni, nomi dei file, nomi delle cartelle, didascalie, titoli delle pagine, meta keyword, meta description.
L'attenzione a questi elementi facilita la navigazione interna ed esterna, fornisce informazioni rapide, favorisce l'attività dei motori di ricerca e facilita l'organizzazione di archivi, ed è nell'attenzione alla SEO (Search Engine Optimization) che elaborando questi elementi si fa l' ottimizzazione SEO delle pagine web per il posizionamento sui motori di ricerca

Continua vai alla pagina sucessiva

Chi siamo

Rinaldi Annamaria Web designer a Modena: Realizzazione siti web visibili in internet nel linguaggio HTML e HTML5 Ottimizzazione SEO delle pagine web Manutenzione del sito. Lavoriamo a Modena, Sassuolo, Carpi, Vignola, Castelfranco, Maranello, Bologna, Reggio Emilia, Milano, Roma.

Privacy Policy

Foto panoramiche e navigazioni virtuali

Vedi alcuni esempi di foto panoramiche montate in HTML5

Contatti

  • Mobile:
    333 7334899
  • Email:
    ram@graficawebmodena.it
  • Indirizzo:
    via R. Prati, 54 41126 Modena Italia
  • P. IVA: 03103270363