XHTML

Pas de commentaires »

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]

Pas de commentaires »

Posté dans Non classé

Comptes Amis : comptes partagés/synchronisés, graphique etc..

22 commentaires »

La nouvelle mise à jour de comptes amis permet d’éditer un compte à plusieurs ‘en même temps‘.
Vous allez pouvoir partager un compte avec vos amis qui ont un téléphone Android.

Comment fonctionne la synchronisation?

  • Vous créez votre compte
  • Publiez le (‘menu’ -> ‘synchro’)
  • Vous obtenez un code unique qui identifie le compte
  • Vous envoyez le code avec la procédure d’import (bouton ‘envoyer le code’)
  • Vos amis importent le compte
  • Lorsque quelqu’un fait une modif il la publie…
  • Vous récupérez le compte à jour
  • Etc…

Graphique des dépenses

Graphique comptes amis

Graphique comptes amis

J’ai ajouté une catégorie de dépenses (liste déroulante), le choix effectué est copié par défaut dans le nom de la dépense (gain de temps). Ces catégories permettent de générer le graphique de vos dépenses 😉

Choix du montant de remboursement

Vous pouvez maintenant saisir le montant du remboursement (si l’ami paie en plusieurs fois, par exemple)

Dépenses classées par ami

Dans le mail, les dépenses apparaissent par date et également par ami.
Ex:
———-
Titi
———-
Participe aux dépenses :

16/02/2011 : Courses
66.0 payé par titi
Part de Titi : 22.0 euros

08/02/2011 : péage
57.0 payé par titi
Part de Titi : 19.0 euros

08/02/2011 : essence
67.0 payé par tata
Part de Titi : 22.33 euros

A payé :

16/02/2011 : Courses
66.0 pour titi , toto , tata

08/02/2011 : péage
57.0 pour titi , toto , tata

Comptes Amis

Lien sur le nouveau Market web : http://market.android.com/details?id=info.yann.comptesAmis

22 commentaires »

Posté dans Android, Comptes Amis, Developpement, java

Comptes Amis : sauvegardez, importez et restaurez vos comptes

12 commentaires »
Comptes amis 2.7

Comptes amis 2.7

Nouvelles évolutions pour ma petite appli de gestion de comptes à plusieurs.

Vous pouvez désormais sauvegarder (carte SD) / restaurer / importer / partager vos comptes.

Autres nouveautés :

– Formulaire pour me contacter facilement (touche menu -> « me contacter »)
– Détails des dépenses dans le mail
– Demande de validation avant l’envoi du SMS
– Fenêtre des nouveautés à l’ouverture de l’application
– + Diverses Corrections

Merci pour vos commentaires sur le Market

Je passe énormément de temps à faire évoluer comptes amis, mais il n’est surement pas question que je fasse payer mon appli 😉
Ma seule « rémunération » est donc vos commentaires positifs sur le Market, donc merci 😉
Si vous avez des questions, des demandes contactez moi par mail ou par le blog, car je ne peux pas vous contacter ni vous répondre sur l’Android Market.

Rappel des fonctionnalités :

– Gestion des dépenses
– Sélection des participants (autocompletion liées aux contacts du téléphone)
– Choix des participants pour chaque dépense
– Date de la dépense
– Coefficient individuel de participation
– Etat des dépenses
– Coût de revient individuel des dépenses
– Calcul automatique de qui doit combien à qui
– Envoi du compte par mail ou par SMS aux amis.
– Gestion des remboursements
– Possibilité de déplacer l’application sur la carte SD
– Sauvegarde / restauration / import de comptes / partage
– Détails des dépenses dans le mail

Comptes Amis

Lien sur le nouveau Market web : http://market.android.com/details?id=info.yann.comptesAmis

12 commentaires »

Posté dans Android, Developpement

Mise à jour de Compte Amis

3 commentaires »

Nouveautés de comptes amis

– Nouvelle interface (onglets)
– Envoi de l’équilibre par SMS aux amis.
– Gestion des remboursements (pour solder les dettes de chacun)
– Possibilité de déplacer l’application sur la carte SD
– Scrollview sur l’ajout des amis pour les téléphones comme le Wildfire

Comptes Amis

Comptes Amis - nouvelle interface



Comptes Amis

Comptes Amis - remboursements

3 commentaires »

Posté dans Android

Générer les Accesseurs et Mutateurs (getter et setter) en PHP avec Eclipse PDT

Pas de commentaires »

Si comme moi vous utilisez Eclipse PDT pour développer en PHP, vous êtes peut être frustré de ne pas pouvoir, comme en JAVA, générer les getters et setters de vos classes.

Sachez qu’il est néanmoins possible d’utiliser les templates Eclipse. Ca ne sera pas en natif, comme en Java, mais la productivité sera largement améliorée quand même.

Une fois le template créé, il suffira de commencer à taper le nom que vous lui avez donné (ex: « getset« ), vous le sélectionnez et grâce à la touche tabulation vous saisissez le nom des propriétés et des fonctions en quelques secondes, c’est magique 😉

Comment faire pour créer le template ? et bien je vous renvoi à un blog tout à fait intéressant que j’ai récemment découvert : http://programmation-web.net

Il ne se souvient plus de sa source, moi même je ne l’avais pas trouvé sur son site, à l’époque…

Pas de commentaires »

Posté dans Developpement, PHP

Mise à jour OTA sur HTC desire rooté

13 commentaires »

ATTENTION : je ne donne cette procédure qu’à titre indicatif, je ne serais pas responsable si vous avez un souci.., voila vous êtes prévenus 😉

La mise à jour 2.29.405.2 est disponible sur le HTC desire.
cependant, si vous avez rooté votre téléphone avec Unrevocked la mise à jour ne fonctionnera pas.

Vous aurez un message :

E:failed to verify whole-file signature
E:signature verification failed
Installation aborted.

Pour pouvoir effectuer la mise à jour, explorez votre carte SD (avec Astro, Es file explorer etc…)

  • Allez dans le dossier download, faites « copier » (appuyez quelques secondes) sur le fichier zip qui se nomme OTA…zip et collez le à la racine de la carte.
  • Renommez le en update.zip
  • Ensuite éteignez le téléphone.
  • Maintenez enfoncée la touche qui permet de baisser le volume et allumez le téléphone avec le bouton power
  • Sur le menu qui s’affiche sélectionnez recovery (utilisez les touches de volume pour vous déplacer et la touche power pour valider)
  • Vous allez voir une image avec un point d’exclamation et un HTC desire en dessous.
    Appuyez sur volume haut et power en même temps
    (perso la première fois je n’avais pas eu cette image, j’ai installé la màj en ignorant la signature, mais le téléphone n’arrêtait pas de rebooter sans cesse. J’ai réessayé et je suis bien arrivé à cette image)
  • Sélectionnez Apply sdcard:update.zip et validez
    On vous demandera de redémarrer avec le menu, faites le…

La mise à jour est assez longue, soyez patients.

13 commentaires »

Posté dans Android, Developpement

Android vs Iphone vs BlackBerry

Pas de commentaires »

android iphone blackberry

android iphone blackberry


LOL

Pas de commentaires »

Posté dans Android, Humour

Batterie Acer Aspire TimelineX sous Ubuntu

Pas de commentaires »

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 !

Pas de commentaires »

Posté dans Non classé

apt-get install hadopi

2 commentaires »

Source : http://blog.rom1v.com

albanel@majors$ sudo apt-get install hadopi
Lecture des listes de paquets… Fait
Construction de l’arbre des dépendances
Lecture des informations d’état… Fait
Les paquets supplémentaires suivants seront installés :
lib-bypass-constitution-francaise lib-propagande
lib-autorite-administrative-avec-tous-les-droits
E Les paquets suivants ont des dépendances non satisfaites : hadopi dépend de lo
bby-vivendi, mais lobby-vivendi est en conflit avec lib-information-impartiale.
Les actions suivantes permettront de résoudre ces dépendances :
s-asseoir-sur-les-libertés-fondamentales
Accepter cette solution [O/n] ? O

Les paquets suivants seront enlevés :
lib-presomption-d-innocence lib-droits-de-la-defense
lib-separation-des-pouvoirs lib-information-impartiale
Les NOUVEAUX paquets suivants seront installés :
hadopi lib-bypass-constitution-francaise lib-propagande
lib-autorite-administrative-avec-tous-les-droits lobby-vivendi
0 mis à jour, 5 nouvellement installés, 4 à enlever et 0 non mis à jour.
Il est nécessaire de prendre 70 heures de débats à l’Assemblée Nationale et un n
ombre indéterminé d’heures de propagande dans les médias.
Après cette opération, 500000€ d’argent public supplémentaires seront utilisés.
Souhaitez-vous continuer [O/n] ? O

Suppression de lib-presomption-d-innocence…
Suppression de lib-droits-de-la-defense…
Suppression de lib-separation-des-pouvoirs…
Suppression de lib-information-impartiale…

Réception de : 1 http://www.vivendi.fr lobby/control lib-bypass-constitution-fra
ncaise réceptionnés en 1s
Réception de : 2 http://www.vivendi.fr lobby/control lobby-vivendi réceptionnés
en 1s
Réception de : 3 http://www.vivendi.fr lobby/control lib-propagande réceptionnés
en 1s
Réception de : 4 http://www.sarkozy.fr util/rights lib-autorite-administrative-a
vec-tous-les-droits réceptionnés en 1s

Dépaquetage de lib-bypass-constitution-francaise…
Dépaquetage de lobby-vivendi…
I lobby-vivendi était déjà présent et très bien intégré au système.
Dépaquetage de lib-propagande…
Dépaquetage de lib-autorite-administrative-avec-tous-les-droits…

Génération de hadopi…
Refus de discussions…
Rejet des amendements proposés (utilisation du module anéfé-rejeté)…
Compilation de oofirewall…
Compilation de arguments-fallacieux…
Compilation de les-accords-de-l-elysee…
Compilation de les-ventes-de-cd-chutent-de-50%-et-celles-des-cassettes-audio-d
e-90%-c-est-inadmissible…
Compilation de la-creation-est-en-train-de-mourir-a-cause-de-gens-qui-attaquen
t-les-bateaux…

W Le module 5-gus-dans-un-garage semble poser des problèmes de compilation de ar
guments-fallacieux.

E Problème lors de la génération de hadopi : des composants cachés derrière des
rideaux sont apparus de manière inattendue. Réessayer [O/n] ? O

Pour éviter que le problème ne se reproduise, il est nécessaire de mettre à jour
le module deputes-godillots. Souhaitez-vous mettre à jour [O/n] ? O

Compilation de cope-rabat-les-troupes…
Compilation de laver-l-affront…
Mise à jour de deputes-godillots…

W De nombreux paquets de type amendement ralentissent l’installation d’hadopi.

L’installation de hadopi semble avoir réussi.

Vérification de la compatibilité avec la constitution française…
E Le module lib-bypass-constitution-francaise a été détecté par le conseil const
itutionnel.
E Le module répression a dû être désactivé pour protéger la constitution.

Installation obligatoire de internet-liberte-fondamentale.
Réception de : 1 http://www.constitution.fr rights internet-liberte-fondamentale
réceptionnés en 1s
Dépaquetage de internet-liberte-fondamentale…

albanel@majors$ for m in media; do echo ‘Je prends acte de la décision du consei
l constitutionnel. 95% du texte a été validé.’; done

E lobby-vivendi panic détecté.
Prise en charge de l’erreur par sarkozy et lobby-vivendi.

exit

sarkozy@majors# deluser albanel
sarkozy@majors# ls gauche/corrompus/*
Trop de résultats ont été trouvés : affichage des premiers résultats.
jack_lang frederic_mitterrand
sarkozy@majors# adduser lang
> opération échouée
sarkozy@majors# adduser mitterrand
sarkozy@majors# su mitterrand

mitterrand@majors$ sudo /etc/init.d/pantind start
* Starting PantinServer [ OK ]
mitterrand@majors$ pantin -verbose
Attente des ordres…
Exécution à distance de « apt-get install hadopi2″…
L’installation du paquet hadopi2 peut corriger le problème. Tenter [O/n] ? O
Lecture des listes de paquets… Fait
Construction de l’arbre des dépendances
Lecture des informations d’état… Fait
Les paquets supplémentaires suivants seront installés :
ordonnance-penale negligence-caracterisee
on-vous-prend-vraiment-pour-des-cons
Les NOUVEAUX paquets suivants seront installés :
hadopi2 ordonnance-penale negligence-caracterisee
on-vous-prend-vraiment-pour-des-cons
Les paquets suivants seront mis à jour :
lib-bypass-constitution-francaise
0 mis à jour, 4 nouvellement installés, 0 à enlever et 1 non mis à jour.
Il est nécessaire de prendre 40 heures de débats à l’Assemblée Nationale.
Après cette opération, 300000€ d’argent public supplémentaires seront utilisés.
Souhaitez-vous continuer [O/n] ? O

Réception de : 1 http://justice-expeditive.fr tools ordonnance-penale réceptionn
és en 1s
Réception de : 2 http://justice-expeditive.fr tools negligence-caracterisee réce
ptionnés en 1s
Réception de : 3 http://habitudes.gouv.fr kernel on-vous-prend-vraiment-pour-des
-cons réceptionnés en 1s
Réception de : 4 http://henrard.fr control lib-bypass-constitution-francaise réc
eptionnés en 5 minutes

Dépaquetage de ordonnance-penale…
Dépaquetage de negligence-caracterisee…
Dépaquetage de on-vous-prend-vraiment-pour-des-cons…
I En fait ce module était déjà présent sur le système depuis un moment.
Dépaquetage de lib-bypass-constitution-francaise…

Paramétrage de on-vous-prend-vraiment-pour-des-cons…
Paramétrage de lib-bypass-constitution-francaise…

Génération de hadopi2…
Refus de TOUTES discussions (ignorer-analyses-pertinentes activé)…
Rejet de TOUS les amendements proposés (utilisation du module anéfé-rejeté-en-ra
fale)…
Le paquet arguments-fallacieux existait déjà, mais il nécessite maintenant les d
épendances arguments-fallacieux-negligence-caracterisee et arguments-fallacieux-
ordonnance-pénale. Installer [O/n] ? O

Réception de : 1 http://henrard.fr control arguments-fallacieux-negligence-carac
terisee réceptionnés en 2 jours
Réception de : 2 http://henrard.fr control arguments-fallacieux-ordonnance-pénal
e réceptionnés en 1 jour

Dépaquetage de arguments-fallacieux-negligence-caracterisee…
Dépaquetage de arguments-fallacieux-ordonnance-pénale…

W hadopi2-senat-1 est moins performant que hadopi-senat-*.
I deputes-godillots utilisé pour compiler le module vote-solennel.
W Problème éventuel de sécurité. Des éléments de compilation de vote-solennel on
t peut-être été contrôlés à distance : des incohérences entre leurs données et l
eurs actions ont été détectées.
La compilation de vote-solennel a réussi.

W L’installation de hadopi2-senat-2 a fonctionné, mais il semble que 90% du code
source du paquet n’ait pas été utilisé.

Compilation de vote-solennel-2…
I deputes-godillots fonctionne à merveille.
La compilation de vote-solennel-2 a réussi.

Vérification de la compatibilité avec la constitution française…
E Le module on-vous-prend-vraiment-pour-des-cons a fortement déplu au conseil co
nstitutionnel.
E Le paquet hadopi2 a été tagué « censuré » par le conseil constitutionnel.

Attente des ordres…
Ordre reçu de lobby-vivendi : créer une taxe sur les fournisseurs d’accès sans c
ontrepartie.
Résolution du problème trouver-des-arguments-bidons-pour-faire-passer-ça-et-refu
ser-la-contribution-créative en cours…
Réception de : 1 http://www.majors.fr help toubon réceptionnés en 1s
Réception de : 2 http://www.majors.fr help zelnik réceptionnés en 1s

Attente des ordres…

2 commentaires »

Posté dans Humour, Technologie, Web

Ajouter un nouveau compte Gmail à Android

1 commentaire »

Une fois configuré votre téléphone Android refuse d’ajouter un nouveau compte ?
Lorsque vous cliquez sur ajouter un compte, vous avez une erreur « Impossible d’établir une connexion de données fiable avec le serveur »

Une solution consiste à réinitialiser le téléphone, mais bon… c’est pas top…

Heureusement il existe une petite astuce (avec Youtube) :

  • Créez un compte Youtube (peu importe le login) mais inscrivez l’adresse Gmail que vous voulez ajouter à votre tel.
  • Lancez l’application Youtube qui est sur votre téléphone
  • Loguez vous avec cette adresse Gmail (pas le login)
  • Allez dans les paramètres -> comptes et synchronisation, vous devriez voir votre nouveau compte (sinon lancez la procédure d’ajout de compte et saisissez le mail et le mot de passe de ce même compte.)
  • Vous pouvez maintenant synchroniser vos contacts et vos mails 😉

1 commentaire »

Posté dans Android, Pratique