Mise en ligne d'un site

-Le site du BTS IRIS-

Maxime Car et Romain Garcia

Compte Free
Pour obtenir un compte free, il faut crer un compte chez free et demander une page perso Free vous envoie votre login et mot de passe par courrier. Une fois le mot de passe et le login acquis, il faut activer votre page perso sur le site de free.fr.

Inscription chez free

Activation de la page perso aprs avoir reu le login et mot de passe

Vous devez ensuite activer votre base de donnes. Choisissez la base MySQL

Votre page qui est normalement active ressemble ceci

Joomla!
Joomla! est la transcription phontique d'un mot swahili qui signifie "tous ensemble", ou encore "en un tout". Joomla! est un systme de gestion de contenu (en anglais, CMS, pour Content Management system) cr par une quipe internationale de dveloppeurs rcompense maintes reprises, celle-l mme qui a hiss Mambo vers les sommets. Et un CMS, c'est quoi?? Pour faire simple, un CMS est un logiciel web qui vous permettra de crer un site internet dynamique en toute simplicit. Joomla! est un CMS Open Source distribu sous license GNU/GPL (gratuit) avec lequel vous pourrez mettre en ligne du contenu et mettre disposition de vos visiteurs des services (forum, boutique en ligne, galerie photos,...), le tout sans connaissance technique particulire.

Sur joomla.fr tlcharger la version 1.0.12

On obtient

cette
archive quil faut dcompresser

Entrez votre nom dutilisateur free

Puis entrez le port 21 Enfin cliquer sur Connexion Rapide

Tapez votre mot de Tapez ladresse passe free ftpperso.free.fr

Une fois larchive joomla! dcomprsse, il faut luploader grce FileZilla vers votre compte free. Pour cela, il suffit de louvrir gauche et de la faire glisser droite.

Cration du rpertoire session sur votre page perso free (dans le volet de droite de FileZilla)

Retournez sur votre page perso, linstallation de Joomla! dmarre.

Linstallation de Joolma! termine votre site internet ressemble a celui-ci.

Afin de modifier votre site, il suffit de cliquer sur longlet administration du site et de vous identifier grce au mot de passe que vous avez donn lors de linstallation de joomla!

Ladministration permet une trs grande flexibilit du site

On peut tlcharger de nombreuses templates sur internet

Une template est une apparence pour un site internet En voici un exemple :

Toutefois si cette apparence ne vous convient pas tout fait, vous pouvez la modifier quelque peu en ligne de code ou encore en modifiant les images se situant dans le rpertoire images du template grce FileZilla

Lapparence globale du site se situe dans un fichier .css

Le CSS
Le langage CSS (Cascading Style Sheets: feuilles de style en cascade) est utilis pour dcrire la prsentation d'un document structur crit en HTML ou en XML. CSS est utilis pour dfinir les couleurs, les polices, le rendu, et d'autres caractristiques lies la prsentation d'un document. L'objectif est de bien sparer la structure (crite en HTML ou similaire) et la prsentation (en CSS) du document. Cette sparation fournit un certain nombre de bnfices, permettant d'amliorer l'accessibilit, de changer plus facilement de structure et de prsentation, et de rduire la complexit de l'architecture d'un document. Enfin, CSS permet de s'adapter aux caractristiques du rcepteur. Exemple d'un fichier .css appartenant a un module de joomla : dd.dm_taskbar li a:hover { color: #696969; /*ecriture des boutons */ background-color: #eeeeee; /* couleur de fond de bouton en bas */ text-decoration: none; } Dans le fichier index.html du site, on constate en effet qu' plusieurs endroits on y fait appele.

Pour crer un article sur votre site il suffit de vous loger en admin avec votre mot de passe, puis dans le menu catgorie il faut diter votre article, cest trs simple.

Ainsi on obtient des articles comme celui-ci, rpertoris dans le menu principal et contenants des liens de sites internet. Ces articles sappellent des articles statiques

Dans notre site nous avons fait une rubrique tlchargement. Pour cela, nous avons cr un dossier tlchargement sur notre site avec FileZilla(comme le dossier sessions) puis, il faut mettre un lien hyper texte pointant le fichier, plac auparavant dans le dossier tlchargement, grce son URL. Par exemple pour le logiciel easyphp : http://maximehome.free.fr/Telechargements/easyphp18_setup.exe

 Cest en appliquant cette mme mthode de cration de dossier que nous avons cr une rubrique photos avec comme exemple lURL : http://maximehome.free.fr/photos/coursdinformatique.jpeg

 Nous avons aussi mis en place des modules comme un dfilement dimages alatoires. L aussi nous avons crer un dossier pour cet effet et un autre module installation dun forum sur notre site.

Sous Joomla! Il est aussi possible de crer des sous-menu . Pour cela il suffit de crer une slection qui contiendra plusieurs catgories . Il suffira alors de crer un lien parent vers le menu gnral.

Vous devez dsormais tre capable de mtre en ligne un jolie site. Nous esprons que le tutoriel fut comprhensible.
Bon courage pour la suite!