Index

40 pages trouvées :

Page Étiquettes et résumé
1 Apprendre le Web Beginner, Index, Landing, Learn, Web, beginner, index, web
Il y a beaucoup de choses à apprendre concernant la conception web et le développement, mais ne vous en faites pas. Nous sommes là pour vous aider, que vous souhaitiez juste découvrir les rudiments ou devenir un développeur professionnel.
2 CSS Beginner, CSS, CodingScripting, NeedsContent
Alors que HTML définit uniquement la structure du contenu, c'est une autre technologie web majeure, CSS, qui détermine l'apparence de ce contenu.
3 Les propriétés CSS et comment s'en servir Beginner, CSS, CodingScripting, NeedsActiveLearning
Séparer le contenu de la mise en forme rend le développement web plus rapide et facile. En définissant la structure du document uniquement dans votre fichier HTML, tandis que les informations de mise en forme sont indiquées pour leur part dans un fichier séparé (appelé feuille de style), vous pouvez mettre à jour la mise en forme de nombreux documents en une seule fois (et en profiter pour économiser des ressources ordinateur en même temps).
4 Mise en forme basique du texte avec CSS Beginner, CSS, CodingScripting, Example, Guide, Learn, NeedsActiveLearning, guide
Depuis sa première mouture, CSS s'est spécialisé dans la mise en forme (autrement dit l'apparence) des sites web, permettant au HTML de se concentrer uniquement sur la structure du document.
5 Utiliser le CSS dans une page web Beginner, CSS, CodingScripting, HTML, NeedsActiveLearning
Il existe deux méthodes permettant d'appliquer du code CSS à vos documents HTML : écrire du CSS directement dans dans le document HTML ou bien appeler un fichier CSS externe à partir du document HTML.
6 Choisir, installer et paramétrer un éditeur de texte Beginner, Composing, Guide, NeedsActiveLearning, Tools, guide
Un site web est, pour une grande partie, composé de fichiers texte. Pour cette raison, afin de développer dans les meilleures conditions, vous devriez choisir votre éditeur de texte soigneusement.
7 Coder et scripter CodingScripting
Cette section vous permettra d'acquérir des compétences pour concevoir des expériences interactives sur le Web grâce au code et aux scripts. Pour faciliter l'apprentissage, nous avons décomposé ce domaine en sous-étapes, détaillées ci-dessous :
8 Commencer avec le Web Beginner, CSS, Design, Guide, HTML, beginner, guide
Créer un site web professionnel représente beaucoup de travail. C'est pourquoi, si vous débutez, nous vous encourageons à commencer par quelque chose de simple. Vous n'allez pas bâtir un nouveau Facebook dès le départ mais il n'est pas bien compliqué de mettre en ligne votre propre site web. C'est par là que nous allons démarrer.
9 Gérer les fichiers Beginner, Guide, HTML, beginner, guide
Lorsque vous travaillez sur votre site web sur votre propre ordinateur, tous les fichiers liés au site devraient être présents dans un dossier dont le contenu reflète la structure des fichiers sur le serveur. Ce dossier peut être n'importe où sur votre ordinateur, l'idéal étant qu'il soit simple à retrouver, par exemple sur votre Bureau ou dans votre dossier personnel, voire à la racine du disque dur.
10 Installation des outils de base Beginner, Learn, Setup, Tools, WebMechanics, beginner
Cette liste peut paraître effrayante. heureusement vous pouvez vous lancer dans le dévelopement web sans rien savoir de tout cela. Dans cet article nous allons vous présenter le minimum : un éditeur de texte et quelques navigateurs web modernes.
11 Le fonctionnement du Web Beginner, DNS, HTTP, IP, Infrastructure, Learn, TCP, Web, beginner, web
Ces éléments théoriques ne sont pas strictement nécessaires pour commencer à faire du développement web dans un premier temps. Cependant, ils seront plus qu'utiles pour mieux comprendre comment le Web fonctionne en arrière-plan et vous aideront à mieux développer par la suite.
12 Les bases de CSS Beginner, CSS, CodingScripting, Learn, Styling, Web, beginner, web
De la même façon que HTML, CSS n'est pas vraiment un langage de programmation. C'est un langage de feuille de style, c'est-à-dire qu'il permet d'appliquer des styles sur différents éléments sélectionnés d'un document HTML. Par exemple, on peut sélectionner tous les éléments d'une page HTML qui sont paragraphes et afficher leurs textes en rouge avec ce CSS :
13 Les bases de HTML Beginner, CodingScripting, HTML, Learn, Web, beginner, web
HTML n'est pas, à proprement parler, un langage de programmation. C'est un langage de balises utilisé pour fournir la structure et le sens du contenu qu'on souhaite avoir sur un site web. Il se compose de différents éléments qu'on assemble autour des différentes parties du contenu pour lui fournir un sens. Les balises qui entourent un mot ou une image peuvent former un lien hypertexte, mettre le texte en italique, etc. Par exemple, avec la ligne de contenu suivante :
14 Les bases de JavaScript Beginner, CodingScripting, JavaScript, Javascript, Learn, Web, beginner, javascript, web
JavaScript est un langage de programmation qui peut interagir avec un document HTML pour le rendre dynamique. Ce langage a été inventé par Brendan Eich qui est le co-fondateur du projet Mozilla, de la fondation Mozilla et de la corporation Mozilla.
15 Publier votre site web Beginner, FTP, GitHub, Github, Learn, Web, beginner, web
La publication d'un site web n'est pas un sujet simple. Cela est dû au fait qu'il existe de nombreuses façon pour publier un site. Dans cet article, nous ne documenterons pas toutes les méthodes. En revanche, nous discuterons des avantages et des inconvénients des différentes stratégies. Nous détaillerons ensuite une méthode qui devrait convenir dans la majorité des cas pour un premier projet.
16 Quel sera l'aspect de votre site web ? Beginner, Composing, Design, Learn, Plan, beginner
Avant de faire quoi que ce soit, vous avez besoin d'idées. Qu'est-ce que votre site web devrait faire ? Un site web peut pratiquement faire tout ce que vous voulez mais pour votre premier essai, vous devriez garder les choses simples. Nous allons commencer par créer une simple page web avec un en-tête, une image, et quelques paragraphes.
17 Commencez votre projet Web Beginner, Composing, Web, web
Lors du démarrage d'un projet web, beaucoup de gens se concentrent sur l'aspect technique. Bien sûr, vous devez être familier avec la technique, mais ce qui importe vraiment est ce que vous voulez accomplir. Oui, cela semble évident, mais de trop nombreux projets échouent, pas à cause d'un manque de savoir-faire technique, mais à cause d'un manque d'objectifs et de vision.
18 Comprendre les différences entre une page web, un site web, un serveur web et un moteur de recherche Beginner, Web, beginner
Le Web, comme tout autre champ de connaissance, est associé à un vaste vocabulaire technique. Ne vous inquiétez pas, nous n'avons pas l'intention de vous submerger avec tout cela (toutefois, si vous êtes curieux, vous pouvez consulter notre glossaire). Nous nous devons toutefois de clarifier dès maintenant certaines notions de base, car elles reviendront fréquemment dans vos prochaines lectures. Ces notions peuvent parfois être confondues, car elles réfèrent à des fonctions apparentés, mais néanmoins distinctes. Nous approfondirons bientôt ces notions, mais vous pouvez commencer par vous familiariser avec ces définitions simples :
19 Comprendre les noms de domaine Beginner, Domain names, Infrastructure, Learn, Web, beginner, web
Les noms de domaine jouent un rôle clé dans l'infrastructure d'Internet. Ils fournissent des adresses, humainement compréhensibles pour retrouver des serveurs web connectés sur Internet.
20 Conception d'une page web Beginner, CSS, Design, HTML, NeedsActiveLearning
Nous avons une bonne raison de vous initier à la conception web. Vous commencez avec une page vierge, puis vous devez choisir entre tellement de possibilités… Si vous avez peu d'expérience, la page blanche initiale pourrait vous paraître intimidante. Comme nous avons plus de 25 ans d'expérience dans le domaine, nous allons vous présenter quelques règles générales qui pourront vous aider dans la conception de votre site web.
21 Concevoir un menu de navigation Beginner, Guide, Navigation, beginner, guide, navigation
Concevoir un menu pour une application peut, à première vue, sembler assez simple. En réalité, c'est plutôt difficile à réussir. Une telle conception nécessite de prendre en compte le public auquel le site s'adresse (ses capacités, ses connaissances, etc.) et également la complexité de l'application.
22 Concevoir un site pour tous les types d'utilisateurs Accessibility, Beginner, Design, Mobile, NeedsActiveLearning, beginner
Lors de la construction d'un site, il faut entre autres garder à l'esprit qu'un site doit être accessible à tous, quelles que soient les contraintes de handicap, les contraintes techniques, la culture, le lieu depuis lequel le site est consulté, etc.
23 Confidentialité, intégrité et disponibilité Beginner, Security, Tutorial
En sécurité de l'information, le modèle classique définit trois objectifs : maintenir la confidentialité, l'intégrité et la disponibilité des données. Chacun de ces objectifs porte sur un aspect différent de protection des informations.
24 Design et accessibilité Accessibility, Design
Cette section vous permettra d'acquérir des compétences pour communiquer de façon efficace et universelle sur le Web grâce au design et à l'accessibilité. Pour faciliter l'apprentissage, nous avons décomposé ces domaines en sous-étapes, détaillées ci-dessous :
25 Découvrir les outils de développement des navigateurs Beginner, Browser, CSS, CodingScripting, DevTools, HTML, JavaScript, Javascript, Learn, beginner, devtools, javascript
Les devtools s'affichent généralement dans une sous-fenêtre du navigateur, de la façon suivante (cela peut varier légèrement) :
26 HTML Beginner, CodingScripting, HTML, beginner
Le HTML est une technologie qui permet de définir la structure d'une page web. Si vous vous intéressez à la mise en place d'un site web, vous devrez nécessairement vous intéresser à ce language.
27 Apprendre à utiliser HTML pour résoudre des problèmes CodingScripting, HTML
Une fois les bases acquises, il n'existe pas de voie idéale pour apprendre HTML. Vous pouvez ensuite progresser à votre rythme, en utilisant les balises qui vous sont utiles. HTML n'est qu'un ensemble de balises que vous pouvez utiliser pour structurer votre document et lui ajouter des fonctionnalités supplémentaires. Dans les articles suivants, nous travaillerons sur différents exemples illustrant comment utiliser HTML pour résoudre des problèmes fréquents qu'on rencontre lorsqu'on développe pour le Web. Si vous avez besoin d'explications détaillées sur une balise HTML donnée, n'hésitez pas à consulter notre référence HTML.
28 Ajouter des citations sur une page web Beginner, Guide, HTML, beginner, guide
Très souvent, nous évoquons ce qui a été dit ou écrit par d'autres. Nous construisons des arguments logiques à partir de ces textes, notamment en littérature technique, en journalisme ou en philosophie. Étant donné que ce sont les scientifiques qui ont conçu HTML, il existe les mécanismes nécessaires pour faire des citations dans un document HTML.
29 Ajouter des images responsive à une page web Design, Graphics, Guide, HTML, Image, Intermediate, guide, image
Dans cet article, apprenez comment utiliser HTML pour adapter les images de votre site pour différentes tailles d'écran ou différentes résolutions.
30 Ajouter des images à une page web Beginner, Composing, HTML, NeedsActiveLearning, OpenPractices, beginner
Les images permettent de faire passer des messages plus simplement et plus directement. Elles attirent l'œil du visiteur lorsqu'il consulte le site. Dans cet articles, nous allons voir comment ajouter, simplement, des images à une page web.
31 Ajouter du contenu Flash dans une page web Advanced, Flash, Guide, HTML, guide
Un plugin est un logiciel qui permet d'accéder à un contenu que le navigateur ne peut pas lire/décoder nativement. Il était une fois, les plugins étaient indispensables sur le Web. Il y a quelques années, installer Adobe Flash Player était un passage obligé pour regarder un film en ligne. À cette époque, on avait également de (trop) nombreuses alertes pour mettre à jour Flash Player ou Java Runtime Environment.
32 Ajouter du contenu audio ou vidéo à une page web Audio, Beginner, Guide, HTML, Video, beginner, guide, video
Depuis toujours, les développeurs web ont intégré (ou tenté d'intégrer) des vidéos et des sons sur le Web. Après une longue période d'expérimentation, HTML5 offre aujourd'hui la meilleure solution et tire parti de nouvelles API JavaScript .
33 Ajouter une carte de zones cliquables sur une image Guide, HTML, Intermediate, Navigation, guide, navigation
=====Notes=====
34 Index Index, Learn, MDN, Meta, index, meta
36 pages trouvées :
35 Infrastructure Beginner, Infrastructure, beginner
Cette section vous permettra d'acquérir une bonne compréhension de l'infrastructure technique de l'Internet. Les apprentissages à réaliser ont été décortiqués en sous-étapes détaillées ci-dessous :
36 JavaScript CodingScripting, ContenuRequis, Débutant, JavaScript
JavaScript is one of the main technologies at the heart of the web, providing interaction and special effects to web pages.
37 Le fonctionnement de l'Internet Beginner, Internet, Tutorial, Web, beginner
L'Internet est l'épine dorsale du Web : il s'agit de l'infrastructure technique qui sous-tend le Web. De façon simple, l'Internet est un vaste réseau d'ordinateurs qui communiquent les uns avec les autres.
38 Mécanismes du Web Beginner, WebMechanics, beginner
Cette section traite de l'organisation du Web. Nous avons décomposé les apprentissages à réaliser en sous-étapes détaillées ci-dessous :
39 Qu'est-ce que l'accessibilité ? Accessibility, Beginner, Intro, NeedsActiveLearning, Web, beginner, intro, web
Que ce soit en raison de limitations physiques ou techniques, il peut arriver que les visiteurs de votre site web ne peuvent l'utiliser comme vous le pensiez. Dans cet article, vous trouverez quelques principes généraux à propos de l'accessibilité, ainsi que quelques règles que nous expliquerons.
40 Rédiger pour le Web Composing
L'acquisition de compétences en rédaction web vous permet de créer et gérer du contenu Web. Afin de faciliter votre apprentissage, nous avons décomposé ce domaine en sous-étapes détaillées.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,