Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1584 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide création de site

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aide création de site

n°2111069
tico75020
Posté le 12-11-2011 à 09:40:43  profilanswer
 

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

mood
Publicité
Posté le 12-11-2011 à 09:40:43  profilanswer
 

n°2111141
tico75020
Posté le 12-11-2011 à 18:34:26  profilanswer
 

UP !

n°2111310
niko59480
O_o'
Posté le 14-11-2011 à 15:44:38  profilanswer
 

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

n°2111334
rufo
Pas me confondre avec Lycos!
Posté le 14-11-2011 à 17:56:45  profilanswer
 

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
n°2111661
tico75020
Posté le 16-11-2011 à 09:22:59  profilanswer
 

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

n°2111672
rufo
Pas me confondre avec Lycos!
Posté le 16-11-2011 à 10:11:39  profilanswer
 

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
n°2111981
tico75020
Posté le 17-11-2011 à 04:36:49  profilanswer
 

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?

n°2112002
rufo
Pas me confondre avec Lycos!
Posté le 17-11-2011 à 10:11:49  profilanswer
 

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
n°2112025
tico75020
Posté le 17-11-2011 à 11:10:41  profilanswer
 

Merci beaucoup Rufo !
Je vais regarder tout ça et je poserais des questions si j'en ai !  
Tico :)

n°2113350
tico75020
Posté le 26-11-2011 à 13:14:56  profilanswer
 

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

mood
Publicité
Posté le 26-11-2011 à 13:14:56  profilanswer
 

n°2113407
rufo
Pas me confondre avec Lycos!
Posté le 26-11-2011 à 23:28:04  profilanswer
 

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
n°2113427
tico75020
Posté le 27-11-2011 à 10:11:41  profilanswer
 

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

n°2114049
Thibaud73
Posté le 30-11-2011 à 14:26:14  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide création de site

 

Sujets relatifs
Meilleur logiciel pour création site WebCreation de site communautaire - aide svp
création de mon nouveau site. Besoin de vos lumieresAide pour la création d'un site.
Besoin d'aide pour creation d'un site web[RCH] Aide ou Site pour création de site + poussé
aide pour site creation de sitebesoin d'aide pour création de site de chien virtuel
AIDE creation site Good IDEA[newbie] Aide pour creation de site
Plus de sujets relatifs à : Aide création de site


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR