Logo du forum
 

Forum TTH-News

| Inscription | | Recherche | | FAQ | | Accueil | | Liste des membres |
| Calendrier |
 
Vous n'êtes pas identifié! [Connexion] ou [Inscription] Forum » Programmation » [web] Comment réaliser une page similaire?
Login Mot de passe

2 visiteurs sur ce topic (0 membre(s), 2 invité(s) )

Auteur
Sujet : [web] Comment réaliser une page similaire?
Vegan



 






Message du 08-09-2017 @ 12:40


Bonjour,

Voici la page: https://www.ethereum.org/
Je pense particulièrement aux fonds qui alternent et aux animations qui se déclenchent au fur et à mesure qu'on descend sur la page.
Qu'est-ce que ca suppose comme technologies derrière?

(mes dernieres confrontations avec le web sont html, php, mysql et un tout petit peu de CSS (v1?) )

Merci :)

[message édité le 08-09-2017 @ 12:41 Par Vegan]
- Haut de page -
Vianney



 






Message du 08-09-2017 @ 14:27

Du js, jQuery, Ajax etc sur du scrollpage +ccs et ça donne le résultat. Beaucoup de thèmes pour Joomla, Wordpress et autres CMS etc intègrent ces fonctions via des framework.

Bien sur rien n'empêche une intégration dans une page html "simple" : Exemple.
- Haut de page -
Vegan



 






Message du 08-09-2017 @ 22:47

OK, merci :) (bon à savoir pour les thèmes!)
Mais les petits dessins animés, tu (ou quelqu'un d'autre :D )as une idée de comment ils sont réalisés? (une série d'images préchargées? svg? png? ...? un langage spécifique de dessin? ... ? )

- Haut de page -
Vianney



 






Message du 09-09-2017 @ 0:01

Du css avec une pincée de code html5. Fais un clic de btn droit sur le dessin et Inspecter Élément de ton navigateur et tu auras le code ;) .
- Haut de page -
Vegan



 






Message du 11-09-2017 @ 10:14

Justement, j'avais déjà essayé... (examiner l'élément, avec firefox)

Par exemple, dans la page que je citais il y a une fusée qui décolle avec des étoiles qui tournent (si on fait défiler la page). Il y a bien 3 classes (moon-stars animateme, moon-moon animateme, moon-rocket animateme). On y décrit une action, mais je ne vois pas comment les objets ("les dessins") sont définis (bitmap, vectoriels, ...) ni surtout où...

EDIT: j'ai trouvé, c'est dans le CSS... (avec l'extension firebug pour firefox)

J'ai beaucoup de retard dans mes connaissances de l'html/css... si vous connaissez des choses sympa pour redébuter, je suis z'acquéreur :)

Bonne semaine et merci!


[message édité le 11-09-2017 @ 10:26 Par Vegan]
- Haut de page -
Vianney



 






Message du 12-09-2017 @ 0:16

- https://www.alsacreations.com/tutoriels/
- https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3

Sinon les livres sur Amazon.

- Haut de page -
Vegan



 






Message du 12-09-2017 @ 13:06

Merci beaucoup, je vais regarder à ça :)
- Haut de page -

Plan du forum | Contacter l'administrateur

Powered by SoulBB 3.0.1
© Soulmanto, 2003-2010

Valid XHTML 1.0 Transitional

Page générée en 0.025 secondes