your inspiration magazine #03
DESCRIPTION
Rivista dedicata al mondo del Web DesignTRANSCRIPT
www.yourinspiration-magazine.com
www.yourinspiration-magazine.com [email protected]
02 ·· your inspiration magazine
GALLERY
·· 03
06 ·· your inspiration magazine
LINK: http://bit.ly/h3IoIp
1 http://bit.ly/djEnlh ·· 07
2 http://bit.ly/c4bzhm08 ·· your inspiration magazine
Entra nella community diYour Inspiration Web
il nostro forum aspetta solo te.
your inspiration web
Forum di discussione su PHP, XHTML, CSS, JAVASCRIPT, CMS, GRAFICA e non solo
Suggerimenti, ispirazione e migliorie per i tuoi progetti
Feedback dalla community suoi tuoi lavori
Aneddoti, curiosita’, di tutto un po’
http://forum.yourinspirationweb.com
10 ·· your inspiration magazine
LINK: http://bit.ly/fpoOAd
·· 11
12 ·· your inspiration magazine
·· 13
14 ·· your inspiration magazine
LINK: http://bit.ly/fG2IfM
16 ·· your inspiration magazine
·· 17
18 ·· your inspiration magazine
Iscriviti alla newsletterdi Your Inspiration Webe ricevi in regalo
L’eBook
una panoramica completasul mondo del webdesign
“Guida alla realizzazione di un sito dalla A alla Z”
Scaricalo subito! www.yourinspirationweb.com/newsletter
LINK: http://bit.ly/f9RCH3
20 ·· your inspiration magazine
·· 21
22 ·· your inspiration magazine
Se questo Magazine è stato per te un’occasione di maggiore comprensione e crescita professionale, se la sua lettura è stata fonte di ispirazione, o semplicemente se senti che è giusto e vuoi contribuire alla sua crescita, puoi sostenere questo progetto in differenti modi: inserendo un banner o un semplice link nel tuo sito/blog o effettuando una donazione.
PPer saperne di piu: http://www.yourinspiration-magazine.com/sostieni/
SOSTIENI YIM
26 ·· your inspiration magazine
LINK: http://bit.ly/hmFbtn
·· 27
28 ·· your inspiration magazine
your inspiration web
Realizzare un tema per WordPress adesso è un gioco da bambini.
Vuoi sapere perchè?http://tinyurl.com/39ttfdq
http://bit.ly/bzIzsU130 ·· your inspiration magazine
LINK: http://bit.ly/fdzba6
32 ·· your inspiration magazine
LINK: http://bit.ly/dGj0uX
http://bit.ly/d8YOD31 ·· 33
- Collaborare nelle fasi di progettazione e impaginazione del magazine;
- Occuparti della revisione degli articoli;
- Distribuire YIM nella tua zona, contribuendo cosi a far conoscere il
progetto e a conferirgli la visibilità che merita.
- Contribuire alla ricerca di sponsor che, acquistando spazi pubblicitari
all’interno della rivista, permettano di coprire i costi di produzione.
per saperne di piu: http://www.yourinspiration-magazine.com/collabora/
Your Inspiration Magazine è aperto a chiunque desideri
condividere le proprie conoscenze attraverso articoli tematici,
tutorial, guide e quant’altro. Inoltre, sei invitato a far parte
del team se vuoi:
COLLABORA CON YIM
36 ·· your inspiration magazine
LINK: http://bit.ly/eSj0uM
figura 1 •• La home page di Lift [1]
figura 2 •• La home page del centro medico Lexington [2]
figura 4 •• La home page di Hillwood Residential [4]
figura 3 •• La home page del centro medico Intermountain Healthcare [3]
http://bit.ly/d1cCCI1 http://bit.ly/5r4t6n2 http://bit.ly/2nMQXS3 http://bit.ly/907fAS4 ·· 37
http://bit.ly/di8wWA7
http://bit.ly/c0SgAY8http://bit.ly/b7lKbm6
figura 5 •• Header della home page di Yes People
figura 6 •• Altro particolare della stessa home page
figura 8 •• Home page del sito The Rockstar foundation [7]
figura 9 •• Home page del sito Villa Hope [8]
figura 7 •• Home page del sito Omid for Iran [6]
http://bit.ly/6I82Iw5 38 ·· your inspiration magazine
http://bit.ly/7zWCTd9 http://bit.ly/a3jJOV10 http://bit.ly/cWJIvr11 http://bit.ly/3rkGTd12
figura 12 •• Home page del sito di Mariusz Jasuwienas
figura 13 •• Home page del sito di Seth Godin figura 10 •• Il portfolio di Diego Negrellos [9]
figura 11 •• La home page di Small Business [10]
·· 39
figura 16 •• Focus sul beneficio
figura 17 •• Testata della home page dell'agenzia di Comunicazione Kleis
figura 18 •• Header della home page della web agency Officina Mundi
figura 15 •• Focus sul punto di forza: manodopera qualificata
figura 14 •• Ipotetica immagine per la home page di un sito che vende libri on-line
http://bit.ly/cxRRAC13 http://bit.ly/bhA7ev14 40 ·· your inspiration magazine
http://bit.ly/bRQi9w15 http://bit.ly/bdDb2Q16 http://bit.ly/ck7tD917 http://bit.ly/cwvaeI18
figura 19 •• La home page del sito New Dial Festival
figura 20 •• Header del sito Made by Water
figura 21 •• Header del sito Camp6
·· 41
tempo: 45min difficoltà: media
LINK: http://bit.ly/ibK1IH
44 ·· your inspiration magazine
define("RSS_FILE", "feed.xml");
define("SITE_NAME", "Il nome del tuo sito");
define("SITE_URL", "http://www.tuosito.com");
define("SITE_DESCRIPTION", "La descrizione del
define("SITE_LANGUAGE", "it");
define("SITE_WEBMASTER", "[email protected]");
define("NUMBER_OF_NEWS", 10);
//DB
define("HOST", "localhost");
define("USER", "root");
define("PASSWORD", "********");
define("DB_NAME", "articoli");
//XML param
tuo sito");
<html>
title="Articoli RSS Feed"
<link rel="alternate" type="application/rss+xml"
<?php
include_once "config.php";
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.
dtd">
href="http://localhost/test/feed/<?php echo RSS_
<head>
FILE; ?>" />
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
</head>
·· 45
public function __construct()
{
$this->dbConnect();
}
private function dbConnect()
{
$this->conn = mysql_connect(HOST, USER,
PASSWORD) OR die("Impossibile connettersi
al database");
mysql_select_db(DB_NAME, $this->conn) OR
die("Impossibile selezionare il database " . DB);
}
protected function createContent()
{
$content = "";
$content .= "<rss version=\"2.0\">\r\n";
$content .= " <channel>\r\n";
$content .= " <title>" . SITE_NAME .
"</title>\r\n";
$content .= " <link>" . SITE_URL .
"</link>\r\n";
$content .= " <description>" .
SITE_DESCRIPTION . "</description>\r\n";
$content .= " <language>" .
SITE_LANGUAGE . "</language>\r\n";
$content .= " <webMaster>" .
SITE_WEBMASTER . "</webMaster>\r\n";
$content .= " </channel>\r\n";
$content .= "</rss>";
return $content;
}
protected function writeItem()
{
$sql = "SELECT * FROM news ORDER BY
timestamp DESC LIMIT 0," . NUMBER_OF_NEWS;
$res = mysql_query($sql, $this->conn);
$content = "";
while($row = mysql_fetch_array($res))
{
$content .= " <item>\r\n";
$content .= " <title>" .
include_once "config.php";
class writeFeed
{
protected $conn;
46 ·· your inspiration magazine
http://bit.ly/crst3n3http://bit.ly/aEvGpY2http://bit.ly/bHmryD1
$row['titolo'] . "</title>\r\n";
$content .= " <link>" .
SITE_URL . "single_article.php?id=" . $row['id'] .
"</link>\r\n";
$content .= " <author>" .
$row['autore'] . "</author>\r\n";
$content .= " <pubDate>"
. date("D, j M Y H:i:s", $row['timestamp']) . "
+0200</pubDate>\r\n";
$content .= " </item>\r\n";
}
return $content;
}
$content .= " <webMaster>" .
SITE_WEBMASTER . "</webMaster>\r\n";
$content .= $this->writeItem();
$content .= " </channel>\r\n";
$content .= "</rss>";
·· 47
$content = "";
while($row = mysql_fetch_array($res))
{
$content .= " <item>\r\n";
$content .= " <title>" .
$row['titolo'] . "</title>\r\n";
$content .= " <link>" .
SITE_URL . "single_article.php?id=" . $row['id'] .
"</link>\r\n";
$content .= " <author>" .
$row['autore'] . "</author>\r\n";
$content .= " <pubDate>"
. date("D, j M Y H:i:s", $row['timestamp']) . "
public function __construct()
{
$this->dbConnect();
}
private function dbConnect()
{
$this->conn = mysql_connect(HOST, USER,
PASSWORD) OR die("Impossibile connettersi
al database");
mysql_select_db(DB_NAME, $this->conn) OR
die("Impossibile selezionare il database " . DB);
}
protected function createContent()
{
$content = "";
$content .= "<rss version=\"2.0\">\r\n";
$content .= " <channel>\r\n";
$content .= " <title>" . SITE_NAME .
"</title>\r\n";
$content .= " <link>" . SITE_URL .
"</link>\r\n";
$content .= " <description>" .
SITE_DESCRIPTION . "</description>\r\n";
$content .= " <language>" .
SITE_LANGUAGE . "</language>\r\n";
$content .= " <webMaster>" .
SITE_WEBMASTER . "</webMaster>\r\n";
$content .= $this->writeItem();
$content .= " </channel>\r\n";
$content .= "</rss>";
}
protected function writeItem()
{
$sql = "SELECT * FROM news ORDER BY
class writeFeed
{
protected $conn;
return $content;
timestamp DESC LIMIT 0," . NUMBER_OF_NEWS;
$res = mysql_query($sql, $this->conn);
public function updateFeedFile()
{
file_put_contents(RSS_FILE,
$this->createContent());
}
include_once "config.php";
48 ·· your inspiration magazine
+0200</pubDate>\r\n";
$content .= " </item>\r\n";
}
return $content;
}
public function updateFeedFile()
{
file_put_contents(RSS_FILE,
$this->createContent());
}
}
·· 49
LINK: http://bit.ly/fAiJas
tempo: 45min difficoltà: media
50 ·· your inspiration magazine
·· 51
52 ·· your inspiration magazine
·· 53
tempo: 45min difficoltà: media
LINK: http://bit.ly/fhEXQA
54 ·· your inspiration magazine
<? include("languages.php"); ?>
$lang = $_GET['lang'];
$_SESSION['lang'] = $lang;
setcookie ('lang', $lang, time() + (3600 * 24 *
30));
}
elseif (isset($_SESSION['lang'])) {
$lang = $_SESSION['lang'];
}
elseif (isset($_COOKIE['lang'])) {
$lang = $_COOKIE['lang'];
}
else {
$lang = 'it';
}
switch ($lang) {
case 'it':
$lang_file = 'lang_it.php';
break;
case 'en':
$lang_file = 'lang_en.php';
break;
default:
$lang_file = 'lang_it.php';
}
include_once '' . $lang_file;
<?
session_start();
if (isset($_GET['lang'])) {
?>
·· 55
<? echo $titolo_index; ?>
<? $titolo_index = "THIS IS THE TITLE"; ?>
<a href="index.php?lang=en"></a>
<a href="index.php?lang=it"></a>
56 ·· your inspiration magazine
tempo: 1 ora difficoltà: media
LINK: http://bit.ly/ib7ARx
58 ·· your inspiration magazine
http://bit.ly/9g9Y701 http://yhoo.it/br730g2 ·· 59
<h1><a href="http://www.paolodomain.com/">Paolo
http://bit.ly/9YPe34360 ·· your inspiration magazine
<p class="vcard">Mi chiamo <strong
class="fn">Paolo Rossi</strong> e sono <strong
class="title">Web Designer</strong> presso <a
url">Example S.p.A.</a>, Web agency di <span
href="http://www.example.com/" class="fn org
class="adr"><strong class="locality">Verona</
strong></span>. <a href="mailto:info@paolodomain.
com" class="email">Contattatemi</a> per
informazioni, richieste di preventivi o proposte di
collaborazione.</p>
<p>Mi chiamo <strong>Paolo Rossi</strong> e
sono <strong>Web Designer</strong> presso <a
href="http://www.example.com/">Example S.p.A.</
href="mailto:[email protected]">Contattatemi</a>
a>, Web agency di <strong>Verona</strong>. <a
per informazioni, richieste di preventivi o proposte
di collaborazione.</p>
<li class="org">Example S.p.A.</li>
<li class="adr">
<span class="locality">Verona</span>
( <span class="country-name">Italy</span>)
</ul>
</li>
</div>
Rossi</a></h1>
<ul>
<li>Web Designer</li>
<li>Example S.p.A.</li>
</ul>
<li>Verona (Italy)</li>
<div class="vcard">Rossi</a>
<h1 class="fn"><a class="url" href="http://www.
paolodomain.com/">Paolo Rossi</a></h1>
<ul>
<li class="title">Web Designer</li>
http://bit.ly/dcFNUZ5http://bit.ly/9S8NLG4 http://bit.ly/bLmIuO7http://bit.ly/bW5rxU6 http://bit.ly/a2eCbh8 ·· 61
<h1><a href="http://www.example.com/">Example
S.p.A.</a></h1>
<ul>
<li>37121 Verona (Italy)</li>
<li>via Mazzini, 23/C</li>
<li>Tel: (+39) 045 1234567</li>
<li><a href="mailto:[email protected]">info@
example.com</a></li>
</ul>
<div class="vcard">
<h1 class="fn org"><a class="url" href="http://
www.example.com/">Example S.p.A.</a></h1>
<li class="street-address">via Mazzini,
<ul class="adr">
23/C</li>
<li><span class="postal-code">37121
</span> <span class="locality">Verona
</span> (<span class="country-
name">Italy</span>)</li>
<li>Tel: <span class="tel">
(+39) 045 1234567</span></li>
href="mailto:[email protected]">
<li><a class="email"
[email protected]</a></li>
</ul>
</div>
http://bit.ly/1etxHl9 http://bit.ly/dW8iV11http://bit.ly/AbiRK10 http://bit.ly/3de5LG13http://bit.ly/EMlMB12
62 ·· your inspiration magazine
<a type= "text/directory" href=http://h2vx.com/vcf/
www.example.com/">Scarica vCard</a>
Se questo Magazine è stato per te un’occasione di maggiore comprensione e crescita professionale, se la sua lettura è stata fonte di ispirazione, o semplicemente se senti che è giusto e vuoi contribuire alla sua crescita, puoi sostenere questo progetto in differenti modi: inserendo un banner o un semplice link nel tuo sito/blog o effettuando una donazione.
PPer saperne di piu: http://www.yourinspiration-magazine.com/sostieni/
SOSTIENI YIM
LINK: http://bit.ly/f7KxUf
64 ·· your inspiration magazine
·· 65
66 ·· your inspiration magazine
http://bit.ly/572vA1
http://bit.ly/E7oy82
http://bit.ly/emrw9S3
·· 67
http://bit.ly/gZsFrg5
http://bit.ly/eN2itb6
http://bit.ly/1NcHin7
http://bit.ly/o5n8g4
68 ·· your inspiration magazine
http://bit.ly/9mgGhe9
http://bit.ly/9Z3c7p10
http://bit.ly/fvkfPD11
http://bit.ly/9qth8
·· 69
http://bit.ly/lwLI13
http://bit.ly/4mHrll14
http://bit.ly/axox8v15
http://bit.ly/a8vEWP12
LINK: http://bit.ly/flISQh
70 ·· your inspiration magazine
http://bit.ly/eHtxf51
·· 71
Entra nella community diYour Inspiration Web
il nostro forum aspetta solo te.
your inspiration web
Forum di discussione su PHP, XHTML, CSS, JAVASCRIPT, CMS, GRAFICA e non solo
Suggerimenti, ispirazione e migliorie per i tuoi progetti
Feedback dalla community suoi tuoi lavori
Aneddoti, curiosita’, di tutto un po’
http://forum.yourinspirationweb.com
Entra nella community diYour Inspiration Web
il nostro forum aspetta solo te.
your inspiration web
Forum di discussione su PHP, XHTML, CSS, JAVASCRIPT, CMS, GRAFICA e non solo
Suggerimenti, ispirazione e migliorie per i tuoi progetti
Feedback dalla community suoi tuoi lavori
Aneddoti, curiosita’, di tutto un po’
http://forum.yourinspirationweb.com
- Collaborare nelle fasi di progettazione e impaginazione del magazine;
- Occuparti della revisione degli articoli;
- Distribuire YIM nella tua zona, contribuendo cosi a far conoscere il
progetto e a conferirgli la visibilità che merita.
- Contribuire alla ricerca di sponsor che, acquistando spazi pubblicitari
all’interno della rivista, permettano di coprire i costi di produzione.
per saperne di piu: http://www.yourinspiration-magazine.com/collabora/
Your Inspiration Magazine è aperto a chiunque desideri
condividere le proprie conoscenze attraverso articoli tematici,
tutorial, guide e quant’altro. Inoltre, sei invitato a far parte
del team se vuoi:
COLLABORA CON YIM
www.yourispiration-magazine.com [email protected]