This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2016_2017:s1:webdoc:td1 [2016/10/18 10:04] logre [Rendre votre page web accessible depuis l'extérieur] |
2016_2017:s1:webdoc:td1 [2016/10/26 09:38] gjannon [Images d'arrière-plan] |
||
---|---|---|---|
Line 208: | Line 208: | ||
</box> | </box> | ||
- | ==== Images d'arrière-plan ==== | ||
- | Voici comment positionner des images en arrière-plan :http://www.w3schools.com/css/css3_backgrounds.asp | ||
- | |||
- | Par défaut, l'image se place dans le coins en haut à gauche puis se reproduit horizontalement et verticalement, pour remplir tout l'espace. | ||
- | |||
- | Pour qu'une image ne se répète pas mettez la valeur ''no-repeat'' | ||
- | |||
- | En savoir plus/mieux: | ||
- | * http://www.alsacreations.com/tuto/lire/808-arriere-plans-css3-background.html | ||
- | * http://www.alsacreations.com/tuto/lire/1353-etape-3-couleurs-images-de-fond.html | ||
Line 391: | Line 381: | ||
Pour l'instant, votre page doit contenir au moins les éléments suivants : | Pour l'instant, votre page doit contenir au moins les éléments suivants : | ||
* structurer votre page en utilisant des titres de niveaux différents : ''<h1>'' … ''</h1>'' à ''<h6>'' … ''</h6>'' le plus petit, non obligatoire, mais au moins deux niveaux doivent être utilisés. | * structurer votre page en utilisant des titres de niveaux différents : ''<h1>'' … ''</h1>'' à ''<h6>'' … ''</h6>'' le plus petit, non obligatoire, mais au moins deux niveaux doivent être utilisés. | ||
- | * Sauter une ligne : ''<br />'' | + | * Sauter une ligne : ''<br />'' pour voir ce que ça fait. Puis effacez la vite. Réfléchissez à pourquoi. |
* Tracer une ligne horizontale : ''<hr />'' | * Tracer une ligne horizontale : ''<hr />'' | ||
* Insérer des commentaires : ''< !- - Ceci est un commentaire - - >'' (attention pas d'espace entre les tirets!!) | * Insérer des commentaires : ''< !- - Ceci est un commentaire - - >'' (attention pas d'espace entre les tirets!!) | ||
Line 411: | Line 401: | ||
- | <note tip>**Pour rendre votre page web accessible depuis l'extérieur** | + | <note tip>**Pour rendre votre page web accessible depuis l'extérieur** </note> |
**Vous êtes sur Sophia ou sur Nice :** | **Vous êtes sur Sophia ou sur Nice :** | ||
Line 421: | Line 411: | ||
**Vous êtes sur Sophia :** | **Vous êtes sur Sophia :** | ||
+ | |||
Pour vous connecter sur ce serveur, en ligne de commande, utilisez ''ssh'', puis créez le dossier: | Pour vous connecter sur ce serveur, en ligne de commande, utilisez ''ssh'', puis créez le dossier: | ||
''mkdir web'' ou utilisez ''putty'' | ''mkdir web'' ou utilisez ''putty'' | ||
Line 448: | Line 439: | ||
L'accès est également possible de l'extérieur à partir de cette adresse : http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/web | L'accès est également possible de l'extérieur à partir de cette adresse : http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/web | ||
- | </note> | + | |
===== Je sais répondre à ===== | ===== Je sais répondre à ===== | ||