Tutoriel Tutoriel HTML pour les débutants [Templates]

AlexLpb

Master 🏆
Level 2

Torrents Stats

Messages
72
J'aime
40
Trophées
485
Inscrit
21 Mars 2018
Bonjour ou Bonsoir à tous,

Je vais vous expliquer comment développer un site pas dégeu avec un template, pour certain sa peut parraitre inutile, mais certaine personne en ont besoin.

Pré-requis:
- Un cerveau
-Notepad++/Sublime text 2

- Et de la réflexion

Contenu masqué
D'abord, cherchez un bon template pour votre site.
Ici, nous allons utilisés un template d'un site d'hebergement WEB.
Contenu masqué
[ItHost] [https://colorlib.com/wp/template/ithost/]
Télécharger le, puis extrayez le où bon vous semble.
Pour ma part, je vais le mettre sur le bureau.
Ouvrez le dossier et rendez vous dans le fichier index.html, au préalable ouvrez le fichier dans votre navigateur WEB pour voir la page de base.


Une fois que vous avez ouvert l'index dans votre éditeur de texte et dans votre navigateur, nous allons procéder à l'édit de ce dernier.

Pour commencer, si vous voyez une image qui vous ne plaît pas ou, un logo que vous voulez remplacez par le votre, il suffit de faire clic droit sur ce dernier, inspecter, fait Edit as HTML et de copier ce qui ce après le img src= jusqu'au ".
Pour ma part sa donnera : "./img/logo.png" maintenant, retournez dans votre dossier ou il y à le Index.html, le CSS etc...
Puis en haut dans la barre de chemin
[http://prntscr.com/ncv22b] et de rajouter après le nom de votre dossier, ce que vous avez copier aux préalable.

Attention ! Il faut changer les / en \ retirer le .png de fin puis d'enlever le " . " si jamais il y en à un au début de votre racine comme moi par exemple !
Chez moi sa donnerais donc : D:\Desktop\ithost\img\
Une fois que vous êtes arriver dans le dossier ou ce situe le logo, il vous suffira de reperer le nom du logo, de renommer le votre pareillement que ce dernier, puis de le remplacer par le nouveau.


Puis pour le reste, le texte c'est très simple ! Il vous suffit de copier le texte que vous voulez changer sur la page index.html, d'aller dans le fichier, d'appuyer simultanément sur CTRL gauche et F, de coller le texte, de faire entrer et de le modifier !

Exemple :
Ici, le texte le texte "Unbeatable Offers" ne me plaît pas.
http://prntscr.com/ncv6ig
Donc, je copie "Unbeatable Offers", je vais sur mon fichier, je fait CTRL + F je colle le texte
Puis sa m'emmene içi :
http://prntscr.com/ncv7fi
Et maintenant je modifie avec le texte qui me plaît.
Tutoriel par Kakashi !
 

Bot Agency

Master 🏆
Level 3

Torrents Stats

Messages
113
J'aime
116
Trophées
275
Inscrit
28 Novembre 2018

mrprapog

l'Accru 🥇
Level 2

Torrents Stats

Messages
44
J'aime
8
Trophées
141
Inscrit
11 Mai 2018
Merci pour le tuto je vais voir sa direct
 

ImJessy

Master 🏆
Level 1

Torrents Stats

Messages
42
J'aime
2
Trophées
791
Inscrit
24 Juin 2017

La__louve

l'Actif 🥉
Level 1

Torrents Stats

Messages
4
J'aime
0
Trophées
74
Inscrit
17 Juillet 2019
Merci, ça peut m'interesser
 

Fluxyoff

Master 🏆
Level 1

Torrents Stats

Messages
62
J'aime
1
Trophées
181
Inscrit
21 Janvier 2018
Mouais à voir
 

User_9392

l'Affirmé 🥈
Level 2

Torrents Stats

Messages
75
J'aime
0
Trophées
86
Inscrit
5 Mai 2018

hichamos

Nouveau 🌱
Level 1

Torrents Stats

Messages
7
J'aime
0
Trophées
3
Inscrit
5 Octobre 2019

Dakite

Master 🏆
Level 1

Torrents Stats

Messages
90
J'aime
74
Trophées
805
Inscrit
30 Décembre 2015
Merci pour le tuto
 

Mix

Master 🏆
Level 1

Torrents Stats

Messages
90
J'aime
36
Trophées
373
Inscrit
15 Décembre 2017

twistlan

l'Accru 🥇
Level 1

Torrents Stats

Messages
23
J'aime
0
Trophées
131
Inscrit
11 Juillet 2018
Merci on va voir se que sa donne
 

f4n4tiikgaming

Master 🏆
Level 2

Torrents Stats

Messages
74
J'aime
4
Trophées
786
Inscrit
12 Janvier 2016
mouais pas mal
 

OberSchütze

Donateur ❤
Level 2

Torrents Stats

Messages
157
J'aime
591
Trophées
602
Inscrit
15 Avril 2018

sailor211

Master 🏆
Level 1

Torrents Stats

Messages
49
J'aime
4
Trophées
181
Inscrit
4 Août 2019
Bonjour ou Bonsoir à tous,

Je vais vous expliquer comment développer un site pas dégeu avec un template, pour certain sa peut parraitre inutile, mais certaine personne en ont besoin.

Pré-requis:
- Un cerveau
-Notepad++/Sublime text 2

- Et de la réflexion

[Hidden Content][Hidden Content][Hidden Content]

Tutoriel par Kakashi !
on va aller voir ca
 

tro2fake

l'Affirmé 🥈
Level 2

Torrents Stats

Messages
49
J'aime
104
Trophées
85
Inscrit
29 Décembre 2018
Merci pour le tuto
 

Iverson

l'Accru 🥇
Level 1

Torrents Stats

Messages
157
J'aime
25
Trophées
141
Inscrit
26 Novembre 2019
Bonjour ou Bonsoir à tous,

Je vais vous expliquer comment développer un site pas dégeu avec un template, pour certain sa peut parraitre inutile, mais certaine personne en ont besoin.

Pré-requis:
- Un cerveau
-Notepad++/Sublime text 2

- Et de la réflexion

[Hidden Content][Hidden Content][Hidden Content]

Tutoriel par Kakashi !
Merci beaucoup sa peut aider, je suis en formation devoloppeur en plus donc un peu d'entrainement c'est bon a prendre, d'ailleur si par hasard des personnes exercant le metier voit se message je suis a la recherche d un stage pour valider ma formation donc je demande un peu partout je sais que ce n'est pas vraiment le site pour mais je test qui ne tente rien n'a rien.
 

Phinks

l'Affirmé 🥈
Level 1

Torrents Stats

Messages
36
J'aime
1
Trophées
116
Inscrit
26 Août 2019
Merci pour le tuto :)
 

Hezogaming

l'Accru 🥇
Level 1

Torrents Stats

Messages
20
J'aime
5
Trophées
121
Inscrit
14 Mai 2016
Bonjour ou Bonsoir à tous,

Je vais vous expliquer comment développer un site pas dégeu avec un template, pour certain sa peut parraitre inutile, mais certaine personne en ont besoin.

Pré-requis:
- Un cerveau
-Notepad++/Sublime text 2

- Et de la réflexion

[Hidden Content][Hidden Content][Hidden Content]

Tutoriel par Kakashi !
Merci pour la publication je commence a debuter je suis en formation d'en le webmaster
 
Haut Bas