Mon Jeu Adopter Boutiques Forum Communauté Jeux Monde Guides

Modérateurs : Modérateurs Artistiques, Modérateurs Écriture, Modérateurs RPG & écriture, Modérateurs Saloon, International Moderators

Message par Dellgerenn » 26 Sep 2018 14:03

Hello ~

Je ne sais pas si l'idée a déjà été lancée mais comme je n'ai rien trouvé de tel, je décide d'ouvrir le sujet.
J'ai depuis peu dans le cadre de mon parcours universitaire des cours d'informatique où nous apprenons à coder en html. Je suis toute novice là-dedans mais je me dis qu'il y en a sûrement parmi vous qui sont assez agiles avec ça ! ^w^ J'ai très envie de partager ça avec vous parce que j'ai longtemps cherché à savoir comment ça marchait mais étais perdue dans le torrent d'info que je recevait dans tous les sens. Comme en cours je commence par le début, je me dis que ça peut être utile à certain·es ! ^^
Donc vous êtes tous et toutes les bienvenue pour un beau p'tit partage de connaissances autour du langage html.

Comme je fais ça un peu sur un coup de tête, je ne sais pas encore trop comment je vais présenter le truc.
Je recenserai sûrement tous les tips ici en essayant de les organiser :3 C'est pour cette raison que je laisse libre les deux prochains messages, au cas ou ça deviennent utile. Je ne suis pas non plus à l'abri d'un gros flop ! :lol: Auquel cas tant pis haha :p j'aurai tenté.

Comme j'ai un peu des bases (mais vraiment basiques) je vais poster quelques tips moi-même !
J'ai aussi des questions telle que celle-ci : comment centrer une image sur un fichier css ? N'hésitez pas à répondre ici ! ^^
--> j'ai réussiiii ! :p
Dans mon fichier HTML j'ai mis la balise suivante :
Code : Tout sélectionner
<div class="photo">
<img src="ma_photo.jpg"/>
</div>

Dans mon fichier css :
Code : Tout sélectionner
.photo
{float:center;
position:relative;
text-align:center;}


Création d'une page web


1. Vous devez avant toute chose vous munir d'un éditeur de texte tel que Bloc-note (pas très lisible), Notepad ++, ou SciTE (que j'utilise) par exemple, qui sont gratuits et téléchargeables très facilement.

2. La structure de base ressemble à ça :

Image

3. Pour enregistrer votre document, donnez lui un titre suivit de l’extension .html et lorsque vous double-cliquerez sur ce lien, une page web s'ouvrira ! /!\ Je ne sais pas encore sécuriser mon travail. En haut de la page il y aura tout le cheminement de votre dossier d'écrit soit des infos sur le lieu de stockage du fichier !
Pour faire un fichier css (Cascading Style Sheet, ou feuille de style), il suffit d'ajouter l'extension .css au fichier.

4. à suivre...


Dell'
Image
Recherche toutes créatures - Créa dispo à l'échange : Mes doubles et ce clan
>>> Wattpad : Phénix • Poème du moment : Les ombres
~ Prénom : Abel ou Phénix | Pronoms : yel ou iel | Accords : neutres ou masculins ~
Avatar de l’utilisateur
Dellgerenn
 
Message(s) : 2810
Âge : 25
Inscrit le : 09 Juin 2014 17:07
Localisation : Dans une forêt sombre, cueillant des plantes aux vertues magiques et des champignons
Me proposer un échange
Voir mes créatures
Voir ma liste de recherches
Voir mes dessins

Message par Dellgerenn » 26 Sep 2018 14:03

Pour plus tard
Image
Recherche toutes créatures - Créa dispo à l'échange : Mes doubles et ce clan
>>> Wattpad : Phénix • Poème du moment : Les ombres
~ Prénom : Abel ou Phénix | Pronoms : yel ou iel | Accords : neutres ou masculins ~
Avatar de l’utilisateur
Dellgerenn
 
Message(s) : 2810
Âge : 25
Inscrit le : 09 Juin 2014 17:07
Localisation : Dans une forêt sombre, cueillant des plantes aux vertues magiques et des champignons
Me proposer un échange
Voir mes créatures
Voir ma liste de recherches
Voir mes dessins

Message par Dellgerenn » 26 Sep 2018 14:04

Pour plus tard
Image
Recherche toutes créatures - Créa dispo à l'échange : Mes doubles et ce clan
>>> Wattpad : Phénix • Poème du moment : Les ombres
~ Prénom : Abel ou Phénix | Pronoms : yel ou iel | Accords : neutres ou masculins ~
Avatar de l’utilisateur
Dellgerenn
 
Message(s) : 2810
Âge : 25
Inscrit le : 09 Juin 2014 17:07
Localisation : Dans une forêt sombre, cueillant des plantes aux vertues magiques et des champignons
Me proposer un échange
Voir mes créatures
Voir ma liste de recherches
Voir mes dessins

Message par linaya » 13 Oct 2018 04:33

C'est effectivement intéressant ^^

Je ne sais pas créer une page web, mais quand j'avais commencé à m'intéresser aux balises pour les forums, j'avais regardé comment fonctionnait une page web sur google. Mais je n'ai jamais trouvé d'explications simples, la plupart des explications que je trouvais étant destinés à des personnes sachant déjà le faire.
Rien que ce que tu as mis, cela m'a fait comprendre la structure d'une page web, c'est déjà un bon début ^^. Bon après, je ne dis pas que j'ai tout compris, loin de là, vu que je ne sais pas ce qu'est un fichier css par exemple (même si j'ai déjà entendu ce terme). J'en ai juste déduis qu'il ne suffit pas de faire un fichier html sur un fichier texte avec toutes les balises, mais qu'il faut aussi faire un fichier css à côté (pour la mise en forme, genre pour centrer, indiquer les tailles, couleurs, etc ... ? ). Moi qui pensait que la mise en forme se faisait directement sur la page html en utilisant les bonnes balises, j'avais apparemment tout faux :lol:

Oui oui, je sais, je suis une quiche en langage informatique, hahaha !

Ah, et pendant que j'y suis : j'ai voulu mettre une url avec nom sur mon profil qui s'ouvre dans une autre fenêtre. Vu que le bouton url dans la barre d'outil qui ouvre un pop up ne fonctionne pas (il fait un lien tout simple), j'ai tenté d'écrire directement les balises html en ajoutant l'attribut Target blank. Exemple avec le lien de gothicat :
Code : Tout sélectionner
<a href="https://gothicat-world.com" target="_blank">Gothicat</a>

Bah, apparemment, c'est pas ça. Ca me donne bien un lien hypertexte avec nom, mais il ne veut pas s'ouvrir dans un autre onglet ou fenêtre. De plus, après enregistrement, si je retourne dans le code source, ce que j'ai écris s'est transformé en lien avec nom, l'atttribut target a disparu. En suivant mon exemple ci dessus, il est désormais écrit :
Code : Tout sélectionner
<a href="https://gothicat-world.com">Gothicat</a>

J'ai fait un truc de travers ? pourquoi l'attribut target a disparu ? si quelqu'un a une réponse, je suis preneuse. Merci d'avance ^^

Voili voilou ....
______________________________

Image
Merci à Lucinda97 pour cette magnifique signature
Avatar de l’utilisateur
linaya
 
Message(s) : 1035
Âge : 54
Inscrit le : 24 Nov 2016 21:53
Me proposer un échange
Voir mes créatures
Voir ma liste de recherches


-->

Retour vers Loisirs et passions

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Google [Bot] et 57 invité(s)