Web template: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m WPCleaner v2.05 - fix Open-source - Open-source |
|||
| (24 versioni intermedie di 15 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>.
==Concetti base==
*''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]]: un file [[HTML]], creato a mano o da un editor, anche [[WYSIWYG]].
==Tipi di modelli==
Ci sono molti tipi di web template: dai semplici "template sostituto" (masks), dove le variabili sono sostituite dal contenuto del [[Web design|webdesigner]], ai complessi template basati sull'XSLT. I semplici template erano importanti storicamente, nelle prime [[Server Side Include|inclusioni server-side]] (SSI) per creare header e footer uniformi nelle pagine web. I template complessi giocano un ruolo importante nei [[Content management system]] (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
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 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 ==
<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 ==
<references />
==Voci correlate==
Line 33 ⟶ 87:
*[[Foglio di stile]]
{{Portale|internet}}
[[Categoria:Sito web]]▼
| |||