Bonjour à tous,
 
De formation initiale commerce international, je bosse depuis 1 an et demi dans le monde des SSII/Editeurs de progiciels, et je commence à comprendre que j'ai raté ma formation...
 
Depuis quelques semaines, j'ai commencé à chercher une nouvelle orientation qui me permette de faire un métier que j'aime et qui me rapporte de quoi vivre. Comme je suis à fond dans l'informatique, et que je touche à Photoshop depuis des années puisque j'ai été graffeur dans ma jeunesse, j'ai pensé à devenir Web Designer. J'ai réalisé deux sites en HTML, avec un peu de flash pour l'un d'entre eux, ces dernières semaines, et je dois avouer que ça me plait énormément.
 
J'aimerais donc commencer à m'autoformer en attendant d'accumuler assez d'heures pour demander un DIF d'ici un an à mon employeur.  
 
C'est là que vous intervenez.
 
Je pense commencer en lisant des ouvrages, des pdfs, des tutos, des blogs, tout ce qui me permettra d'acquérir des connaissances sur le HTML, le CSS, le flash, les logiciels d'édition comme Dreamweaver, Indesign, Fireworks...
 
Seulement le souci, c'est que je ne sais pas par quoi commencer. J'ai envie de faire les choses dans l'ordre pour ne pas me disperser. J'ai pensé commencer par le HTML, qu'en pensez-vous?
 
Et si c'est un bon choix, auriez-vous des suggestions en termes d'ouvrage, de site à consulter/tutos à lire?
 
Merci à tous. Je compte sur vous car c'est mon avenir qui se dessine au travers de mon projet.
 
A vous.

Salut et bienvenue
 
L'avis d'un non-pro qui se forme aussi tout seul
 
Dans webdesign, il y a 2termes : web et design. Selon moi il est plus facile de se former sur le premier que sur le deuxième.
 
Pour l'aspect web, commencer par le html c'est à mon avis la base.
Ca va aller assez vite tu verras.  
Le principe a retenir étant qu'à une balise correspond un type de contenu : les balises <h > pour les titres, <em> et <strong> pour les emphases, <ul> <ol> pour des listes,...
Le html n'est qu'un langage de balisage du contenu. Sa tructure peut influer sur les possibilités de design mais en soit il en est indépendant.
Un mémento xhtml peut à mon avis amplement suffire.
 
Ensuite on attaque le design avec les CSS. Pas compliqué sur le principe, un peu plus dans l'application du fait des différences d'interprétations entre les navigateurs (merci IE).
Pour ma part j'ai quasi tout appris avec [url=http://www.amazon.fr/Zen-CSS-Dave-Shea/dp/2212116993/ref=sr_1_1?ie=UTF8&s=books&qid=1269500194&sr=1-1][/url], écrit par l'auteur du site http://www.csszengarden.com/ qui illustre à merveille ce que l'on peut faire avec les CSS à partir d'une structure html commune. Le bouquin plus le site pour explorer les feuilles de style permet d'en apprendre bcp. Par contre le livre commence à dater et les CSS3 qui commencent à être bien pris en charge par les nav (IE mis à part comme toujours) ne sont pas abordées. De même que certains propriétés CSS2 un peu délaissés à l'époque du fait de leur incompatibilité avec IE6... aujiurd'hui je te conseillerais de ne pas trop te préoccuper de ce navigateur.
Un ptit mémento est aussi utile pour les CSS.
Et comme site, il en est un incontournable, initié par l'auteur des 2 mémentos pré-cités, c'est http://www.alsacreations.com . Perso je préfère bosser sur bouquin et compléter avec des sites mais je pense que rien qu'avec ce site on peut y arriver.
Il y a aussi http://www.siteduzero.com/tutoriel [...] e-web.html
 
Rien que les CSS ça va bien occuper tes journées mais ensuite tu peux compléter les 2 aspects précédents (structure et design) par le comportement, avec le JavaScript. si t'as jamais fait de prog ça risque d'être assez long, il va falloir aborder les notions de bases, la syntaxe, les particularités...
Un livre qu'on m'a conseillé : http://www.eyrolles.com/Informatiq [...] 2212120936
Et un site http://fr.selfhtml.org/javascript/index.htm
Une fois les bases assimilées tu peux éventuellment jeter un oeil sur les framework JS (une sorte de métalangage, une surcouche) comme jQuery ou autres. Ca offre l'avantage de prémacher le boulot et d'éviter certains problèmes dû aux différences d'interprétation des navigateurs.
 
Enfin si tu veux aborder la réalisation de sites dynamiques il faudra te pencher sur le PHP.
Tu peux très bien t'en passer et utiliser des CMS mais comme la plupart sont basés sur du PHP c'est toujours un plus si tu dois mettre les mains dans la mécanique.
 
Voilà pour la partie web.
 
Html/css/JS...jusqu'à photoshop, toute ces choses ne sont que les outils qui permettent la mise en  application d'un design.
Concernant le côté design là il est bcp plus difficile de trouver des ressources claires.
En gros c'est tout ce qui va concerner la mise en page : usage des typos, emplacement des éléments, mise en exergue, composition, construction de grille... c'est à mon avis sur ces points que bcp de webdesigner (ou qui s'annoncent comme tels) pèchent. Et je n'ai pas l'impression que ces notions soient très approfondis dans les formations.  
Je pense que déjà il faut exercer l'oeil, voir bcp de site et essayer de déterminer pourquoi un site nous plait ou nous semble efficace. Ou le contraire, déterminer comment améliorer le design d'un site.
Pour ça, lire des critiques et participer à des forums peut être très utile.
 
Bon courage

+1 avec Skopos...
 
Donc : XHTML/CSS => Javascript => PHP/MySQL
Le terme PHP fait souvent très peur, mais si tu reste dans le domaine de l'intégration web, il est aussi simple a appréhender efficaces (sous réserve de connaitre XHTML/CSS)...
 
Pour rentrer un peu + dans la programmation, personnellement c'est l'ActionScript (v2 à l'époque) qui m'a bcp aider, mais tu peux commencer par n'importe quel langage coté client (je te suggère JavaScript)...  
Par ailleurs, si l'AS t'interesse, je te déconseille AS2 qui diffère trop des autres langages (par rapport à AS3 par exemple...)...
En AS3 => http://www.bases-as3.fr/ ou http://www.yazo.net
 
Le SiteDuZero possède une très bonne formation sur le JavaScript, jouis-en !

drupal ! moi je débute avec ca et c'est pas mal

ca évite de " trop codé", et y a plein plein de module pour quasi tt ce que tu veux faire http://drupalfr.org/
 
Et surtout y a plein de bon tuto sur Youtube

En fait les domaines abordés sont assez nombreux, et tu peux avoir deux optiques.
Te spécialiser ou être généraliste.
Je dirais que les étapes pour faire un site sont : wireframe->design->frontend->backend
J'aurais tendance à croire que maitriser une étape est déjà un métier, mais toutes les sociétés ne sont pas aussi divisé.
Dans une petite structure tu risques de devoir tout faire, mais je trouve que dans ces cas là, une partie est toujours plus faible.

Tu dois savoir ce qui te plais, mais pour faire des designs, avoir fait des études artistique est un gros avantage à mon avis.
Pour se former seul, les étapes suivantes sont plus facile.
Je fait du front, mais avec une formation principalement backend (les cours de html était sur les tables !)
Donc on pourrait considérer que je suis autodidacte, mais bizarrement je n'ai jamais lu de livre pour le html/css mais bien des sites ou des blogs (et beaucoup de pratique, c'est le principal )

Je peux donc te conseiller ces sites :

"This tutorial course takes students from complete beginner to having a solid grounding in standards-based Web design, including HTML, CSS, and JavaScript development"
http://www.opera.com/company/education/curriculum/

http://www.d.umn.edu/itss/support/ [...] /webdesign
Juste une fantastique ressource, tous les articles y sont.

http://www.smashingmagazine.com/category/css/ LE magazine online (leur bouquin est très bien)
http://css.maxdesign.com.au/listamatic/ pour apprendre à faire des listes
http://css-tricks.com/video-screencasts/ des vidéo, par exemple  http://css-tricks.com/video-screen [...] op-mockup/
http://psdvibe.com/2009/07/21/10-a [...] tutorials/ idem
http://www.noupe.com/css/css-techn [...] sites.html des astuces

http://www.virtuosimedia.com/tutor [...] rer-6-bugs
http://www.positioniseverything.net/
Ces deux là parce que la vie n'est pas si facile  

Par contre pour le js, j'ai des livres
Je recommande les éditions SitePoint, leur est bien foutu
http://www.sitepoint.com/books/library/

Simply JavaScript est un bon bouquin à lire en premier pour le js.
http://www.sitepoint.com/books/javascript1/

Ensuite le prochain John Resig
http://www.manning.com/resig/

Object-Oriented JavaScript
http://www.packtpub.com/object-ori [...] aries/book

JavaScript: The Good Parts
High level, c'est un test pour savoir si tu aimes le javascript
http://oreilly.com/catalog/9780596517748/

Les conférences c'est cool aussi
http://developer.yahoo.com/yui/theater/
Un super cycle sur le js http://developer.yahoo.com/yui/the [...] rockonjs-1

http://jsconf.us/2010/videos.html
http://fronteers.nl/congres/2009/sessions

Bonne lecture  

Merci pour toutes ces réponses. Je vais me pencher sur chacune d'entre elles. Pour l'instant j'ai découvert un bon site :  
 
http://web.developpez.com/cours/#html
 
Ya l'air d'avoir plein de trucs là-dedans. Tu devrais y faire un tour leserigraphe. J'ai commencé par le HTML comme conseillé.
 
Pour le Javascript, en fait je ne comprends trop le principe : c'est pour créer des outils de création dynamiques à base de serveurs d'applications Web en java, sous Struts, Spring, Web Service et cie c'est ça? Désolé si je mélange tout, mais j'ai vu ça de TRES loin à l'époque où j'étais ingénieur d'affaires en SSII, alors que j'étais plutôt "bon" sur les infrastructures...
 
J'ai une question qui je pense à son importance : est-ce que ça vaut le coup de zapper toute la partie flash pour me concentrer sur le HTML5? Est-ce que ça va pas mourir à moyen terme ce truc?
 
Sinon pour la partie design, je pense que ce sera mon point fort. En tout cas sur cette partie je suis assez autodidacte donc pour la formation  je pense que ça se fera en grosse partie comme tu dis Skopos, en découvrant lors de longue pérégrinations sur le web.

Non, aucun rapport entre java et javascript.
le java est coté sur le serveur, le js est interpreté par ton navigateur .
Le js permet des faire des actions, du comportement, comme par exemple ouvrir un menu déroulant.

Le flash permet de faire des applications, le html5 ce sont uniquement des balises comme avant.
Mais par contre, à terme en mixant le javascript, html5 et de css3, le flash je pense sera plus applicatif et moins employé pour faire de la présentation animé (genre banner ou site de musicien)
 
Mais de toute façon, tu n'es pas obligé de connaitre le flash pour des site web.
Bien sur certains designs actuellement doivent encore être codé en flash, mais à moyen terme moins.  
 
 

David Boring : Merci pour tes réponses à mes questions. Ce que je comprend, c'est que le js est quasi indispensable pour un Web Designer, alors que ce qui tourne sur la plateforme Java côté serveur n'est pas vraiment une compétence métier. Donc pour l'instant, pas besoin pour moi de m'y intéresser.

Par contre, côté source, j'ai oublié de préciser : même si je maîtrise l'anglais littéraire sans souci, l'anglais technique c'est pas du tout ça. Certes je pourrais m'y faire, mais ça risque de me fatiguer la tête si je commence directement avec ça. Mieux vaut que je parte sur des sources françaises en priorité pour bien tout capter et ensuite je reviendrai sur les tutos anglophones. De toutes façons c'est sur que je ne vais pas y couper mais bon, le plus tard le mieux...

Bon ben sinon je pense avoir pas mal de lecture devant moi donc je vous dis à dans quelques temps. Je reviendrai pour poser des questions et continuer d'avancer grâce à votre aide. Merci pour les conseils. Je vois que c'est une bonne communauté bien solidaire et ça fait plaisir à voir. J'espère avoir la chance d'en faire partie dans les années à venir.

Comme dit avant le "SiteDuZér0" propose de très bon tuto's
Tout ça pour planter mon drapeau car j'ai aussi soif de connaissance webistique

Oui moi aussi je suis passé au site du zéro (qui est génial en passant). J'ai bientôt fini le tuto xhtml/css.
 
Quelqu'un sait où on peut trouver des exercices pratiques pour mettre en applications mes connaissances? Je peux créer une page tout seul de mon côté mais bon, quelques petits exos bien retors je dis pas non.

www.alsacreations.com
ca peut déjà t'aider

Pour t'habituer à manipuler les CSS (et html aussi dans une certaine mesure), je trouve qu'un bon exercice peut être de partir d'une structure html existante et de construire la feuille de style.
C'est le principe de csszengarden
On a même fait un topic dédié http://forum.hardware.fr/hfr/Graph [...] 1715_1.htm

 
Sinon tu peux essayer de modifier les styles des sites visités grâce aux styles utilisateurs.
Par exemple pour ce forum http://forum.hardware.fr/hfr/Graph [...] 2431_1.htm
Perso je trouve que c'est un excellent moyen de travailler les sélecteurs et les propriétés CSS

Je pense que le mieux pour débuter (comme d'autres l'on dit) reste le site du zéro et ses tutos html/css puis php/mysql. Les seconds sont tout aussi important que les premiers. Ensuite il y a également des tutoriels "non officiels" sur ce site.
Ensuite il y a alsacreation qui n'est pas mal non plus puis css-tricks dont je te conseil les vidéos qui ne nécessitent pas forcément d'être un maître en anglais.
Puis il ne faut surtout pas négliger twitter et son moteur de recherche. Avec de bons mots clefs tu va rapidement crouler sur les tutoriels et les ressources (CSS, CSS3, Webdesign, jQuery...).

Bon courage