Bonjour, tout le monde.
Bienvenue à Introduction à CSS3.
Dans les quatre prochaines semaines, nous allons apprendre à prendre du code HTML5 simple et simple et le
transformer en quelque chose de vraiment beau.
Qu' est-ce qui va faire au cours des quatre prochaines semaines ?
Eh bien, l'accent sera mis sur l'apprentissage des feuilles de style en cascade.
Nous allons parler de pourquoi ils sont une meilleure façon de style que ce que
les gens utilisaient au début des années 2000 et à la fin des années 1990.
Ensuite, vous allez apprendre la syntaxe.
Une fois que vous savez que c'est une meilleure façon de l'utiliser,
comment pouvons-nous nous assurer que vous écrivez vraiment un bon code ?
Une fois que vous aurez compris la syntaxe, nous continuerons et
nous parlerons également des outils de développement.
Lorsque vous faites du design web, il est très rare que vous vous asseyez là et que
vous codez, et vous ne regardez pas à gauche, ou regardez à droite, ou allez regarder sur le web.
Au lieu de cela, vous allez utiliser d'autres outils pour voir comment vous pouvez changer votre code
sans avoir à écrire le code à l'avance.
Enfin, comme toujours, nous parlerons de questions d'accessibilité.
Il est toujours amusant d'ajouter des couleurs et des animations et des choses cool à notre page.
Lorsque nous faisons cela,
nous voulons nous assurer que nous ne le faisons pas aux dépens de l'accessibilité.
On veut s'assurer que tout le monde puisse tout voir sur notre page.
Parlons de ce qu'on va faire pendant chacune des quatre semaines.
Au cours de la première semaine, l'accent est vraiment sur le fait de commencer, de se mouiller les pieds
et de vous donner un peu de confiance en sachant que vous pouvez le faire.
Nous allons commencer par parler des trois méthodes communes pour le code de style.
Et une fois qu'on les aura couverts, on parlera de la façon dont ces méthodes interagissent,
lesquelles sont meilleures dans différentes situations.
Et différentes choses que vous pouvez vous sentir confiant sachant comment vous pouvez le
mieux styliser votre page dans n'importe quelle situation spécifique.
Ensuite, nous allons parler du style de base des polices.
À la fin de la première semaine, je veux vraiment que vous puissiez prendre une page web et
changer quelque chose de vraiment évident.
Pouvez-vous modifier le texte pour qu'il soit cursif, souligné, ou
une couleur différente ?
Enfin, nous allons très brièvement parler de placer des éléments sur la page.
Cela va être un élément important de nos quatre semaines entières.
Essaie de comprendre comment vous pouvez mettre votre en-tête ici ou
une image là-bas.
Et ça peut être délicat, mais c'est bon.
Parce qu'on va le répéter semaine après semaine.
Dans la deuxième semaine, je parlerai de quelque chose qui s'appelle le modèle de boîte.
C' est un concept très commun pour tout développeur web,
parce que nous parlons de la façon dont chaque élément de votre page est en fait une boîte.
Ensuite, nous allons parler des liens de style et des listes.
Nous aimons tous les liens de notre page.
Le web est le web parce que nous avons des liens, alors comment pouvons-nous les rendre vraiment cool ?
Ensuite, nous parlerons des sélecteurs avancés.
Au début du cours, nous ferons très attention à coiffer des
éléments simples tels que le style d'une liste, le style d'un paragraphe ou le style d'un en-tête.
Ensuite, nous allons parler de quoi si nous voulons seulement styliser certains des liens,
pas tous les liens ?
Enfin, nous allons parler des fonctionnalités du navigateur.
Tout comme lorsque vous avez appris à propos de HTML5,
vous avez appris que certains navigateurs prennent en charge certaines balises alors que d'autres ne le font pas.
De la même manière, les navigateurs traitent CSS différemment.
Et je veux que vous sachiez comment réagir au mieux.
Au cours de la troisième semaine, nous parlons de pseudo-classes et d'éléments.
Ce sont une idée cool de la façon dont nous pouvons faire des choses différentes
quand nous survolons une page.
Il parle également de la façon dont nous pouvons styliser certaines choses comme
le dernier paragraphe de la page ou le premier paragraphe.
Nous parlerons aussi des transitions.
C' est une façon de changer l'apparence de l'un des éléments de votre page,
ce qui est très similaire à l'idée des transformations. Les
transformations sont la façon dont nous pouvons faire pivoter les choses sur la page, les incliner,
les rendre plus grands et plus petits, et faire des choses différentes comme ça.
Enfin, encore une fois, nous allons parler de positionnement,
comment nous pouvons faire passer les choses à un certain endroit et y rester tout le temps.
Nous avons tous vu des menus pop-up vraiment ennuyeux et différentes annonces pop-up.
Maintenant, vous pouvez créer votre propre annonce pop-up ennuyeux.
Dans la quatrième semaine, on ne va pas vraiment couvrir de nouveaux matériaux.
Au lieu de cela, ce sera des échantillons, des échantillons, et plus d'exemples et d'échantillons.
En particulier, je veux vous montrer différentes façons de concevoir un tableau et
différentes façons de concevoir un menu de navigation.
La majeure partie de la semaine quatre sera vraiment consacrée à votre projet final.
Donc je veux que vous sachiez tout de suite à qui est ce cours et si vous êtes prêt et que vous
êtes intéressé à le prendre.
Tout d'abord, vous ne voulez pas suivre ce cours sauf si vous connaissez déjà HTML5.
Vous êtes peut-être en train de suivre un cours là-dessus.
Vous pouvez simplement aller en ligne et lire à ce sujet, mais vous devez vous sentir à l'aise
si je mentionne des choses telles que des balises ou des éléments ou une validation.
Ensuite, cette classe est pour les gens qui ont de la persistance.
Vous ne codez jamais vos pages de la bonne façon la première fois.
Même la deuxième fois, parfois la troisième, la quatrième et la cinquième fois.
Il s'agit vraiment de profiter de tout le processus de vraiment vouloir
obtenir quelque chose à faire et de ressentir de petites victoires quand cela arrive.
Enfin, ce cours est pour
ceux qui sont prêts à faire plus que ce que je vais faire dans ces conférences. Il
n'y a que tant d'informations que je peux te donner.
C' est à vous de le pratiquer, de le modifier, de le changer, et d'
essayer de voir ce qui se passe au-delà de ce que je vous montre.
Donc, si vous voulez en savoir un peu plus sur moi et pourquoi je choisis d'
enseigner ce cours, voici un peu d'informations générales.
J' ai un doctorat en informatique.
Mais pour être honnête, c'est vraiment la partie la moins importante.
Ce que j'ai vraiment, c'est deux décennies d'expérience dans l'enseignement.
Et pendant cette période, j'ai enseigné un large éventail d'étudiants et
un large éventail de sujets.
Et j'ai trouvé que j'aime beaucoup expliquer les choses de différentes manières, et
j'aime vraiment contacter des étudiants qui ont peut-être plus de questions.
Mon accent sur l'éducation a toujours été mis sur la classe,
aidant les élèves à déboguer, rencontrant les uns contre les autres.
La charge de travail pour ce cours sera assez simple.
Chaque semaine, il y aura un questionnaire très court, généralement des questions à choix multiples.
Plus important encore, vous allez avoir des affectations hebdomadaires classées par les pairs.
Parce que je peux parler tout ce que je veux de CSS3, mais jusqu'à ce que vous commenciez à taper des choses et à
jouer avec, il n'y a pas vraiment d'autre façon de l'apprendre.
Ainsi, chaque semaine, chaque étudiant aura le même HTML.
Vous allez créer votre propre look unique pour cela.
La dernière affectation classée par les pairs, celle de la quatrième semaine.
Ce sera assez important pour que vous puissiez créer quelque chose dont vous pouvez
vraiment être fier et qui aura votre propre cachet unique.
Parlons donc de la façon dont vous pouvez réussir dans ce cours.
Dans un monde parfait, vous vous réunissez avec des amis, vous codez ensemble, vous apprendrez
des erreurs des uns et des autres, et vous apprendrez aussi des succès des uns et des autres.
Donc, bien que nous n'ayons pas cette expérience unique,
assurez-vous d'utiliser les babillards de messages.
Non seulement pour poser des questions, mais aussi pour voir quelles autres questions les gens posent.
Vous pouvez apprendre beaucoup de cette façon.
Je ne peux vraiment pas insister assez sur le fait que je ne veux pas que tu aies l'impression que j'essaie de
te tromper, ou que je donne une sorte de problèmes de gotcha.
Si jamais vous travaillez sur quelque chose et que vous êtes coincé dessus pendant
plus de 15 minutes, passez à autre chose.
C' est CSS, c'est du style.
Il y a toujours quelque chose que vous pouvez changer, et
vous pouvez trouver autre chose sur laquelle vous préférez travailler.
Assurez-vous que vous cherchez les choses par vous-même. Je
ne pourrai pas t'apprendre tout ce que tu dois savoir.
Et, c'est pourquoi vous pouvez aller sur Internet et regarder différentes ressources, et
voir s'il y a quelque chose que vous aimeriez recréer.
Enfin, il est vraiment important que vous pratiquiez cela autant que vous le pouvez.
Si vous faites le minimum requis pour ce cours, et que vous êtes satisfait de cela,
c'est génial.
Je suis content que tu sois capable d'apprendre quelque chose.
Mais si vous voulez vraiment être un développeur web, il est si
important que vous appréciiez ce que vous faites, et que vous partiez seul,
et que vous créez quelque chose de beau chaque fois que vous le pouvez.
Je vous souhaite la bienvenue à la classe, et j'ai hâte
que vous vous joigniez à nous pour en apprendre plus sur les feuilles de style en cascade.
Merci.