Deux ans après avoir synthétisé les grands principes du métier de développeur web (alors que je commençais mon activité), je vais tenter de décrire simplement le fonctionnement d’une page (ou d'un site) "dynamique". Dynamique s'entendant à l'opposé de statique (page qui n'évolue pas). C’est donc le cas de la plupart des sites que l'on appelle « web 2.0 » (collaboratif, participatif, réseaux sociaux, blog...).

Techniquement comment un utilisateur peut-il ajouter du contenu à un site ?
Tout repose sur la base de données : Il s'agit de stocker toutes les informations nécessaires à un service selon une forme bien définie. Exemple, quand vous créez un compte membre sur un site, on va stocker dans une table 'membres' les champs 'nom', 'prénom', 'email', 'date de naissance'... Chaque compte aura un identifiant unique, ainsi, si le site vous propose de partager des photos, quand vous allez le faire elle seront stockées dans une table 'photos' avec les champs 'nom', 'date' et surtout 'identifiant du membre' pour savoir a quel compte membre appartient quelle photo. C'est ce que l'on appelle le système de base de données relationnelle (SGBDR).

De cette façon on peut donc ensuite utiliser nos données à notre guise en effectuant des requêtes précises. Elles se distinguent en quatre catégories : Les requêtes de sélection qui permettent l'affichage des données déjà présentes. Les requêtes de modification qui permettent d'éditer les données dans la base. Les requêtes d'insertion qui permettent d'ajouter de nouveaux enregistrements à la base et les requêtes de suppression permettant d'effacer définitivement des informations enregistrées.

Avec un tel système on est capable de créer tous les sites dynamiques possibles. Il ne reste plus qu'à savoir comment présenter ses informations ce qui est un autre problème.

lien direct : http://www.chezneg.fr/leblog/chezneg-leblog.php?id_art=250&titre=Fonctionnement-d'un-site-web-dynamique
tags : site (21), développement (3), base de données (1), bdd (1), dynamique (1),

J'aime, 6 personnes aiment çaCommentaire(s)(1)

Comment faire pour aligner une image en bas d'un div en css ? Voici une petite astuce qui permet de le faire simplement.

Elle peut servir dans le cas d'une galerie d'image par exemple, dans laquelle chaque image n'as pas le même format. Par défaut les images vont s'aligner à partir du haut de l'élément dans lequel elle se situe, ce qui n'est pas forcément jolie. Dans notre cas nous voulons qu'elle s'aligne à partir du bas.

le résultat Image alignées en bas d'un div


voici les quelques ligne permettant de mettre en place cela, le code html très simple :



au seins d'un conteneur (facultatif) on met donc nos x images dans un bloc. le div "spacer" sert seulement à étendre le conteneur le long de nos élément "bloc" qui vont être flottants.

Le code css pour que tout s'aligne comme sur l'image :



Voila c'est fait, notre galerie est à présent plus agréable à voir.

lien direct : http://www.chezneg.fr/leblog/chezneg-leblog.php?id_art=249&titre=Placer-une-image-en-bas-d'un-bloc-en-css
tags : css (12), développement (3), positionnement (1), div (1), bloc (1), image (1),

J'aime, 7 personnes aiment çaCommentaire(s)(0)

Enfin ! le viiiieux navigateur Internet explorer 6 (IE6 pour les intimes) serait passé sous la barre d'utilisation des 5% en Europe et aux états unis. Le graphique de startcounter nous l'apprends.

Petit rappel : internet explorer 6 c'est LA plaie des navigateurs pour tout développeur web qui se respecte. C'est LA plaie des navigateurs niveau sécurité pour tout utilisateur qui se respecte.

Depuis 2001 le web a fortement évolué, nous sommes passés au "2.0", nous sommes passés d'une mise en page en tableaux (<tr><td> </tr></td>) à une mise en page par bloc (<div>) via l'utilisation des fichiers css. En gros, 9 ans après sa sortie, le pauvre navigateur ne supportait plus grand chose des nouvelles technologies du web. Pourtant, il était encore et toujours utilisé (Par plus de 10% des internautes il y'a un an).

L'annonce de sa chute en deçà des 5% et un soulagement. Les clients comprendront désormais qu'une compatibilité des sites n'est plus nécessaire pour ce navigateur marginal en chute libre.

Pour ma part, étant relativement récent dans le milieu du développement web, j'ai depuis mes débuts essayé de faire comprendre que maintenir un site actuel sous IE6 était inutile et, surtout que ça demandait beaucoup trop de travail supplémentaire pour un résultat approximatif. La pauvre bête ne supportant même pas les niveaux de transparence des images .png

Il ne m'auras donc pas trop fait souffrir. Cette annonce reste une très bonne nouvelle pour le web. Je vais m'emballer en pensant que peut être d'ici 2 ou 3 ans (disons 5 ans) on pourra utiliser les propriétés et attributs de CSS3 et HTML5 à 100%.

Question subsidiaire : pourra-t-on un jour utiliser des variables dans le "langage" css ?

lien direct : http://www.chezneg.fr/leblog/chezneg-leblog.php?id_art=241&titre=Internet-explorer-6-sous-la-barre-des-5%-d'utilisateurs
tags : Informatique (62), internet (33), css (12), navigateur (3), développement (3),

J'aime, 5 personnes aiment çaCommentaire(s)(0)