Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Vendredi 16 septembre 2022 Multimédia Cours 1 / HTML WEB définition : -Web stat

Vendredi 16 septembre 2022 Multimédia Cours 1 / HTML WEB définition : -Web statique : le contenue ne change pas, (serveur HTML / CSS ) . -Web dynamique : le contenue peu variée , (intégré tous les éléments ) . -Serveur web: fichier nécessaire . -Base de donnée : fichier structurées . Langages de programmation: -HTML , structure le contenue (combien de pages etc ) . -CSS , pour + de détails (couleur , alignement etc ) . -PHP , base de donnée (icônes ,utilisateurs, commentaire etc ) . -Mysql . Les éditeurs de textes : -Notepad ++ (Windows) -Atom -Visual Studio -Dream weaver etc .. Éviter les majuscules , accents et espaces . -CMS : Content Managment System , gérer le contenue web sans connaître les programmations . (Ex : WordPress (facile) , Wix , joomla ) -WordPress : avantage simple à utiliser = bcp de personnes l’utilise donc le désavantage c’est qu’il es le plus ciblé par les cyber attaques . Il es utilisé par Nike , EBay etc . -Hébergeur web : mettre à disposition des internautes des sites web conçus et génère par tiers . Atelier / -Balise HTML : comprehension -Balise normal( texte) : pour ouvrir : < pour fermer : > -Balise orpheline (image ): <balise/> -Attribut 1 1-Explication du HTML / <!doctype html> = Sert au navigateur à dire que c’est du HTML <html> = balise HTML <head> = lien <meta charset="UTF-8"> = balise orpheline , comprendre les caractère spéciaux <title>Document sans nom</title> = titre </head> <body> = contenue du site </body> </html> 2-Outils / Paragraphe : <p> Titre : <h1> Mettre en gras : <b> Italique : <d> 3-Listes / Numérotée : <ol> puis dans ul mettre <li> Non numéroté : <ul> puis dans ul mettre <li> 4-Commentaires / N’apparait pas sur le site . Ecrire un commentaire : <! - - écrire ce qu’on veut —> 5-Les liens / Cliquer sur un éléments Crée un lien : <a href=« »> Attribue : href Intégrer un lien (exemple : deuxième page ): <a href=« faire control+espace est choisir le lien que l’on veut » > Ouvrir sur un autre onglet : target=«_blank" Lien vers une image : <a href="image/image.jpeg">une image d'élephant </a> Sortir du dossier vers un autre : <a href=« .. » </a> 6-Ancres / Valeur unique : id= « « <a href=« #abricots »> 7-Images / Ouvrir une images : <img src=« mettre le lien de l’image" /> <img src=« mettre le lien de l’image " alt="photo d’élephant »/> SRC = ou l’image ce trouve ALT = si l’image n’es pas disponible on retrouve le nom de l’image Formats des images : jpeg , png et gif 2 Vendredi 30 septembre Cours 2 / CSS Nouveau fichier CSS : @charset "UTF-8"; /* CSS Document */ Trois façon d’écrire le CSS / intégrer la base style -Le head : <head> …écrire ici ….</head> -Le p : <p …écrire ici .. </p> La façon utiliser : -Feuille de style externe : autre fichier = nouveau CSS -Exemple : @charset "UTF-8"; /* CSS Document */ balise{ propriete:valeur; } p{ color:red; } Dans le fichier HTML mettre ça : <link rel="stylesheet" href="" type="text/css" media="screen" /> class = même nom id = nom unique ( utilise une seule fois ) font-size = taille de la typo en px font-weight = mettre en gras font-style = italique etc text-decoration: none = enlever le souligner text-decoration: underline = souligner font-family: = text-align: center = centrais Quand on passe dessus avec la souris et que sa change : a:hover{ } Site d’aide : https://webcode.tools/ 3 Cous 3 / 4 uploads/s3/ multimacdia 1 .pdf