Archive pour le ‘Non classé’ catégorie

WAS : le réseau social des navigateurs côtiers

30 mai 2013

WAS est une nouvelle application mobile gratuite qui a pour but de fédérer une communauté de navigateurs côtiers autour d’un réseau social aux multiples fonctionnalités:

  • Mur d’informations   (diffusée automatiquement par l’application)
  • Publication de photos et commentaires par les membres, visibles uniquement par leurs cercles d’amis.
  • Calcul algorithmique des marées sur les principaux ports de France et DOM
  • Module météo sur 3 jours
  • Une bourse de mouillages permettant aux membres de proposer leur mouillage au port lorsqu’ils sont en mer à d’autres navigateurs.
  • Cap et position GPS théorique
  • Carte Google map affichant la position de l’utilisateur et celle de ses amis si ces derniers ont autorisé la diffusion de leurs positions.
  • Gestionnaire d’amis avec invitations
  • Messagerie interne

A découvrir à l’adresse : http://www.west-and-sea.com

XHTML

22 août 2011

Présentation d’une page WEB

Introduction

Un site WEB est composé de pages écrites en langage (X)HTML (eXtensible Hyper Text Markup Language). La différence entre HTML et XHTML se fait sur la syntaxe beaucoup plus rigide du XHTML, visant à plus de compatibilité entre les différents navigateurs web (Firefox, IE, Konqueror, Safari…) qui interprètent le code. En effet, actuellement chaque navigateur ne proposera pas le même rendu pour un code identique. On peut créer des pages web avec n’importe quel éditeur de texte, à condition de les enregistrer avec une extension .html

Les Balises

Une page (X)HTML (code source) contient des balises et du texte. Les balises encadrent le texte et permettent définir ce qui sera affiché dans le navigateur : texte, liens, images… (sans se soucier de la mise en forme)
Les balises se présentent sous la forme . En XHTML (plus qu’en HTML) il est nécessaire de fermer les balises. On pourra différencier deux types de balises.

Les balises qui fonctionnent par paires
Ouverture par la balise <nom_de_la_balise>, fermeture par la balise </nom_de_la_balise>
Exemple : la balise de délimitation de paragraphes

[cc lang=’html’ width=’100%’]

paragraphe

[/cc]

Les balises qui n’ont pas de paire

Pour fermer ce type de balise, il faut simplement rajouter / (espace,slash) à la fin de la balise
Exemple : la balise d’insertion d’images.

[cc lang=’html’ width=’100%’]

[/cc]

Les noms des balises sont à saisir en minuscule, donc pas de <BODY> mais <body>

Les balises peuvent bien entendu s’imbriquer les unes dans les autres, cependant il faut veiller à bien les refermer dans l’ordre inverse de l’ordre d’ouverture…
Exemple :

[cc lang=’html’ width=’100%’]

mise en gras

[/cc]

Structure d’une page

[cc lang=’html’ width=’100%’][/cc]
Ces balises encadrent l’ensemble de la page web.

Ensuite la page se divise en deux parties : l’entête et le corps de la page.
[cc lang=’html’ width=’100%’][/cc]

Ces balises délimitent l’entête du document. On y trouve plusieurs autres balises :

[cc lang=’html’ width=’100%’]Titre de la page[/cc]

Titre du document qui apparaît dans le bandeau supérieur (bleu) du navigateur
[cc lang=’html’ width=’100%’]



[/cc]

NB : les balises meta sont notamment utilisées pour le référencement du site…
[cc lang=’html’ width=’100%’][/cc]
Ces balises délimitent le corps du document, ce qui sera visible à l’écran.

Les attributs des balises

NB : auparavant le contenu était mis en forme directement en HTML. Maintenant la mise en forme du contenu se fait avec le language CSS

Les attributs vont donner des précisions, particularités aux balises.
Exemple : si on reprend l’exemple de la balise d’insertion d’images.
[cc lang=’html’ width=’100%’]

[/cc]

l’attribut src dont la valeur est égale à img/mon_image.png indique que l’image à insérer se trouve dans le répertoire « img » et que le nom de l’image est « mon_image.gif »

Les attributs et leur valeur sont à écrire en minuscule, donc pas de mais

Définition du type de document

Il y a 2 version de XHTML
Transitional : version de transition plus permissive

< !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »>

Strict : version rigoureuse (balises de mise en forme interdites, ex : font, center…)

< !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>

Page XHTML minimale

< !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »>

[cc lang=’html’ width=’100%’]
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Bienvenue sur mon site !



un paragraphe…

[/cc]

Batterie Acer Aspire TimelineX sous Ubuntu

14 octobre 2010

Par défaut, sur les portables Acer Aspire TimelineX la gestion du niveau de la batterie ne fonctionne pas.
Donc le PC s’éteint tout seul comme ça, sans crier gare !
Avec Karmic il était possible de résoudre le souci en installant ces packages :

· linux-image-2.6.35-7-generic_2.6.35-7.11~lucid1.3v1ubuntu2~toi2_amd64.deb
· linux-headers-2.6.35-7_2.6.35-7.11~lucid1.3v1ubuntu2~toi2_all.deb
· linux-headers-2.6.35-7-generic_2.6.35-7.11~lucid1.3v1ubuntu2~toi2_amd64.deb

Mais après la mise à jour 10.10 terminé, le PC n’en fait qu’à sa tête 🙁

Pour résoudre le soucis une fois pour toute, il faut mettre à jour le bios. Allez sur le site d’Acer, dans centre de téléchargement et sélectionnez votre PC, puis Bios.
Téléchargez le fichier, dézippez le…

Ensuite installez UNetbootin.
Exécutez le programme Applications -> Outils système -> UNetbootin.
Et suivez le tuto d’Ubuntu
Le fichier dont vous aurez besoin est le .exe qui se trouve dans le dossier DOS

NB : Branchez votre PC sur le secteur avant de mettre à jour le bios

Juste une petite info (à la con), on vous dit de taper C: sauf que vous serez en Qwerty et non en Azerty. Les 2 points s’obtiennent en faisant shift+M et non avec shift+* qui ressemble à s’y méprendre à 2 points, sous dos !

Une moto sous Linux…

1 avril 2010
mavizen

mavizen

Une moto électrique qui intègre un serveur sous Linux, une connectivité wi-fi et des ports USB, incroyable non ?
Heureusement qu’elle est wifi cela dit ! parce qu’en Ethernet à 200 km/h il en faudrait du câble 😉

Mavizen_USB

Mavizen_USB

A lire ici

Poisson d’avril

1 avril 2010

Bonne blague !

poisson_avril

poisson_avril