Web template: differenze tra le versioni

Versione delle 01:28, 10 gen 2007

Versione attuale delle 16:14, 2 dic 2023

(42 versioni intermedie di 28 utenti non mostrate)

Riga 1:

Un '''web template''' (in italiano: modello per i siti, o semplicemente modello) è uno strumento usato per separare il contenuto dalla presentazione grafica, e per la produzione in massa di pagine [[Web]]<ref>{{Cita web|url=http://www.techopedia.com/definition/4899/website-template|titolo=What is a Website Template? - Definition from Techopedia|sito=Techopedia.com|lingua=en|accesso=2021-10-25}}</ref><ref name=":0">{{Cita web|url=https://allwebcodesign.com/website-templates.htm|titolo=What are Web Templates? About HTML / CSS Website Designs|sito=allwebcodesign.com|accesso=2021-10-25}}</ref>.

{{S|informatica}}

===Concetti base===

Un '''Web Template''' è uno strumento usato per separare il contenuto dalla presentazione grafica, e per la produzione in massa di pagine [[Web]].

*''Pagina web''<ref>{{Cita web|url=https://wpamelia.com/static-vs-dynamic-website/|titolo=Static vs Dynamic Website: What Is the Difference?|sito=Amelia WordPress Booking Plugin|data=2019-04-25|lingua=en|accesso=2021-10-25}}</ref><ref>{{Cita web|url=https://adamtheautomator.com/static-vs-dynamic-website/|titolo=Static vs Dynamic Websites: What's the Difference?|sito=adamtheautomator.com|data=2021-01-22|lingua=en-US|accesso=2021-10-25}}</ref>'':''

**[[Pagina web dinamica]]: generata al volo (dinamicamente nel web) da un template engine

**[[Web statico|Pagina web statica]]: unaun file [[HTML]], creato a mano o da un editor, anche [[WYSIWYG]].

===Tipi di Template=modelli==

Ci sono molti tipi di web templatestemplate: dai semplici "templatestemplate sostituto" (masks), dove le variabili sono sostituite dal contenuto del [[webWeb designerdesign|webdesigner]], ai complessi templatestemplate basati sull'XSLT. I semplici templatestemplate erano importanti storicamente, nelle prime [[Server Side Include|inclusioni server-side]] (SSI) per creare headersheader e footersfooter uniformi nelle pagine web. I templatestemplate complessi giocano un ruolo importante nei [[Content Managementmanagement Systemssystem]] ([[CMS]]) e nel [[Web Publishing]] in generale. Rendono possibile un [[Impaginazione|layout]] standard (impostazione delle pagine, dei colori, le posizioni, ecc.) per contenuti diversi pur mantenendo lo stesso layout di base<ref name=":0" />.

===Linguaggi per Templates=template==

===Concetti base===

*''Pagina web:''

**Pagina web dinamica: generata al volo (dinamicamente nel web) da un template engine

**Pagina web statica: una file [[HTML]], creato a mano o da un editor, anche [[WYSIWYG]].

===Tipi di Template===

Ci sono molti tipi di web templates: dai semplici "templates sostituto" (masks), dove le variabili sono sostituite dal contenuto del [[web designer]], ai complessi templates basati sull'XSLT. I semplici templates erano importanti storicamente, nelle prime [[Server Side Include|inclusioni server-side]] (SSI) per creare headers e footers uniformi nelle pagine web. I templates complessi giocano un ruolo importante nei Content Management Systems ([[CMS]]) e nel [[Web Publishing]] in generale. Rendono possibile un [[layout]] standard (impostazione delle pagine, dei colori, le posizioni, ecc.) per contenuti diversi pur mantenendo lo stesso layout di base.

===Linguaggi per Templates===

La sintassi per esprimere variabili, blocchi, regole di sostituzione, o logica, in un web template, è formalizzata da un linguaggio template.

I linguaggi possono essere definiti in un standard o in un contesto "esclusivo"<ref>{{Cita web|url=http://www.diag.uniroma1.it/~rosati/lw-1516/slides-XML/lezione-5/lezione-5.html|titolo=Fogli di stile per XML (XSL e XSLT)|autore=Luigi Dragone, Riccardo Rosati|anno=2016|accesso=2021-10-25}}</ref>:

* Linguaggi standard ([[Extensible Stylesheet Language|XSL]])

* Linguaggi piattaforma-dipendenti (linguaggio Vignette)

===Riutilizzo dei templates=template==

Si possono "riciclare" i web template<ref>{{Cita web|url=https://www.w3schools.com/w3css/w3css_templates.asp|titolo=W3.CSS Templates|lingua=en-US|accesso=2021-10-25}}</ref>.

I modelli per i siti sono solitamente gratuiti e creati per facilitarne l'eventuale modifica. In ogni caso, alcuni i web template più specializzati sono prodotti commerciali acquistabili, solitamente, venduti online. Mentre numerosi siti commerciali offrono web template complessi e molto ben fatti, ne esistono molti altri gratuiti e [[open source]]<ref>{{Cita web|url=https://webflow.com/free-website-templates|titolo=44+ Free HTML5 responsive website templates {{!}} Webflow|sito=webflow.com|lingua=en|accesso=2021-10-25}}</ref><ref>{{Cita web|url=https://nicepage.com/it/modelli-html|titolo=9000+ modelli HTML gratuiti. Modelli di siti Web HTML|sito=Nicepage.com|lingua=it|accesso=2021-10-25}}</ref>[[open source|.]]

=== Modello base di un template web ===

HTML<syntaxhighlight lang="html">

<!DOCTYPE html>

<html>

<title>HTML Tutorial</title>

<body>

<h1>titolo</h1>

<p>paragrafo</p>

</body>

</html>

</syntaxhighlight>CSS<syntaxhighlight lang="css">

body {

background-color: lightblue;

}

h1 {

color: white;

text-align: center;

}

</syntaxhighlight>PHP<syntaxhighlight lang="php">

<!DOCTYPE html>

<html>

<head>

<title>PHP Test</title>

</head>

<body>

<?php echo '<p>Hello World</p>'; ?>

</body>

</html>

Pagina base dinamica in ASP:

</syntaxhighlight>ASP<syntaxhighlight lang="asp">

<!DOCTYPE html>

<html>

<body>

<h1>Hello Web Pages</h1>

<p>The time is @DateTime.Now</p>

</body>

</html>

</syntaxhighlight>

== Galleria d'immagini ==

===Riutilizzo dei templates===

<gallery>

File:Web-template Bitter Sweet.png|alt=Web layout template|Web layout template

File:Templates in the anatomy of website design.png|Template [[Wireframe]]

File:CSS grid x Flexbox layout.png|alt=Template CSS|Template CSS

File:Wordpress default1 mainpage.png|alt=Template Wordpress|Template [[WordPress|Wordpress]]

</gallery>

== Note ==

Possiamo "riciclare" i web templates.

<references />

Web templates are sometimes free, and easily made by an individual domestically. However specialized web templates are sometimes sold online. While there are numerous commercial sites that offer web templates, there are also free and "open-source" sources.

==Voci correlate==

I Web Templates sono solitamente gratuiti, e creati per facilitarne l'eventuale modifica. In ogni caso i web templates specializzati vengono di solito venduti online. Mentre numerosi siti commerciali offrono web templates complessi e molto ben fatti, ne esistono molti altri gratuiti e [[open-source]]

*[[Home page]]

*''[[Pagina web:'' dinamica]]

*[[Sitemap]]

*[[Sito web]]

*[[Ipertesto]]

*[[Browser]]

*[[Editor web]]

*[[Collegamento ipertestuale]]

*[[Foglio di stile]]

{{Portale|internet}}

[[Categoria:World Wide Web]]

[[enCategoria:Web templatedesign]]