55 lines
2.4 KiB
Markdown
55 lines
2.4 KiB
Markdown
# Développement d'interfaces WEB
|
|
## Présentation
|
|
|
|
Avec cette ressource, vous allez découvrir les bases du développement web.
|
|
|
|
Vous allez aborder les technologies :
|
|
- [HTML](http://www.w3.org/TR/html5/): HyperText Markup Language, langage permettant de décrire et structurer une page web.
|
|
- [CSS](http://www.w3.org/TR/css-2010/): Cascading StyleSheets, qui permettent de mettre en forme un document html (entre autres).
|
|
- [JavaScript](https://developer.mozilla.org/fr/docs/Web/JavaScript): Langage de script utilisé coté client (et serveur) pour les pages web interactives.
|
|
- [Git](https://git-scm.com/): Gestion de sources et contrôles de version.
|
|
|
|
## Objectifs
|
|
|
|
Ce module a pour but de vous faire prendre en main les bases du
|
|
développement web à travers la maîtrise de HTML et CSS. Vous allez voir le déploiement
|
|
de site statique sur un serveur et l'ergonomie d'interface.
|
|
## Planning
|
|
|
|
| Semaine | Cours | TP |
|
|
| -------------------- | ------------------------------------------------ | ----------------------- |
|
|
| 1 : 11/11 - 15/11 | [HTML](./cours/html.pdf) | |
|
|
| 2 : 18/11 - 22/11 | [CSS](./cours/css.pdf) | [tp1 html](./tp/tp1) ([correction](./tp/tp1/correction))|
|
|
| 2 : 25/11 - 29/11 | [CSS](./cours/css.pdf) | [tp2 html/css](./tp/tp2) |
|
|
|
|
## Serveur http(s) de l'iut
|
|
|
|
Le serveur `dwarves.iut-fbleau.fr` sert vos pages web (html et php) depuis le dossier
|
|
`public_html` à la racine de compte. L'url correspondante est
|
|
|
|
```
|
|
http(s)://dwarves.iut-fbleau.fr/~login
|
|
```
|
|
|
|
>N'effacez pas votre repertoire `public_html` !
|
|
|
|
## Aides
|
|
|
|
Pour vous aider (webographie) :
|
|
- [https://developer.mozilla.org/fr/](https://developer.mozilla.org/fr/)
|
|
- [https://www.w3schools.com/](https://www.w3schools.com/)
|
|
- [https://learn.shayhowe.com/](https://learn.shayhowe.com/)
|
|
- [https://www.internetingishard.com/](https://www.internetingishard.com/)
|
|
- [https://www.alsacreations.com/](https://www.alsacreations.com/)
|
|
- [https://www.grafikart.fr/](https://www.grafikart.fr/)
|
|
- [https://codepen.io/](https://codepen.io/)
|
|
|
|
Pour coder il existe différents éditeurs de code :
|
|
- [https://atom.io/](https://atom.io/)
|
|
- [https://code.visualstudio.com/](https://code.visualstudio.com/)
|
|
- [https://www.sublimetext.com/](https://www.sublimetext.com/)
|
|
- vim avec de bons plugins
|
|
|
|
## SAE
|
|
SAE S1.05 et S1.06 [partie web](./sae/)
|