web:bases:htmlcssjs

Web de Base : HTML CSS JS

🎯 Objectifs

Faire le point sur ce que je sais faire en terme de pages / de sites web
Noter les détails relou que je m'en rappelle jamais et que je ré-apprend à chaque fois
Mieux me connaître, mes motivations, mes croyances, mes convictions, mes aprioris, mes réussites… etc

➕ HTML 5 ➕ CSS 3 ➕ JavaScript ➕ Images & illustrations ➕ Frameworks “sympas” ➕ Outils “utiles”

🎁 Ressources Vrac

🎥Playlist Youtube "Web Demystified" par Jérémie Patonnier de son temps chez mozilla.

👀 Veille Vrac

les 3 dernières pages marquées sur le sujet “web” :

Aux apatrides du web merdique - Par Thibault Prévost | Arrêt sur images (17/02/2024 13:27)
Il est vraiment bien cet article offert d'asi, merci les abonnés Description du mythe start-up porté par le Web 2.0 et impactant toute la société, symptôme de fin du modèle visible sur nos écrans... Le problème amha c'est que nos élites, politiques et ingénieurs, globalement les décideurs ont été largement formatés par les dogmes de cette tendance et nous empêcheront encore longtemps d'en sortir ensemble et par le haut... Comment faire mieux??? La question me hante. — Permalien
Résolu - Collaborer (11/05/2023 13:53)
Pour travailler en équipe, il faut utiliser des outils numériques adaptés La collaboration est indispensable au sein de toute structure. Il existe de nombreux outils numériques pour travailler ensemble. Voyons quelques réflexions à aborder au préalable afin de décider quels outils utiliser. — Permalien
Excalidraw (26/02/2023 19:54)
Une webapp pour créer des schémas, des cartes et des esquisses d'interfaces dans son navigateur. Code dispo sous licence MIT et communauté Discord — Permalien

📝 🔥 👩‍🍳 ✅ ⭐ C'est moi qui l'ai fait !✌️

🎭 mon site perso d'artiste

100% cousu-main, réalisé en suivant un cours OpenClassRoom en 2020

🫶 1 page site d'Attrapli

un projet qu'on a gagné 2 blueribbon de Makers avec à la Villette fin 2019,
un site où j'ai intégré les visuels de mon chéri à un template d'HTML5Up

CAO

➕ Création ➕ Assistée par ➕ Ordinateur
❓ Où on arrête l'assistanat ?

HTML

C'est le langage des pages web que nous consultons.

Il consiste en une série de balisées qui structurent le contenu et le décrivent, permettant aux différents navigateur d'afficher les informations et les médias. Une page HTML se structure toujours de la même façon: HEAD contient les meta données et des ressources supplémentaires + BODY où on placera tout le contenu à afficher.

Voir le code Cliquez pour dérouler

Télécharger le code en cliquant sur son titre en bleu :

pageEx.html

<!DOCTYPE html>
<html lang="fr">
<head>
<title>un titre</title>
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, maximum-scale=5"> 
<meta name="description" content="une description du document" />
<link rel="stylesheet" href="des_styles.css">
</head>
 
 <body>
ici tout le contenu à afficher
</body>
</html>