La realizzazione di un sito internet parte dalla definizione dei contenuti che esso dovr\u00e0 avere e che saranno presentati sul Web per raggiungere gli utenti.<\/p>\n
L\u2019informazione<\/em>, quindi, \u00e8 il punto di partenza ed \u00e8 di fondamentale importanza comprendere come questa sia indipendente dal mezzo e dalla forma <\/strong>con cui sar\u00e0 veicolata in rete.<\/p>\n In altre parole, una volta definito il contenuto di un sito \u2013 testo, immagini, suoni, video -, dovrebbe essere possibile scegliere di presentarlo a proprio piacimento e, soprattutto, si dovrebbe essere in grado di modificarne la presentazione in qualsiasi momento senza alterare la natura dell\u2019informazione.<\/p>\n Allo stesso modo dovrebbe essere possibile modificare i contenuti, aggiornarli o sostituirli in maniera indipendente dalla loro presentazione.<\/p>\n Gli esperti in creazione siti internet sanno bene quanto sia importante l’adozione di tecniche, approcci e tecnologie capaci di semplificare la manutenzione<\/strong> di un sito web e di offrire un’alta flessibilit\u00e0, <\/strong>al fine di creare pagine facilmente modificabili, adattabili a diverse modalit\u00e0 di visualizzazione, con la possibilit\u00e0 di cambiare l’aspetto grafico senza intaccare i contenuti<\/p>\n Soprattutto considerando che, in progetti di grandi dimensioni, confluiscono il lavoro e le competenze di diverse figure professionali \u2013 grafico, copywriter, programmatore, ecc \u2013 e che ciascuna di esse ha la necessit\u00e0 di agire su una o pi\u00f9 parti dell\u2019applicazione per conto proprio.<\/p>\n Ci si rende conto, quindi, dell\u2019importanza di separare in maniera logica i diversi strati<\/strong> che compongono un sito internet in modo tale da rendere indipendente la costruzione, la modifica e la gestione di ognuno di essi.<\/p>\n Il primo fondamentale passo verso una realizzazione siti web moderna e professionale consiste nella totale separazione fra struttura e presentazione<\/strong>.<\/p>\n La struttura<\/em> \u00e8 il livello nel quale i contenuti sono rappresentati in maniera semantica mediante un linguaggio di marcatura strutturale (es. HTML). I linguaggi di marcatura servono per descrivere i diversi elementi che fanno parte del contenuto di un sito internet: titoli, paragrafi, immagini, elenchi, collegamenti ipertestuali, contenitori, tabelle, ecc. L\u2019informazione viene, quindi, strutturata in maniera semantica attraverso opportuni descrittori, denominati tag<\/em>, che vanno a comporre le pagine web.<\/p>\n La presentazione<\/em>, invece, \u00e8 costituita dall\u2019insieme delle direttive che definiscono l\u2019aspetto che i diversi tag, e di conseguenza le diverse parti di contenuto, dovranno avere, ovvero determinano la veste grafica delle pagine web. E\u2019 possibile, quindi, assegnare uno stile a ciascuna porzione del contenuto di un sito in modo tale da definirne caratteristiche e propriet\u00e0 quali: colore, bordi, sfondo, dimensione, posizione, allineamento, ecc.<\/p>\n Il sistema migliore di procedere alla costruzione di siti internet di qualit\u00e0, adottato dalle web design agency moderne, consiste nel realizzare la struttura mediante il linguaggio di marcatura XHML<\/strong> ed affidare la presentazione ai fogli di stile CSS esterni.<\/strong><\/p>\n L\u2019XHTML (Extensible HyperText Markup Language) <\/em>\u00e8 un\u2019estensione dell\u2019HTML ed \u00e8 un linguaggio di descrizione dei contenuti che consente la scrittura di documenti per il web ben formati aderenti agli standard internazionali. Grazie alla sua sintassi ben definita e pi\u00f9 rigida rispetto al semplice HTML, permette di ottenere la conformit\u00e0 con i browser e la compatibilit\u00e0 con le tecnologie future, seguendo, in tal modo, la naturale evoluzione di Internet.<\/p>\n I fogli di stile CSS (Cascading Style Sheets) <\/em>sono documenti associati alle pagine web contenenti le informazioni che definiscono, appunto, lo stile dei diversi elementi che descrivono il contenuto di un sito web. Esistono tre tipi di fogli di stile: in linea, incorporati ed esterni. I CSS in linea definiscono le propriet\u00e0 di un singolo elemento nel momento in cui viene scritto all\u2019interno del documento; i CSS incorporati definiscono le caratteristiche di un insieme di elementi ed agiscono a livello di singola pagina, quella in cui sono inseriti; i CSS esterni sono documenti che definiscono le propriet\u00e0 degli elementi di pi\u00f9 pagine, o addirittura di un intero sito, e sono completamente separati dalle pagine web.<\/p>\n L\u2019uso dei fogli di stile CSS esterni \u00e8 enormemente vantaggioso proprio perch\u00e9 le informazioni di stile non risultano inserite nelle pagine che contengono i contenuti del sito, permettendo, di fatto, la completa separazione tra struttura e presentazione. Ad una singola pagina si possono associare pi\u00f9 CSS e, quindi, formattazioni diverse senza dover agire sui contenuti. Viceversa \u00e8 possibile modificare i contenuti senza dover variare la loro presentazione, semplicemente mantenendo inalterata la loro struttura.<\/p>\n In conclusione, l\u2019uso del linguaggio di marcatura XHTML unitamente ai fogli di stile CSS esterni permette di costruire pagine web ben strutturate e di presentarle nella maniera pi\u00f9 opportuna, semplificando la gestione e la manutenzione dei siti internet ed ottenendo applicazioni estremamente flessibili ed efficienti.<\/p>\n","protected":false},"excerpt":{"rendered":" Separare la struttura dalla presentazione per realizzare siti web flessibili e facilmente aggiornabili<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[466],"tags":[11442,4595,11445,4574,1476,11441,11444,4265,11443],"class_list":["post-3701","post","type-post","status-publish","format-standard","hentry","category-internet","tag-creazione-realizzazione-siti-web","tag-creazione-siti-web","tag-grafica-web","tag-realizzazione-siti-internet","tag-realizzazione-siti-web","tag-realizzazione-siti-web-dinamici","tag-restyling-siti-web","tag-web-design","tag-website-design"],"yoast_head":"\n