190 lines
6.1 KiB
Markdown
190 lines
6.1 KiB
Markdown
# [](https://s.zkd.ca/)
|
||
|
||
## Warframe design
|
||
|
||
## TODO Lists
|
||
|
||
- [x] Planification du travail connecté - Par Stan
|
||
- [x] Coder le menu de navigation commun a toutes les pages - Jeremy
|
||
- [x] Coder le pied de page commun a toutes les pages - Jeremy
|
||
- [x] Création d’un favicon.ico pour le site - Jeremy
|
||
- [ ] Glitch images LOGO - Stanislas
|
||
- [ ] Formulaires dans aPropos.html - Stanislas
|
||
|
||
- [ ] Réunion pour rédaction des CSS Communs (Page d’accueil / à Propos et Équipe)
|
||
|
||
- [ ] Faire les `main` de chaques personnes
|
||
|
||
- [ ] Rédaction du texte pour la page « Accueil » - Léa
|
||
- [ ] Rédaction du texte pour la page « à Propos » **ET FORMULAIRE** - Stanislas
|
||
- [x] Rédaction du texte pour la page « L’équipe » - Jérémy
|
||
- [x] Rédaction du texte pour la page « Histoire de DE » - Jérémy
|
||
- [ ] Rédaction du texte pour la page « Univers Sci-fi » - // Avancement de 70% Léa
|
||
- [ ] Rédaction du texte pour la page « Missions » - Stanislas
|
||
- [ ] Rédaction du texte pour la page « Armures » - Andres
|
||
|
||
- [ ] Rédaction des parties CSS respectives a chacun
|
||
- [ ] Andres
|
||
- [ ] Lea
|
||
- [ ] Stan
|
||
- [x] Jeremy
|
||
- [ ]
|
||
|
||
<header> – Un entête incluant :
|
||
▪ Un logo conçu par vous
|
||
▪ Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
|
||
▪ Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
|
||
▪ Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est)
|
||
o <nav> – Un menu de navigation incluant :
|
||
▪ Un bouton pour chaque page du site Web (sous la forme d’une liste <ul>) avec des effets de CSS
|
||
▪ Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un
|
||
fil d’Ariane.
|
||
o <footer> – Un pied de page incluant le copyright :
|
||
▪ Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
|
||
▪ La date de conception
|
||
o <main> – Le contenu principal de la page
|
||
---
|
||
|
||
## En dernier
|
||
|
||
- [ ] Verifier Structure respectent ENONCÉ
|
||
|
||
- [x] Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est)
|
||
- [ ] balise `<header>`
|
||
- [x] Logo
|
||
- [ ] Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
|
||
- [x] Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
|
||
- [ ] balise `<nav>`
|
||
- [x] Un bouton pour chaque page du site Web (sous la forme d’une liste `<ul>`) avec des effets de CSS
|
||
- [x] Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un fil d’Ariane.
|
||
- [x] balise `<footer>`
|
||
- [x] copyright
|
||
- [x] Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
|
||
- [x] La date de conception
|
||
- [x] balise `<main>`
|
||
- [ ] class dans balise `<body>`
|
||
- [x] Inclure les references pour chaques fichier multimedia
|
||
- [ ] Au moins un lien de téléchargement
|
||
- [ ] Un tableau
|
||
- [ ] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
|
||
- [ ] • Il doit y avoir de la fusion à l’intérieur du tableau.
|
||
- [ ] • Les bordures doivent être faites par CSS.
|
||
- [ ] Des listes
|
||
- [ ] • Au moins une liste à puce contenant au moins 3 éléments.
|
||
- [ ] • Au moins une liste numérotée contenant au moins 3 éléments.
|
||
- [ ] • Au moins une d’entre elle doit être une liste imbriquée d’au moins 2 éléments supplémentaires.
|
||
- [ ] Du contenu multimédia - [ ] • Au moins un fichier audio - [x] • Au moins deux fichiers vidéo - [ ] • Au moins de cinq images différentes (excluant les photos des membres de l’équipe, le logo et la
|
||
bannière)
|
||
- [ ] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web.
|
||
- [ ]
|
||
|
||
```md
|
||
. Vous pouvez les ajouter sur une page différente ou sur chaque page contenant les éléments concernés.
|
||
```
|
||
|
||
- [ ] Tester le site avec trois navigateurs (Brave, Firefox, Chrome)
|
||
- [ ] Tester le site avec Safari (Si possible)
|
||
|
||
- [ ] 💣💥💥Revérifier les sources pour les images et vidéo (Identifier) 💥💥💣
|
||
|
||
```md
|
||
> dans www/medias/mediasAndres en date du 2025-11-24
|
||
> les mp4 se sont eux de Léa et les webm eux que j'ai pris du site de warframe
|
||
```
|
||
|
||
- [ ] Nothing yet
|
||
|
||
---
|
||
|
||
### En dernier, si on a le temps
|
||
|
||
- [x] Revérifier le footer
|
||
|
||
```note
|
||
|
||
je le trouve trop gros(hauteur) et j'inverserais Nom équipe et individu
|
||
parce que la le footer est plus grand que le header
|
||
ou on pourrait essayer une ligne 3 colonnes ?
|
||
---
|
||
Pour la hauteur, c'est pas vraiment un probleme je crois, dans la majorité des sites il est plus grand que le nav
|
||
Pour l'ordre, c'est celui du mockup donc faudrait aussi en parler a Léa avant de le changer
|
||
|
||
```
|
||
|
||
- [ ] Autres ...
|
||
|
||
HTML
|
||
|
||
```html
|
||
<!-- /**********************************************************************************/
|
||
/* Fichier
|
||
: page_web.html
|
||
*/
|
||
/* Titre
|
||
: Exercice de création d'une page Web HTML 5
|
||
*/
|
||
/* Auteur
|
||
: © Josianne Fortin, Cégep de Sherbrooke
|
||
*/
|
||
/* Date
|
||
: 2025-08-22
|
||
*/
|
||
/* Description : Ce document réalise une page Web sur les balises et attributs HTML 5 */
|
||
/*************************************************************************************-->
|
||
```
|
||
|
||
CSS
|
||
|
||
```css
|
||
/* Fichier : style.css
|
||
Auteur : Alex Tremblay
|
||
Date : 2025-09-15
|
||
Description : CSS principale pour le
|
||
site Comiccon */
|
||
```
|
||
|
||
---
|
||
|
||
---
|
||
|
||
---
|
||
|
||
#### Howto Markdown
|
||
|
||
- Bullet point
|
||
|
||
> Blockquote
|
||
> texte
|
||
> Test
|
||
|
||
texte _Italic_
|
||
|
||
texte **Strong**
|
||
|
||
texte **_Strong Italic_**
|
||
|
||
~~Strikethrough~~
|
||
|
||
~~[Markdown Guide](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)~~
|
||
|
||
```javascript
|
||
var s = "JavaScript syntax highlighting";
|
||
alert(s);
|
||
```
|
||
|
||
```css
|
||
#id .class > a:hover {
|
||
display: block;
|
||
}
|
||
```
|
||
|
||
```bash
|
||
## Reconnect GIT
|
||
# git clone https://gitea.zkd.ca/Dev_Web/web01.git
|
||
git remote get-url origin
|
||
git config credential.helper wincred
|
||
git lfs install
|
||
git config user.email 'empty@zkd.ca'
|
||
git config user.name 'Jeremy'
|
||
```
|