Je vais commencer ici un tutoriel en plusieurs parties destiné à créer une newsletter (lettre d’information) à envoyer par email à vos contacts. Pour cette première partie, nous allons créer le document QuarkXpress, indiquer des pécifications de page permettant un affichage centré dans le navigateur ou le gestionnaire de courriel et créer nos premiers liens.

1. Création du document.

Dans le menu « Fichier », choisissez « Créer projet » et choisissez le type de mise ne page « Web ». La couleur choisie pour la rubrique « Fond » n’est pas la couleur de votre fond de page, mais celle qui apparaitra dans le fond du navigateur ou du logiciel de messagerie sous votre page. C’est ici aussi que vous décidez des couleurs dans lesquelles apparaitront les liens de la page. Préférez les teintes de la palette « Web safe colors » qui ont plus de chance d’être respectés dans les différents logiciels qui afficherontvotre Newsletter.

Important : veillez à cocher la case « Page à largeur variable », sinon vous ne pourrez pas centrer votre document en largeur et il apparaitra collé au bord gauche de la fenêtre, quelle qu’en soit sa largeur.

2. Centrer le contenu

Une fois votre document créé, affichez la maquette de la page (Menu « Page », sous-menu « Affichage », choix « A-Maquette A ») et insérez-y un bloc texte. Utilisez le raccourci-clavier [cmd]+[M] pour en éditer les spécifications : dans l’onglet « Bloc », assignez 0 pixel à l’origine horizontale et verticale, 1 pixel à la largeur du bloc et 550 pixel à la hauteur (on modifiera cette hauteur selon le contenu puisqu’elle devra toujours être supérieure au reste des éléments de la page). Dans l’onglet « Texte », indiquez 0 pixel de retrait au texte et cochez la case « Largeur variable », enfin dans l’onglet « Habillage », choisissez « Néant ». Dupliquez votre bloc et à l’aide de la palette « Mesures », alignez le second bloc vis-à-vis de la page en haut et à droite. Créez quelques guides qui nous serviront à aligner le contenu de notre page (ici un guide horizontal à 10 pixels du bord haut et 2 guides verticaux à 10 pixels des bords droits et gauches. Quittez le mode maquette en double-cliquant sur la page 1 dans la palette « Disposition de pages » ou via le menu « Page/Affichage/Mise ne page ».

3. Création des premiers liens

Avant de créer un nouveau lien, nous devons ajouter du contenu à notre page. En effet, un lien créé directement via la palette sans qu’un bloc ou un texte ne soit sélectionné n’affichera pas de champ « Cible » dans le dialogue de création de lien, et il ne sera plus possible de modifier cette propriété par la suite directement ans QuarkXpress.

Créez un bloc texte et tapez « Si vous ne parvenez pas à lire cette lettre d’information, cliquez ici. ». Affichez maintenant la palette « Hyperliens » que vous trouverez dans le menu « Fenêtres ». Sélectionnez les mots « Cliquez ici » et ajoutez un hyperlien. Nommez votre lien « newsletter online » indiquez un type « URL » et dans le champ « URL », entrez le futur chemin de votre Newsletter, par exemple : « http://votre_site_web/le_repertoire_de_vos_news/votre_news.html ». Ce fichier n’existe pas encore, il s’agit d’un chemin théorique, ce lien pourra être modifié par la suite. Dans le champ « Cible », choisissez « _blank », ce qui signifie que le lien ouvrira une nouvelle fenêtre pour afficher votre News. La cible par contre ne sera pas modifiable par la suite.

Importez votre logo ([cmd]+[E]) ou glissez-déposez-le directement depuis le Finder (sur Mac). Veillez à ce qu’il soit sélectionné et créez alors le second lien qui dirigera vers la page d’accueil de votre site. Dans le champ « URL », entrez son adresse (« http://www.mon_site_.fr »).

Prévisualisez le résultat en cliquant sur la petite mappemonde en bas à gauche de la fenêtre de votre document. Étirez la page de votre navigateur pour bien vérifier que le contenu soit centré et se déplace avec la fenêtre. Enregistrez le résultat.

A suivre…