8796 sujets

Développement web côté serveur, CMS

Créer un petit CMS

Bonjour,
Je souhaite créer une interface d'administration qui permet d'ajouter une image et un texte en sachant que l'image conserve la même largeur et que le texte est à sa droite. Je ne veux pas recourir à des tableaux. J'ai donc fait un style css qui positionne l'image à gauche et le texte à droite. Entre chaque vignette il y a une margin. Le but du jeu est de pouvoir ajouter-supprimer-modifier à la volée ces vignettes.

Dans un pseudo code, cela fait quelque chose du style:

<html>
...
<div id="contenu">
<div id="vignette">
<img src="image/contenu.jpg" alt="" title=""/><h3>texte annoté</h3>
</div><!--fin div vignette -->

margin-bottom: 10px;

<div id="vignette">
<img src="image/contenu.jpg" alt="" title=""/><h3>texte annoté</h3>
</div><!--fin div vignette -->
</div><!--fin div contenu -->
...
</html>
Salut.
Dèja pour commencer, il faut plutôt mettre une class à vignette. (Puisque il y'en aura plusieurs).

Mais ce qui serait vraiment parfait, c'est utiliser une liste à puce pour une meilleure lisibilité et une meilleure sémantique.

Sinon pour la panel d'administration, ça na vraiment rien de compliqué si tu connais le PHP. Si ce n'est pas encore le cas, je t'invite à aller chercher quelques tutoriels pour l'apprendre. Et n'hésite pas à nous consulter si tu as besoin d'aide.

Bonne journée Smiley smile
Bonjour, alors pour être précis, voici mon code exact:

<html>

<div class="vignetteinterne">
<div class="blocimagevignette"><img src="images/image.jpg" alt="" width="550" height="550"/></div><!--fin div blocimagevignette-->
<div class="bloctextevignette">
<h4>NOM DU PROJET</h4>
<p>Support employé.</p> <p> réalisation : personne concernée.</p>
</div><!--fin div bloctextevignette-->
</div><!--fin div vignetteinterne-->

margin-bottom de 20px.

<div class="vignetteinterne">
<div class="blocimagevignette"><img src="images/image.jpg" alt="" width="550" height="550"/></div><!--fin div blocimagevignette-->
<div class="bloctextevignette">
<h4>NOM DU PROJET</h4>
<p>Support employé.</p> <p> réalisation : personne concernée.</p>
</div><!--fin div bloctextevignette-->
</div><!--fin div vignetteinterne-->

...
</html>

Comme tu vois, avec mes connaissances du moment j'avais fait une div, qui contient deux div. et j'ai utilisé des classes pour chaque div. Je fais également figurer la taille de l'image, ce que je veux éviter à l'avenir.
Je voudrais que la taille de l'image soit automatiquement redimensionné en gardant ses proportions et surtout en ayant pour largeur maximale 550px.

Peux-tu m'expliquer ta phrase concernant le fait d'utiliser une liste à puce...

Je connais raisonnablement le PHP, je comprends le principe d'include, je peux me connecter à une base de données.
Ce que je ne sais pas faire:
Inclure une image dans une base de donnée, ainsi que le texte d'accompagnement.
Mon soucis est de préserver la netteté entre les trois éléments.
Par css j'ai énoncé que;
blocimagevignette qui doit faire 550 de large et autant qu'il veut de haut.
et bloctexte qui fait 230px et qui a un titre, réalisation machin, et un saut de ligne avec la personne qui l'a fait.

Je n'ai rien contre le fait de me débrouiller (au passage merci de ton aide) mais pourrais-tu m'indiquer des ressources pour savoir ajouter une image et textes respectifs dans une base de données et les faire apparaitre, puis pouvoir les changer-modifier-éditer-supprimer.

Je ne suis pas loin de ma solution et je veux absolument COMPRENDRE, ça me semble indispensable pour utiliser correctement le php et les cms. Tout ce que j'ai vu jusqu'à présent pour dupliquer des données issues d'une base de donnée étaient des boucles php qui s'inséraient dans des tableaux html. Ce n'est pas envisageable de nos jours Smiley smile
Bonjour,

Technologix a écrit :

pourquoi j'obtiens cette erreur...


Si tu es en localhost regardes dans le fichier log apache pour avoir une piste sur l'erreur.

Smiley cligne
Merci, alors j'avais en l'occurence un problème de ' pas ajouté au niveau de variables.
J'ai presque réglé le problème, j'arrive à ajouter l'image dans la base de donnée avec le nom et la description, mais lorsque je vais dans la page galerie.php (voir le lien du tuto si besoin est) je me retrouve avec le nom de l'image alors que normalement devrait figurer l'image.
Bonsoir,

Je te conseillerai d'utiliser un framework PHP pour coder ton petit CMS.
Ils sont tous livrés avec des librairies codées de façon élégante, et ne demande pas trop d'investissement en temps.

Pour ton projet, c'est largement faisable en 30 minutes avec Codelgniter (l'un des meilleurs du genre)
Modifié par Guillem.C (07 May 2010 - 19:56)
D'accord, seulement il faut que je sois capable de le faire en php pur pour le présenter en dossier scolaire, d'ailleurs je ne sais pas si l'utilisation d'un framework php empêche de comprendre le code. Est ce que l'utilisation de codelgniter va être bénéfique pédagogiquement parlant?
Sujet clos
Aller à