{"id":50559,"date":"2015-12-26T21:45:31","date_gmt":"2015-12-26T20:45:31","guid":{"rendered":"http:\/\/www.article-marketing.eu\/comunicati\/senza-categoria\/come-progettare-un-sito-web-2\/"},"modified":"2015-12-26T21:45:31","modified_gmt":"2015-12-26T20:45:31","slug":"come-progettare-un-sito-web-2","status":"publish","type":"post","link":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/","title":{"rendered":"Come progettare un sito web e il codice html"},"content":{"rendered":"<p>II progetto web<br \/> Ogni sito web dovrebbe essere realizzato come un ipertesto, quindi un insieme di unit&agrave; di contenuto (testuale, grafico o multimediale) collegate tra loro da una serie di collegamenti sulla base di associazioni logiche e semantiche. <br \/>Senza addentrarci nei meandri dell&#8217;architettura dell&#8217;informazione, un buon punto di partenza potrebbe essere quello di stilare un breve elenco delle informazioni e dei servizi che vuoi inserire nel tuo sito. Dopo di questo ti sar&agrave; molto semplice trasformare questa specie di traccia o indice in un albero, in cui potrai organizzare le varie voci in modo gerarchico, raggruppandole per argomenti, creando cos&igrave; un primo livello di navigazione (che rappresenter&agrave; i link principali del sito) e il secondo livello, di approfondimento (che rappresenter&agrave; i collegamenti interni).<br \/>Organizzati in questo momento i contenuti del sito &egrave; opportuno definire gli elementi della singola pagina: questo piccolo schema di aiuter&agrave; nel momento in cui dovrai decidere il layout grafico della pagina. Progettare il sito Alcuni passi da seguire per progettare un sito web coerente.<br \/>Creati un metodo di lavoro da seguire, nello sviluppo dei tuoi progetti web, ti aiuter&agrave; a non dimenticarti nulla. Un ordine logico potrebbe essere questo: 1. Raccogli i contenuti che vuoi pubblicare sul sito. 2. Crea un indice dei contenuti del sito in sintesi. 3. Organizza la traccia in uno schema gerarchico e definendo i link della navigazione principale e secondaria del sito. 4. Definisci lo schema generale della pagina che ti servir&agrave; per disegnare il layout del sito. Alcuni programmi come SmartDraw smartdraw.com permettono di disegnare mappe di siti in modo chiaro e intuitivo. L&#8217;organizzazione dei file All&#8217;interno di un sito vi sono molte risorse che devono essere organizzate.Se hai un po&#8217; di pratica di utilizzo del personal computer, sicuramente avrai affrontato il problema di organizzare i tuoi file in un modo logico e ordinato, che ti permetta di ritrovarli semplicemente anche a distanza di tempo. Lavorando a un sito web, questo problema &egrave; ancora pi&ugrave; sentito. Il cosiddetto &#8220;spazio web&#8221;, ossia quell&#8217;area di disco sul server web riservata ai file del tuo sito, non &egrave; altro che una directory contenuta all&#8217;interno del server. Il modo in cui deciderai di organizzare i file all&#8217;interno di quella cartella condizioner&agrave; molto il tuo lavoro, soprattutto se ti troverai a collaborare con altre persone: i percorsi dei file, infatti, sono molto importanti per la costruzione dei link, per collegare alle pagine le immagini e le altre risorse. Tanto per imparare un po&#8217; di terminologia, &egrave; importante sapere che la directory in cui &egrave; contenuto il sito si chiama &#8220;root&#8221; o radice del sito, e che in automatico, quando ci si collega al dominio, senza specificare il nome del file, viene caricata 1&#8217;home page, che di solito &egrave; rappresentata dal sito index. htm o default.htm. Per sapere qual &egrave; esattamente il nome del file predefinito come home page devi parlare con il gestore del server. <br \/> Questo meccanismo di organizzazione dei file &egrave; solo consigliato. Puoi decidere di organizzare le cose in modi diversi, ma in generale tieni presente che l&#8217;obiettivo dovrebbe essere quello di ricostruire i percorsi dei file nel modo pi&ugrave; rapido e semplice possibile, e di rendere il recupero dei file in modo pii diretto possibile. Un esempio di organizzazione dei file Non esistono regole di organizzazione dei file all&#8217;interno di un sito. &Egrave; pratica abbastanza comune, soprattutto per i siti complessi, organizzare i file in questo modo: 1. nella directory root (radice, ossia la directory principale) del sito si lascia l&#8217;home page del sito ed eventuali pagine di primissimo livello (la mappa del sito, il modulo di richiesta informazioni, il modulo per la ricerca, ad esempio); 2. si crea una directory per le immagini; 3. si crea una directory per ogni sezione principale del sito in cui verranno raccolte le varie pagine; 4. solo se il sito &egrave; molto complesso si creano delle ulteriori sotto-directory all&#8217;interno delle sezioni per organizzare meglio i file.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ogni sito web dovrebbe essere realizzato come un ipertesto, quindi un insieme di unit\u00e0 di contenuto (testuale, grafico o multimediale) collegate tra loro da una serie di collegamenti sulla base di associazioni logiche e semantiche. <br \/>Senza addentrarci nei meandri dell&#8217;architettura dell&#8217;informazione, un buon punto di partenza potrebbe essere quello di stilare un breve elenco delle informazioni e dei servizi che vuoi inserire nel tuo sito. Dopo di questo ti sar\u00e0 molto semplice trasformare questa specie di traccia o indice in un albero, in cui potrai organizzare le varie voci in modo gerarchico, raggruppandole per argomenti, creando cos\u00ec un primo livello di navigazione (che rappresenter\u00e0 i link principali del sito) e il secondo livello, di approfondimento (che rappresenter\u00e0 i collegamenti interni).<br \/>Organizzati in questo momento i contenuti del sito \u00e8 opportuno definire gli elementi della singola pagina: questo piccolo schema di aiuter\u00e0 nel momento in cui dovrai decidere il layout grafico della pagina.<\/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":[53571,53570],"class_list":["post-50559","post","type-post","status-publish","format-standard","hentry","category-internet","tag-organizzazione-files-sito-web","tag-progetto-html-sito-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Come progettare un sito web e il codice html - Article Marketing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come progettare un sito web e il codice html - Article Marketing\" \/>\n<meta property=\"og:description\" content=\"Ogni sito web dovrebbe essere realizzato come un ipertesto, quindi un insieme di unit\u00e0 di contenuto (testuale, grafico o multimediale) collegate tra loro da una serie di collegamenti sulla base di associazioni logiche e semantiche. Senza addentrarci nei meandri dell&#039;architettura dell&#039;informazione, un buon punto di partenza potrebbe essere quello di stilare un breve elenco delle informazioni e dei servizi che vuoi inserire nel tuo sito. Dopo di questo ti sar\u00e0 molto semplice trasformare questa specie di traccia o indice in un albero, in cui potrai organizzare le varie voci in modo gerarchico, raggruppandole per argomenti, creando cos\u00ec un primo livello di navigazione (che rappresenter\u00e0 i link principali del sito) e il secondo livello, di approfondimento (che rappresenter\u00e0 i collegamenti interni).Organizzati in questo momento i contenuti del sito \u00e8 opportuno definire gli elementi della singola pagina: questo piccolo schema di aiuter\u00e0 nel momento in cui dovrai decidere il layout grafico della pagina.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Article Marketing\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-26T20:45:31+00:00\" \/>\n<meta name=\"author\" content=\"Redazione Comunicati Stampa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redazione Comunicati Stampa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\"},\"author\":{\"name\":\"Redazione Comunicati Stampa\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\"},\"headline\":\"Come progettare un sito web e il codice html\",\"datePublished\":\"2015-12-26T20:45:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\"},\"wordCount\":666,\"commentCount\":0,\"keywords\":[\"organizzazione files sito web\",\"progetto html sito web\"],\"articleSection\":[\"Internet\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\",\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\",\"name\":\"Come progettare un sito web e il codice html - Article Marketing\",\"isPartOf\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#website\"},\"datePublished\":\"2015-12-26T20:45:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.article-marketing.eu\/comunicati\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come progettare un sito web e il codice html\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#website\",\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/\",\"name\":\"Article Marketing\",\"description\":\"article marketing &amp; press release\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.article-marketing.eu\/comunicati\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017\",\"name\":\"Redazione Comunicati Stampa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g\",\"caption\":\"Redazione Comunicati Stampa\"},\"url\":\"https:\/\/www.article-marketing.eu\/comunicati\/author\/redazione-comunicati-stampa\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come progettare un sito web e il codice html - Article Marketing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/","og_locale":"it_IT","og_type":"article","og_title":"Come progettare un sito web e il codice html - Article Marketing","og_description":"Ogni sito web dovrebbe essere realizzato come un ipertesto, quindi un insieme di unit\u00e0 di contenuto (testuale, grafico o multimediale) collegate tra loro da una serie di collegamenti sulla base di associazioni logiche e semantiche. Senza addentrarci nei meandri dell'architettura dell'informazione, un buon punto di partenza potrebbe essere quello di stilare un breve elenco delle informazioni e dei servizi che vuoi inserire nel tuo sito. Dopo di questo ti sar\u00e0 molto semplice trasformare questa specie di traccia o indice in un albero, in cui potrai organizzare le varie voci in modo gerarchico, raggruppandole per argomenti, creando cos\u00ec un primo livello di navigazione (che rappresenter\u00e0 i link principali del sito) e il secondo livello, di approfondimento (che rappresenter\u00e0 i collegamenti interni).Organizzati in questo momento i contenuti del sito \u00e8 opportuno definire gli elementi della singola pagina: questo piccolo schema di aiuter\u00e0 nel momento in cui dovrai decidere il layout grafico della pagina.","og_url":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/","og_site_name":"Article Marketing","article_published_time":"2015-12-26T20:45:31+00:00","author":"Redazione Comunicati Stampa","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Redazione Comunicati Stampa","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#article","isPartOf":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/"},"author":{"name":"Redazione Comunicati Stampa","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017"},"headline":"Come progettare un sito web e il codice html","datePublished":"2015-12-26T20:45:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/"},"wordCount":666,"commentCount":0,"keywords":["organizzazione files sito web","progetto html sito web"],"articleSection":["Internet"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/","url":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/","name":"Come progettare un sito web e il codice html - Article Marketing","isPartOf":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/#website"},"datePublished":"2015-12-26T20:45:31+00:00","author":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017"},"breadcrumb":{"@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.article-marketing.eu\/comunicati\/internet\/come-progettare-un-sito-web-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.article-marketing.eu\/comunicati\/"},{"@type":"ListItem","position":2,"name":"Come progettare un sito web e il codice html"}]},{"@type":"WebSite","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#website","url":"https:\/\/www.article-marketing.eu\/comunicati\/","name":"Article Marketing","description":"article marketing &amp; press release","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.article-marketing.eu\/comunicati\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/44372e4d4d0fa797b18e03ed1ace9017","name":"Redazione Comunicati Stampa","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.article-marketing.eu\/comunicati\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/50e5c6421d3072f42e7ace803501602c60d75233d34e29fd05feb91c8760b792?s=96&d=mm&r=g","caption":"Redazione Comunicati Stampa"},"url":"https:\/\/www.article-marketing.eu\/comunicati\/author\/redazione-comunicati-stampa\/"}]}},"_links":{"self":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts\/50559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/comments?post=50559"}],"version-history":[{"count":0,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/posts\/50559\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/media?parent=50559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/categories?post=50559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.article-marketing.eu\/comunicati\/wp-json\/wp\/v2\/tags?post=50559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}