Apprendre le web

Apprenez à coder pour le web

Toutes les manipulations à faire sont visibles et détaillés.

Langage HTML

HTML est un langage informatique pour le web, facile à apprendre. Le HTML donne au navigateur le contenu à afficher et sa structure : titres, paragraphes, images, liens, multimédias..

Apprendre

Langage CSS

Le CSS est un language informatique pour le web. Le CSS est le HTML sont complémentaires. Le CSS donne au navigateur des instructions pour la présentation de tout le contenu HTML

Apprendre

Langage Javascript

Javascript est le langage de programmation très utilisé et devenu actuellement incontournable. Javascript travaille avec HTML et CSS et permet de rendre les pages web dynamiques et interactives

Apprendre

Langage PHP

PHP est un langage côté serveur, c'est un outil puissant pour créer rapidement des pages Web dynamiques et interactives.

Apprendre

Langage MYSQL

Avec PHP, vous pouvez vous connecter et manipuler des bases de données. MYSQL est le système le plus populaire utilisé par PHP

Apprendre

Référencement

Les techniques SEO pour bien référencer son site sur les moteurs de Google afin de le rendre accessible au monde entier

Apprendre

COMMENT FAIRE

Ajouter des éléments en quelques secondes

Il suffit d'un copier-coller, fonctionne sur ordinateurs de bureau, tablettes et mobiles

Menu bar dynamique pour mobile

Cliquez sur l'icône bar pour ouvrir le menu

See the Pen KaNNpR by salsacobo (@salsacobo) on CodePen.


Menu bar statique pour mobile

Cliquez sur l'icône bar pour ouvrir le menu

See the Pen Menu bar by salsacobo (@salsacobo) on CodePen.


Entête en position 'fixed'

Faîte défiler la page ci-dessous

See the Pen MJJBrg by salsacobo (@salsacobo) on CodePen.


Menu déroulant sur le click

Cliquez sur les liens 'cliquez-moi' pour dérouler le menu

See the Pen menu déroulant cliquable by salsacobo (@salsacobo) on CodePen.


Effet Scroll

Scrollez vers le bas pour voir apparaitre l'effet : des éléments html (images dans ce cas) apparaissent lorsque le 'scroll' s'en approche

See the Pen effetScroll by salsacobo (@salsacobo) on CodePen.


Effet Parallaxe simple

Scrollez vers le bas pour voir apparaitre l'effet

See the Pen effet parallax by salsacobo (@salsacobo) on CodePen.


Effet Parallaxe dynamique

Scrollez vers le bas pour voir apparaitre l'effet. Par rapport à l'exemple précédent, les images semblent suivre la page mais de façon plus lente

See the Pen effet parallax dynamique by salsacobo (@salsacobo) on CodePen.


Marker GoogleMap personnalisé

Cliquez sur le marker pour afficher les informations concernat le lieu

Vous pouvez retrouver les coordonnées (longitude et latitude) d'un lieu sur le site coordonnees-gps

See the Pen google map marker by salsacobo (@salsacobo) on CodePen.


Effet zoom sur une image

Survolez l'image pour voir apparaitre l'effet. Voir d'autres EFFETS similaires.

See the Pen effet zoom image by salsacobo (@salsacobo) on CodePen.


Une fenêtre Popup

Cliquez sur le bouton popup pour faire apparaître une fenêtre au dessus de la page

See the Pen popup by salsacobo (@salsacobo) on CodePen.


Des onglets

Cliquez sur les onglets pour changer le contenu en dessous

See the Pen onglets by salsacobo (@salsacobo) on CodePen.


Un bouton ScrollToTop (avec Jquery)

Scrollez vers le bas pour voir apparaitre le bouton ScollToTop : cliquez ensuite dessus pour remonter en haut de la page

See the Pen scrollToTop by salsacobo (@salsacobo) on CodePen.


Utiliser une police Google

Il faut se connecter sur le site de Google Font pour plus de choix

See the Pen police google by salsacobo (@salsacobo) on CodePen.


Utiliser des icônes "Font CSS"

Plus de 600 icônes à intégrer facilement.. Allez sur le site Fontawesome pour plus de choix

See the Pen icone font css by salsacobo (@salsacobo) on CodePen.


Une alerte

Cliquez sur la petite croix pour fermer l'alerte

See the Pen alert by salsacobo (@salsacobo) on CodePen.


Loading

Vous pouvez personnalisez les couleurs

See the Pen loading by salsacobo (@salsacobo) on CodePen.