Aller au menu - Aller au contenu

S'entraîner en HTML et CSS

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
2 visiteurs sur ce sujet (2 anonymes)
Page 1 
Hors ligne Masteur-Codeur # Posté le 18/02/2012 à 18:34:15
Patientez s'il vous plaît.

Salut,

je voulais savoir si vous connaissez des sites web qui nus proposes des sites à créer. Ils n'écrivent pas le code et c'est nous qui devons le faire. C'est pour s'entrainer en faite !

Merci !

[signature modérée]
 
Publicité # Posté le 18/02/2012 à 18:34:15

Connecté rigs # Posté le 18/02/2012 à 19:19:09
Avatar

Tu prends n'importe quel site et tu essaye de le reproduire.
Connecté elyppire933 # Posté le 18/02/2012 à 19:20:08
Avatar

Études : IUT St Etienne

Salut !

Et pourquoi ne déciderai tu pas de créer toi même un site (sur un sujet qui te tient à coeur ?)

Ce serait le meilleur de tous les exercices !

> Anecdotes authentiques de web agency : http://www.webagencyfail.com/
 
Hors ligne Junkz # Posté le 18/02/2012 à 19:27:40
Antoine-Courtin.fr
Avatar

Salut !

Ce que je te conseil c'est de faire des tests toi même, de regarder le code source de sites internet afin de comprendre le code.

Et n'oublie pas que c'est en pratiquant que l'on s'améliore ;)

Visite mon portfolio : Antoine Courtin et rejoins-moi sur Image utilisateur Image utilisateur
Skype - courtin.antoine
 
Hors ligne Masteur-Codeur # Posté le 18/02/2012 à 20:23:24
Patientez s'il vous plaît.

Mais je sais c'est ce que je faisais avant (je réfléchissais à un désign et je le créais après....) mais je n'ai absolument pas d'imagination :( ! J'ai PEUT ÊTRE des screens. Si je ne les ai pas jetés lors du tri dans mon ordinateur je vous les montre et vous allez vomir :D

[signature modérée]
 
Connecté elyppire933 # Posté le 18/02/2012 à 20:24:43
Avatar

Études : IUT St Etienne

Pour le design il existe des kits graphiques gratuits !

> Anecdotes authentiques de web agency : http://www.webagencyfail.com/
 
Hors ligne Masteur-Codeur # Posté le 18/02/2012 à 22:05:48
Patientez s'il vous plaît.

Bah M@téo nous montre ce site dans le TP: http://freehtml5templates.com/page/10/

Moi je voudrais le même genre de trucs mais avec la correction et des expliquation après.

[signature modérée]
 
Hors ligne ronamazona # Posté le 18/02/2012 à 23:01:37
Pseudo classe, non ? ^^
Avatar

Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Citation : Ros@lie
Bah M@téo nous montre ce site dans le TP: http://freehtml5templates.com/page/10/
Moi je voudrais le même genre de trucs mais avec la correction et des expliquation après.


Et bien vas-y, au boulot !
reproduit le site que tu as mis en lien.

Pour la correction c'est toi qui va la prendre direct dans le navigateur :lol:
Pour les "expliquation" tu pourras toujours repasser par ici...

Mon site test CSS3/HTML5 : www.frogweb.fr
Vous cherchez à faire un Menu déroulant ?
Image utilisateur Votre problème est résolu ? Cliquez sur le bouton résolu.
Image utilisateur Cliquez aussi sur le message qui vous a aidé pour que les autres trouvent facilement la réponse.
 
Hors ligne Masteur-Codeur # Posté le 19/02/2012 à 00:18:16
Patientez s'il vous plaît.

Oui c'est plus simple comme ça !

[signature modérée]
 
Hors ligne mynfs # Posté le 19/02/2012 à 06:07:06
Avatar

  • Bouffer au complet une référence HTML et CSS et trouver une application possible pour chaque balise/propriété. Pour cela, consulter la source de dizaines même de centaines de sites de préférence reconnus et bien gérés pour voir les techniques de codage.
  • Au passage, tester chacune des propriétés pour les connaître et les maîtriser. Il faut aussi parfois en tester plusieurs conjointement pour obtenir des résultats.
  • Créer un design tout simple en intégrant des effets et du positionnement de base, jouer avec pour trouver la meilleure chose.
  • Créer un design extrêmement complexe, voire plusieurs, qui utilisent presque toutes les balises, tous les attributs et toutes les propriétés CSS au moins une fois, et qui fonctionnent sur tous les navigateurs et sur toutes les résolutions.
  • Télécharger la version d'évaluation de Dreamweaver et l'utiliser non-stop pendant 30 jours en mode Code. Il est excellent pour colorer le code et même t'indiquer tes erreurs. Il prend même en charge la quasi-totalité de HTML et CSS.
  • Mémoriser le tout.
  • Aider et transmettre son savoir sur le SdZ ; c'est plus rapide pour couvrir les problèmes fréquents et on voit beaucoup d'exemples de ce qu'il ne faut pas faire.

En passant, c'est de l'entraînement intensif :)
À mon avis, n'importe qui réussissant à compléter toutes ces étapes peut se considérer comme plutôt accompli. Le reste, c'est de l'expérience.

Factus Scribo

mynfs - Lead Developer sur le projet Factus Scribo
Une présentation de notre projet
 
Hors ligne ex-nu-los # Posté le 21/02/2012 à 13:47:09
Avatar

Ville : Lans en vercors
Pays : France métropolitaine

Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Bonjour,
De mon côté, j'ai commencé il y a une semaine et dans la main droite le livre de Mathieu de l'autre, le clavier et comme idée d'exercice ...mes enfants.Une page d'accueil, puis une page pour chacun d'eux avec des liens dans tout les sens, puis vers des photos, vers des miniatures cliquables.Des modifications de couleurs pour les paragraphes, les em,strong, mark. pleins de tests pour des infobulles...Tout quoi !Excellent exercices en attendant d'avoir...une idée a offir au monde.
Bon il y a des obstacles mais ...finalement j'arrive a qlq chose de pas mal .Je bloque sur 2 ou 3 trucs mais là on verra plus tard, mais rosalie, utilise ce que tu as autour de toi ,c'est un bon entrainement.Au passage, merci au sdz et a la communauté.
Hors ligne Masteur-Codeur # Posté le 22/02/2012 à 12:36:23
Patientez s'il vous plaît.

Je vais m'entraîner sur http://freehtml5templates.com/ . Je vais essayer de réaliser ça :D

Ce sera le deuxième que je vais faire et je vous conseil vraiment de la faire !!!!!! Ça entraîne super bien !!!
Édité le 22/02/2012 à 12:36:59 par Masteur-Codeur

[signature modérée]
 
Hors ligne cinq-you # Posté le 22/02/2012 à 13:36:28
Avatar

Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Je vais faire un peu de répétition par rapport aux réponses déjà postées (surtout celle de elyppire933) mais rien ne vaut de faire son propre site sur un sujet qui te plait.
Tu le créés, tu l'observes, tu te dis là,là et là, ça va pas, je dois changer ça et tu modifieras constamment quelques choses.
Au final, tu seras parti de ton propre site, issu de ta propre imagination mais tu le modifieras, le perfectionneras.

Il faut toujours voir en grand ! Essaye des choses qui te font "rêver" et code les. Tu verras, tu progresseras, tu apprendras et à partir de ce simple site, tu auras appris beaucoup de bases.

Après, la solution de reproduire un site est bien mais ne te morfond pas dans le plagiat non plus.
ça te permettra de te faire une ouverture d'esprit, d'apprendre à créer des choses différentes et à manipuler des codes différents.

Bonne continuation en tout cas ;)
Édité le 22/02/2012 à 18:39:52 par cinq-you

Citation : Karl Marx
« La liberté est l'expression française de l'unité de l'être humain, de la conscience générique et du rapport social et humain de l'homme avec l'homme. »


Citation : Pittacos
« Celui qui ne peut se taire ne sait pas parler. »





 
Hors ligne ex-nu-los # Posté le 22/02/2012 à 17:24:43
Avatar

Ville : Lans en vercors
Pays : France métropolitaine

bonjour,cinq-you à raison!Suis le proverbe " 7 fois a terre, 8 fois debout"
Bon j'ai un peu mal aux genoux mais quand je trouve pourquoi ça coince c'est :magicien:
Bon travail
Hors ligne Masteur-Codeur # Posté le 23/02/2012 à 22:28:01
Patientez s'il vous plaît.

Salut,

Cet entraînement marche super bien c'est un miracle !!! je suis prêt pour la suite du cours (et ensuite je vais attaquer PHP !!!!!!)

[signature modérée]
 
Hors ligne cinq-you # Posté le 24/02/2012 à 18:56:29
Avatar

Tant mieux donc :)
Bonne continuation en tout cas pour toi ;)
Pense à mettre en résolu et à mettre la réponse qui t'a aidé afin d'aider d'éventuelles internautes à trouver la réponse à leurs questions.

Cordialement, cinq-you

Citation : Karl Marx
« La liberté est l'expression française de l'unité de l'être humain, de la conscience générique et du rapport social et humain de l'homme avec l'homme. »


Citation : Pittacos
« Celui qui ne peut se taire ne sait pas parler. »





 
Hors ligne Masteur-Codeur # Posté le 06/03/2012 à 19:38:10
Patientez s'il vous plaît.

c'est fait !

[signature modérée]
 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx