Pour Bootstrap : Bootstrap : Collection d’outils utiles à la création du design de sites et d’applications web. Free Bootstrap Templates : templates pretent à l’emplois pour Bootstrap Font Awesome : Icônes pour bootstrap. Bootstrap Galerie : pour bootstrap. AngryTools : Generateur (bootstrap, css, dégradé, animation, etc. et pleins d’autres). Templates Web-soluces Templates de menu HTML5…
Catégorie : Non classé
Portfolio
La fin de la formation approche, nous devons donc préparer nos armes pour le futur. La version n’est encore pas définitive, mais le travail avance. Lorsque le stage sera fini le contenu aura peut-être un peu plus d’intérêt. Mais ceci dit, en avant première….. Ici… le liens pointant vers le portfolio.
Adobe Première Pro
Logiciel de montage vidéo. Pour les tutos c’est par ici. Pour les titres depuis 2017, ceci son rebaptisés: Titrage hérité, dans Fichier – nouveau.Nous pouvons également utiliser Photoshop pour créer et incorporer un titre ou un logo, en passant par: fichier – nouveau – fichier photoshop. Par la suite pour modifier ce logo nous pouvons…
Animate
Découverte d’Animate. A savoir: pour animer un personnage il faut absolument le convertir en symbole.(movie-clip) (interpolation de mouvement) Pour les formes, une interpolation de forme sans conversion. Également: shift F5 supprime une image (la ligne de temps diminue) shift F6 supprime l’image clef. Pour animer un élément: Cliquer sur la « timeline » au niveau de la…
Transition
Pour faire une transition d’opacité, au survol par exemple, en css il faut: a h1:hover, a img:hover { transition-duration: 0.5s; opacity: 0.7; filter: alpha(opacity=70); } Flèche de menu tournant de 180° + Déroulement en 1 seconde: .etiquette::after{ content: »⬇︎ »; color: rgba(255, 255, 255, .5); font-size: 1.5rem; position:absolute; display:block; top:-2px; left: 7rem ; transition: all 1s;…
Backgroud-image.
Un nouveau code que je ne connaissais pas: Pratique pour intégrer une image de fond par le css, cela évite de placer une id ou une class dans le html. .navigation_principale a[href= »architecture.html »]{ background-image: url(../images/icone_architecture.png);
Mise en place CSS
Un peu de mise en place en CSS: Ce n’est que le début, mais cela prend forme petit à petit. Un peu plus tard……
Les joies de JavaScript
Pour notre site d’exercice à l’image, nous entamons un premier code JavaScript, pas piqué des vers. Ceci dit, il s’agit pour l’instant, de faire fonctionner notre site. Nous verrons cela plus en profondeur ultérieurement.
Premier jour de formation
Pour commencer, nous avons donc entamé la création de ce blog. Ensuite, créer une première page html, minimum au départ, que nous enrichissons au fur et à mesure. Mais pour cela il faut tout d’abord préparer les photos (recadrage, résolution, retouches), ainsi que les dossiers et fichiers pour une bonne organisation. Nous avons également lié…