Langages de Programmation
Activité 1
Devoir 1 - Un site Web personnel, première partie :
la structure et le contenu avec les pages HTML
Concevez et réalisez un petit site Web statique qui présente un loisir que vous aimez. Ce peut être une
activité sportive, artistique, ludique, manuelle, intellectuelle, etc. Votre site a pour but de décrire cette
activité et de susciter l'envie de la pratiquer.
Votre site doit respecter le cahier des charges suivants :
se composer de 3 ou 4 pages
être écrit en HTML5
ne pas utiliser de tableaux pour organiser visuellement les pages
ne pas utiliser de style CSS pour le moment (ce sera l'objet du devoir suivant)
comporter un menu général présent dans toutes les pages
peser au plus 1 Mo (taille totale des fichiers qui composent le site)
utiliser des textes personnels
contenir des images et notamment des photos ; sauf impossibilité matérielle, vous réaliserez et
traiterez ces photos vous-mêmes
citer la source de tout contenu dont vous ne seriez pas l'auteur (texte, image, etc.)
Dans cette première étape de construction du site, il ne faut pas chercher à améliorer l'aspect des pages
(positionnement des différentes zones de contenu, couleurs, polices, etc.), qui peut paraître austère
dans le rendu par défaut effectué par les navigateurs. La question de l'agencement et de la présentation
des pages du site sera réglée dans un deuxième temps à l'aide des feuilles de style CSS (devoir
suivant).
Dans le but de retirer tout le bénéfice des exercices proposés, il vous est conseillé de réaliser votre site
à l'aide d'un simple éditeur de texte pour la programmation (exemple : Notepad++), afin d'écrire vous-
même l'ensemble du code des pages. Dans tous les cas, l'utilisation de logiciels WYSIWYG tels que
Dreamweaver n'est pas autorisée pour la réalisation des devoirs (code HTML et CSS).
Documents à remettre, regroupés dans une unique archive RAR ou ZIP :
un compte-rendu d'une page maximum (format PDF ; exemple : « compte_rendu.pdf »)
résumant votre expérience de créateur Web à l'occasion de ce devoir : ce que vous avez voulu
réaliser, les outils que vous avez utilisés, l'architecture de votre site, la structure et le balisage
sémantique de vos pages, les difficultés que vous avez éventuellement rencontrées, etc.
un répertoire « site » contenant tous les fichiers de votre site
1/2