Créer son blog avec BlogSpot: TP fin 2014

Travail à rendre

Vous devez compléter le blog que vous avez commencé en cours en respectant les points A/, B/ et C/ détaillés plus bas. Vous choisirez un thème qui vous plait, et vous changerez le titre du blog pour être cohérent avec votre thème.
Attention : ne pas changer l'adresse internet actuelle de votre blog, sinon les liens sur la loi Hadopi faits en séance 4 seraient à refaire.
Vous devez rendre un seul blog par binôme (ou par monôme pour ceux qui ont dû travailler seuls).
Travail à finaliser au plus tard le lundi 22 décembre 2014 à 18:00
Tous les articles faits dans les séances 1, 2, 3 et 4 sont à CONSERVER

Grille de notation

Travail à faire

A/ Rédiger 3 articles

Les 3 articles s'intituleront respectivement "Présentation", "Agissons ensemble" et "FAQ". Ils traiteront tous les trois du thème que vous aurez choisi.
Vous associerez le même libellé "examen" à ces 3 articles. Ce libellé me permettra de repérer rapidement les articles de l'examen parmi les autres articles présents dans votre blog.

décrire en quelques lignes votre thème
intégrer deux photos cohérentes avec le thème. Elles seront l'une sous l'autre, auront la même largeur.

A savoir : Si vous devez changer la largeur d'une photo dans le blog, il faut après l'avoir insérée dans un article, afficher l'article en mode HTML et repérer la balise <img ...> de la photo, puis dans cette balise le paramètre width=xx", ou xx est la largeur de la photo exprimée en pixels. Si aucune information de hauteur n'est donnée, la photo adoptera cette largeur en respectant les proportions de la photo initiale. Pour repérer en langage Html la balise <img ...> de la photo, vous repérerez le nom du fichier de la photo et vous retrouverez l'incorporation de votre photo dans une balise structurée ainsi : < img src="emplacement/nom_de_la_photo" etc.>.
Vous complèterez comme suit :
<img src="emplacement/nom_de_la_photo" width="xxx" etc.>

un lieu associé à votre thème
avec un plan ou un itinéraire en cohérence avec votre thème. Le plan ou itinéraire sera directement visible dans le message. Donc ce n'est pas un lien vers une carte, mais vraiment une carte interactive qui est affichée dans l'article.

une documentation PDF (hébergée chez SlideShare) en lien avec votre thème. Ce document peut au départ être un document Word que vous créez et que vous transformer en un pdf avant de le déposer sur SlideShare.
Le document ne s'affichera pas dans votre blog, mais sera accessible dans une nouvelle fenêtre via un lien vers SlideShare (sous réserve que le document dans SlideShare ait bien un statut Public).

L'article est rédigé !! : Donc tous les éléments de l'article seront annoncés ou légendés par du texte et non déposés en vrac. Il y a donc un minimum de phrases à rédiger pour retenir et faciliter l'attention du lecteur ...

Toujours en relation avec votre thème, cet article devra parler d'action en direction des autres. Cela peut par exemple traiter d'environnement durable, d'action humanitaire, de partenariat associatif, etc. A vous d'être inventif.
Techniquement, l'article devra comporter :

Un texte clair, attractif expliquant l'action.
Au moins une vidéo choisie sur Youtube ou Dailymotion (ou équivalent). La vidéo sera visible directement dans votre article. Elle doit être affichée.
Un diaporama formé d'au moins 5 photos avec légendes. Le diaporama est hébergé chez Slideshare. Chaque photo aura donc une légende bien visible. Vous créerez ce diaporama avec PowerPoint avant de le déposer sur SlideShare.
Cette fois-ci, le diaporama sera directement visible et affiché dans votre blog.
le logo de Slideshare avec un lien vers son site web, dans une nouvelle fenêtre.

Ce sera une "foire aux questions" relatives à votre thème. Sur le même schéma que l'article "Loi Hadopi" fait en cours, vous créez un article avec une série de 6 questions au moins, suivies par les 6 réponses bien détaillées. Des liens relieront directement les libellés des questions aux réponses.
En dessous de chaque réponse, mettre un lien de retour vers le haut de la page. Ce lien sera porté par une image de flèche dirigée vers le haut (voir un exemple en bas de cette page). (Rappel : Le lien vers le haut de page d'un article est simplement un lien vers l'adresse de l'article suivi d'un dièse.)

B/ Rédiger 1 page

Cette page permettra un accès rapide à vos 3 articles.
Intégrer des liens qui renvoient vers les 3 nouveaux articles. L'ouverture de l'article se fera dans la même page web et non pas dans une nouvelle.
En dessous de ce sommaire, intégrer une image sympa.
Supprimer la possibilité des commentaires sur cette page.
La page sera accessible via le gadget "Page" de la mise en page. Autrement dit, elle apparaîtra dans le menu horizontal supérieur (au milieu des pages accueil/contact/ sommaire déjà créées). Cette page se rajoute à la page Sommaire existante, elle ne la remplace pas ni ne la complète.

C/ Réaliser la mise en page suivante

La mise en page de votre blog devra afficher :

Une large photo en haut du blog (bannière), avec le titre du blog visible sur la photo (il peut avoir été écrit directement dans la photo). Cette photo sera en relation avec votre thème. En pixels, la photo aura une largeur faisant au moins 5 fois sa hauteur, pour avoir un véritable effet de bandeau. Pas de girafe mais un lézard...
Un gadget intitulé "Musique", à priori de type HTML/Javascript. Il proposera l'écoute d'une musique (comme cela a été fait dans un article en séance 4).
Le gadget "Liste des libellés" (on retrouvera donc les libellés Tp, TP2, TP3, TP4 et Exam)
Un gadget intitulé "Tchat ... Tchat ..." (type HTML/JavaScript) permettant un tchat en direct au clavier. A vous de trouver sur internet un pack de code html permettant un tel tchat.
Un sondage : en cohérence avec le thème du blog, et ouvert jusqu'à fin janvier 2015 au moins. Dans Blogger, le sondage s'insère sous forme d'un gadget qui est prédéfini.
Un gadget "diaporama" affichant au moins 4 photos en cohérence avec votre thème.

Pages