Quel choix pour un site web

Démarré par airV, Septembre 18, 2018, 07:45:09

« précédent - suivant »

Dormeur74

CitationEst-ce que ta solution de travailler hors ligne pour créer le site, le tester et les mise à jour est la même chose que préconise l'auteur du bouquin que j'ai acheté avec le travail en local et MAMP ?

Il existe plusieurs systèmes qui permettent de simuler un accès distant : les plus connus sont Wamp Server et EasyPHP, mais il y en a bien d'autres et tous sont de bonne facture. Aujourd'hui j'utilise USB Webserver qui permet de mettre un site complet avec une base de données et des requêtes sur une simple clé USB. Ce qui fait qu'on peut aller chez un client avec un prototype  ou développer un site en local sans avoir besoin de connexion Internet. Je conseille vivement.

Ayant pris goût à la programmation à l'époque du Commodore 64 et eu pas mal de problèmes avec les trucs tout faits ou gratis (Le Village, PhPNet, Piwigo, etc.) je préfère de loin le bon vieux HTML, PHP/Mysql et CSS même si je reconnais que c'est un apprentissage assez long pour un grand débutant. Mais ô combien gratifiant.
Les CMS comme Wordpress, Joomla, Spip et les autres sont bien faits, mais pas vraiment conçus pour un site vitrine. Il faut les faire vivre, donc y passer pas mal de temps.
Enfin, le concept de système-auteur rencontre un succès assez vif avec les personnes qui veulent avoir une existence sur la toile sans investissement dans les langages de développement précités. Le plus en vogue aujourd'hui est peut-être Jimdo.
Si tu optes pour Dreamweaver, évite les frames (cadres) et les objets Flash. Commence par étudier les balises HTML et les feuilles de style (CSS). Dans cette démarche, Open Classroom pourra t'être d'une grande utilité.

cali31

Perso j'utilise Wordpress, avec un thème acheté. Le plus long c'est de choisir le thème qui nous convient le mieux. La il faut passer du temps à tester un paquet de thème via les démo.
Après une fois installé, ça va tout seul. On rajoute un plugin pour la mise en cache, un autre pour la gestion du CEO et c'est parti !
Je trouve au contraire de ce que dit Dormeur74, les mise à jour et la maintenance très facile. Il suffit de quelques clic pour rajouter des photos ou créer une nouvelle galeries. Sans parler des mise à jours régulières plutôt rassurante en terme de sécurité.

Dormeur74

CitationLes CMS comme Wordpress, Joomla, Spip et les autres sont bien faits, mais pas vraiment conçus pour un site vitrine. Il faut les faire vivre, donc y passer pas mal de temps.
Ai-je parlé de maintenance et de problème de mise à jour ? Ce phénomène de déformation/interprétation est un peu trop fréquent à mon goût.

cali31

Citation de: Dormeur74 le Octobre 31, 2018, 13:42:22
Ai-je parlé de maintenance et de problème de mise à jour ? Ce phénomène de déformation/interprétation est un peu trop fréquent à mon goût.

Faut pas s'emballer non plus !! Désolé !Me suis mal exprimer... Bizarrement toi aussi tu tronque la partie où je parle de la facilité de rajouter des galerie et des photos et donc tu peu de temps que l'on y passe pour le faire vivre....  ;)

CitationLes CMS comme Wordpress, Joomla, Spip et les autres sont bien faits, mais pas vraiment conçus pour un site vitrine. Il faut les faire vivre, donc y passer pas mal de temps.

Effectivement, C'est plus à ça que je voulais réagir.... Pour moi Wordpress est idéal pour un site vitrine (on n'est pas obligé d'utiliser la partie blog), car justement, il est facile à construire et ensuite il est facile à maintenir. Mon site ne me demande pas de temps, juste rajouter quelques photos de temps en temps.. Et ça, ça se fait très rapidement et sans difficultés.

Après chacun sa vision du truc... C'est l'avantage d'avoir plusieurs solutions...  :)

airV

Bonjour
Et merci à vous tous pour vos contributions auxquelles je vais tenter de répondre.

J'ai commencé à investir pas mal de temps dans l'apprentissage de Drupal et je compte m'y tenir car sinon ce serait sans fin. D'après ce que j'ai compris c'est un peu plus qu'un CMS, et serait, toujours d'après ce que j'ai compris un CMF, qui permet une plus grande souplesse au prix d'un apprentissage un peu plus long.

Il nécessite de penser en premier à la structure du site et non à son design. J'ai cru comprendre que c'était une démarche inverse à celle notamment de dreamweaver.

Je ne suis pas certain d'avoir bien compris la remarque de dormeur74 sur le fait qu'il était nécessaire de faire vivre un site construit à partir d'un CMS, contrairement à un conçu from scratch ou à partir d'un soft tel que Dreamweaver.

Après avoir passé un peu de temps avec Drupal, je dirai qu'il est de type structural ce qui me convient assez. Je n'ai pas encore compris toutes les subtilités et les possibilités de cet aspect, mais pour mes besoins je ne dois pas en être loin.

Il reste l'aspect theming (qui dans le cas de Drupal serait plutôt « structurel ») qui n'est pas aussi simple que cela dès lors qu'on veut sortir de ce que permet l'interface graphique du core et des modules.

À partir de tuto et d'expérimentation
J'ai par exemple réussi à faire une présentation edge-to-edge en utilisant le module Paragraphs.

J'ai réussi à faire un slider commandé par un carousel en utilisant le module flexslider, mais je ne sais pas dans quelle mesure je peux utiliser  flexslider et paragraphs, je n'ai pas assez expérimenté dans ce sens.

Il existe un module Slick paragraphs, slick étant un peu similaire à flexslider (avec même plus de possibilités) mais pour l'heure je n'ai pas réussi à faire avec lui ce que j'ai fait avec flexslider.

J'ai réussi à compiler en local un sub-theme Bootstrap sass dans Drupal qui me doit me donner accès à pratiquement l'ensemble des variables css, ce qui n'était pas possible avec le sub-theme CDN. Dommage car c'était beaucoup plus simple, cette compilation en local, même avec un tuto n'a pas été une mince affaire.
J'ai maintenant commencé à jouer avec les variables sur l'éditeur (j'ai pris Sublime Text) et effectivement j'ai bien accès à des paramètres (certaines couleurs background et polices par exemple) que je ne pouvais contrôler jusqu'à présent. Toutefois j'ai encore bien du mal à identifier et retrouver les variables dans l'utilisation de l'inspector. Mais est-ce que ces variables modifiées expérimentées en site local (j'utilise MAMP pro)

Toutefois il y a des choses indispensables que je n'ai toujours pas abordées sans que je sache par où commencer, comme un hover effect par exemple...

Parallèlement à cet apprentissage de Drupal, je vais essayer d'acquérir certaines bases en langages htlm, php et css qui me semblent importantes, car la customisation via l'interface graphique reste très limitée.

J'ai exploré plusieurs template ou thème sans que vraiment un « brut de décoffrage » me convienne.

Je reste confiant, car je désire quelque chose d'assez épuré et simple et une fois certains effets et mécanismes compris je devrais être en mesure d'y arriver.

A titre d'info, le site d'Erwin Olaf est assez proche de ce que je cherche de manière plus simple.

Belle journée

Dormeur74

CitationJe ne suis pas certain d'avoir bien compris la remarque de dormeur74 sur le fait qu'il était nécessaire de faire vivre un site construit à partir d'un CMS

Un site "vitrine" c'est un moyen de faire connaître un truc qui peut être une collection, des recettes de cuisine, des photos, etc. Sans avoir forcément besoin de la participation des visiteurs ; en gros, c'est un outil de communication visuel.
Un CMS c'est autre chose. Pour pouvoir être définis comme tel, un logiciel doit pouvoir :
- être utilisés simultanément par plusieurs individus
- proposer une chaîne de publication de contenu
- permettre de gérer séparément la forme et le contenu

Les rédacteurs de Pixelistes.com, dont j'étais, utilisent Wordpress. Tout le monde peut réagir aux articles publiés. Lorsqu'il faut bannir un élément perturbateur, l'administrateur est saisi. Lorsqu'une question est posée à un rédacteur, et bien il faut répondre. Comme sur un forum, il faut être dessus très souvent pour le faire vivre.

Cela dit, on peut très bien faire l'impasse sur l'aspect "communication" en ne donnant jamais la parole à ses visiteurs et en faire un site vitrine. C'est un peu détourner le logiciel de sa vocation, mais ce n'est pas dramatique.   

airV

ok merci pour la réponse.  :)
je pensais que c'était principalement un logiciel qui permettait de construire un site avec un certain nombre d'élèments pré-existants et de fait sous certaines conditions se passer d'écrire des lignes de code. Ce qui est d'aileurs possible avec Drupal, sous réserve qu'on ne veuille pas sortir de ce qui est pré-établi.

Dans mon cas, je pense qu'il s'agit bien d'un site de type vitrine, sans participation tierce.
dans mon apprentissage, je fais d'ailleurs l'impasse sur tout ce qui a trait à la hierachie des autorisation, des commentaires, etc.

Même en faisant abstraction de cet aspect "communication", Drupal me semble interessant pour structurer et orgniser les divers contenus

airV

Edit à ma réponse précédente :

Je pense qu'il est important que la gestion de la forme et du contenu soient indépendants.

airV

Hello,

Quelques nouvelles.
Du fait que certains d'entre-vous me suggéraient ici et dans le fil Drupal de construire le site from scratch, du fait qu'il était de type vitrine et de la difficulté que j'avais avec certaines fonction sur Drupal*, je me suis penché sur cette manière de faire et effectivement je pense que ce sera plus simple. J'avance assez vite dans la compréhension des langages html et css, et temps passé avec Drupal n'a pas été perdu car une bonne partie avait été consacré et à comprendre certaines notions et à acquérir du vocabulaire. Je suis assez optimiste, peut-être davantage qu'en me débattant dans Drupal que je trouvais intéressant pour son aspect structural mais qui est bourré de fonctionnalité dont je n'aurai pas besoin.

La question que je me pose est est-ce que html et css seront suffisants ou aurai-je besoin également de PHP et de MySQL ? j'ai cru comprendre qu'ils ne servaient que pour rendre le site dynamique en interaction avec les visiteurs. Ce que je n'envisage pas.

Toutefois par rapport à l'aspect vitrine du site, je veux pouvoir mettre à jour facilement le site avec les nouvelles séries et je ne veux pas tout casser pour cela, est-ce que la structure html-css va permettre cela et j'ai aussi dans l'idée (mais pas encore certain) d'un petit fil d'actualité pour le rendre un peu vivant, comme par exemple à propos des séries sur lesquelles je suis en train de travailler (et peut-être en relation avec Insta), mais ça peut être autre chose. Mais là encore, à priori je ne souhaite pas d'interaction avec les visiteurs
*Par exemple l'utilisation de slick pour faire un slider commandé par un carousel thumbnail (un nombre incalculable de parmètres et de modules et de documentation) alors qu'en html et css il suffit de décrire d'une manière logique aidé par la doc

Dormeur74

CitationLa question que je me pose est est-ce que html et css seront suffisants ou aurai-je besoin également de PHP et de MySQL ? j'ai cru comprendre qu'ils ne servaient que pour rendre le site dynamique en interaction avec les visiteurs. Ce que je n'envisage pas.

Le MySql est un langage de requêtes sur une base de données. Ne voulant pas d'un outil de communication, tu n'en as pas besoin a priori.
Tu peux avoir besoin d'un peu de PHP pour un site vitrine ; par exemple, tu peux être soucieux du nombre de visiteurs (hits) sur ta page d'accueil ou une page précise de ton site. Un compteur est assez facile à implémenter dans une page et on peut le rendre invisible. Pour te donner un aperçu, un exemple que j'ai développé in fine qui incrémente dans un fichier texte le nombre de hits (donc pas besoin de BD). Comme je vois que tu as de bonnes capacités, tu devrais t'en sortir assez facilement. Un compteur te permettra de voir, par exemple, si tu as bien référencé ton site.

Tu peux aussi avoir un peu besoin d'un peu de Javascript puisque tu parles de hover. Mais il existe des modules prêts à l'emploi qui font très bien le job sans que tu y mettes les doigts ( comme jquery pour les slideshows avec effets de transition par exemple).

Enfin Dreamweaver est un des premiers éditeurs de HTML comme Claris Home Page, Frontpage, etc. Ce sont des outils pour faire des pages et gérer des feuilles de style (CSS). Stop. La structure du site n'est pas leur problème. Le contenu des pages l'est. Pour gérer les structures il faut un système-auteur, mais ça tu connais.

Code php pour un compteur simple :
Citation
<?php
   $dataFile="data.dat";
   $rf=fopen($dataFile, "r");
   $compteur=fgets($rf, 9);
   $compteur=HTMLSpecialChars($compteur);
   fclose($rf);
   $Trimcompteur=trim($compteur);
   $nbVisiteurs='';
   for ($num=0; $num<strlen($Trimcompteur); $num++)
   {
      $nbVisiteurs.="<img src=\"images/".(substr($Trimcompteur, $num, 1)).".png\" width=\"15\" height=\"15\" align=\"absmiddle\">";
   }
   $espaces=" ";
   $nbVisiteurs=$espaces.$nbVisiteurs.$espaces;
   $dateDebut="";
   $dateDebut=$espaces.$dateDebut;
   $preMessage = "Vous êtes le visiteur n° ";
   echo "$preMessage$nbVisiteurs$dateDebut";
   $compteur=$compteur+1;
   $compteur=str_pad($compteur, 8);
   $dataFile="data.dat";
   $df=fopen($dataFile, "r+");
   fwrite($df, $compteur);
   fclose($df);
?>

airV

Merci beaucoup pour ces infos et pour le code.
Pour l'instant, n'ayant pas encore abordé le PHP, il m'apparait assez obscur  mais il sera le bienvenu dans quelques temps, car en effet un compteur est un outil interessant. :)

je me demandais d'ailleurs si le PHP n'allait pas être aussi utile pour faire la page de maintenance quand je mettrai le site à jour et aussi pour les pages d'erreurs..

en attendant j'avance dans le html-css et comme aujourd'hui j'avais besoin de me rassurer un peu, et plutôt que de potasser j'ai tenté quelques chose. C'est un peu au dessus dessus de mes compétences actuelles (2 jours d'apprentissage html-css) et j'ai dû chercher à droite à gauche pour comprendre par bout et tatonner avec l'inspecteur de chrome, aussi  ce n'est peut-être pas très propre, mais ça fait un moment que je me demandais comment réaliser cela du fait que je n'avais rien trouvé à ce sujet dans mon apprentissage Drupal.

en html pour la partie concernée ça donne cela :

<p><div class="container">
      <a href="page_small_edifices.html"><img src="images/small_edifice_13.jpg" alt="small edifice Nr.13" class="small"></a>
      <div class="text">
         <div class="text">Lorem ipsum dolor sit amet.</div>
      </div>
   </div></p>


et pour le fichier css
.container
{
   position: relative;
   width: 250px;
   height: 188px;
}

.small
{
   opacity: 1;
   display: block;
   width: 100%;
   height: 100%;
}

.text
{
   opacity: 0;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 153px;
   height: 1em;
   text-align: left;
}

.container:hover .small
{
   opacity: 0.4;
   transition: 0.5s;
}

.container:hover .text
{
   opacity: 1;
}

.text
{
   background-color: #fafafa;
   color: #000;
   font-family: ambleregular;
   font-size: 0.85em;
}


il y a des choses que je n'ai pas réussi à faire comme une largeur auto du texte et j'ai du la fixer manuellement en tatonnant, je ne sais pas si c'est possible. J'avais pourtant réussi pour la hauteur...

Je ne comprends pas pourquoi j'ai du re-préciser la font, qui pourtant était en haut de la page en  [at] font-face { font-family: etc }. j'avais cru comprendre que le css fonctionnait en cascade d'où son nom et que les paramètres généraux s'appliquaient sauf si on re-précisait. La font n'était certes pas précisée dans le body, mais pour tous les autres paragraphes que j'avais entrés la ambleregular s'appliquait...

je ne sais pas encore si c'est sur ce principe que je vais faire les Hover, mais c'est le mockup que je m'étais fixé et d'y être arrivé me met le moral au beau fixe  :)

Dormeur74

Il faudrait que tu donnes tout, car il peut manquer des choses importantes. Dans ton HTML, par exemple, il manque tout ce qui suit la balise ouvrante [url]. Le mieux serait que tu zippes le fichier HTML et son CSS et que tu le mettes à un endroit où on pourrait le télécharger.

J'ai vu que tu savais déjà utiliser le hover puisque la petite maison carrée avec son toit en onduline perd de son opacité quand on la survole, pourquoi as-tu posé cette question ?

Dormeur74

J'avais oublié :
width: 100%; t'évitera d'y aller à tâtons.

airV

#63
Hello,

merci c'est juste un fichiers avec différents exercices de cours dans lequel j'ai essayé d'improvisé cet effet hover que je m'étais fixé
La diminution de l'opacité était facile ainsi que l'effet transition (je suis tombé sur ce dernier par hasard dans le menu proposé et j'ai expérimenté).

Je voulais qu'apparaisse en plus un texte avec un background de la même teinte que celui de la page et c'est l'apparition de ce texte qui m'a causé souci.
j'avais mis width 100% pour la photo car j'avais donné au container la même dimension que la photo, mais pour le texte je voudrais que le background s'adapte automatiquement à sa longueur. Ici pour l'essai je l'ai calé sur le lorem, mais si par exemple je mets celui qui serait susceptible de figurer (small edifices portraits, 2015-2017) la longueur du texte change et ça ne fonctionne plus et je devrais adapter. je me demandais si il n'y avait pas moyen de contraindre la largeur à celle du texte. je mets les photos des 2 hovers
mais de toute façon, c'était vraiment un essai pour le moral, car je n'utilise pas les propriéts flexbox pour cela, je commence seulement à les apprénender et je referai cela avec cette méthode.
pour la font, c'est moi qui n'ai pas fait attention, elle était précisée en css paragraphe don normal qu'elle ne soit pas appliquée. Je vais essayé de la mettre en body pour que l'ensemble soit concerné.

je remets les fichiers en copie et en intégralité, en espérant qu'ils ne soient pas coupés.
l'url renvoie à une simple page avec la photo en plus grand que j'avais centrée en utilisant cette fois des propriétés flexbox.

note dans le fichier il y a:  /a entouré de < et de > que  CI me transforme en [URL]

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
   <title>Premiers tests du CSS</title>
</head>
<body>
   <h1>Nom du site</h1>

   <p>Bonjour et bienvenue sur le site !</p>

   <p><div class="container">
      <a href="page_small_edifices.html"><img src="images/small_edifice_13.jpg" alt="small edifice Nr.13" class="small"></a>
      <div class="text">
         <div class="text">Lorem ipsum dolor sit amet.</div>
      </div>
   </div></p>

   <p>allez sur OpenClassroom</p>

   <p>Pour le moment mon site est un peu vide. Patientez encore un peu ! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nisi et nam nostrum. Molestias optio perspiciatis quo porro assumenda vitae expedita fugit, quibusdam excepturi id fuga sapiente reprehenderit sequi aut doloremque esse blanditiis</p>

   <p class="autreparagraphe"> unde quia, ea dolores nam nobis nesciunt hic. Explicabo, temporibus, pariatur. Dignissimos, quis beatae voluptates reprehenderit soluta atque possimus iure aliquam veritatis ea numquam veniam quidem est voluptate. Aspernatur libero perspiciatis fuga animi sapiente, laborum enim et exercitationem possimus odio aliquam quae magnam laboriosam error voluptatibus saepe?
Esse non repudiandae illum, totam voluptates magni. Harum ad, voluptas facere veritatis voluptatum inventore officia delectus asperiores amet illo aspernatur facilis placeat consequuntur quod, odio modi! Dolore, ad quas culpa facere pariatur delectus aliquid in, maiores autem magnam, veritatis. Suscipit asperiores laborum nobis ratione beatae numquam aperiam, ipsa commodi error corporis consectetur non inventore quia minima, consequuntur pariatur. Consequuntur sed unde porro, ab a odio! Delectus similique eum laboriosam, doloremque! </p>

</body>
</html>


et le css complet

[at] font-face {
    font-family: 'ambleregular';
    src: url('fonts/Amble-Regular-webfont.eot');
    src: url('fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Regular-webfont.woff2') format('woff2'),
         url('fonts/Amble-Regular-webfont.woff') format('woff'),
         url('fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('fonts/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
   background-color: #fafafa;
}

p
{
   font-family: 'ambleregular', "Arial Black", Arial, Verdana, sans-serif;
   text-align: justify;
}

h1
{
   text-align: center;
}

a:hover
{
   color: green;
}

.container
{
   position: relative;
   width: 250px;
   height: 188px;
}

.small
{
   opacity: 1;
   display: block;
   width: 100%;
   height: 100%;
}

.text
{
   opacity: 0;
   display: block;
   position: absolute;
   bottom: 0em;
   left: 0;
   width: 153px;
   height: 1em;
   text-align: left;
}

.container:hover .small
{
   opacity: 0.4;
   transition: 0.5s;
}

.container:hover .text
{
   opacity: 1;
}

.text
{
   background-color: #fafafa;
   color: #000;
   font-family: 'ambleregular', "Arial Black", Arial, Verdana, sans-serif;
   font-size: 0.85em;
}

.autreparagraphe:hover
{
   color: green;
}

et la page à laquelle l'url renvoie

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="page_small_edifices_style.css">
   <title>small edifices</title>
</head>
<body>
   <p>
      <div id="container">
         <img src="images/small_edifice_13_page.jpg" alt="small edifice Nr.13" class="small">
      </div>
   </p>
</body>
</html>


et son fichier css

[at] font-face {
    font-family: 'ambleregular';
    src: url('fonts/Amble-Regular-webfont.eot');
    src: url('fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Regular-webfont.woff2') format('woff2'),
         url('fonts/Amble-Regular-webfont.woff') format('woff'),
         url('fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('fonts/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
   background-color: #fafafa;
}

#container
{
    display: flex;
}

.small
{
    margin: auto;
}



photodrone33.com

Pourquoi pas jimdo : simple a mettre en œuvre, maintenance très simple et de très nombreuses possibilités pour des graphismes élaborés.

Je l'utilise depuis maintenant trois ans et en suis très satisfait.


Dormeur74

Je laisserai le soin à notre ami le soin de te dire pourquoi il semble préfèrer les roulées (html+css) aux toutes-cousues (Jimdo).

Deux choses :
- tu ne m'as pas demandé comment j'avais deviné qu'il s'agissait d'une petite maison avec un toit en onduline. Parce que javais trouvé une photo portant ce nom sur Flickr. J'espère qu'elle est à toi.
- ce site n'est pas vraiment fait pour se perfectionner dans un langage de programmation. Tu trouveras toutes les compétences dont tu as besoin sur https://www.developpez.com/ ou sur https://openclassrooms.com/fr/. Ici, il vaut mieux s'en tenir aux généralités, sinon ça pourrait vite faire désordre.

airV

Citation de: photodrone33.com le Novembre 10, 2018, 16:31:59
Pourquoi pas jimdo : simple a mettre en œuvre, maintenance très simple et de très nombreuses possibilités pour des graphismes élaborés.

Je l'utilise depuis maintenant trois ans et en suis très satisfait.
Hello,

Je connaissais Jimdo, mon fils s'était ouvert un site il y a quelques années avec, et il y a aussi d'autres solutions de ce type qui ont été évoquées dans le fil, mais je voulais pouvoir avoir la main sur l'aspect. J'avais un peu de temps à consacré, j'en ai donc profité. J'ai un peu erré dans les CMS, et je pense que partir de la base est la meilleure solution. Je n'envisageais pas cela à l'ouverture du fil, n'ayant aucune connaissance en la matière, mais après avoir galéré un peu à droite et à gauche, je pense que c'et fisable, notamment du fait que je ne cherche pas à faire un site à la structure très complexe.

airV

Citation de: Dormeur74 le Novembre 10, 2018, 16:57:44
Je laisserai le soin à notre ami le soin de te dire pourquoi il semble préfèrer les roulées (html+css) aux toutes-cousues (Jimdo).

Deux choses :
- tu ne m'as pas demandé comment j'avais deviné qu'il s'agissait d'une petite maison avec un toit en onduline. Parce que javais trouvé une photo portant ce nom sur Flickr. J'espère qu'elle est à toi.
- ce site n'est pas vraiment fait pour se perfectionner dans un langage de programmation. Tu trouveras toutes les compétences dont tu as besoin sur https://www.developpez.com/ ou sur https://openclassrooms.com/fr/. Ici, il vaut mieux s'en tenir aux généralités, sinon ça pourrait vite faire désordre.

si si je me suis posé la question, mais j'ai oublié de te la poser  ;)

effectivement tu es bien tombé sur mon Flickr où figure cette photo, qui bien sûr m'appartient.
Et c'est presque un coup de chance car pour mes essais c'est une des rares fois où j'ai pris la même numérotation, habituellement pour les essais, je ne vais pas jusque là et je nomme et numérote de manière plus basique.
Il s'agit de la série que j'ai faite sur les "portraits d'édicules et j'avais ouvert un fil à ce sujet dans le forum (section MF numérique)

https://www.chassimages.com/forum/index.php/topic,242463.0.html

Tu as raison, ce n'est pas le lieu pour discuter du langage de programmation. c'est sur openClassroom que j'ai pris le cours html et css, je le trouve très bien fait, en tout cas très pedagogique.

doppelganger

#68
Citation de: Dormeur74 le Novembre 09, 2018, 11:19:43
Le MySql est un langage de requêtes sur une base de données. Ne voulant pas d'un outil de communication, tu n'en as pas besoin a priori.

Ne pas confondre un système de gestion de bases de données et un langage de requête.

Je ne recommande pas à l'auteur de ce fil de se lancer corps et âme dans un site dynamique à faire soit-même. PHP (puisqu'il était question de ce langage) ça se configure, un serveur Apache également et tout ceci ne s'invente pas. Se sont deux notions d'une liste longue comme à maitriser pour faire son site web.

Le code PHP à l'arrache, mélangé au html sous forme de script, c'était dans l'ancien temps. Pour faire bien, il faut une séparation du code, de manière à séparer l'affichage des données et de l'intelligence du site. Il existe un framework bien connu pour faire tout ça bien : Symfony (y'en a d'autre). Mais ça ne va pas te faire un site web d'un coup de baguette magique. C'est tout un métier.

Pour un site statique, du html, css sera déjà bien. Sinon, le CMS reste la meilleurs solution. Y'en a pour tous les goûts (e-commerce, photo, etc...). Je parlais de Symfony, c'est justement sur ce framework que repose des CMS comme joomla et drupal :)

doppelganger

Par contre, j'ai vu que ça parlait de Dreamweaver. S'il y a bien une chose à proscrire, c'est bien lui. A part générer du code dégueulasse, ça sert à rien.

Dormeur74

CitationNe pas confondre un système de gestion de bases de données et un langage de requête

Si tu connais un SGBD sans langage de requêtes, je suis à l'écoute.
Au tout début, dBase (SGBD), comportait une fonction d'indexation hiérarchique, un moteur de recherche, un constructeur de GUI et un langage de programmation qui permettait d'effectuer des requêtes. Ce serait trop long et inutile de faire une comparaison avec le Php/Mysql. Tout a évolué dans le temps, mais les fondamentaux sont les mêmes.
Je ne vois pas l'intérêt de ce coup de brouillard qui ne peut que fausser les esprits.

doppelganger

Citation de: Dormeur74 le Décembre 06, 2018, 10:28:47
Si tu connais un SGBD sans langage de requêtes, je suis à l'écoute.

Je vais le formuler autrement. MySQL n'est pas un langage de requête, c'est un SGBD. Le SQL est un langage de requête.

Citation de: Dormeur74 le Décembre 06, 2018, 10:28:47
Au tout début, dBase (SGBD), comportait une fonction d'indexation hiérarchique, un moteur de recherche, un constructeur de GUI et un langage de programmation qui permettait d'effectuer des requêtes. Ce serait trop long et inutile de faire une comparaison avec le Php/Mysql. Tout a évolué dans le temps, mais les fondamentaux sont les mêmes.

Inutile oui, car rien à voir. PHP est un langage de programmation et MySQL un SGBD. Le 1er peut exister sans le 2nd et vice-versa.

Citation de: Dormeur74 le Décembre 06, 2018, 10:28:47
Je ne vois pas l'intérêt de ce coup de brouillard qui ne peut que fausser les esprits.

Tout simplement de remettre les chose à leur place dans tout ce qui s'est dit. Ça évite justement d'embrouiller les gens.

Dub

Citation de: airV le Novembre 10, 2018, 19:22:10
Hello,

Je connaissais Jimdo, mon fils s'était ouvert un site il y a quelques années avec, et il y a aussi d'autres solutions de ce type qui ont été évoquées dans le fil, mais je voulais pouvoir avoir la main sur l'aspect. J'avais un peu de temps à consacré, j'en ai donc profité. J'ai un peu erré dans les CMS, et je pense que partir de la base est la meilleure solution. Je n'envisageais pas cela à l'ouverture du fil, n'ayant aucune connaissance en la matière, mais après avoir galéré un peu à droite et à gauche, je pense que c'et fisable, notamment du fait que je ne cherche pas à faire un site à la structure très complexe.

C'est en ça que Piwigo est puissant... et méconnu sur ce point...
Tu peux reprendre le CSS, créer une page HTML autonome... tout en profitant de la gestion simplifiée (et pointue; mots-clés, description...gestion des droits) des photos...

;)

baséli

Citation de: airV le Novembre 10, 2018, 19:22:10
J'ai un peu erré dans les CMS, et je pense que partir de la base est la meilleure solution. Je n'envisageais pas cela à l'ouverture du fil, n'ayant aucune connaissance en la matière, mais après avoir galéré un peu à droite et à gauche, je pense que c'et fisable

Et c'est ce que je t'avais conseillé tout de suite sur un de tes fils sur le sujet  ;D

Il existe des systèmes légers (par rapport aux CMS à base de PHP + SGBD), qui te permettent un équilibre entre ce qui est fait par l'application et ce que tu prends en charge à la main. Ce sont des générateurs de sites statiques, Hugo et Jekill par exemple. Tu devrais y jeter un œil.

Maintenant que tu as "galéré", je te conseille d'essayer de faire un site totalement à la main, HTML + CSS + JS + éditeur de texte. L'idée est de ne pas aller jusqu'au bout (non pas que je pense que tu n'en sois pas capable), et quand tu auras bien vu et compris le fonctionnement, tu comprendras aussi ce que les outils apportent. Et là, je parie ce que tu veux que tu fais ton site en une semaine avec n'importe quel outil, mais que tu auras choisi en connaissance de cause.

christian amiens

Bonsoir,
Je ne sais pas si la question a été posée ou si ce nom a déjà été cité.
Connaissez-vous le site " HUBSIDE.com " ?
J'ai vu une pub a la TV.
Pour la création de sites mais je ne sais pas si c'est dédié aux photographes.
Je l'ai parcouru, ça semble être un généraliste.

Merci d'avance pour vos réponses