Aide création de site

Aide création de site - HTML/CSS - Programmation

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 ! :)

Reply

Marsh Posté le 12-11-2011 à 09:40:43   

Reply

Marsh Posté le 12-11-2011 à 18:34:26    

UP !

Reply

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).

Reply

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 ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

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

Reply

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.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

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?

Reply

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 ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

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 :)

Reply

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

Reply

Marsh Posté le 26-11-2011 à 13:14:56   

Reply

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 :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 27-11-2011 à 10:11:41    

Ok merci, le problème doit venir d'ailleurs alors.

Reply

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.


---------------
Site perso : web-tecknology.fr
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed