FEUILLE DE STYLE EN CASCADE (APPLICATION INFORMATIQUE)

+ Pays-Region-Ville

FICHIER PDF

FICHIER WMV(VIDEO)

Date/Heure :		Sigle : CSS Code :
Nom Long :		Nom (Anglais) : Cascading Style Sheets
		Résumé (Anglais) :
Résumé :	objectifs majeurs des CSS est de permettre la mise en forme hors des documents. Il est par exemple possible de ne décrire que la structure d'un document en HTML, et de décrire toute la présentation dans une feuille de style CSS séparée. Le code HTML est considérablement réduit en taille et en complexité, puisqu'il ne contient plus de balises ni d'attributs de présentation. les éléments du DOM peuvent avoir des propriétés de marges, de bordure, d'arrière-plan, de largeur ou de hauteur, etc. les éléments du DOM peuvent être déplacées par rapport à leur position par défaut dans le flux Les pseudo-classe CSS (hover, checked, visited, link...) hérite de leur classe mère : a { text-align: center; font-size: 1em; text-decoration: none; color: blue; margin: 0 5px; } a:hover { text-decoration: underline; color: red; } :after :before («contenu généré») en inspectant une page avec les outils pour développeur (Firebug, Web Inspector, etc.), les pseudo-éléments ne sont pas visibles. Sans relire le fichier CSS lui-même, on ne peut pas savoir que cette technique est utilisée
Site Internet d'origine:	Ouvrir
Pays Région Ville
Site Web Extérieur :	Ouvrir	Email : Ecrire
Vidéo :
modification :	2019-11-22 16:00:23 création : 2014-11-17 19:12:24

CHIFFRES ASSOCIE(S) :

Pas de données chiffrées pour cet élément

Objets associés à FEUILLE DE STYLE EN CASCADE :

abonné :

oeuvres

(Sans Date Passif)

css permet la mise en page puis la mise en forme d'une page web

Disponible uniquement pour les membres connéctés

front end mentor

page web

.HTML

page sur la toile

web page

thème enfant wordpress

oeuvres

(Sans Date Actif)

cascading style sheets (format des applications informatiques)

.CSS

langage informatique

LANGAGE DE PROGRAMMATION

programming language

oeuvres

(Avec Date Passif)

bloc-notes

1985

(ÉTATS-UNIS)

notepad

wordpress

2003

(ÉTATS-UNIS)

maîtrise de la qualité en projet web

RS2363

2004

sass

2006

syntactically awesome stylesheets

less

2009

(FRANCE)

phpstorm

2009

bootstrap

2011

foundation (application informatique)

2011

codepen

2012

bulma

2015

développeur web confirmé symfony 2

2017

(FRANCE)

référentiel emploi, activités et compétences du titre professionnel de développeur web et web mobile

RNCP31114

TP DWWM

2018

(FRANCE)

quiz css (w3schools)

2019

programme du bachelor chef de projet web et stratégie digitale (fdme massy)

RNCP34455

(ex Bachelor marketing internet et conception de site)

2020

(MASSY FRANCE)

présentation dwwm fin p2

2020

structure logique -> structure physique sur Diapo 5, on commence par les Acteurs quand on créer ou quand on lit un CDC Pas de données chiffrées pour cet élément">

symfony 6

2021

$01/11/2021 faire suite à SYMFONY 5, utiliser (informatique) COMPOSER (APPLICATION INFORMATIQUE), FEUILLE DE STYLE EN CASCADE, JAVASCRIPT, PHP, SYMFONY CLI, TWIG, utiliser (langue) MYSQL, NODEJS, être une version de SYMFONY, nécessiter PHP 8 Composer Symfony CLI (cf il) MySQL NodeJs pour les dépendances CSS et JS 2022-12-12 C:\xampp\htdocs\mes_projets_symfony_6\appli_test_SF6 Youtube: Symfony 6 Techwall #2 Installation de l'environnement de travail https://www.youtube.com/watch?v=Bxo0y6oCMQk symfony 6 Techwall #3 Choix de l'IDE et préparation du répo Github de notre projet https://www.youtube.com/watch?v=MHAGPDzHGH0 (sans Tuto : https://symfony.com/doc/current/setup.html) dans VSC : symfony server:start dans un Navigateur : http://localhost:8000/ (erreur 404 pour l'instant) BDD Mysql : dans le .env : DATABASE_URL=$ FirstController dans le Controler, la Class FirstControlers est est un groupement de Controler (= de route ?) Chaque Controller est donc implémenté par une METHODE (POO) la méthode render vient de AbstractController {{ twig peut se dire 'double moustache' la méthode redirectToRoute (l'url change) la méthode forward (l'url ne change pas) vidéo #7 on peut passer des paramètre au niveau de la route #[Route('/sayHello/{name}/{firstname}')] objet Request $request, public function index(Request $request): Response (! mettre use Symfony\Component\HttpFoundation\Request; en haut) résultat (il y a du POST et du GET) : FirstController.php on line 21: Symfony\Component\HttpFoundation\Request {#12 ▼ +attributes: Symfony\Component\HttpFoundation\ParameterBag {#40 ▶ #parameters: array:6 [▶ "_stopwatch_token" => "775468" "_route" => "app_first" "_controller" => "App\Controller\FirstController::index" "_route_params" => [] "_firewall_context" => "security.firewall.map.context.main" "_access_control_attributes" => null ] } +request: Symfony\Component\HttpFoundation\InputBag {#38 ▶ #parameters: [] } 3 - Création de la base de données (Symfony 6) https://www.youtube.com/watch?v=MhVAwrujifQ symfony console make:user MY_1ST_PROJECT_SF6, Pas de données chiffrées pour cet élément">

oeuvres

(Avec Date Actif)

hypertext markup language

HTML

1991

extensible markup language

XML

1997

relation client à distance et digitalisation (bloc 2)

NDRC Bloc

2018

titre professionnel développeur web et web mobile (crp beauvoir)

WEB 1

2019

(FRANCE)

collectifs

(Sans Date Passif)

fontawesome

html cheat sheet

Aide-mémoire HTML

collectifs

(Avec Date Passif)

world wide web consortium

W3C

1994

(MONDE )

w3schools

1998

(NORVÈGE)

ilyatoo

2001

(FRANCE)

css grid garden

2017

articles

(Sans Date Passif)

affichage du code source de la page

F12

exemple html-css-javascript (w3schools)

flexbox (css)

front-end

héritage par imbrication des classes css

les 30 sélecteurs css à absolument connaître

concerner FEUILLE DE STYLE EN CASCADE, STRUCTURE DE LANGAGE INFORMATIQUE, parler des CLASSE CSS,
1. * ->astérisque cible tous les éléments de la page
2. #X -> cibler un élément par son id
3. .X -> sélecteur de classe
4. X:visited et X:link -> visited et link sont des pseudo-classe utile pour mise en forme spécifique aux seules balises d'ancres de la page qui ont été cliquées
5. X -> sélecteur de type de balise : ul {}
6. X Y-> cibler non pas toutes les balises d'ancres mais seulement celles qui sont comprises dans une liste
7. X + Y -> sélecteur adjacent. ne sélectionner que l'élément qui est immédiatement précédé par le premier élément ciblé
- A:hover + B (si B est frère directement suivant de A)
8. X > Y -> ne sélectionne que des enfants directs
- A:hover > B (si B est fils de A)
9. X ~ Y -> comme X + Y n'importe quel élément du moment qu'ils suivent l'

pseudo-classe coché 18. X:after ?? 19. X:hover -> pseudo-classe d'action utilisateur - A:hover B (si B est descendant de A) 20. X:not(selector) -> sélectionne toutes les divs, sauf celle qui a l'id du selector par exemple 21. X::pseudoElement -> mettre en forme des parties d'un élément, comme la première ligne ou la première lettre (first-letter,...) 22. X:nth-child(n) -> pour cibler le nième élément d'une liste 23. X:nth-last-child(n) 24. X:nth-of-type(n) 25. X:nth-last-of-type(n) 26. X:first-child (cf btn isotope.js) 27. X:last-child (cf btn isotope.js) 28. X:only-child 29. X:only-of-type Pas de données chiffrées pour cet élément">

media queries

modifier et personnaliser les thèmes d'un système de gestion de contenu

EXPCMS30

stylesheets[j].disabled=true

desactiver css d'une page web en javascript

utiliser le css d'un cms

BASCMS65

volet coulissant en css3 avec target et transition

z-index (css)

articles

(Sans Date Actif)

DIÈSE

POINT

point

couleur du web

web colors

dom

DOM

document object model

full-stack

présentation (informatique)

structure (informatique)

tag html

BALISE HTML

html tag

articles

(Avec Date Passif)

ajax (informatique)

AJAX

1995

asynchronous javascript and xml