Afin de mettre une impulsion dans votre activité et de booster votre recrutement ,
il vous est conseillé de créer votre site personnel et d'y mettre votre petite touche .
Vous avez aussi la possibilité d'utiliser l'éditeur pro disponible avec votre plan d'abonnement à CI,
mais cependant, pas toujours évident de l'utiliser et de l'améliorer pour les plus démunies en la matière .
Voici un petit tutorial pour la création et de mise en ligne de votre site internet .
Présentation :
1 :
Création de votre site
2 : Mise en forme
3 : Mise en ligne
2 : Mise en forme
3 : Mise en ligne
Qu'est ce que le HTML ?
================================================================================================================================
HTML = Hyper Texte Mark-up Langage
C'est un langage de
description qui utilise des marqueurs et permet de faire de la
navigation (lecture non linéaire).
Il permet de présenter des documents, ce qui actuellement est banal, mais ces documents seront lisibles sur tout navigateur (enfin presque),
quelque soit le système ou l'ordinateur, c'est fondamental. Avec l'HTML vous pourrez être lu par de nombreux systèmes.
Après la parole, l'écriture, l'imprimerie, l'informatique permet un pas de plus : permettre à chacun de publier dans le monde entier !
================================================================================================================================
Il permet de présenter des documents, ce qui actuellement est banal, mais ces documents seront lisibles sur tout navigateur (enfin presque),
quelque soit le système ou l'ordinateur, c'est fondamental. Avec l'HTML vous pourrez être lu par de nombreux systèmes.
Après la parole, l'écriture, l'imprimerie, l'informatique permet un pas de plus : permettre à chacun de publier dans le monde entier !
================================================================================================================================
Dans votre plan d'abonnement à CarrefourInternet vous avez accès à un partenaire d'ordre bien concerné par le sujet qui s'appelle " WebDonline "
Pour en découvrir d'avantage sur le language HTML , vous pouvez y trouver un tutorial bien avancé et pointu à droite de la page d'accueil
1 : Création de votre site internet
Le but de ce tutorial est de vous permettre de créer votre site web facilement et sans apprendre le language HTML .
Pour cela , internet nous donne la possibilité d'utiliser des outils gratuits tel que des éditeurs ou encore des kits grafiques
en libre téléchargement . Les kits graphiques sont des " templates " qui vous donnent directement
l'aspect et la structure du site sans que vous le codiez par vos propres moyens .
N'allons pas chercher compliqué , ici nous allons prendre un kit gratuit ou vous y mettrez votre contenu personnel.
Voici 3 exemples de kits graphiques ( template ) ci dessous :
Ce sont les structures de votre site web , tout le codage ( code source ) sont déja programmés .
Il ne vous sera simplement demandé d'y mettre votre touche personnel pour le contenu .
Vous trouverez ces kits gratuit sur le site de l'éditeur " les kits gratuits de Téka "
Voici quelques adresses de sites proposant leurs templates gratuitement :
creer-un-site.fr
outils-gratuits.web
freewebtemplates.com
templates.creakaz.com
freesitetemplates.com
Bien sur , beaucoup d'autres sites proposent leurs kits à titre gratuit ou payant.
A vous de bien fouiller sur internet .
2 : Mise en forme de votre site web
Voici la partie la plus longue , la mise en forme de votre site web .
Une fois que vous avez téléchargé le template que vous avez besoin ,
vous allez devoir le stocker sur le disque dur de votre ordinateur.
En général , les kits graphiques que vous téléchargez sont compressés aux formats "rar
" Un utilitaire de décompression de fichier tel que " Winrar ou encore Winzip " sont indispensable
pour l'extraction du contenu du kit graphique .
Si vous n'avez pas encore d'utilitaire de décompression , veuillez vous rendre
sur cette page pour en télécharger un gratuitement ; nous prendrons le plus convoité : Winrar
Voici votre kit compréssé sur votre ordinateur :
En laissant le curseur de votre souris pointé sur le fichier , vous pouvez constater
le nom de l'archive , son poid ainsi que sa date d'acquisition .
Ensuite , faites un clique droit sur l'archive et selectionnez " Extraire vers " ( le nom de l'archive )
Voila votre kit décompréssé dans un dossier . Maintenant , rangez l'archive "rar " quelques part à l'abri dans votre ordinateur
et ne gardez que le dossier que vous pouviez voir sur l'image de droite ci-dessus .
Ensuite ouvrez ce dossier et découvrez le contenu du kit :
Le dossier " images " contient tous les images dèjà intégrés dans le kit . Vous pourrez bien sur en ajouter dans ce même dossier par la suite .
Le fichier " index.html " est la page d'accueil de votre site web . Si vous souhaitez créer plusieurs pages ,
il vous faudra reprendre une page vierge et la rénomer selon la page souhaitée ( www.votresite.index.html/accueil/boutique/partenaires... ect...)
Maintenant nous allons double cliquer sur le fichier " index.html " et découvrir le contenu du kit graphique :
Voici la page de base de votre site web !
Vous pouvez constater que le contenu est basique , le développeur de ce kit
à fait en sorte que vous puissiez le modifier .
Voila votre page de base qui maintenant ne demande qu' à être modifier .
Pour cela , nous allons utiliser un éditeur HTML .
Un éditeur HTML (ou éditeur Web) est un logiciel conçu pour faciliter la préparation et la modification de documents écrits en Hypertext markup language (HTML).
Un document HTML est le principal composant d'une page web .
Voici 2 logiciels trés convoités pour la création et l' édition de page web :
Dreamweaver et NVU
En cliquant sur les liens actifs ci-dessus , vous serez redirigés vers des sites tutoriaux pour
prendre en main facilement ces deux logiciel
Ici , nous utiliserons NVU :
Après avoir installé votre logiciel , exécutez le en double cliquant sur l'icone NVU placé sur votre bureau
Votre logiciel NVU est ouvert et voici son interface de gestion :
( Pour des raisons de tailles , j'ai coupé la partie droite de l'image )
Pour modifier le contenu de votre page web , nous allons ouvrir la page " html" qui se trouve dans votre kit de base .
cliquez en haut a gauche sur " fichier " et ensuite " ouvrir un fichier "
Sélectionnez le dossier qui contient le fichier " index.html "
Voici votre page web dans l'éditeur HTML :
Il ne vous reste plus qu'a travailler l'édition avec les outils du logiciel .
N'oubliez pas qu'un tutorial au format pdf est disponible : NVU
Il vous permettra d'apprendre à utiliser les outils de l'éditeur , d'y insérer un contenu actif , images , script , liens ....
conseils:
Créez un dossier pour travailler vos pages afin de préserver votre dossier décompressé intact .
Cela vous permettra en cas de gros problème à l'édition , de réouvrir une page de base et de recommencer
votre modification depuis le départ .Sauvegardez votre page à chaque modification de contenu avant de faire
un aperçu dans le navigateur .Ne vous aventurez pas dans le code source pour faire des modifications
de ligne sans que vous ne sachiez ce qu'il décrit , vous risqueriez de déformer la structure de votre page
qui affichera des bugs à la vue dans le navigateur .Pour insérer une publicité CarrefourInternet sur votre site ,
référez vous aux bannières proposées dans votre centre de gestion :
Onglet " Webcommerçant " dans le menu de gauche " stratégie de vente " et " outils de publicité "
Pour ajouter une bannière CI ;
Sélectionnez le code HTML sous la bannière et copier tout le code HTML
exemple pour cette bannière :
<a href="http://www.carrefourinternet.com/redir.asp?i_id=113&i_user=colimann" target="_blank"><img src="http://www.carrefourinternet.com/img.asp?i_id=113" border="0"></a>
Sélectionnez une zone ou vous souhaitez afficher votre bannière ou image
Dans la palette d'outils en haut de NVU , cliquez sur " insertion " et " code HTML "
Ici nous prendrons le centre de la page en retirant le contenu " texte "
Ensuite collez le code que vous aviez copié
Répétez cette action pour chaque insertion de bannière ou d'image et retrouvez vos créations sur votre page web
Pour modifier le texte , c'est aussi facile qu'un éditeur texte . Utilisez les même touches
( supp pour effacer , entrer pour descendre , Maj pour majuscule ect... )
Pour créer un lien , il vous suffit tout simplement de sélectionner le mot ou la ligne dans le texte ,
de faire un clic droit et " Créer un lien " dans le champ demandé , ajoutez le lien que vous souhaitez
afin de redirigé le clic vers le site indiqué .
Exemple :
Voici votre page prête avec vos bannières et vos liens actifs
Après avoir un peu étudié le tutorial et quelques heures de pratiques
vous pouvez avoir votre première page opérationnelle
Voila votre page prête à être mise en ligne !
Avant de passer à l' étape 3 ;
Je reviend et j'insiste sur l'utilisation du tutorial de NVU disponible plus haut . Ne vous lancez pas dans une quelconque création sans
en avoir pris un minimum connaissances de ce tutorial . Ce serai une perte de temps garantie .
Toute fois vous pouviez trouver d'autres tutoriaux d'utilisation de NVU en cherchant sur internet ( Google )
Vous avez aussi un outil indispensable dans nos partenaire qui est le " WebDonline " ( WebD )
voici le lien pour accéder à des tutoriaux d'applications HTML : WebD tutorial HTML
3 : Mise en ligne de votre site web
Maitenant il ne reste plus qu'à mettre votre page en ligne .
Afin de permettre aux internautes de voir votre site internet , il faut que votre site soit " hébergé "
sur un serveur " ftp "
Qu'est ce que Hebergé et ftp peuvent bien vouloir dire ?
================================================================================================================================
Hébergeur Internet
Un article de Wikipédia, l'encyclopédie libre.
Un hébergeur Internet (ou hébergeur Web) a pour vocation de mettre à disposition des internautes des sites internet gérés par des tiers.
Il donne ainsi accès à tous les internautes au contenu déposé dans leurs comptes par les webmestres souvent via un logiciel FTP ou
un gestionnaire de fichiers. Pour cela, il maintient des ordinateurs connectés 24 heures sur 24 au réseau internet (des serveurs web)
par une connexion à très haut débit (plusieurs
centaines de mbps), sur lesquels sont installés des
logiciels : serveur HTTP (souvent Apache),
serveur de messagerie, de base de données ...
Serveur FTP
Un article de Wikipédia, l'encyclopédie libre.
Un serveur FTP (pour File Transfer Protocol) permet, comme son nom l'indique de transférer des fichiers par Internet.
Si vous en avez l'autorisation, vous pouvez télécharger et envoyer des fichiers sur un ordinateur distant faisant fonctionner un tel serveur.
Le port par défaut et le plus souvent utilisé est le port 21 .
================================================================================================================================Bref , ces termes doivent certainement vous paraitre très complexe mais ne vous arrêtez pas la-dessus car ce ne sont que les définitions .
Nous allons simplement utiliser ces protocoles pour mettre votre site en ligne .
Pour ne pas entrer dans ce qui pourait vous paraître assez compliqué , nous allons utiliser les méthodes gratuites et simples
Il y a plusieurs possibilités d'utiliser un hébergeur . Tout internaute , possède un espace d'hébergement offert par son fournisseur d'accès internet .
Certains sont facilement configurable et d'autres moins . Si vous souhaitez mettre en ligne votre site sur l'espace fourni par votre fournisseur d'accès internet ,
je vais vous expliquer une méthode assez "standard " grâce à l'utilisation d'un petit logiciel FTP , comment mettre vos pages dans votre hébergement.
Tout d'abord , téléchargez le logiciel " Filezilla " ( client et serveur FTP ) en cliquant ICI
Si celui ci est compressé en archive " rar " ou " zip " , décompressez le comme vous avez du faire plus haut pour le kit graphique .
Installez le programme et ouvrez le une fois installé : ( Faites une mise à jour si celui-ci vous propose de le faire )
Voici votre logiciel FTP ouvert
L'interface de gestion est vide forcément , nous allons paramétrer l'accès à votre hébergement :
Une mini fenêtre s'ouvre " Gestionnaire de sites "
IMPORTANT :
Le port 21 est le port alloué par défault pour les " transferts FTP "
Si vous avez une connection
internet protégé par un routeur ou encore une logiciel
parfeu ( firewall )assez puissant,
Vous allez devoir vous procurer vos infos de connections
si vous ne le connaissez pas , en consultant éventuellement
votre contrat d'abonnement
à votre fournisseur d'accès ou encore en consultant sur le portail de celui ci comment configurer votre espace d'hébergement .
à votre fournisseur d'accès ou encore en consultant sur le portail de celui ci comment configurer votre espace d'hébergement .
Cliquez sur " connection "
Nous allons maintenant charger les fichiers de votre site sur votre espace d'hebergement via le logiciel FTP
Vous pouvez constater que vos fichiers sont transférés dans votre espace d'hébergement
Tapez l'adresse de votre espace personnel dans votre navigateur web .
Vous pouvez désormais voir votre site en ligne .
Cette méthode fonctionne avec tous les FAI qui offre un hébergement
personnel à leurs abonnés . Il vous faut tout simplement connaitre les
logins d'accès ainsi que l'adresse du " hôte " . Vous les trouverez dans le
panneau de configuration de votre compte internet ou encore sur le portail
de votre fournisseur d'accès .
Si toutefois vous souhaitez utiliser votre espace Carrefourpro ,
vous pouvez appliquer cette même méthode .
Mon conseil :
Si vous souhaitez créer votre site et de le faire grandir ,
je vous conseille un hebergeur proféssionnel .
L'hébergeur pro est payant certes mais donne des outils
que vous n'aurez jamais avec un Fournisseur d'accès internet .
De plus , un hébergeur pro vous garantie une fiabilité et sécurité bien plus importante .
J'espère que ce tutorial vous aidera au mieu .
N'hésitez pas à poser vos questions en cas de problème .
Ps : je suis ouvert à toutes critiques positives afin d'améliorer
ce tutorial pour aider au mieux possible les personnes dans le besoin
Bonne réussite !
Yohann ( Colimann )