Aide création de site - HTML/CSS - Programmation
Marsh Posté le 14-11-2011 à 15:44:38
oskarbakke.com est en HTML et Javascript
globalement, l'image de fond se change avec le javascript au chargement de la page, et pour avoir un fond changé à chaque fois, il utilise un nombre aléatoire entre 1 et 5 pour alterner entre ces 5 fonds.
il te faudra des images en grande résolution pour que ça ne soit pas crade sur une grande résolution...
l'encart du bas est juste fait en html et css. il y a moyen d'arriver à quelque chose de semblable avec un opacity (css) et un peu de positionnement de texte (css).
Marsh Posté le 14-11-2011 à 17:56:45
http://www.dejansokolovski.com/, est fait en flash. Ca ne respecte donc pas les règles d'accessibilité et ça sera pas terrible pour le référencement De manière général, ne pas faire un site en flash...
En +, les 2 sites mettent pas mal de temps à se charger (normal, vue la taille des images). C'est à prendre en compte pour pas faire fuir l'utilisateur qui aurait une petite connexion
Marsh Posté le 16-11-2011 à 09:22:59
Merci à vous 2,
Niko, je suis photographe donc pas de problème pour des images en grande résolution.
Quel est l'ordre à suivre pour à arriver à un site dans celui d'Oskar, en partant d'une page vierge sur Dreamweaver ?
Sinon Rufo, merci pour les conseils
Tico
Marsh Posté le 16-11-2011 à 10:11:39
Dreamweaver n'est clairement pas le bon outil pour faire un site La plupart des gens ici te dira d'apprendre un minimum xhtml/css. Ainsi, un simple éditeur de texte fera l'affaire pour créer ton site Et si tu rencontres des pbs, on pourras plus t'aider avec du code pondu par toi plutôt qu'un code tout pourri pondu par Dreamweaver...
Pour l'ordre, d'abord on fait le code xhtml (sans penser au design); on utilise donc les balises xhtml pour leur sémantique et on en met le minimum. Après, on fait le design en css. Enfin, on rajoute éventuellement du javascript pour améliorer l'ergonomie/fonctions du site. Javascript ne doit pas être intrusif (pas mis direct dans le code html) et ton site, fonctionner sans.
Marsh Posté le 17-11-2011 à 04:36:49
Merci Rufo pour ta réponse,
Le truc c'est que je comprend le principe (plus ou moins du moins) mais que j'ai aucune connaissance en écriture de code, comment les apprendre facilement ?
Et penses tu que ça nécessite beaucoup d’apprentissage pour arriver à un site comme celui d'Osakar?
Marsh Posté le 17-11-2011 à 10:11:49
Un très bon site : http://www.alsacreations.com/tutoriels/
Pour faire ce que tu veux, non, ça ne devrait pas être très long, qq jours seulement. Du reste, le livre de l'auteur du site d'Alsacreation est très bien : http://www.alsacreations.com/livre [...] n-web.html
Il part d'un cas concret et le bouquin montre comment construire le site petit à petit (en gros, les étapes que j'ai décrites). Raphaël Goetter est une référence en France pour le xhtml/css
Marsh Posté le 17-11-2011 à 11:10:41
Merci beaucoup Rufo !
Je vais regarder tout ça et je poserais des questions si j'en ai !
Tico
Marsh Posté le 26-11-2011 à 13:14:56
Je reviens vers vous parceque j'ai une petite question, y a t'il un poids et une taille max pour que les images s'affichent correctement sur les navigateurs ? Si oui lesquels ?
Merci
Marsh Posté le 26-11-2011 à 23:28:04
Non, mais elles ne doivent pas être trop lourdes pour que la page ne mette pas trop de temps à se charger
Marsh Posté le 30-11-2011 à 14:26:14
Un bon moyen est de créer 2 images pour une seule. Particulièrement dans le cas d'une Galerie d'image.
Une petite images avec un lien sur la même images en plus grand.
Marsh Posté le 12-11-2011 à 09:40:43
Bonjour à tous, je suis débutant (même si je m'en était déjà fait un basique) dans la création de site internet, et j'ai donc pas mal de questions à ce sujet.
Dans l'idée je voudrais quelque chose de très simple dans l’esprit de celui ci : http://www.oskarbakke.com/ ou encore celui la : http://www.dejansokolovski.com/, mon idée principale étant un diaporama qui défile en fond de fenêtre principal (et surement unique). Et sur lequel je pourrais glisser des inserts cliquables genre contact, etc.
Si quelqu'un peut m'aider, je veux bien, ne serait-ce que pour la manière de procéder.
Je suis sur Mac (Snow Leopard) et j'utilise Dreamweather CS5.5.
De plus, je n'arrive pas à savoir si le site http://www.oskarbakke.com/ est en HTML ou en Flash ou les 2 (je ne sais pas si on peut mêler les 2 ?).
Merci d'avance,
Tico !