lundi 31 janvier 2011

Un plat de spaghettis

Il faut des spaghettis (pas trop fin, n° 5 par exemple), de l'huile d'olive, un talon de jambon, un oignon, une bière fraiche.

En bref
  • Faire cuire les spaghettis dans de l'eau salée en respectant le temps de cuisson du paquet
  • En parallèle/, faire revenir un oignon et des bouts de jambon
  • Egoutter les pates, et dresser dans un plat l'ensemble
  • et servez

Avec ces indications, la probabilité  de les réussir et de une chance sur 10 000.
Voir la cuisson

 Alors voici quelques détails, mais pas tous, pour faire les spaghettis.

oignon.jpg

Faire chauffer de l'eau, salée avec du gros sel, jusqu'à ébullition, une bonne quantité (en fait plus il y a d'eau, et mieux c'est).
L'eau bout, verser les spaghettis, brassez les doucement pour leur faire prendre  l'eau,mais pas trop énergiquement pour éviter que l'amidon des pates ne se mélange trop à l'eau.. On fait cuire, bonne ébullition, et
 un certain temps. en gros, c'est marqué sur le paquet, et de façon plus précise, il faut sortir les pates à un moment où si on devait les manger on les trouverait trop dures. Mais, une fois sorties et mises dans une passoire, elles continuent  de cuire, donc on doit les sortir lorsqu'elles ne sont pas encore cuites. avec l'habitude, on le voit à la couleur de la pate. Le mieux c'est de gouter, elles doivent encore être dures.

En parallèle, vous avez coupé un oignon en lamelles, l'avez mis dans un bol, arrosé d'un filet d'huile d'olive et bien brassé. l'interêt de mélanger l'oignon à l'huile en dehors de la poële est double. Vous avez besoin de moins d'huile, et vous obtenez une couverture d 'huile très uniforme sur l'oignon ce qui facilitera sa cuisson. Donc, l'oignon est oint d'huile, vous le jetez dans une poële antiadhésive (que vous avez bien fait chauffer avant, c'est une recommandation d 'utilisation générale des poëles avec revêtement antiadhésif), et vous le faites griller à feu vif au début, puis moyen, pour obtenir un effet croquant, comme typiquement la cuisine asisatique permet de faire. Quel temps de cuisson pour l'oignon ? Quelques minutes ! En fait cela dépend de la poële, du feu, de la qualité de l'oignon,de sa variété, de sa taille, de la taille des lamelles, de la cuovertured 'huile, de comment vous les aimez, de combien de temps vous les ferez cuire avec un autre ingrédient, donc c'est plutôt variable... Donc donner un temps de cuisson n'est pas facile, en fait on les cuit jusqu'à ce qu'ils soient cuits comme vous aimez ! Vous jetez maintenant le jambon (au départ une tranche épaisse, prise dans un talon de jambon, moins cher) et découpé en petit rectangles. Vous agitez oignon et jambon pour que l'ensemble soit chaud. Evidemment, vous brassez sans ustensile, mais uniquement par des mouvements adroits qui permettent de jeter les ingérdients en l'air et de les récupérer quand ils retombent dans la poêle.

Au final, vous mélangez pates et oignons et jambon, et rajoutez un filet d'huile d'olive. vous pouvez faire ce mélange dans la poële pour bien garder au chaud, en le faisant à feu vif, ce qui permet un effet grillé, séché de l'ensemble, et d'évacuer ainsi l'eau superflue des pates même bien égoutées. Bien sûr, les temps de cuisson préédents, des pates, de l'oignon, du jambon auront été réduits un peu en tenant compte à l'avance du temps que vous avez pensé consacrer à ce moment où vous réchauffez, grillez l'ensemble réuni.


Des malheureux rajoutent de la sauce tomate, du gruyère (et pourquoi pas du camembert !), etc. C'est comme en hiver, si pour sortir vous mettez 5 couches de vêtements. autant choisir correctement ses ingrédients, ses vêtements, en mettre peu, mais bons, et pouvoir ainsi apprécier les goûts et non pas un mélange de goûts.


Au final, la recette est simple, en fait semble simple, car tout se joue avec l'expérience, et une fois qu'on les a faites une trentaine de fois on commence à savoir un peu les faire.

Bien sur, des fous furieux les mangent dans des assiettes plates, laissons les faire, ils devraient mettre aussi des glaçons pour être certains qu'elles refroidissent plus vite encore ... d'autres avec du pain (là, ça devient grave !).




Et puis un jour, vous en mangerez en Italie, et là vous découvrirez ce que sont vraiment des pates, car jusqu'alors ce n'était que le niveau maternelle. En fait, vous 'avez jamais mangé de pates tant que vous n'êtes pas allé les manger en Italie.
les Italiens en sont à dire que les pates du Sud de l'Italie sont meilleures que celles du Nord car l'eau dans le Sud est de meilleure qualité, ils en sont donc au goût de l'eau. et puis leurs pates sont fraîches, etc.

PJ


PS : La bière dans la recette est utilisée pendant la préparation. Elle permet au cuisinier de se désaltérer, sachant que l'alcool est à consommer avec modération.
.

mercredi 26 janvier 2011

Tableau en HTML

BlogSpot ne prévoit pas de créer un tableau !!! On va s'en sortir avec l'une ou l'autre des techniques suivantes :
  1. soit en se plaçant en mode HTML en écrivant le message, et en saisissant directement le code HTML correspondant au tableau à insérer, ce qui suppose de connaître toutes les balises associées à la création de tableaux (voir ICI ), ce qui est rapidement une source d'erreurs et qui est vite fastidieux et technique. méthode réservée aux intrépides... aux geeks ... aux amateurs de codes ...
  2. soit en créant le tableau avec DREAMWEAVER, et en copiant ensuite le code HTML généré par DREAM, et en le collant en mode HTML dans le message  que vous rédigez dans BlogSpot.
Création de tableau dans Dreamweaver CS4
  • Lancer Dreamweaver CS4
  • Fichier / Nouveau, puis chosir " Page vierge"/ Type de page= HTML /mise en forme=aucune, puis Créer.
  • L'écran affiche deux parties,
    • en haut le code HTML, ce que vous allez créer s'insèrera automatiquement entre les balises <body> et </body>
    • en bas, la visualisation de ce que vous créez
  • Activer la commande Insertion / Tableau
  • Paramétrer le tableau, sachant que la largeur peut s'exprimer en pixels ou en %. Un pourcentage de 100 signifie que le tableau occupera une taille la plus large possible, correspondant à la largeur d'écriture de vos messages dans BlogSpot.
Ci-dessous un tableau créé avec Dreamweaver et dont le code HTML a été copié dans ce message en mode HTML :

VilleTempérature minimaleTempérature maximale
Lyon- 18degrés42 degrés
Moscou- 33 degrés38 degrés

Voici le code HTML correspondant :

<


Astuce : Dans DREAMWEAVER, pour copier le code HTML correspondant au tableau que vous avez créé, cliquez sur la mention <table>, ce qui a pour effet de sélectionner très précisément le tableau (ni plus ni moins), et passez, si vous n'y êtes pas déjà,  en affichage "Fractionné". Dans ce mode, copiez la partie sélectionnée en bleu (elle commence par la balise <table ...> et se finit par la balise </table> ).


Mise en forme du tableau
  • Une fois le tableau créé dans dreamweaver, vous avez avec ce logiciel de nombreuses possibilités  de mise en forme (alignement, colorisation du texte, du fond des cellules, redimensionnement).
  • Toutes ces commandes de mise en forme du tableau sont présentes dans une barre d 'outils en bas de l'écran.
  • ATTENTION : il y a 2 barres d'outils possibles :
    • si vous cliquez dans une cellule du tableau, vous avez la barre d'outils suivante, permettant de modier le contenu des cellules du tableau.

    • si vous cliquez sur la mention <table>, vous obtenez une autre barre d'outils, permettant cette fois-ci de modifier les propriétés du tableau global, comme la couleur générale du fond, ou sa largeur en pixels ou en pourcentage.

 ...

lundi 24 janvier 2011

Choisir le modèle de page du blog

Il s'agit de choisir, modifier, paramétrer l'allure générale du blog. C'est ce qu'on appelle le modèle de page ou encore le template si on utilise le mot anglais.

Le modèle de page permet de définir si il y aura une photo en bannière, le nombre de colonnes affichées dans le blog, les couleurs du blog, le fond ou l'image en fond, etc.
On a par exemple le choix parmi plusieurs dispositions comme suit :
  • nombre de colonnes : 0, 1 ou 2
  • position des colonnes : à gauche, à droite, des deux côtés 

Une fois un modèle choisi, on revient dans l'onglet "Présentation", afficher les "Eléments de la page".
On peut alors "ajouter un gadget" en choisissant dans quel élément l'ajouter.



  
Marche à suivre pour définir le modèle de mise en page

  • Se connecter à BlogSpot, Onglet "Présentation"
  • Accèder à "Outils de création de modèles"
  • Vous pouvez choisir votre modèle, puis le régler avec les actions sur la gauche Modèle / Arrière-plan / Mise en page / Ajuster la largeur / Avancé.
  • Par exemple, l'action :
    • "Mise en page" : pour chosir la présence et position des colonnes
    • "Avancé" : pour régler les couleurs
    • "Arrière-plan" : pour choisir, changer l'image de fond
  • Une fois les changements effectués, il faut les enregistrer :
    • Activer en haut à droite l'action "Appliquer au Blog"
    • Puis, activer "Retour sur Blogger"

A vous de jouer...

dimanche 23 janvier 2011

Ouvrir une vidéo dans une nouvelle fenêtre

Nous avons vu comment afficher une vidéo issue de Youtube ou d'un autre site d'hébergement.

La vidéo est intégrée dans la page web, comme ci-dessous :



Nous allons voir une technique qui permet de visualiser la vidéo dans une nouvelle fenêtre, ce qui permet de continuer de se ballader sur le blog, de parcourir d'autres articles, tout en ayant la vidéo ouverte.

Il faut :
  • copier le code HTML de la vidéo hébergée, le code qui permet son intégration dans un message
  • ouvrir le bloc-notes de Windows, copier ce code, et enregistrer le fichier sous le nom par exemple ma_video.html
  • héberger ce fichier sur un site comme MyDataNest présent à www.mdn.fm, dans un dossier public, et récupérer l'url d'accès à ce fichier
  • dans votre message, invoquer ce fichier via le lien précédent, avec pour la balise <a ...>  du lien le paramètre suivant :
    • onclick="window.open(this, 'Des liens dans Powerpoint', 'width=640,height=400'); return false;"

Appliquer un nouveau template

La mise en page de votre blog se change facilement en changeant le modèle de mise en page, c'est ce qu'on nomme le template. Vous pouvez trouver sur internet des templates gratuits(ou payants) spécialement adaptés à Blogspot. C'est le cas de ce site http://theblogtemplates.com .

Pour appliquer un nouveau template :
  • Choisir un nouveau template sur Internet, et il sera plus simple de le faire rapidement dans le processus de création de votre blog, de sorte que toutes les rettouches que vous eez amené à faire seront déjà prsentes ans le template final.
  • Télécharger le template sur votre Pc. Le fichier est généralement une archive .zip (un pack compressé deun ou plusieurs fichiers)
  • Décompresser le'archive dans l'explorateur, en faisant un clic droit sur le ficier zip, puis "Extraire" et suivez la procédure d'extraction qui au final vous affichera la présence d'un fichier .XML
  • Se connecter sur sur son compte Blogspot
  • Choisir l'onglet "Présentation", puis "Modifier le code HTML"
  • ESSENTIEL : Sauvegarder votre modèle existant par "Télécharger le modèle dans son intégralité"
  • Puis, transférer votre nouveau modèle, pour cela parcourir votre PC et sélectionner le fichier XML de votre nouveau modèle, puis cliquer sur "Transférer"
  • Enfin, "Enregistrer le modèle", et afficher le blog pour voir son nouveau look.
Si vous faites cette manipulation après avoir déjà travaillé le modèle initial, vous serez surement amené à faire des retouches, comme par exemple la taille de la photo en bannière qui varie souvent d'un modèle à l'autre.

    jeudi 20 janvier 2011

    Créer un SOMMAIRE d'accès à vos messages

    But : Permettre un accès simplifié aux messages du blog, par le biais d'un SOMMAIRE des messages

    Exemple : Dans ce blog, cette technique est mise en oeuvre via l'onglet "Cours BlogSpot" dans le menu horizontal supérieur.


    Principe : Créer le sommaire dans une Page et non pas dans un message

    Gadget PAGES pour accéder à une page de contact

    But : Accéder à une page de contact depuis un menu affiché sur le blog. C'est le cas dans ce blog, avec la page de contact accessible depuis le menu horizontal supérieur.

    Cela se fait en deux étapes, décrites ci-dessous :

    Etape 1 :  Créer la page de contact
    • Dans votre espace BlogSpot, accéder à "Publication d'un message"
    • Puis "Modifier les pages", puis "Nouvelle page"
      Il faut bien comprendre que l'on va créer une page qui ressemble en tous points à un message, mais la différence c'est qu'elle n'est pas liée dynamiquement au blog. Elle n'apparaît donc pas automatiquement dans la liste des messages, lors de l'affichage de l'accueil du blog. Pour voir cette nouvelle page, la seule solution est de créer un lien direct vers cette page. Blogspot pemet de créer 10 pages de message ayant cette caractéristique.
    • Saisir le contenu de votre page de contact avec des informations de mail, d'adresses, de plan (ne pas mettre vos coordonnées réelles !)
    Etape 2 : Publier la page
    • Là, vous publiez votre page : Il vous est alors proposé 3 choix ...
      • si vous souhaitez intégrer un gadget page en mode horizontal (1), ou vertical (2), ou ne pas utiliser de gadget (3).
        • Si vous avez choisi d'utiliser le gadget page, celui-ci est automatiquement intégré dans votre structure de blog.
        • A vous de choisir son emplacement, en haut horizontalement ce qui crée une ligne d'onglets, ou en colonne verticalement ce qui crée un menu vertical.
          • La position du gadget se retouche via l'onglet "Présentation" par un simple cliqué-glissé du gadget vers la zone d'accueil qu'on souhaite.



      • Si vous n'avez pas choisi d'utiliser ce gadget, votre page est inaccessible, tant que vous n'aurez pas créé un lien vers elle. Ceci est expliqué dans les lignes qui suivent.
      Accès à une page sans utiliser le gadget "Pages"
      • On peut accéder à une page de message, sans passer par le gadget "Pages"
      • Pour cela, il faut créer dans un message par exemple, un lien direct vers l'url de la page
      • C'est faciles achant que l'url d'une page est formée de la façon suivante :
                 nom_du_blog.blogspot.com/p/nom_de_page.html
        • Ainsi, dans ce blog, la page de contact, a pour adresse :
             pjece.blogspot.com/p/contact.html
             et voici un exemple de lien pour y accéder : Nous contacter
      • Pour déterminer sans erreur l'adresse d'une page, on l'affiche au moins une fois via le gadget "PAGES", puis lorsque le blog est affiché sur Internet, on survole à la souris dans le menu des pages l'onglet qui permet d'y accéder et on lit en bas de l'écran l'url qui s'affiche.
      --- --- --- compléments --- --- ---
      Pour information, sachez qu'il existe d'autres techniques pour créer des pages de contact. Comme par exemple, en créant une page avec un formulaire de contact et une page de remerciement pour l'internaute qui vous a contacté. Voir la technique.