Codage de zones désignées au préalable

Résolu/Fermé
Pacificicatrice Messages postés 5 Date d'inscription samedi 7 décembre 2013 Statut Membre Dernière intervention 18 janvier 2016 - Modifié par Pacificicatrice le 7/12/2013 à 23:12
 Paci - 8 déc. 2013 à 02:57
Bonsoir à tous!

Tout d'abord, merci du temps que vous allez prendre pour me lire.
Aprés avoir fait maintes recherches, je ne trouve pas de réponse, ni ici, ni ailleurs. Je me permets donc de poster un message. Ouais j'suis comme ça, j'suis une folle.

Ma question est la suivante: comment, à partir d'un espace designé sur un logiciel de photo ( j'utilise photoshop, actuellement), je peux coder mon php/sql pour faire en sorte que mon formulaire fonctionne? Je connais photoshop et dreamweaver, mais pour ce coup, je n'arrive pas a passer de l'un a l'autre avec les espaces déja designés.

Précisions, je ne cherche pas à exporter mon design pour le coder, ca je sais faire. Mais seulement pour les formulaires, les espaces membres... Où est ce que je rentre le code?

J'espere que ma questoin est claire, sinon je reste a disposition pour des éclaircissements.

Bien à vous,

La folle Paci.
A voir également:

1 réponse

Bonsoir,
la question est claire oui et non.
Elle n'a pas lieu d'être et montre vos méconnaissances mêmes des termes que vous employez.
Je vais préciser:
Vous parlez de codage, vaste mot qui veut pas dire grand chose à part écrire du code.
Si vous utilisez Dreamweaver vous devez savoir que c'est un logiciel "wygiwys" ç.à.d. il va faire ce que vous faites de façon visuel pour le transformer en code informatique.
C'est là qu'il faut préciser de quel code informatique vous parlez.
HTML est le langage d'écriture et de mise en page des pages internet. C'est l'équivalent de word mais en beaucoup plus simple. Il faut écrire des symboles nommés balises qui vont indiquer les éléments de la page comme une zone de texte, un endroit ou placer une image, les colonnes d'un article comme pour un journal etc... donc la mise en page.
En HTML il faut donc séparer la forme(chaque zone de la page et son but) et le contenu(un texte, une image, un formulaire, une vidéo, le titre....).
Dreamweaver écrit donc ces balises à votre place et il le fait très mal. Si vous utlisez Photoshop ou Frieworks pour exporter vos design au format des pages html cela sera à peu près aussi bon ou plutôt aussi mauvais.
Quand je dit cela je ne veut pas rentrer dans les détails mais sachez que c'est une des plus mauvaises façon de faire l'utilisation du wygiwys(dreamweaver, photoshop, fireworks ou words qui le fait aussi).

La meilleure façon de faire étant de prendre un fichier et d'écrire vous même les balises HTML. HTML est conçu pour faire les pages internet de matière rapide et pratiques, il est assez simple dans son principe.
Quelle que soit la façon dont il est fait un fichier HTML est un fichier texte qui correspond généralement à une page internet.

Autre terme que vous évoquez mais dont vous avez aucune connaissance c'est le formulaire.
Prenant son origine dans le formulaire papier il sert à la même chose transmettre des informations.
C'est une balise HTML, ou plutôt plusieurs balises. En HTML on indique par ces repères/balises chaque élément de la page signalais je.
Pour un formulaire HTML(car c'est de ça que l'on parles, formulaire n'est pas PHP ni javascript ni sql) il faut indiquer la balise du formulaire ainsi que la balise de chaque élément du formulaire comme:
une liste déroulante, une zone de saisie de texte, des cases à cocher de type QCM etc...

Enfant, quand j'allais chez mon dentiste j'inscrivais dans la salle d'attente de mon formulaire les informations me concernant. Pourquoi je vous parles soudainement de mon dentiste?
Parce que le formulaire HTML ou papier de mon dentiste n'est que le moyen de transmettre les informations. Mais les transmettre comment et à qui?
C'est là qu'interviennent les bases de données(le à qui les transmettre) et le langage de programmation PHP(c'est le comment les transmettre).

Tout comme pour HTML Dreamweaver permet d'écrire non plus les balises de code mais la programmation. C'est comme pour HTML faire du PHP avec Dreamweaver la pire des façons de faire. Il faudra contrairement à HTML qui est simple par contre comprendre le principe et avoir une formation complexe pour ce faire. En sachant que ce sera mal fait et quasiment aussi complexe que de le faire vous même en écrivant le PHP à la main cette méthode ne vaut pas le coup et est beaucoup plus limité.

Que ce soit pour HTML, PHP ou SQL ce sont des fichiers de textes sans formatages(uniquement l'extension du fichier comme mapage.html monprogramme.php mabasededonnees.sql) que vous pouvez apprendre à écrire vous même.

J'espère avoir été clair. Je ne suit pas exhaustif et si il faut parler de design pour une page web il faut rajouter à HTML le langage CSS qui permet d'avoir des couleurs, des positions dans la page, des images de fond et les nombreux éléments visuels concernant l'apparence de la mise en page(vous vous rappelez je vous disait il faut séparer la forme du contenu avec HTML, on doit aussi séparer dans la mise en page la forme de l'apparence).
Enfin j'espère être clair, sachez que pour HTML et CSS c'est plus simple qu'il n'y paraît(surtout avec des notions en graphisme/design) et que pour les bases de données et la programmation c'est plus compliqué qu'il n'y paraît.

Pour finir et essayer de pas être trop confus(au détriment de la longueur de la réponse) quand vous dites:
Où est ce que je rentre le code?

Le code est votre page, est votre formulaire est le moyen d'envoyer les informations vers la destination que vous voulez, et c'est éventuellement la base de données si vous utilisez ce service. Tout ça c'est plusieurs pages de textes que vous pouvez écrire avec le simples bloc notes de windows.
D'ailleurs si vous connaissez Dreamweaver vous savez qu'il y a 3 façons d'afficher voytre espace de travail:
La façon wysiwig pure ou designer, c'est l'affichage supposé(car ce que vous avez dans Dreamweaver correspond pas exactement à l'affichage du navigateur internet)
La façon combinée: l'écran est séparé entre son affichage et le code qui correspond à cet affichage.
Et la façon code: uniquement le HTML de la page, ce qui correspond à la bonne façon de faire et qui même pour utiliser Dreamweaver de manière graphique il est nécessaire d'avoir quelques notions.
0
Ma question est la suivante: comment, à partir d'un espace designé sur un logiciel de photo

Ce n'est pas possible ou plutôt c'est autre chose que du graphisme c'est HTML.
Il faut découper les images en zones correspondantes à chaque partie de la mise en page web(le média internet doit s'adapter à plusieurs tailles correspondant aux affichages forcément différents des écrans de chaque utilisateur, contrairement à un format papier qui comme le A4, B5, A0 sont fixes, les tailles peuvent varier) et "intégrer" chaque partie de l'image au moyen de la balise HTML correspondante.
Par exemple:
<img src="mon_image.png" /> indique qu'il faut afficher l'image "mon_image.png".
à l'instar des calques ou de logiciel de PAO destinés à l'imprimerie(indesign , quark) une page internet est l'ensemble plusieurs zones déterminées.
Pour un formulaire ce n'est pas une image mais un élément spécifique il faut simplement utiliser le repère(balise) correspondant avec le contenu que l'on désire.
Les tailles, couleurs, position, cadres et autres information de graphisme sont en suite indiquées par le biais des feuilles de styles CSS.

Cela s'appelle l'intégration : transcrire une maquette graphique et les éléments du contenu(textes, images, fond, couleurs...) en écriture HTML.
0
Décidément je prends du temps pour vous ce soir mais comme vous je suit un fou XD

Ma question est la suivante: comment, à partir d'un espace designé sur un logiciel de photo ( j'utilise photoshop, actuellement), je peux coder mon php/sql pour faire en sorte que mon formulaire fonctionne?

Que doit faire le formulaire? Par fonctionner que voulez vous dire. La page HTML c'est la partie visible de l'iceberg.

Pour faire des pages internet il faut d'abord connaître et maîtrisez HTML ce qui est assez simple(complétés par CSS pour de belles choses).

Le reste concerne la programmation. Avec javascript vous pouvez faire ce que vous voulez sur l'ordinateur de l'utilisateur.
Avec PHP vous pouvez faire pas mal de choses et communiquer avec l'ordinateur qui envoie les informations (serveur) à l'utilisateur(client), et aussi communiquer avec une base de donnée. La base de données est un fichier texte fait pour classer, trier, enregistrer et afficher/diffuser des informations. Il est écrit en SQL.
Là par contre il faut des mois d'apprentissage et d'expériences pour arriver à un résultat pro.

Vous avez aussi les CMS. Ce sont des gestionnaires de contenu qui permettent à l'instar de Dreamweaver d'utiliser des modules déjà fait pour réaliser le programme/site et sont plus accessible à prendre en main(nécessite quand même un apprentissage) bien que par définition plus rigide et moins personnalisé.
0
Paci > ertuof
8 déc. 2013 à 02:57
Bonsoir,

Merci pour vos réponses, détaillées.
J'ai peut être oublié de préciser, que je ne jurais pas que par DW, ça m'embête pas de coder à la main aussi.
J'ai pas trouve de réponse, peut être que ma question est pas claire. Bien sur je lis très attentivement ce que vous dites.
Quand je parle de formulaire, c'était un exemple, je pensais à quelque chose du genre une inscription sur un site, avec un pseudo, et diverses informations ( sexe, âge etc...). Je préfère bien détailler histoire d'être le plus clair possible.
Si c'est pour coder ce formulaire, je sais faire, il y'a pas de soucis ( avec l'ajout des infos dans la base de donnée, et les utiliser ).
Ce que je voudrais faire, c'est que je vois souvent des tutos qui font des designs web, avec des encadrés censés servir à rentrer les donnes lors de l'inscription. Mais je ne sais pas comment coder ce que je sais faire, sur l'image si j'ose dire.
J'espère que vous voyez mieux ma pensée, et au plaisir d'avoir vos avis.

Bien à vous,

Toujours la folle Paci.
0