Comment créer un site Web à l'aide d'un programme d'édition Web?

Familiarisez-vous un peu avec le HTML et la conception Web en général. Consultez http://lissaexplains.com. C'est un excellent site Web pour les débutants et un moyen amusant et facile d'apprendre le HTML!

Considérez à qui s'adresse votre site Web. Posez-vous les questions suivantes:

• Quels types de couleurs et/ou de graphismes conviendront à votre public?
• Êtes-vous divertissant ou essayez-vous de faire des affaires?
• Le site Web doit-il être conçu pour la facilité d'utilisation ou la conception?

Ouvrez votre programme d'édition graphique (cet exemple utilise paint shop pro mais il y a aussi gimphoto). Commençons par créer vos graphiques (ou si vous avez déjà les vôtres, passez à l'étape suivante).

• Pour créer un bouton simple, sélectionnez Nouveau dans le menu Fichier. Lorsque la boîte de dialogue apparaît, sélectionnez 88 x 31 Micro Button dans le menu Préréglages ou saisissez vos propres dimensions. Remplissez votre bouton de la couleur de votre choix et ajoutez le texte de votre choix maintenant. Cliquez ensuite sur le menu Effets, sélectionnez Effets 3D, puis Buttonize. Vous pouvez jouer avec les variables si vous le souhaitez, mais une fois que vous avez terminé, cliquez sur OK et sur alto. Voilà votre bouton!
• Pour créer un séparateur assorti, modifiez les dimensions de la taille de l'image jusqu'à ce que ce soit la taille et la longueur souhaitées et faites la même chose!
• Si vous avez besoin d'arrière-plans, recherchez sur le Web des images libres de droits, il y en a des tonnes.

Ouvrez votre éditeur Web (dans cet exemple, nous utilisons la page d'accueil mais il existe également Kompozer et Sea Monkey Composer). Votre site Web a probablement plus d'une page, alors créons une page de cadres comme index.

• Sélectionnez Nouveau dans le menu Fichier. Si une boîte de dialogue Modèles ne s'ouvre pas, cochez la case à droite et sélectionnez Plus de modèles de page.
• Cliquez sur l'onglet Frames Pages et trouvez celui qui vous convient, à vous et à votre site Web. Pour cet exemple, nous utiliserons la bannière et le contenu.
• Pour ajuster les tailles de cadre, faites glisser près des bordures où la petite flèche apparaît, jusqu'à ce que la taille souhaitée soit atteinte. Si vous souhaitez conserver les cadres comme redimensionnables dans le navigateur, laissez-les tranquilles. Sinon, faites un clic droit sur la page et sélectionnez Propriétés du cadre. En bas, décochez la case Redimensionnable et navigateur, et hop.
• Pour définir les arrière-plans sur vos pages nouvellement créées, faites un clic droit n'importe où dans le blanc et sélectionnez Propriétés de la page. Cliquez sur l'onglet Formatage et sélectionnez la couleur que vous souhaitez ou l'image que vous souhaitez utiliser. Généralement, votre barre de menus (ou les liens des boutons) sont fixes dans une ou plusieurs des pages de cadres, la page centrale étant celle qui affiche vos pages liées.
• Pour ajouter vos boutons, choisissez votre page de menu et sélectionnez Insérer, Image, À partir d'un fichier, et récupérez-la à partir de votre ordinateur. Ne vous inquiétez pas pour le lien maintenant, nous y reviendrons plus tard.
• Si vous souhaitez vous débarrasser de la barre de défilement, faites un clic droit sur la page et sélectionnez Propriétés du cadre. En bas, là où il est écrit Options, choisissez entre Jamais, Si nécessaire et Toujours.
• Ajoutez le contenu de votre page d'accueil. Vous pouvez envisager d'ajouter un lien vers votre page d'accueil s'il contient des informations importantes.
• Nommez vos pages de cadre. Cliquez avec le bouton droit n'importe où sur chaque page et sélectionnez Propriétés du cadre. Tout en haut se trouve le nom; nommez-les comme vous voulez (c.-à-d. accueil, menu, bannière, etc.) Enregistrez tout, en vous assurant de nommer votre index de jeu de cadres (l'index est la page vers laquelle votre navigateur sera automatiquement lié lors de l'ouverture d'un site Web).

Lancez l'une de vos "pages liées". Vos pages liées sont les pages vers lesquelles vos boutons mèneront. Sélectionnez Nouveau et gardez une page vierge; cela ira à l'intérieur de la page que vous avez définie comme page d'accueil dans le cadre. Ajoutez votre contenu et enregistrez.

Retournez à votre ensemble de cadres. Pour lier un bouton à votre page, faites un clic droit dessus et sélectionnez Lien hypertexte. Recherchez la page que vous avez créée pour ce bouton, mettez-la en surbrillance et sur le côté droit, sélectionnez Cadre cible... À partir de là, mettez en surbrillance le cadre dans lequel vous souhaitez que votre page s'affiche et appuyez sur ok. Testez votre lien; faites un clic droit sur votre bouton et sélectionnez Suivre le lien hypertexte... si vous l'avez fait correctement, votre page liée sera affichée là où se trouvait votre page d'accueil auparavant! Parfois, FrontPage peut être maladroit, donc si cela ne fonctionne pas, essayez plutôt de créer un lien vers le cadre parent.

Créez le reste de vos pages et reliez-les de la même manière! Pour que les liens s'ouvrent dans une nouvelle fenêtre, faites la même chose, mais au lieu de sélectionner votre cadre d'accueil, sélectionnez Nouvelle fenêtre.