Vous êtes sur la page 1sur 2

Web Startup Toolkit

Cours n° 1

L’origine du développement web :


Différente entre internet et le web : Internet est un réseau de réseaux. Créé durant les années 1960 :
compte aujourd’hui 50000 réseaux. Objectif principal : à l’inverse du réseau téléphonique, il était
décentralisé. Contexte de GF : si tout était détruit, la décentralisation permettait de sauver le réseau. A
l’origine, système américain donc.
Aujourd’hui : Skype, on n’est pas sur le Web. Le BitCoin : autre protocole et autre réseau qu’Internet.
Parmi ces réseaux d’Internet, il y a le Web : créé en 1989 au CREN : concevoir réseau universitaire
pour partager les travaux scientifiques à l’origine.
Un réseau : au moins deux personnes qui communiquent entre eux. C’est aussi deux personnes qui sont
d’accord sur les manières d’échanger de l’information. Envoyer un mail, un réseau P2P…
˃protocole pour échanger : Hyper Text Transfer Protocol. Des pages HTML (c’est information
échangée).
Dark Web : 49999 autres réseaux. Le réseau le plus connu, le Web.

HTML : langage de programmation qui permet de créer des pages web. Son rôle est de structurer ces
pages web. Son fonctionnement : repose sur un système de balises (mots classés entre deux chevrons,
symbole supérieur et inférieur ; il existe environ 60 balises qui permettent de créer des pages web.) Le
HTML est un standard : environ 2500 langages de programmation. Peu d’outils standards, pourtant il en
est un. On doit passer par lui pour créer une page web.
Cf. https://jsfiddle.net/ ; éditeur de texte en ligne divisé en quatre parties pour coder.
HTML langage structuré en balises. On va en voir six. ˂structure d’une balise˃
1)
˂html˃
Bonjour ˂p˃ à tous ˂/p˃ (c’est la balise p)
˂/html˃
2)
La balise « a » permet de créer un lien hypertexte ˂a˃. mais il faut préciser un attribut à cette balise :
vers où pointe cette balise. Référence du lien hypertexte : ˂a href=‘’ ’’˃ (bien mettre guillemets).
C’étaient les premières pages web.
On a ensuite ajouté la balise image (img) qui permet d’introduire une image.
˂img src=’’http://…..’’ ˃ ˂/img ˃
˂/html˃
Pour redimensionner : ˂img src=’’http://…..’’ width=’’…’’ height=’’…’’˃ ˂/img˃
Le HTML n’est pas sensible aux espaces : il en faut un entre, mais un ou deux ou trois ne change rien.
Lien hypertexte sur l’image : attention à bien fermer les balises entre elles correctement.
Ne pas oublier les chevrons et les guillemets.
Placer une balise p autour de l’image pour la mettre à la ligne : cela crée un paragraphe avec une image.
Autre balise : Bonjour à ˂button˃tous˂button ˃. Mais il ne renvoie à rien.
Cf. NotePad (Bloc-Note) : pratique pour enregistrer les HTML sachant qu’ils ne s’enregistrent pas sur
fiddle. Attention : enregistrement .html (pas .txt)
Ctrl + U : le code d’une page internet. Par exemple sur Wikipédia : on reconnaît les balises a, p, href…
Aujourd’hui, on ne crée plus simplement des pages web en html simplement car c’est fastidieux. Mais il
reste incontournable. La création des newsletters se fait en html uniquement. Langage incontournable
mais un peu désuet.
Berkshire Hataway (Warren Buffet) : site extrêmement simple créé en 2011. Le HTML est un langage
basique, on n’a aucune prise sur un tel site, ce ne sont que des balises. Il n’y a rien à bloquer, aucune pub
ni rien. Donc on peut faire des sites internet seulement en html.
Denrière balise : <iframe>
Permet d’intégrer tout le site, dans une page web. On peut naviguer sur le site. Toutes les annonces
publicitaires sont des iframes. Intégrer n’importe quel type de contenu à une page.
Cf. Youtube : Partager : Intégrer : donne une balise. Copier / coller dans la page html. entre les iframes.
Intègre la vidéo sur la page. On peut modifier la taille de la vidéo avec width.
Dans cette balise, il y a beaucoup de paramètres (plus complexe : allowfullscreen, etc.).
De même, Google Maps : intégrer une carte.
<html>
Bonjour à tous <iframe
src="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal"></iframe>
</html>
Les iframes ont aussi un côté négatif : ils chargent tout le contenu d’un site internet. Certains sites
désactivent leur iframe (Google, …) car c’est dangereux de permettre à tout le monde d’intégrer cela.
créer page web avec html, button, a , img au moins. balises qu'on a vues aujourd'hui.
Regarder documents avec balistes. Notamment créer des listes.

w3schools : on peut y trouver des solutions. Rappel des balises. align, alt... on peut voir
tout ce qu'il y a. On ne les connait pas tous par coeur évidemment, mais il faut savoir où
trouver la documentation et comment l'utiliser. La documentation change en
permanence.