CSS, flux, héritage… display:flex enrichir les balises meta de la balise <head> 1. la balise <meta name= »viewport » content= »width=device-width, initial-scale=1.0″> Le Viewport désigne schématiquement la surface de la fenêtre du navigateur et est absolument indispensable dans un projet d’intégration de site web pour tablettes et smartphones, ou dans un esprit d’adaptation « Responsive Web Design ». 2. […]
Catégorie : WEB DESIGN
exercice 3 – css, un fichier lié à la page html
CSS, un fichier lié à la page HTML Apprenez à créer votre site web avec html 5 et CSS 3 : openclassrooms.com/fr/ dossier racine A terme, votre dossier devra contenir : 1 dossier pour les images + index.html + dossier « fonts » et 1 fichier monstyle.css Créez 2 nouveaux fichiers dans Sublime Text : index.html […]
exercice 2 – créer des liens
dossier racine Veillez à créer un dossier racine pour chaque site. Dans ce dossier, on trouve : 1 dossier pour les images (nommé généralement « img ») + index.html créer des liens 1. Cliquer sur une petite image pour l’afficher en grand La balise <a href= »summer.jpg »> pointe vers la grande image tandis que la balise <img […]
exercice 1 – structure html et balises
HTML & CSS HTML, les balises Revoir les deux articles ci-dessus si besoin avant de réaliser l’exercice ! méthode 1. Créer les balises <header> <nav> <section> et <footer> qui structure le fichier index.html 2. Insérer <ul> pour visualiser une liste et créer des liens <a href> 3. Créer des balises <section> <div> […]
ajouter des plugins WP
De base, WordPress fonctionne avec les articles ou les pages. Mais on peut lui ajouter de nombreuses fonctionnalités : un système de sauvegarde, une « newsletter », un espace “membres”, une galerie d’images, un suivi du référencement SEO. Les extensions vont ajouter ces fonctionnalités à votre site. Un plugin (une extension, en Français) sert à ajouter de […]
bootstrap navigation & bouton
header – unité de mesure CSS3 CSS3 a de nouvelles valeurs pour le dimensionnement des objets par rapport à la taille de la fenêtre : VW, VH, et vmin. vw : « Viewport Width », correspond à l’unité relative à la largeur de votre écran vh : « Viewport Height », correspond à l’unité relative […]
utiliser bootstrap sur DW
Bootstrap est un framework front-end gratuit utilisé dans le développement Web. Il inclut des modèles de conception basés sur HTML et CSS pour la typographie, les formulaires, les boutons, les tableaux, la navigation, les carrousels d’images…, ainsi que des plugins JavaScript. Les avantages à utiliser Bootstrap : Avoir quelques connaissances de base en HTML et […]
thèmes WordPress
Twenty Le thème le plus universel de WordPress constamment renouvelé : Twenty Seventeen, correspond à la dernière version. Démo : Twenty Seventeen des informations à consulter Pour donner vie à votre site, vous devrez choisir un thème. Afin de retenir, le thème le plus exploitable, il est nécessaire de consulter le détail des options […]
interface WordPress
Comment se connecter ? Pour vous connecter à votre espace d’administration, il vous suffit de vous rendre sur votre site et d’ajouter « /wp-admin » à la suite de son URL. Exemple : www.nomsite.fr/wp-admin Présentation de l’interface Une fois connecté, vous arrivez sur votre « Tableau de bord ». Il vous offre la […]
CSS, position relative, absolue, z-index
propriété CSS > position https://www.w3schools.com/cssref/pr_class_position.asp C’est la propriété à considérer lors de la création d’une mise en page pour laquelle les possibilités du flux ne suffisent plus ! position: relative ; Elle permet un ajustement manuel de l’élément par rapport à une position de référence (celle qu’il avait dans le flux). L’élément est alors décalé […]