Le code source de barweb.fr
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Trio HTML5 CSS3 jQuery</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
</head>
<body>
<h1>HTML5</h1>
<p>Voilà, je me lance dans le trio html5, css3 et jQuery</p>
<p>Au diable les versions obsolètes de internet explorer </p>
<p>Ces pages seront testées avec Firefox, Safari, Opera et Chrome.</p>
<p>Cette page et encore blanche et vierge</p>
<p>Au fur et à mesure des ajouts, je les commenterai ici... ou ailleurs</p>
<h2> Structure de la page</h2>
<ul>
<h2>Avant tout </h2>
<li> Le doctype</li>
<p>Le doctype est XHTML 1.0 Strict tiré de www.w3.org</p>
<p>Restera à voir la version francisée</p>
<h2> Mise en page </h2>
<p>La mise en page est inspirée des mises en page over-blog</p>
<li> le wrapper englobe toute la partie visible
<ul>
<li> ln_0: l'entête </li>
<li> ln_1: Le menu navigation
<ul>
<li>Accueil</li>
<li>HTML5</li>
<li>CSS3</li>
<li>jQuery</li>
<li><a href="resultat.html">Le résultat</a></li>
</ul>
</li>
<li> ln_2 Le corps de la page
<ul>
<li> cl_0: Colonne de gauche</li>
<li> cl_1: Le centre </li>
<li> cl_2: Colonne de droite </>
</ul>
</li>
<li> ln_3 Le pied de page</li>
</ul>
</li>
</ul> <!-- fin liste contenu -->
</body>
</html>
retour vers barweb.fr
Organisé avec Cotignac-Randosvoir randovar.eu
Jeux et chansons pour tous les âges !
Dimanche 27 septembre, six heures du matin, le réveil sonne, le ciel, encore gris annonce du bleu. On y va. Sur le Cours, à 7heures, nous nous retrouvons une quinzaine, d'abord les membres de l'association Caractères : Dany, Odile, Irène, Guy, Francis et moi, puis les gens du village, venus donner un coup de main pour toute la journée ou juste pour ouvrir et installer les 50 tables et 100 chaises : Jo, Alain, Danielle, Nadine, Paule, Vincent, Paola, Prosper, Sylvain, Maggie, Derek, Gisèle, André, Isabelle…
Vers 9 heures arrivent les premiers éditeurs, encore engourdis du voyage, parfois long, qu'ils viennent de faire. Ils tirent de leur coffre, comme des rois mages au goût du jour, des boites anodines d'où sortiront de fabuleux univers, chemins d'encre et d'aventures, palpables parcours de papiers qui dérouleront sous les yeux choisis leurs signes d'élection, épreuves, énigmes, mystères et surprises, bien serrés en spirales, nuages, tornades, océans et far West.
10 heures, tout est prêt : les éditeurs se donnent de leurs nouvelles ou font connaissance en attendant le café qui ne vient pas (la machine est mal branchée !) et le nonchalant chaland, le lecteur flâneur, celui, venu aujourd'hui spécialement, à la rencontre d'un livre.
C'est cela l'esprit du Salon : on le voudrait tout entier dédié à une page qui s'entr'ouvre et qui dit : Prend et lis ; cette histoire-là, ce poème, ce message, ces mots-ci sont pour toi, aujourd'hui.
Vers le coup de midi : fanfares et discours, boissons apéritives. Déjeuner. Il faut manger pour lire.
Après-midi. Entre deux conversations, forcément décousues, j'ai pu voir des vaches comme je les aime, revisiter l'enfance, me souvenir de mon amour du russe avec Tsvetaeva, choisir des cartes sages et révoltées, avoir un coup de folie pour des traductions de Bob Dylan… j'ai pu musarder au long des bancs, admirant ici une couverture, un dessin, une photographie, souriant là, émue un peu plus loin… voyages, voyages que sont les livres, ne serait-ce que le temps d'une page levée, comme un coin de paysage vu du TGV. On voudrait tout saisir et seul reste dans nos filets de pauvres pécheurs ce que nos bourses nous laisse prendre.
Soir. Les rois mages repartent, contents certes, mais les coffres encore trop pleins. Le temps n'est plus au livre, dit-on. Les bourses ont resserré leurs cordons. Les livres, un luxe superflu ? Ou, plus que jamais, nécessaires ? Partout, les livres se montrent, s'exposent, trouvent d'autres biais que la sempiternelle étagère où se bousculent les bêtes sellers ; les salons se multiplient… Il y a en France 3 000 maisons d'édition…
Il faut donc continuer. Tant que le temps sera à la rencontre, il le sera aussi aux livres…
Merci à tous ceux qui, dimanche 27 septembre, se sont retrouvés un moment autour d'eux.
Catherine Brousse
45 éditeurs cette année : un cadeau pour cette quatrième année !
En voici les listes. Nous donnons, autant que possibles, leur site. Sil n'y en a pas, tapez leur nom dans un moteur de recherche et vous trouverez nombre de sites amis qui vous en diront plus.
Agone (Marseille, 13) agone.revues.org/
Arcoiris (La Valette-du-Var, 83) http://arcoiris.over-blog.org/
Autre Sud (Gemenos, 13)
Baie des Anges (Nice, 06) www.baiedesanges-editions.com/
Clémence Hiver (Sauve, 30)
Daric (Hyères, 83) www.editions-daric.com/
De fil en EsQuisse (Le Pradet, 83) defilenesquisse.over-blog.com/
Du Lampion (Genestelle, 07) www.editions-lampion.fr/
Editer en Haute Provence (Forcalquier, 04) http://www.lekti-ecriture.com/blogs/edition Collectif. Seront présents : Les amis de Jean Proal, Archétype, Artgo et cie, Le bec en l’air, La bibliothèque de l'écologie, C’est-à-dire, Coyote éditions, Ici et là / Le mot fou, revue Marginales, Nykta, Le préau des collines et Rentrée nouvelles.
Elan Sud (Orange, 84) www.elansud.fr/Edition/
Eric Pesty éditeur (Marseille, 13) www.ericpestyediteur.com/
Fata Morgana (Saint-Clément, 34) pagesperso-orange.fr/fatamorgana/
Fidel Anthelme X (Marseille, 13)
Géhess Agence éditoriale (Toulon, 83)
Harpo& (Marseille, 13)
L'Amourier (Coaraze, 06) www.amourier.com/
L'Antre (Nice, 06) leseditionsdelantre.free.fr/
Lutin Malin (Artignosc-sur-Verdon, 83)
Paupières de Terre (Montrouge, 92)
Plaine Page (Barjols, 83) et la ZIP (Zone d'Intérêt Poétique).
Précipitées (Artignosc-sur-Verdon, 83)
Revue des Archers (Marseille, 13) www.toursky.org/2009-2010/.../archers.htm
Ricochet (Nice, 06) editionricochet.free.fr/
Soleda (Marseille, 13) Collectif. Seront présents : Courte échelle/Transit; Cris et Ecrits ; Images plurielles ; Limitrophe ; Le port a jauni ; P'tits papiers.
Solicendristes (Sarrians, 84) www.soleils-et-cendre.org/
Toulourenc (Brantes, 84) www.leseditionsdutoulourenc.com/
Wallâda (Châteauneuf-les-Martigues, 13) www.wallada.fr/
Wypart (Volx, 04)
Egalement sur le Salon
. La librairie Papiers des Villes, Plumes des Champs
. La Maison de la Presse de Cotignac
A voir et à entendre
Lectures d’auteurs et jazz (Philippe Allegrini)
tout au long de la journée.
Expositions d'artistes locaux (peintures, sculptures, photographies, bijoux) et de livres d'artistes avec la Maison de l'Estampe.
"apportez/emportez"
un moment et un lieu
pour l’échange et la circulation des livres
Le principe
Apportez tous les livres dont vous ne voulez plus (autant que vous voulez) ; déposez-les à la fontaine et choisissez ceux que vous souhaitez remporter chez vous.
Rendez-vous
pour les marcheurs 9h15 parking à côté de l'Office du tourisme Randonnée de 2 heures, chemin du Petit Poucet
pour les autres 11h30 Cabanon Sara (route balisée, 1 Km après le pont de Barjols, sur la route de Sillans. Suivre à gauche chemin Case neuve)
10 juillet : Grande soirée Jacques Brel au Théâtre de verdure de Cotignac.
27 septembre : 4e Salon de la petite édition indépendante, plus de trente éditeurs de la région et d'ailleurs viennent vous montrer leurs trésors, des livres choisis, édités et fabriqués avec amour. Vous trouverez tout : romans, poésie, histoire, politique, littérature régionale, pour la jeunesse, BD, livres d'art et d'artistes...
renseignements
Office du tourisme 04 94 04 61 87 Caractères 06 60 71 45 64
pour le Salon : 04 94 59 53 12
Editeurs, lecteurs, amis de Cotignac, visiteurs, mouettes...l'association Caractères vous souhaite
un an 2009
repeint à neuf,
parcouru de surprises heureuses,
de découvertes fabuleuses,
de rêves exaucés,
de trésors ramassés,
de sacs à remplir
...
et de livres à lire !
Comment insérer une vidéo youtube (attention aux droits d'auteur!) dans un article
Allez sur le site youtube ou autre
Copiez le code d'insertion de la video
cela ressemble à ceci:
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/p2ukUrcsvy0&hl=fr_FR&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p2ukUrcsvy0&hl=fr_FR&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
Collez-le dans votre article ou page.
et voici le résultat.
On se place en édition avancée (voir l'image de l'éditeur).
image de l'éditeur
Commencez par écrire tout le texte qui doit figurer dans l'article y compris les titres, sous-titres, listes...
N'utilisez que les retours à la ligne pour une mise en forme grossière de votre texte sans aucun changement de Police, Taille, style, Format ou Alignement (barrés en rouge sur l'image ci-dessus).
Ensuite quand tout est tapé, on place le curseur sur la ligne des différents titres et on sélectionne Format Titre1, Titre2 ou Titre3: toute la ligne prend ce format.
On va insérer des images dans l'article: placer le curseur à l'endroit souhaité, puis choisir l'image et sa mise en page, sa taille et si il faut un lien vers l'image originale
vous revoici en format paragraphe
Coloriez le moins possible, et ne le faites qu'après avoir écrit la totalité du texte.
Si vous devez changer sans cesse les couleurs de vos pages et de vos articles, il est très probable que vous ayez choisi un thème qui ne correspond pas à vos goûts.
Pour tout remettre en état sélectionnez tout le texte et cliquez sur la gomme entourée en vert sur l'image de l'éditeur. (supprimer le formattage)
En placant le curseur sur la première ligne et en descendant avec la flèche bas du clavier, on ne lit plus que des
p; h1, h2 ou ol>> li si vous voyez apparaître <span>, il vaut mieux nettoyer.
Cliquez sur HTML dans le menu d'édition avancée et vérifiez qu'il n'y a plus que les balises
<p>,<h1>,<h2>,<h3>,<ol> ou <ul> et <li> ainsi que leur fermeture </p> etc... mais pas de <span>
si vous voyez un code du genre <p style="text-align: left;"> effacez l'inutile pour ne plus avoir que <p>
logobarweb117x150
par barweb.over-blog.com
L | M | M | J | V | S | D |
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | 1 | 2 | 3 | 4 | 5 | 6 |
soit une image origine de 450px dans l'article: 300px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et risus non dui sodales euismod et ac ante. Vestibulum bibendum lectus nisi, ut ornare sapien. Sed non augue risus. Curabitur luctus, elit lobortis semper lobortis, nisl felis placerat dui, sit amet tincidunt ipsum eros ultricies leo. Pellentesque placerat nulla in arcu convallis quis accumsan tortor malesuada. In id ligula vel mauris interdum gravida. Duis vel velit ligula. Vivamus eget justo ut eros accumsan iaculis ac at quam. Integer at massa velit, nec faucibus augue. Etiam iaculis, nisi at convallis posuere, ipsum elit ornare enim, vitae iaculis odio neque nec erat. Integer tristique dapibus erat, sit amet vestibulum metus aliquam at. Phasellus hendrerit egestas viverra.
Maecenas euismod mattis nisi, quis rhoncus nibh molestie eu. Maecenas nisi felis, eleifend in ultricies ac, dapibus eu tellus.
Vivamus eget est sed odio iaculis pharetra ut a velit. Sed dolor nunc, suscipit venenatis aliquam et, lobortis vel dui. Etiam a turpis nunc, ut varius dui. Nullam nulla nulla, consequat at porta tempor, placerat et purus. Nullam ac risus porta velit euismod pulvinar a in felis. Proin eget augue quis libero lobortis dignissim a vel metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nunc vestibulum, augue ut sollicitudin tempor, lacus diam euismod massa, at fermentum dolor quam facilisis magna. Pellentesque rhoncus placerat massa a varius. Pellentesque mauris mi, sodales in varius in, blandit eget leo. Quisque ultrices euismod dui ut iaculis. Pellentesque eleifend, nulla ac vehicula varius, odio augue volutpat neque, et malesuada sem arcu vel mi. Nunc vehicula nisl et tellus sollicitudin facilisis. Cras lorem ante, dapibus sit amet convallis et, imperdiet vitae leo. Nulla pulvinar mi eget elit volutpat volutpat. Suspendisse ut velit dui, et vehicula neque. Etiam congue, lorem quis dignissim feugiat, purus sem semper leo, non molestie risus dolor vel nunc. Suspendisse eget ultrices metus. Aliquam at ante diam, nec sodales nisi. Cras et orci nisl. Donec dictum varius semper. Vestibulum quis molestie lectus.
ceci a été ajouté en html
Etiam id metus enim. Morbi non dignissim velit. Nulla eget enim nec urna volutpat rhoncus a sit amet justo. Quisque fermentum suscipit risus ut consequat. Sed facilisis imperdiet sodales. In hac habitasse platea dictumst. Aenean iaculis massa sed mi ultricies pretium.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.