Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:start [09/05/2023 15:42] – laure
+++ web:start [11/05/2023 02:17] (Version actuelle) – [Clients & Serveurs] laure
@@ Ligne 1: / Ligne 1: @@
-<nspages -title -tree -subns -exclude:start -exclude:vrac -textNS="des cases dans cette catégorie" -textPages="et d'autres notes:" -displayModificationDates>
+====== Web ======
-====== Le Web ======
 {{tag> OutilsWeb web html css js }}
 Souvent confondu avec Internet, le **web** c'est le morceau qu'on peut consulter avec un navigateur comme Firefox ? ?
@@ Ligne 10: / Ligne 9: @@
 {{drawio>outils:diagram1.png}}
+===== Quelques questions =====
+<WRAP group>
+<WRAP half column>
+colonnes
+</WRAP>
+<WRAP half column>
+fvdv
+</WRAP>
+</WRAP>
 ====Clients & Serveurs====
@@ Ligne 41: / Ligne 50: @@
 </WRAP>
 </WRAP></WRAP>
-<WRAP group><WRAP half column>
+<WRAP group>
+<WRAP half column>
 <div center round box 90%>
-=== 🌐 ils expliquent 'achement bien  ===
+=== 🌐 ils expliquent 'achement bien : ===
 [[https://adn56.net/pres/naviguer/#/| l'Université Pop de Damgan a une présentation très claire ici]] \\
-[[https://docs.framasoft.org/fr/manueldumo/|Le manuel des libertés numériques pour tout le monde de Framasoft est une bonne ressource ]]
+[[https://docs.framasoft.org/fr/manueldumo/|Le manuel des libertés numériques pour tout le monde de Framasoft est une bonne ressource ]] \\
-</div></WRAP><WRAP half column>
+[[https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g| Web Demystified - une série de vidéos courtes sous-titrées FR]] \\
-<div center round box 90%>
-== 💢 je tente des trucs ==
-[[outils:duweb:_:HebergementMutu| J'ai des petits sites pour jouer]]
-[[outils:duweb:_:Mon1erVPS| Mon premier Serveur Privé Virtuel]]
 </div>
-</WRAP></WRAP>
+</WRAP>
+<WRAP half column>
+**Veille** : les 3 dernières pages marquées sur le sujet "web" :
+{{rss>http://www.liens.chiquette.fr/feed/atom?&searchtags=web description 3 date 1d }}
+</WRAP>
+</WRAP>
 ==== Médias & Usages ====
 <WRAP group>
 <WRAP third column>
 === Images & Fichiers ===
-Les sites internet fonctionnent partout et pour tous de la même façon, parcequ'ils sont basés sur ces langages normés et opensource. Pour ce qui est des fichiers "durs" on s'en tiendra de la même façon aux formats standards que sont :
+Les sites internet fonctionnent partout et pour tous //de la même façon//, parcequ'ils sont basés sur ces langages normés et opensource. Pour ce qui est des fichiers "durs" on s'en tiendra de la même façon aux formats standards que sont :
   * **JPG**, **GIF** et .**PNG** pour les images. Privilégier le .PNG pour les graphismes. [[https://www.lafabriquedunet.fr/creation-site-vitrine/articles/optimiser-images-web/|plus d'infos chez la fabrique du net]]
@@ Ligne 98: / Ligne 113: @@
 </div>
+==== Avoir "SON" site ====
+<div group>
+<div half column>
+Aujourd'hui on peut ouvrir une Page sur le Gros Réseau Social en 1 clic, la faire découvrir à ses proches, et même y toucher d'autres utilisateurs 'inconnus'.  Et on peut aussi facilement lancer un blog chez Google, ou une galerie photo avec Instagram et avoir le retour immédiat des compteurs de vues ou de petits cœurs. Des canaux faciles, qui peuvent aussi être utiles c'est vrai. Mais ils ont aussi leurs mauvais côtés, par exemple ils nous dépossèdent de chaque contenu hébergé chez eux. \\ Si un jour ils décident de censurer nos publications, nous n'y pourrons rien, ou pas grand chose. Oh ça n'arrivera probablement pas, mais au fil du temps chaque nouveau Like et chaque nouvelle Vue sera plus difficile à obtenir sans payer leurs services.
+\\
+L'idée d'entretenir un site web indépendant c'est d'être accessible à tous, pas seulement aux usagers de certaines plateformes. C'est créer un point de rdv  pour tous ceux qui veulent suivre notre travail ou se posent les mêmes questions que nous. \\ Et c'est aussi un moyen de se former tout en combattant un peu l'hégémonie de ces 'outils' \\ enfin je crois.
+</div>
+<div half column>
+<div group>
+<div half column>
+=== Vidéos ===
+Un hébergement standard n'est pas optimisé pour le streaming de vidéos, et même si votre CMS accepte les .mp4 et .mpg dans sa bibliothèque il vaut mieux passer par une plateforme spécialisée comme Youtube, Vimeo ou PeerTube. \\
+</div>
+<div half column>
+=== Code ===
+La promesse de WordPress c'est qu'on peut créer et gérer un site complexe sans connaître le code informatique. Et c'est vrai. \\
+\\ Mais ce sera plus simple de comprendre l'outil et de le modifier à sa guise si on connaît 2 ou 3  bases sur le sujet: CSS, HTML, PHP, JS... des noms qui ne doivent pas sembler trop barbare à un futur administrateur de site web ! \\
+</div>
+</div>
+</div>
+</div>
 ====🛠️ Outils & Utopies ====
 <WRAP group>
 <WRAP half column>
-  * [[sidebar]]
-  * [[pagefooter]]
-  * [[footer]]
 ===FTP : installer un client===
@@ Ligne 115: / Ligne 157: @@
 === Éditeur de texte ===
 Ce logiciel va colorier le code pour le rendre plus facile à lire et à comprendre.
-HTML, CSS, PHP... tous ces codes sont contenus dans des fichiers texte, qu'on pourra plus facilement modifier avec un éditeur intelligent comme par exemple [[https://atom.io/|Atom]], [[~:VSCode| VSCode / Codium]] ou [[https://notepad-plus-plus.org/|NotePad+]]
+HTML, CSS, PHP... tous ces codes sont contenus dans des fichiers texte, qu'on pourra plus facilement modifier avec un éditeur intelligent comme par exemple [[https://atom.io/|Atom]], [[outils:duweb:VSCode| VSCode / Codium]] ou [[https://notepad-plus-plus.org/|NotePad+]]
 </WRAP>
 <WRAP half column>
 === Outils Web de création - d'expression - de publication ===
+[[outils:duweb:|pour faire des sites]]
   * [[outils:duweb:DokuWiki| DokuWiki ici]]
   * [[outils:duweb:WordPress|WordPress là]]