This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
2016_2017:s1:webdoc:td1 [2016/10/18 10:11] logre [Présentez-vous] |
2016_2017:s1:webdoc:td1 [2016/10/27 09:19] (current) logre [Présentez-vous] |
||
---|---|---|---|
Line 2: | Line 2: | ||
** Toutes les questions du TD sont à répondre dans un document xHTML validé qui contiendra les noms et prénoms du binôme. | ** Toutes les questions du TD sont à répondre dans un document xHTML validé qui contiendra les noms et prénoms du binôme. | ||
+ | |||
Ce fichier de réponse et votre page perso seront à déposer sous Jalon, la veille au soir du prochain TD au plus tard.** | Ce fichier de réponse et votre page perso seront à déposer sous Jalon, la veille au soir du prochain TD au plus tard.** | ||
Line 208: | Line 209: | ||
</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 229: | Line 220: | ||
* A quoi sert l'attribut alt? Mettez un nom erroné d'image, et re-testez. | * A quoi sert l'attribut alt? Mettez un nom erroné d'image, et re-testez. | ||
* Si vous ôtez cet attribut, votre fichier est-il toujours valide? | * Si vous ôtez cet attribut, votre fichier est-il toujours valide? | ||
- | * Si vous ne l'avez pas encore fait placer l'image dans un répertoire ''/images'' au même niveau que le répertoire ''TD1'' (sous WEB), puis référencer l'image de manière relative par rapport au répertoire où vous vous situez. | + | * Si vous ne l'avez pas encore fait, placer l'image dans un répertoire ''/images'' au même niveau que le répertoire ''TD1'' (sous WEB), puis référencer l'image de manière relative par rapport au répertoire où vous vous situez. |
- | * Placer une image en arrière-plan. | + | |
</box> | </box> | ||
Line 240: | Line 231: | ||
===== Liens ===== | ===== Liens ===== | ||
- | Les liens, ou ancre, ou hyperliens, sont la principale originalité initiale des documents hypertextes, dont ils tirent leur nom. | + | Les liens, ou ancres, ou hyperliens, sont la principale originalité initiale des documents hypertextes, d'où ils tirent leur nom. |
Une ancre est notée <a>...</a> et l'attribut href vous permet de fournir l'url de la page liée. | Une ancre est notée <a>...</a> et l'attribut href vous permet de fournir l'url de la page liée. | ||
Ils permettent la redirection ou l'ouverture d'une nouvelle fenêtre au clic, via du texte ou une image, ou le téléchargement d'une ressource. | Ils permettent la redirection ou l'ouverture d'une nouvelle fenêtre au clic, via du texte ou une image, ou le téléchargement d'une ressource. | ||
Line 404: | Line 395: | ||
</box> | </box> | ||
+ | Voici un petit exemple de présentation utilisant des balises de type Block. | ||
+ | {{ :2016_2017:s1:webdoc:block-example.png?nolink&300 |}} | ||
===== Rendre votre page web accessible depuis l'extérieur ===== | ===== Rendre votre page web accessible depuis l'extérieur ===== |