Cette visite rapide va vous permettre de prendre connaissance avec les possibilités essentielles de TOWeb et de créer ainsi en quelques minutes votre premier site web.
Le démarrage du site |
| Vous devez en premier lieu sélectionner le type de site web que vous souhaitez réaliser, soit un site web personnel, soit un site web professionnel ou pour un organisme. En fonction de votre choix, la liste des rubriques de démarrage sera légèrement différente. |
 |
|
| Saisissez ensuite le titre de votre site et choisissez vos tous premiers centres d'intérêts en tenant compte des importantes recommandations qui suivent : |
|
Le choix du titre de votre site |
| Le titre est l'une des choses les plus importantes de votre site. Non seulement il apparaîtra dans la barre de titre des navigateurs Internet de vos visiteurs mais il sera également utilisé lorsque les internautes ajouterons votre site à leurs listes de sites web favoris. De plus, le titre sera l'information principale utilisée par les moteurs de recherche (Google, Yahoo, etc...) pour référencer votre site dans leurs répertoires. Il importe donc de choisir votre titre de manière très judicieuse et de façon à résumer du mieux possible le contenu de votre site web. Il est conseillé de faire commencer votre titre par vos nom et prénom (dans le cas d'un site personnel dont vous êtes le sujet) ou le nom de votre organisation (dans le cas d'un site professionnel). |
|
Sélectionner vos premières rubriques |
Pour débuter votre site web, vous devez sélectionner une ou plusieurs rubriques dans la liste proposée. Bien que vous puissiez ne choisir qu'une seule rubrique, nous vous conseillons de débuter avec au moins 2 ou 3 rubriques de manière à ce que votre site soit plus traditionnel. Par exemple pour démarrer un site personnel, sélectionnez les 3 rubriques Page d'accueil, Album photo, A propos de moi.
Note: Afin de poursuivre ce pas à pas, nous vous recommandons de sélectionner au moins la rubrique Page d'accueil. |
|
| Lorsque vous avez sélectionné les premières rubriques avec lesquels vous désirez démarrer votre site, cliquez sur le bouton Créer votre site web situé dans la barre de navigation de TOWeb. |
|
Créez rapidement votre premier thème |
| Pour la création de votre tout premier thème, vous pouvez soit partir d'un des exemples fournis en le sélectionnant dans la liste un modèle de thème , soit générer un thème de manière totalement aléatoire et qui servira de base pour la présentation de toutes les pages de votre site web. |
 |
|
Vous pouvez cliquer sur l'aperçu pour agrandir et visualiser dans votre navigateur Internet une page web d'exemple. Si vous choisissez le générateur de thèmes cliquez successivement sur le bouton Générer un nouveau thème aléatoire ! jusqu'à obtenir rapidement un style qui vous convienne comme base de départ. Pour changer aléatoirement des éléments individuellement, utilisez les boutons Couleurs, Menu, etc..
Pour améliorer le rendu et la qualité de votre bannière nous vous recommandons d'y ajouter des images en sélectionnant une ou plusieurs de vos photos (ou à défaut, d'utiliser les images fournies dans la bibliothèque de cliparts). Lorsque certains résultats obtenus vous plaisent, ajoutez-les à vos Favoris de manière à pouvoir y revenir. Dès que votre choix sur un thème de départ vous convient, cliquez sur le bouton Continuer avec les rubriques. Vous aurez la possibilité ultérieurement de revenir sur votre theme pour le personnaliser plus en détails. |
|
Modifier le contenu de vos rubriques |
| Vous vous trouvez à présent dans l'étape permettant de gérer les rubriques de votre site web et leur contenu. Vous pouvez modifier l'ordre de vos rubriques en utilisant les boutons monter et descendre situés au-dessus de la liste (les 2 flèches). Le menu de votre site (s'il comporte au moins 2 rubriques) sera dans l'ordre de cette liste. La première rubrique de la liste sera la page d'accueil de votre site, portez donc un soin tout particulier à son contenu en souhaitant par exemple la bienvenue à vos visiteurs, en expliquant le but et le contenu de votre site (ou ce que vous projetez d'y mettre) et également les toutes dernières nouvelles ou nouveautés de votre site. |
 |
|
Sélectionnez la page d'accueil dans la liste et renseignez le titre de la page en indiquant par exemple "Bienvenue sur le site web de Nathalie !". Lisez le message d'introduction situé en dessous qui contient des conseils et remplacer le par votre propre texte (par exemple une phrase comme "Aujourd'hui est un grand jour : je débute mon tout premier site web où je compte publier régulièrement mes photos et mes histoires").
IMPORTANT : toutes les modifications que vous effectuez dans votre site sont enregistrées au fur et à mesure par TOWeb, il n'y a pas de bouton "Enregistrer" comme vous avez pu en rencontrer dans d'autres applications auparavant. |
|
|
|
Cliquez ensuite sur le bouton Construire et voir et un aperçu de votre site situé dans la barre de menu de TOWeb (ou pressez la touche F12) pour visualiser votre site dans le navigateur Internet installé sur votre machine. Vous pouvez utiliser ce bouton à tout moment pour consulter votre site web localement (il n'est pas encore disponible sur Internet). Fermer votre navigateur Internet pour revenir à TOWeb.
|
|
| Le titre et l'introduction de votre page d'accueil étant à présent modifiés, nous allons modifier le contenu de cette rubrique d'accueil en cliquant sur le bouton Modifier le contenu situé sous la liste des rubriques de votre site. Vous devriez obtenir l'écran suivant : |
 |
|
| A présent dans la zone Image, cliquez sur le bouton « Explorer » et sélectionnez une photo ou une image située sur votre ordinateur (ou à défaut une image dans la bibliothèque de cliparts) à l'aide de l'Explorateur d'images : |
 |
|
| Une fois votre image sélectionnée, validez votre choix en cliquant sur le bouton OK. Puis remplacez tout le contenu de la zone Texte par votre propre contenu. |
|
|
|
Remarque: Si vous le souhaitez vous pouvez également faire des essais de changement de Présentation du paragraphe en utilisant la liste déroulante comme par exemple celui indiqué ci-contre qui placera votre texte avant votre photo. Si au contraire vous préférez avoir la photo avant votre texte, sélectionnez à nouveau le premier choix de la liste. Faites autant d'essais que vous le désirez !
|
|
Cliquez à nouveau sur le bouton Construire et voir et un aperçu de votre site pour visualiser le résultat de vos modifications. Vous pouvez continuer de modifier et découvrir d'autres possibilités comme changer la Taille & Bordure de votre image ou de supprimer et ajouter d'autres paragraphes dans cette rubrique.
Lorsque vous le désirez, cliquez ensuite sur le lien Retour à la liste des rubriques de la barre de navigation.
En quelques minutes et en quelques clics, vous venez de parcourir les 3 principales étapes de TOWeb et de créer votre tout premier site web sur votre ordinateur. Un site web dont la présentation est unique (et que vous pourrez personnaliser ou modifier à volonté) et dont la page d'accueil contient déjà une photo personnelle et vos informations.
|
|
Votre 1ère publication sur Internet |
| Si vous êtes déjà satisfait de votre site web ou si vous désirer tester la dernière étape de TOWeb, vous pouvez essayer de publier la version actuelle de votre site sur Internet. |
 |
|
Pour cela il vous faut retrouver les informations que votre fournisseur d'accès à Internet ou votre hébergeur vous à communiqué, à savoir : votre identifiant de connexion Internet et votre mot de passe. Rendez-vous à la phase 5 en cliquant sur Publier dans la barre de menu. Utilisez le correcteur orthographique si vous le désirez ou cliquez directement sur le lien Publier maintenant ce qui aura pour effet d'ouvrir la boite de configuration de l'hébergeur étant donné que c'est votre première publication. Suivez les instructions pour configurer votre hébergeur puis fermez la boite de dialogue et cliquez enfin sur Publier ! dans la barre de navigation. Une fois la connexion établie, patientez jusqu'à la fin du transfert : votre site web est maintenant disponible pour tous les internautes ! En cas de problème pour publier votre site, pensez à bien vérifier votre nom utilisateur et votre mot de passe de connexion et suivez les instructions d'assistance.
Remarque: Si vous rencontrez des problèmes pour publier votre site reportez-vous aux différentes sections ci-dessous :
|
|
|
|
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000002.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000005.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000007.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000014.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000013.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
; popup.document.open();popup.document.write( '<html><head><link rel=\'stylesheet\' href=\'../_frame/site.css\' type=\'text/css\'><meta http-equiv=\'imagetoolbar\' content=\'no\'></head><body style=\'background-color:#FFFFFF;background-image:url(../_frame/blank.gif);\' bgcolor=#FFFFFF><center><img src=\'bv000009.jpg\' alt=\'\'><br><br><table class=\'wg-paragraph\' style=\'border:none\'><tr><td><a href=\'javascript:close();\'>fermer la fenêtre</a></td></tr></table></center></body></html>' );popup.document.close(); "Cliquez pour agrandir l'image")
