Cours - comment faire un site web

Treehouse

Description du programme

Lire la description officielle

Cours - comment faire un site web

Treehouse

Comment faire un site Web

Si vous ne l'avez jamais construit un site Web avant et vous avez pas de codage ou de conception d'expérience, c'est l'endroit pour commencer. Dans ce projet, nous apprenons comment construire un site web moderne du portefeuille pour les ordinateurs de bureau, les tablettes et les appareils mobiles. Nous commençons avec HTML de base et de la syntaxe CSS. Ensuite, nous apprenons comment construire des pages Web personnalisées avec une galerie d'images et la page de contact. Enfin, nous marchons à travers la façon de partager un site Web en direct sur le web.

Ce que vous apprendrez

  • Comment écrire HTML de base
  • Comment le style des pages Web avec CSS
  • Comment acheter un domaine et l'hébergement
  • Comment télécharger des fichiers

Début HTML et CSS

Dans ce tutoriel, nous allons vérifier sur un exemple de projet web final, nous visons à construire. Ensuite, nous allons apprendre à coder notre premier élément HTML, ce qui contribuera à former la structure de notre site Web. Enfin, nous terminerons par le coiffage notre site web avec quelques simples CSS. Ces deux langues, HTML et CSS, forment les éléments de base de tout projet web.

HTML Première

HTML est un langage informatique spécial qui décrit la structure d'un document. Avec HTML, nous pouvons construire des pages web qui contiennent du texte, des images, et bien d'autres types de contenu. Tout d'abord, nous allons commencer par une leçon d'histoire. Ensuite, nous allons plonger dans les dernières avancées en HTML en créant une structure simple de page.

Création de contenu HTML

Lors de la construction des sites Web, il est préférable d'écrire autant de la structure HTML que possible avant de passer à CSS. Dans la pratique, vous aller et venir entre HTML et CSS, mais la construction de la plupart de la première structure, il sera un processus plus facile. Nous allons d'abord commencer par la création de la navigation pour notre site. Ensuite, nous pouvons passer à la structuration de la galerie d'images et d'autres contenus de la page. Enfin, nous terminerons en incluant un fichier CSS dans notre page HTML.

CSS: Cascading Style Sheets

CSS est un langage qui nous permet de faire des dessins qui sont bien organisés et belle. Alors que HTML décrit la structure de l'information, CSS décrit comment cette information doit être présentée visuellement. Avant de commencer à coder le CSS pour notre site, nous allons passer un peu de temps à apprendre sur la syntaxe de CSS.

Personnalisation des couleurs et les polices de caractères

Couleurs en CSS nécessitent un format spécial codé appelé hexadécimal. Nous allons d'abord en apprendre davantage sur les nombres hexadécimaux et nous pouvons les utiliser dans nos valeurs de couleur. Ensuite, nous allons apprendre à rechercher des polices sous licence ainsi que la façon d'inclure les polices dans une page Web.

Pages Web Styling et Navigation

Les techniques nécessaires pour coiffer une galerie d'images, ainsi que la navigation horizontale sont en fait assez similaire. Tout d'abord, nous allons apprendre comment le style d'un groupe d'images et de les convertir en lignes et en colonnes pour notre galerie d'images. Ensuite, nous allons utiliser une technique CSS similaire pour créer la navigation horizontale à partir d'une liste à puces.

Ajout de pages à un site Web

Lorsque plusieurs pages sont reliées entre elles, les pages deviennent collectivement connues sous le nom d'un site Web. La page d'accueil servira de modèle à la fois notre page de contact et à propos de la page. Dans les deux pages, nous allons apprendre de nouvelles techniques de CSS.

Responsive Web Design et test

Les sites web modernes sont construits avec des utilisateurs mobiles et de bureau à l'esprit. En construisant notre site avec des pourcentages de fluide (au lieu de pixels fixes), nous avons pris un bon départ. Cependant, nous pouvons ajouter des règles CSS spéciales appelées requêtes de médias pour améliorer encore l'expérience. Après avoir ajouté une conception adaptée, nous allons tester le site sur quelques appareils.

Partage d'un site Web

Nous avons terminé le codage de notre site et maintenant il est temps de le déployer en direct sur le Web afin que d'autres personnes puissent le voir. Premièrement, nous allons acheter notre domaine et hébergement. Ensuite, nous allons utiliser le protocole de transfert de fichiers (FTP) pour mettre nos fichiers sur notre serveur.

Déboguage des problèmes de HTML et CSS

Lors de la création de sites Web, la résolution de problèmes sont essentiels. Tout d'abord, nous allons apprendre comment accéder aux outils de développement pour trouver des problèmes avec notre code. Ensuite, nous allons marcher à travers quelques problèmes de HTML et CSS communs et comment les corriger rapidement.

Professeur

Nick Pettit

Nick est un professeur à Treehouse et un développeur indépendant de jeux. Sa poignée Twitter est @nickrp.

Cet établissement propose des programmes en :
  • Anglais
Durée et prix
Ce cours est En ligne
Start Date
Début
Inscription libre
Duration
Durée
Temps partiel
À temps plein
Information
Deadline
Locations
États-Unis d'Amérique - USA Online
Début : Inscription libre
Date limite d'inscription Se renseigner
Date de fin Se renseigner
Dates
Inscription libre
États-Unis d'Amérique - USA Online
Date limite d'inscription Se renseigner
Date de fin Se renseigner