<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>higherweb.fr - Solutions Web &#38; Graphic Design &#187; dreamweaver</title>
	<atom:link href="http://www.higherweb.fr/tag/dreamweaver/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.higherweb.fr</link>
	<description>Webdesign, Création de site, Solution d&#039;édition web, Intégration CMS, Infographie, Logo, Identité visuelle</description>
	<lastBuildDate>Thu, 09 Jun 2011 09:14:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Dernières réalisations web (septembre 2009)</title>
		<link>http://www.higherweb.fr/2009/09/dernieres-realisations-web-septembre-2009/</link>
		<comments>http://www.higherweb.fr/2009/09/dernieres-realisations-web-septembre-2009/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 08:39:07 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[higherweb]]></category>
		<category><![CDATA[higherwev]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[réalisations]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=1371</guid>
		<description><![CDATA[Dés que possible, je vous présente les réalisations web et projets internet en cours ou terminés. Il peut s’agir du développement de sites web, de chartes graphiques, de templates pour [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="alignnone size-full wp-image-245" title="higherweb_realisation" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/08/higherweb_realisation.jpg" alt="higherweb_realisation" width="485" height="120" /></p>
<p style="text-align: justify;">Dés que possible, je vous présente les <strong>réalisations web et </strong><strong>projets internet</strong> en cours ou terminés. Il peut s’agir du développement de sites web, de chartes graphiques, de templates pour CMS ou Blog, etc… Ceux-ci peuvent être lié à des projets d’entreprise ou bien simplement des conceptions personnelles.</p>
<p>Voici celles de septembre… Votre avis est le bienvenu !</p>
<h3>Tutoriel Web Design / xHTML / CSS</h3>
<p>Dans le cadre d&#8217;une formation que je dispense à l&#8217;Univerité de Strasbourg, j&#8217;ai réalisé un tutoriel complet :</p>
<ul>
<li><strong>Création</strong> de la maquette graphique</li>
<li><strong>Découpage</strong> de la maquette et préparation des éléments visuels</li>
<li><strong>Codage</strong> du contenu XHTML</li>
<li><strong>Mise en page</strong> avec les feuilles de styles CSS</li>
</ul>
<p>Dont le croquis d&#8217;origine est ceci :</p>
<p><img class="alignnone size-full wp-image-1375" title="croquis_small" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2009/11/croquis_small.jpg" alt="croquis_small" width="450" height="350" /></p>
<p>Et le résultat final est celà :</p>
<p><a href="http://www.higherweb.fr/le_blog/wp-content/uploads/2009/11/maquette_finale.png"><img class="alignnone size-full wp-image-1374" title="maquette_finale" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2009/11/maquette_finale.jpg" alt="maquette_finale" width="450" height="450" /></a></p>
<p><a href="http://www.higherweb.fr/web_dut/ic_departement/index.html">Voir la version xHTML/CSS</a></p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2009. |
<a href="http://www.higherweb.fr/2009/09/dernieres-realisations-web-septembre-2009/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/css/" rel="tag">CSS</a>, <a href="http://www.higherweb.fr/tag/developpement/" rel="tag">développement</a>, <a href="http://www.higherweb.fr/tag/dreamweaver/" rel="tag">dreamweaver</a>, <a href="http://www.higherweb.fr/tag/graphisme/" rel="tag">graphisme</a>, <a href="http://www.higherweb.fr/tag/higherweb/" rel="tag">higherweb</a>, <a href="http://www.higherweb.fr/tag/higherwev/" rel="tag">higherwev</a>, <a href="http://www.higherweb.fr/tag/photoshop/" rel="tag">photoshop</a>, <a href="http://www.higherweb.fr/tag/realisations/" rel="tag">réalisations</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a>, <a href="http://www.higherweb.fr/tag/xhtml/" rel="tag">XHTML</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2009/09/dernieres-realisations-web-septembre-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utiliser les styles avec Dreamweaver CS3</title>
		<link>http://www.higherweb.fr/2008/12/utiliser-les-styles-avec-dreamweaver-cs3/</link>
		<comments>http://www.higherweb.fr/2008/12/utiliser-les-styles-avec-dreamweaver-cs3/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 20:31:48 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=979</guid>
		<description><![CDATA[Un petit tutoriel rapide et allant à l&#8217;essentiel sur l&#8217;utilisation des feuilles de styles en cascade &#8211; ou CSS &#8211; avec Adobe Dreamweaver CS3. Merci à pars18 © Gaëtan PICHON [...]]]></description>
			<content:encoded><![CDATA[<p>Un petit tutoriel rapide et allant à l&#8217;essentiel sur l&#8217;utilisation des feuilles de styles en cascade &#8211; ou CSS &#8211; avec Adobe Dreamweaver CS3.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="381" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.dailymotion.com/swf/k3Dh0Nxor7TfUFPxwd&amp;related=1&amp;canvas=medium" /><embed type="application/x-shockwave-flash" width="480" height="381" src="http://www.dailymotion.com/swf/k3Dh0Nxor7TfUFPxwd&amp;related=1&amp;canvas=medium" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<em>Merci à <a href="http://www.dailymotion.com/pars18">pars18</a></em></div>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/12/utiliser-les-styles-avec-dreamweaver-cs3/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/css/" rel="tag">CSS</a>, <a href="http://www.higherweb.fr/tag/dreamweaver/" rel="tag">dreamweaver</a>, <a href="http://www.higherweb.fr/tag/tutoriel/" rel="tag">tutoriel</a>, <a href="http://www.higherweb.fr/tag/video/" rel="tag">vidéo</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/12/utiliser-les-styles-avec-dreamweaver-cs3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design en 2 minutes</title>
		<link>http://www.higherweb.fr/2008/10/web-design-en-2-minutes/</link>
		<comments>http://www.higherweb.fr/2008/10/web-design-en-2-minutes/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 08:19:58 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=606</guid>
		<description><![CDATA[Bien sur, il s&#8217;agit d&#8217;une séquence accélérée de la réalisation d&#8217;un site web, dans un premier temps avec Photoshop pour le graphisme, puis sous Dreamweaver pour la programation XHTML et [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/10/web-design-en-2-minutes/"><img class="alignnone size-full wp-image-612" style="border: 0pt none;" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/10/webdesign.jpg" alt="" width="485" height="120" /></a></p>
<p style="text-align: justify;">Bien sur, il s&#8217;agit d&#8217;une <strong>séquence accélérée de la réalisation d&#8217;un site web</strong>, dans un premier temps avec Photoshop pour le graphisme, puis sous Dreamweaver pour la programation XHTML et CSS&#8230;</p>
<p style="text-align: justify;">Même si cela va plus vite que dans la réalité, c&#8217;est tout de même une belle démonstration. Les habitués du webdesign arriveront à décortiquer les étapes habituelles&#8230;</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/J0NZ4ekNZoI&amp;hl=fr&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/J0NZ4ekNZoI&amp;hl=fr&amp;fs=1" allowfullscreen="true"></embed></object></p>
<p style="text-align: justify;">Pour voir un tutoriel dans le même genre mais en vitesse normal et avec les commentaires, je vous invite à (re)lire cet article : <a title="Découpage et Codage en XHTLM/CSS" href="http://www.higherweb.fr/le_blog/2008/08/decoupage-et-codage-en-xhtlmcss/">Découpage et Codage en XHTLM/CSS</a></p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/10/web-design-en-2-minutes/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/developpement/" rel="tag">développement</a>, <a href="http://www.higherweb.fr/tag/dreamweaver/" rel="tag">dreamweaver</a>, <a href="http://www.higherweb.fr/tag/photoshop/" rel="tag">photoshop</a>, <a href="http://www.higherweb.fr/tag/video/" rel="tag">vidéo</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/10/web-design-en-2-minutes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Découpage et Codage en XHTML/CSS</title>
		<link>http://www.higherweb.fr/2008/08/decoupage-et-codage-en-xhtm-css/</link>
		<comments>http://www.higherweb.fr/2008/08/decoupage-et-codage-en-xhtm-css/#comments</comments>
		<pubDate>Sat, 09 Aug 2008 11:41:53 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=277</guid>
		<description><![CDATA[Deux excellents tutoriels en vidéo, réalisés par le site JojoRatonLaveur, montrent en images les 2 premières étapes de la réalisation d&#8217;une page web. Le premier est consacré au découpage de [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/08/decoupage-et-codage-en-xhtlmcss/"><img class="alignnone size-full wp-image-288" style="border: 0pt none;" title="ratonlaveur" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/08/ratonlaveur.jpg" alt="" width="485" height="120" /></a></p>
<p>Deux excellents tutoriels en vidéo, réalisés par le site <a href="http://jojoratonlaveur.fr/" target="_blank">JojoRatonLaveur</a>, montrent en images les 2 premières étapes de la réalisation d&#8217;une page web. Le premier est consacré au découpage de la maquette. Le second s&#8217;occupe du codage en utilisant le xHTML 1.0 et les CSS.[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/08/decoupage-et-codage-en-xhtm-css/">Découpage et Codage en XHTML/CSS</a> (105 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/08/decoupage-et-codage-en-xhtm-css/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/css/" rel="tag">CSS</a>, <a href="http://www.higherweb.fr/tag/developpement/" rel="tag">développement</a>, <a href="http://www.higherweb.fr/tag/dreamweaver/" rel="tag">dreamweaver</a>, <a href="http://www.higherweb.fr/tag/photoshop/" rel="tag">photoshop</a>, <a href="http://www.higherweb.fr/tag/tutoriel/" rel="tag">tutoriel</a>, <a href="http://www.higherweb.fr/tag/video/" rel="tag">vidéo</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a>, <a href="http://www.higherweb.fr/tag/xhtml/" rel="tag">XHTML</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/08/decoupage-et-codage-en-xhtm-css/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

