Web Dsigner e Developer

Web Design: la struttura base di una Pagina Web

2997 VISUALIZZAZIONI
PUBBLICATO IL: 29 Giugno 2016

In questa puntata della #TutorialTv continuiamo il nostro percorso di Professione Web Designer alla scoperta del Web Design. Parliamo della struttura base che compone una Pagina Web.
Abbiamo già affrontato insieme alcuni argomenti, abbiamo trattato i principi dell’HTML con un capitolo dedicato all’introduzione del linguaggio di Markup e successivamente abbiamo parlato dei Tag HTLM.

struttura base

La struttura base di una Pagina Web

Vediamo insieme quali sono i Tag fondamentali per costruire una pagina Web. Ci sono una serie di Tag che vanno sempre inseriti, senza i quali una pagina web non potrebbe esistere:

  • Tag Dichiarativo – che definisce la versione di HTML che andiamo ad utilizzare
  • sezione HEAD con il Tag Title
  • sezione BODY – ovvero il corpo della pagina, dove vengono inseriti i contenuti della pagina
  • Tag HTML

 

COMMENTI (4)

domenik1987
15 Novembre 2016 - 17:39
Ciao Erica sono Domenico vorrei dei chiarimenti riguardanti la creazione di transizioni da creare per una pagina web ad esempio se visito qualsiasi pagina web è composta da transizioni di pagina. Io ho provato a farlo con Indesign e Dreamweaver ma non mi viene come vorrei. Chiedo un tutorial che faccia vedere degli esempi su cui prendere spunto e creare alla perfezione una pagina web. Un saluto
Redazione
21 Novembre 2016 - 14:05
Ciao Domenico, cosa intendi con "transizioni di pagina", se animazioni di elementi interni alla pagina o vere e proprie animazioni tra una pagina e l'altra?! Hai un link di esempio, per farmi capire cosa intendi?
domenik1987
15 Dicembre 2016 - 18:30
Ciao Erica scusa per il ritardo sulla lettura dell'e-mail ti chiedevo se è possibile fare con Dreamweaver uno sfoglia di immagini, credo che siano delle animazioni tra una pagina e l'altra. Un esempio può essere la pagina iniziale di total photoshop con immagini scorrevoli. ecco un effetto di questo tipo. un saluto
Redazione
21 Dicembre 2016 - 11:03
Ciao Domenico, gli slider sono scipt javascript. Si possono usare per far scorrere immagini semplici o blocchi di contenuto, ad esempio dei div, che quindi possono contenere più elementi (immagini, testi, sfondi, blocchi, bottoni, etc.). Questo è il caso di Total-Photoshop, quelli che vedi scorrere sono tanti diversi div che al loro interno hanno un elemento di sfondo e in sovrapposizione un titolo + un blocco di descrizione con delle sue caratteristiche e che a sua volta contiene del testo e un link. Ma le possibilità di personalizzazione sono infinite. Sono innumerevoli gli script che puoi trovare già pronti sul web (generalmente basati sulla libreria jQuery) e che sono soltanto da personalizzare. Bisogna però avere un po' di dimestichezza con la gestione del codice e in particolare del codice js, è un argomento abbastanza complesso e che necessita di qualche base tecnica per poter essere affrontato, ma potremo sicuramente trattarlo più avanti in uno dei videocorsi futuri. Con Dreamweaver è possibile? Sì, Dreamweaver è un editor di codice e quindi è tutto possibile, ma possiamo dire che non esistono funzioni preconfigurate specifiche, è tutto da creare manualmente. Per dovere di completezza, molti degli slider che vedi oggi online sono su siti Wordpress, ovvero sono creati con plugin Wordpress specifici che sono decisamente più semplici da gestire e personalizzare (non è necessario mettere mano al codice), ma Wordpress al momento non è argomento di Professione Web Designer e comunque è bene, per chi vuole essere un vero web designer, capire il codice che sta dietro tutto ciò e saperlo gestire.

Lascia un commento


Pubblica commento


Web Design: la struttura base di una Pagina Web

FOCUS TAG

Total-Photoshop è di proprietà di Logic Image s.r.l.
Viale Aguggiari 12, 21100 Varese - Telefono e Fax: 0332.288642 - P.iva: 02990000123