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…
Flex Box
En css { display: flex; (Placer les blocs côte à côte, ligne) flex-direction: column; (en colonnes) row; (par défaut, ligne)row-reverse; (ordre inverse)column-reverse; (ordre inverse) flex-wrap: wrap; (passe à la ligne, aussi pour les colonnes) no-wrap; (annule)wrap-reverse; (en inversant) Aligner sur l’axe principal :justify-content: flex-start; (au début) flex-end; (à la fin)center; (au centre)space-between;…
Bootstrap le retour
Pour démarrer une page bootstrap, il nous faut un squelette de base qui comprend les liens et les scriptes. Le lien vers le site Bootstrap ici Nous pouvons également placer un lien pour les icônes. Un lien pour les icônes ici Puis un lien vers notre page de styles CSS. Page de départ, avec la…
Raccourcis pour le HTML
Quelques raccourcis pour gagner du temps/ Page de base : ! et tabulation Commentaire : ctrl / Pour mac : (cmd shift /) Entourer d’une balise : ctrl shift P wrap with abbreviation rentrer le nom de la balise et valider. pour plusieurs paragraphe p* Réorganiser la page : ctrl shift P et choisir beautify…
Dossier de conception d’un site web
Pour la création de notre site web il faut passer par des étapes. Ces étapes sont regroupées dans un dossier de conception, que nous allons présenter à un jury pour l’examen de fin d’année. Le dossier de conception ici. Le site terminé est ici.
Charger un site wordpress en local.
Sauvegarder un site, pour une refonte ou autre, est parfois utile. il nous faut le charger sur notre hébergeur local. Tutoriel concernant l’installation et la mise en oeuvre du plugin Duplicator pour WordPress. Duplicator vous permet de sauvegarder ou de migrer facilement et rapidement votre site WordPress. Ce tutoriel en français vous est proposé par…
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…
Créer une carte personnalisée
Aujourd’hui nous avons la possibilité de créer des cartes personnalisées, il existe plusieurs sites pour le faire. Nous avons utilisé uMap.openstree Cliquer sur créer une carte pour commencer. Ensuite vous verrez le site est assez simple d’utilisation, il suffit de lire et de survoler les icônes. Une fois notre carte effectuée il suffit juste de…
« GRID »- grille CSS
Pour mettre en place la grille css il nous faut définir le parent (généralement une enveloppe) en lui attribuant plusieurs choses. display: grid; (appel).grid-template-columns (défini la largeur des colonnes, fr = fraction)grid-gap (donne la largeur des goutières)Nous lui attribuons « grid-auto-flow: dense; » qui l’oblige à combler les vides au lieu que les blocs se suivent. ex:…