Articles

Le CSS un langage complémentaire à ne pas négliger

Image
 Le CSS, de l’anglais Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui vient complĂ©ter le langage HTML ou le XML. CrĂ©Ă© par la W3C, le CSS est utilisĂ© depuis le milieu des annĂ©es 1990, le langage CSS est couramment utilisĂ© pour la conception de sites web et pris en charge par les navigateurs web depuis les annĂ©es 2000. Le langage CSS est utilisĂ© pour mettre en forme des documents web grâce Ă  des propriĂ©tĂ©s d'apparence (couleurs, polices, etc.) et de placement (largeur, hauteur, cĂ´te Ă  cĂ´te, etc.). Grâce au CSS, il est possible de modifier le rendu de la page web sans code supplĂ©mentaire. Par consĂ©quent, l’objectif est ici de dissocier le contenu de la page HTML de son apparence visuelle modifiĂ©e grâce au CSS. On peut alors styliser les Ă©lĂ©ments contenus dans le HTML sans modifier le contenu lui-mĂŞme. Le langage CSS sera alors utilisĂ© pour la mise en page alors que le code HTML sera uniquement utilisĂ© pour le contenu. L’utilisation du langage CSS
6 commentaires
Lire la suite

Les balises HTML

Image
Dans le langage HTML, les balises permettent d’ajouter des Ă©lĂ©ments concernant la structure de la page : titres, paragraphes, retours Ă  la ligne etc. Chaque balise est caractĂ©risĂ©e par un terme situĂ© entre les chevrons “ < ” & “ > ”, ex : <html> .  Il est Ă©galement important de noter que chaque balise ouverte se doit d’ĂŞtre fermĂ©e une fois que l’on ne souhaite plus la prendre en compte. Pour ce faire, reprenez la balise de dĂ©part et ajoutez-y “ / ”, ici nous aurons : </html> . Dans de nombreux cas, les balises comportent des attributs. En effet, certains Ă©lĂ©ments se doivent d’utiliser des informations supplĂ©mentaires afin de dĂ©finir la façon dont ils fonctionnent. On retrouvera donc ces dĂ©tails dans l’attribut qui est constituĂ© par des paires nom="valeur" . Les attributs sont inclus dans la balise ouvrante de l’Ă©lĂ©ment. Ex : <a href="page2.html">Cliquez ici </a>. I ci le nom de l’attribut est href, il est suivi d’un signe “=”, puis
5 commentaires
Lire la suite

Création d'un fichier HTML

Image
Pour crĂ©er un fichier HTML, dans un premier temps, nous allons ouvrir un Ă©diteur de texte, il en existe des centaines parmi lesquels nous retrouverons : Notebook +, Visual Studio Code ou encore Atom. Nous dĂ©cidons ici d’utiliser Atom et le navigateur Google Chrome, ici encore, il en existe plusieurs, utilisez celui qui est dĂ©jĂ  installĂ© sur votre ordinateur. CrĂ©ons maintenant un fichier que l’on va renommer index.html, nous allons le sauvegarder dans un dossier que l’on nommera Site_web. Il est très important que le fichier soit en format “.html”, en effet cela nous permettra d’ajouter des balises afin qu’il soit correctement lu par notre navigateur internet. Ainsi, nous avons un fichier vierge, nous pouvons commencer Ă  ajouter des balises en respectant les indentations.
1 commentaire
Lire la suite

Le HTML c'est quoi ?

Image
L’ HyperText Markup Language , plus communĂ©ment appelĂ© HTML peut se traduire par Langage de balisage hypertexte.  Il est utilisĂ© pour crĂ©er et structurer des pages web, nous pouvons alors gĂ©rer la manière dont le contenu de la page va s’afficher sur l’Ă©cran. Avec le langage HTML il est possible de crĂ©er des formulaires de saisie, des liens, d’inclure des ressources multimĂ©dias telles que des images, des vidĂ©os ou des programmes informatiques.  Grâce au HTML, nous pouvons crĂ©er des documents interopĂ©rables, autrement dit des documents qui peuvent fonctionner avec d’autres produits ou systèmes informatiques, existants ou futurs, publiques et sans restriction d’accès ou de mise en Ĺ“uvre. Il s'agit alors d'un format ouvert.  Le HTML s’associe Ă  d’autres technologies, il est par exemple possible de crĂ©er la mise en forme et la prĂ©sentation d’une page grâce au langage CSS ou encore d’apporter des fonctionnalitĂ©s interactives Ă  la page web grâce au JavaScript.  Le code HTML d’une pag
3 commentaires
Lire la suite

L'origine du langage HTML

Image
 Il Ă©tait une fois le langage HTML …  Tout commence au dĂ©but des annĂ©es 1990, lorsque l’informaticien britannique Tim Berners-Lee invente le World Wide Web. Le HTML est une des trois inventions issues du WWW avec le Hypertext Transfer Protocol (HTTP) et les adresses web.  La première version du HTML permet d’exprimer le titre du document, les diffĂ©rents titres structurant le contenu, les sous-titres, les listes ou encore les textes bruts et les hyperliens. Le principe de rĂ©fĂ©rencement est Ă©galement mis en place.  Le HTML est alors basĂ© sur le SGML4 qui est un langage gĂ©nĂ©ralisĂ© des balises standardisĂ©es. Fin 1993, le HTML voit un effet de normalisation. On l'appelle dorĂ©navant HTML +.  Dans les annĂ©es 1990, l’apparition de nouveaux navigateurs permet l'ajout de nombreux Ă©lĂ©ments : images et introduction des formulaires, attributs de texte, centrage etc.  En 1995, le HTML est mis Ă  jour, c’est la naissance du HTML 2.0.  En dĂ©cembre 1997, le W3C5 publiait le HTML4.0. Des nouveaut
1 commentaire
Lire la suite

Préambule

Image
  A l’heure oĂą nous rĂ©digeons cet article, nous   comptabilisons près de 1,8 milliard de sites internet sur la toile, d’après Internet Live Stats .   Les chiffres sont impressionnants d'autant plus   que nous ne sommes que 2,5 fois plus   d’internautes, prĂ©cisĂ©ment 4,7 milliards Ă    l’heure actuelle. Le nombre de sites web a crĂ» de   façon exponentielle depuis l’apparition du   premier site Internet le 06 aoĂ»t 1991.   Alors que l’Ă©mergence des CMS 1 ; appelĂ©s   systèmes de gestion de contenu en français tels   que Wordpress, Wix, Joomla!, Drupal etc. a   rendu la crĂ©ation de pages web accessible par   les plus novices d’entre nous; l’apprentissage du   langage HTML reste la meilleure manière de crĂ©er des pages web sur mesure ou de modifier un site crĂ©Ă© avec un CMS. C’est pourquoi, il est indispensable d’en connaĂ®tre les clĂ©s et de comprendre son fonctionnement.   A travers ce rapport, nous avons pour volontĂ© de mettre en lumière le fonctionnement du langage HTML grâce au systèm
3 commentaires
Lire la suite

Posts les plus consultés de ce blog

Le HTML c'est quoi ?

Image
L’ HyperText Markup Language , plus communĂ©ment appelĂ© HTML peut se traduire par Langage de balisage hypertexte.  Il est utilisĂ© pour crĂ©er et structurer des pages web, nous pouvons alors gĂ©rer la manière dont le contenu de la page va s’afficher sur l’Ă©cran. Avec le langage HTML il est possible de crĂ©er des formulaires de saisie, des liens, d’inclure des ressources multimĂ©dias telles que des images, des vidĂ©os ou des programmes informatiques.  Grâce au HTML, nous pouvons crĂ©er des documents interopĂ©rables, autrement dit des documents qui peuvent fonctionner avec d’autres produits ou systèmes informatiques, existants ou futurs, publiques et sans restriction d’accès ou de mise en Ĺ“uvre. Il s'agit alors d'un format ouvert.  Le HTML s’associe Ă  d’autres technologies, il est par exemple possible de crĂ©er la mise en forme et la prĂ©sentation d’une page grâce au langage CSS ou encore d’apporter des fonctionnalitĂ©s interactives Ă  la page web grâce au JavaScript.  Le code HTML d’une pag
Lire la suite

Les balises HTML

Image
Dans le langage HTML, les balises permettent d’ajouter des Ă©lĂ©ments concernant la structure de la page : titres, paragraphes, retours Ă  la ligne etc. Chaque balise est caractĂ©risĂ©e par un terme situĂ© entre les chevrons “ < ” & “ > ”, ex : <html> .  Il est Ă©galement important de noter que chaque balise ouverte se doit d’ĂŞtre fermĂ©e une fois que l’on ne souhaite plus la prendre en compte. Pour ce faire, reprenez la balise de dĂ©part et ajoutez-y “ / ”, ici nous aurons : </html> . Dans de nombreux cas, les balises comportent des attributs. En effet, certains Ă©lĂ©ments se doivent d’utiliser des informations supplĂ©mentaires afin de dĂ©finir la façon dont ils fonctionnent. On retrouvera donc ces dĂ©tails dans l’attribut qui est constituĂ© par des paires nom="valeur" . Les attributs sont inclus dans la balise ouvrante de l’Ă©lĂ©ment. Ex : <a href="page2.html">Cliquez ici </a>. I ci le nom de l’attribut est href, il est suivi d’un signe “=”, puis
Lire la suite

Le CSS un langage complémentaire à ne pas négliger

Image
 Le CSS, de l’anglais Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui vient complĂ©ter le langage HTML ou le XML. CrĂ©Ă© par la W3C, le CSS est utilisĂ© depuis le milieu des annĂ©es 1990, le langage CSS est couramment utilisĂ© pour la conception de sites web et pris en charge par les navigateurs web depuis les annĂ©es 2000. Le langage CSS est utilisĂ© pour mettre en forme des documents web grâce Ă  des propriĂ©tĂ©s d'apparence (couleurs, polices, etc.) et de placement (largeur, hauteur, cĂ´te Ă  cĂ´te, etc.). Grâce au CSS, il est possible de modifier le rendu de la page web sans code supplĂ©mentaire. Par consĂ©quent, l’objectif est ici de dissocier le contenu de la page HTML de son apparence visuelle modifiĂ©e grâce au CSS. On peut alors styliser les Ă©lĂ©ments contenus dans le HTML sans modifier le contenu lui-mĂŞme. Le langage CSS sera alors utilisĂ© pour la mise en page alors que le code HTML sera uniquement utilisĂ© pour le contenu. L’utilisation du langage CSS
Lire la suite