Blog Blog

Entrées avec l'étiquette web .

Découverte HTML / CSS

Commençons par HTML, de quoi s'agit-il donc ?
Pour le voir, allez sur une page web, disons https://graines2tech.is4ri.com/blog
Faites un clic droit et "voir la source", ou Ctrl-U (rester appuyé sur une touche Ctrl et appuyer sur U une fois) : un nouvel onglet s'ouvre avec un texte apparemment incompréhensible !
Regardons ce texte de plus près : il commence par
<!DOCTYPE html> <html class="aui ltr" dir="ltr" lang="fr-FR"> <head> <title>Le blog - Graines2Tech</title>...
et si on va tout en bas de la page, on voit que ça finit par
</body> </html> 
Tiens, tiens, on voit donc "html" au moins 3 fois... 

On voit aussi des "<" et des ">" : en général, ça permet plutôt de comparer des nombres pour voir lequel est "plus petit que" ou "plus grand que", mais ici, pas de nombre !

En fait, ils vont par deux, comme des parenthèses, et renferment plus ou moins de texte : <head> par exemple, ou <title>, mais aussi </body> ou </html> où le texte renfermé commence par "/".
C'est ce qu'on appelle des "balises". Et elles vont aussi par 2 comme <title> et </title> qui entourent... le titre de la page web "Le blog - Graines2Tech". Et oui, "title" veut dire "titre" en anglais :)
Mais aussi <html (suivi d'autres textes) > et </html>
On voit que les balises de fin, </title> et </html>, commencent par "/".

Et à la fin de notre texte, on a vu qu'il y avait aussi </body>, donc il doit y avoir un <body> quelque part avant. Et "body" voulant dire "corps" en anglais, il y a des chances que <body> xxxxx </body> définisse... le corps de la page !

Vous vous rendez compte ? Vous savez comment créer un "corps" dans le monde du web ! Voire une tête avec <head> xxxx </head> ... Bien sûr, on parle de page web, ici :)
Allez sur https://codepen.io/pen/ et essayez votre nouveau pouvoir de création dans la partie HTML en recopiant le texte comme ci-dessous, et vous verrez dans la partie blanche votre "page web" prendre corps...


Notez-bien l'approche "poupées russes", c'est-à-dire que le titre (title) est à l'intérieur de la tête (head), et que la tête et le corps (body) sont à l'intérieur de la page html.

Ensuite, c'est comme pour toute langue, il faut apprendre le vocabulaire !
Regardez par exemple la liste donnée par https://htmlreference.io/

Et le css, alors, c'est pour quoi faire ?
Toujours sur codepen.io, écrivez le texte ci-dessous dans la partie CSS :

Voyez-vous la vie en bleu ? Vous pouvez modifier les 3 valeurs numériques entre 0 et 255.

Alors, pour continuer d'apprendre cette "langue" du web qu'est HTML, et sa langue soeur, le css, inscrivez-vous à un de nos stages ou ateliers sur ce thème !

En attendant, vous pouvez utiliser les cours de Khan Academy : https://fr.khanacademy.org/computing/computer-programming/html-css/intro-to-html/v/making-webpages-intro et https://fr.khanacademy.org/computing/computer-programming/html-css/intro-to-css/pt/css-basics
N'oubliez pas de cliquer sur "Transcription" pour voir les textes des vidéos en français !

Internet, le web: quelle différence?

Nos Graines 2 tech' neuboisiennes se sont mis en mode [web] pour 3 séances, à la découverte d'Internet et du web, des cookies et autres traces que nous laissons sur la toile.

Avec quelques surprises de se découvrir si présent! Comme quoi notre présence sur le web n'est pas que de notre fait.

La meilleure partie? Les cookies bien sûr, avec un goûter très à propos wink Ils ont d'ailleurs retenu l'essentiel: demandez leur ce qu'est un cookie "Un gâteau!", et on en trouve où? "Ben dans mon ventre!" Forcément cheeky!

Dernière séance aux couleurs de la chandeleur, nos Graines 2 tech' vous présentent leur page web au goût de crêpe, réalisée rapidement histoire de ne pas les laisser refroidir!

 

 

Stages de Noël

Noël n'est plus très loin. Si, si, regardez dans les magasins, les calendriers de l'Avent sont là, et qui n'a pas déjà fait sa liste au Père Noël?

Cette année, entre la fin des cours et le jour de Noël, on a une semaine de disponible, alors profitons-en pour faire des ateliers numériques!

A Thal, Graines2Tech vous propose un stage du Lundi 19/12 au Vendredi 23/12, les après-midis de 14h à 17h:

Les inscriptions sont ouvertes!

Et pour les non-membres, c'est l'occasion d'obtenir une carte de membre qui vous permettra d'assister aux ateliers du Vendredi à 15€ au lieu de 20€.

Derniers blogs Derniers blogs

Découverte HTML / CSS

Commençons par HTML, de quoi s'agit-il donc ? Pour le voir, allez sur une page web, disons&nbsp; https://graines2tech.is4ri.com/blog Faites un clic droit et "voir la source", ou Ctrl-U (rester... Lire la suiteÀ proposDécouverte HTML / CSS »

Stages de Noël

Les inscriptions pour le stage de Noël 2016 à Thal sont ouvertes! Lire la suiteÀ proposStages de Noël »