400
Subscribers
No data24 hours
No data7 days
No data30 days
Posts Archive
400
Repost from N/a
Suite du cours sur le développement web
Comment établir une liste ?
Les listes nous permettent de mieux structurer notre texte et d'ordonner les informations.
Il y'a deux types de liste :
👉 Les listes non ordonnées
Pour créer une liste on utilise la balise
- Python
- Java
- JavaScript
- Python
- Java
- JavaScript
400
Repost from N/a
Les liens que nous venons de voir sont appelés lien absolue (lien complet). Maintenant nous allons voir comment faire un lien qui relie tout les pages de notre site web.
Pour commencer on va créer deux pages html dans le même dossier.
400
Repost from N/a
Bonjour on vas enchaîné avec la suite du cours
IV - Création des liens
Comme vous le savez un site web est constitué de plusieurs pages. Nous allons voir comment faire pour quitter une page a une autre.
Nb: on peut faire un lien entre une page a.html et une page b.html mais on peut aussi faire un lien vers un autre site.
Il est facile de reconnaître un lien sur une page, ils sont écrits d'une façon différente (par défaut en bleue et souligner).
La balise qu'on utilise pour créer un lien est la suivante <a></a>
Cependant on ajoute un attributs " href " pour indiquer vers quelle page le lien doit conduire.
Exemple : <a href="http://www.google.com</a>
400
Repost from N/a
Mais il y'a une autre manière de mettre en valeur des mots.
On utilise la balise <strong></strong> qui permet de mettre le texte en gras
On peut aussi utiliser la balise <mark> pour marker le texte en couleur jaune.
J'espère que tout le monde suit.
Si il y'a des incompréhensions n'hésitez pas a poser vos questions sur @TDG_intrepide
On continue demain
400
Repost from N/a
La mise en valeur
Au sein de votre page d'autres mots sont plus important que les autres. Pour les faire ressentir on utilise la balise .
Sont utilisation est tres simple. Vous encadrés juste le mot que vous voulez mettre en valeur
400
Repost from N/a
🔺Les titres
🌟 En HTML on à 6 balise pour illustrer les titres. Ce sont:
Attention ne confondez pas la balise qui affiche le titre de la page dans l'onglet du navigateur avec la balise <h1>
400
Repost from N/a
🏃♂️Comment sauter une ligne ?
En HTML si vous tapez entre dans le code cela ne créé pas une nouvelle ligne. Essayer le dans votre code
Pour revenir donc à la ligne vous devez écrire un nouveau paragraphe avec la balise
bien-sûr.
Il y'a aussi un autre moyen. Vous pouvez utiliser la balise
(voir dans la figure ci-dessous)
400
Repost from N/a
📑 Les paragraphes
Pour insérer du texte sur une page web on utilise des paragraphes. Le langage HTML propose la balise
pour délimiter les paragraphes. Exemple :
Bienvenue sur ma page web
signifie début du paragraphe
signifie fin du paragraphe Notez que ceci doit être inséré a l'intérieur de la balise400
Repost from N/a
III - Organisation du texte
📋 Dans cette partie nous allons voir:
👉 Comment construire un paragraphe
👉comment structuré une page avec des titres
👉comment donner de l'importance à certains mot du texte
👉 Comment organiser les informations sous forme de liste
400
Repost from N/a
⁉️Explication
👉 : la toute première ligne s'appelle le doctype et est indispensable car c'est elle qui indique qu'il s'agit bien d'une page web html
👉L'en-tête : cette section donne des infos générales sur la page comme son titre, l'encodage (pour géré les caractères spéciaux). Ces informations ne sont pas affichés sur la page mais néanmoins elles restent importante.
👉Le corps : c'est la partie principale de la page. Tout ce que nous écrivons ici s'affichera sur la page.
👉 : cette balise indique l'encodage utiliser dans votre fichier html.
Je précise qu'il existe d'autres encodage tel que ISO-8859-1 , OEM 775, etc
👉 : c'est le titre de la page . Toute page doit avoir un titre qui décrit en bref le contenu. Elle s'affiche dans l'onglet du navigateur
400
Repost from N/a
⚙ Structure de base d'une page HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
</head>
<body>
</body>
</html>400
Repost from N/a
I - rôle du langage HTML
🤓 Le langage HTML a été créer par un certain Tim Berners-Lee en 1991
HTML (HyperTexte Markup Langage) a fait son apparition en 1991 dès le lancement du web . Son rôle est de géré et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : texte ,images , liens...
CSS ( cascading style sheet ). Son rôle est de géré l'apparence de la page web: positionnement , couleurs, texture , ... Il est venu complété le HTML en 1996.
II - Structure de base d'une page
Pour commencer nous allons ouvrir notre éditeur de texte TrebEdit
Ensuite dans TrebEdit ouvrez le menu , appuyer sur l'icône + et créer un projet.
Entrez dans le projet que vous avez créer et vous créer maintenant un fichier
Nb: donner le nom que vous voulez à votre fichier et ajouter .html à la fin pour montrer à l'ordinateur que le fichier sera écrit en langage HTML. Dans mon cas j'ai mis max.html
👌 On y est . On peut maintenant ouvrir le fichier et commencer les premiers pas.
💡 Les balises
Pour ce faire nous allons devoir utiliser des balises pour indiquer à l'ordinateur ce qu'il doit affiché sur l'écran
Les balises sont encadrés par des chevrons .
Il existe deux types de balises :
On a les balises paires qui s'ouvrent et se referment
La balise ouvrante
La balise fermante
ex: Max Robot
Et les balises orphelines
ex: ![]()
🛠 Les attributs
Les attributs sont un peut les options des balises . Elles viennent les compléter pour donner des informations supplémentaires. Elle se placer après le nom de la balise ouvrante
ex:
On peut par exemple inséré un photo en tapant ![]()
Nb: dans les balises paires on ne met l'attribub que dans la balise ouvrante.
Toutes les balises que nous venons de voir sont fictive les vrais balises sont en anglais.
400
Repost from N/a
📋 On va procéder étape par étape
Voici le plan du travail👇
Partie1 - les bases du HTML
I - rôle du langage HTML
Il - Structure de base d'une page
III - Organisation du Texte
IV - création des liens
V - insertion d'images
VI - les formulaires
400
Repost from N/a
📱Voici l'application à installer il se nomme Treb Edit et est téléchargeable sur le Google play store ou l'Apple store.👨🏽💻
400
Repost from N/a
👨🏽💻👋 Bonjour
aujourd'hui nous allons aborder le cours sur le développement des sites webs. Ils existent plusieurs logiciels de création de sites web mais ici nous allons nous intéresser essentiellement a l'usage des langages HTML et CSS .
Pour se faire nous aurons besoin d'un éditeur de texte
Je vais plutôt m'intéresser au cours sur Android en utilisant l'application TrebEdit et je vous le conseille aussi si vous êtes sur Android. Il existe aussi d'aussi d'autres éditeurs comme vim ou gEdit que vous pouvez installer sous le terminal de Linux , si vous utilisez un PC je vous conseille plutôt Notepad++, Sublime Text.👨🏽💻
