| | | |
Home /
Publier en ligne - Cahier des médias  Uploading ....
EditoDe plus en plus fréquemment, les internautes qui surfent sur la toile en viennent à vouloir eux aussi publier en ligne. Lire les documents des autres, c'est bien. Entrer en communication différée par l'Em@il ou en temps réel par le chat, c'est encore autre chose. Participer à des forums ou être abonné à des listes de diffusion permet d'échanger de l'information, ponctuellement et avec un groupe limité de partenaires. Mais à la fin, on se prend l'envie d'entrer à son tour en phase de partage de contenu, "en tenant vitrine pour le monde entier". C'est alors que l'on envisage la création HTML. Qu'il s'agisse de pages personnelles ou d'un véritable site thématique, le principe est le même : on héberge sur un serveur un contenu rédigé en langage HTML, de sorte qu'il soit accessible à tout qui voudrait en prendre connaissance. Rédigé à destination du grand public, il doit développer une interactivité qui laisse le visiteur en mesure de choisir son parcours de lecture. D'autant que celui-ci aboutira peut-être sur votre site grâce à un moteur de recherche et qu'il se contentera de lire un ou deux écrans selon la thématique qu'il étudie.
Qu'il s'agisse de documents pédagogiques, quand l'on est enseignant, de stratégies d'animation, quand l'on est formateur, de traces médiatiques (photos souvenirs, par exemple) après une animation, ou de la présentation de son groupement, de son association ou de son école, on se prend désormais à rêver de devenir webmaster et de créer son site.
Editer en HTML (1), le pas n'est pas si difficile à franchir. D'ailleurs, comme pour tout apprentissage concernant le we, celui-ci se charge de vous fournir conseils, instruments et souvent même logiciels-outils pour vous seconder dans votre mission. Vous voilà donc en mesure de faire vos premiers pas... que nous accompagnerons de quelques conseils.
Aussi bizarre que cela puisse paraître, il s'agit d'abord de se poser une série de bonnes questions. En effet, à partir en voyage sans avoir fait l'inventaire minutieux de ses bagages, on risque la déconvenue dès la première étape.
Par où commencer ?Définir au préalable le type de communication que l'on veut établir, le public auquel on destine son message. Appréhender le mode de langage que ce public affectionne particulièrement. Identifier les moyens techniques et les compétences de création que je peux réunir pour mon projet : autant de tremplins mais de limites aussi à ma capacité d'expression. Rassembler les ressources qui figureront dans ma communication... en m'inquiétant aussi des droits d'auteurs respectifs de ces documents (photos, textes et sons s'il y en a). Car cet aspect est essentiel en publication. Editer, c'est sortir de la sphère du privé. C'est afficher, et pour certains même faire commerce, d'éléments constitutifs de la propriété intellectuelle. Une fois que l'on aura formulé la réponse à ces questions, on sera en mesure d'...
Et non, pas encore ! ...Editer, direz-vous. Eh bien non. Car avec mon intention, mon contenu et mes outils, mon public et mon langage médiatique, je suis encore devant ma page blanche ! "Par où commencer" se dit aussi de la mise à plat du scénario de ma communication. Publier, c'est communiquer, c'est informer, c'est également accrocher. C'est divertir aussi parfois. Bref, autant d'intentions qui demanderont de votre part des choix. Des choix de séquencement (découpage : le storyboard de l'audiovisuel), d'illustration, de mise en page, d'interactivité... de sorte que l'internaute ait envie de poursuivre sa visite, de prendre la main peut-être aussi sur le parcours à réaliser au sein de votre magasin... se servant finalement de ce dont il a besoin, plus que de ce que vous lui imposeriez par un cheminement linéaire, entièrement balisé. Car en fait de balises, le langage HTML propose justement cette interactivité de l'hyperlien qui rend le visiteur autonome. Il faut donc envisager cette spécificité dès le début de l'écriture de votre arborescence. Ou alors, écriver un bon bouquin, bien paginé et abandonnez le multimédia pour un moment encore.
Assistant ou not assis...Fort de votre projet et de son découpage (2), de vos ressources et d'une vue claire de l'agencement de celles-ci sur des écrans multiples, vous pouvez alors vous orienter vers la sélection des outils. Selon leur projet de communication et leurs capacités personnelles à s'approprier de nouveaux outils informatiques ceux qui débutent constituent généralement une population aux ambitions très diverses. Difficile ici de satisfaire à tous les profils en un court article. Disons que, pour faire simple et en vous limitant à une ambition de publication de quelques écrans relativement standardisés, vous trouverez sur le Net, des assistants à la création HTML. Ils sont ce que sont les assistants d'un logiciel comme le traitement de texte ou les éditeurs de page (genre Publisher, Ragtime....). Ils offrent une gamme de modèles préprogrammés d'une mise en page type pour lesquelles un certain nombre d'options sont à configurer. Vous prenant par la main, ils aident grandement à la réalisation. Un exemple que nous exploitons assez facilement en formation est l'atelier de création de l'hébergeur Tripod. (http://www.tripod.fr) Mais la plupart des hébergeurs en ligne offre maintenant ce type de service. Toutefois, ne leur demandez pas de faire du sur-mesure. C'est le rayon du prêt-à-porter qui s'offre à vous. Pour le sur-mesure, c'est un étage au-dessus. Il vous faudra vous approprier un logiciel-outil qui vous permette d'être (de couper) votre propre patron.
Mise en ligneQuand vous aurez rédigé vos pages, il vous faudra les transférer sur le net. Là aussi une procédure à choisir parmi diverses options s'offrant à vous. Gratuité ou non, contenance plus ou moins limitée, choix logiciel de l'hébergeur (car celui-ci est susceptible de vous imposer des normes que vous n'avez pas nécessairement intégrées à vos pages). Le téléchargement (uploading) de votre site se fera par transfert Ftp (3), ce qui demande que vous soyez équipé du logiciel ad hoc. Lorsque votre site sera en place, vous pousserez un "ouf" de soulagement, supposant que la plus grosse partie du travail est effectué. Permettez que l'on vous détrompe ! Il reste une tâche essentielle à réaliser, sans quoi votre site ne sera pas... visité : en faire connaître l'existence.
PromoLe référencement est une partie importante du travail de publication. Dans l'édition papier et dans l'industrie cinématographique, la partie du chiffre d'affaire allouée à ce circuit de la distribution est la plus importante. Là aussi, vous bénéficierez d'aide. Fort heureusement. Mais vous devrez aussi mouiller votre maillot, car la meilleure promotion, finalement, c'est vous qui la ferez. Faire revenir maintes et maintes fois votre site, dépend d'une stratégie dont vous êtes l'acteur principal : c'est par la mise à jour de votre contenu et l'apport incessant de nouvelles fraîches que vous attirerez le chaland. Alors, qu'on se le dise, l'avenir est à vous. Oui mais en HTML, pardi
[Note]
(1) HTML : Hyper Text Markup Language, langage d'édition fonctionnant sur le principe des hyperliens entre écrans reliés
(2) N'ayez pas peur d'aller jusqu'à le mettre par écrit sur papier, ce sera du temps gagné !
(3)FTP : File Transfert Protocole. C'est la voie toute indiquée pour faire circuler des fichiers informatiques d'une machine-client vers un serveur. Des logiciels de ce type (et d'autres) sont téléchargeables à partir de l'adresse http://www.tucows.tornado.be)
C r é e r : a v e c q u e l l e b a g u e t t e m a g i q u e ?
S ' i l e x i s t e d e s a s s
i s t a n t s à l a c r é a t i o n m i s à v o t r e d i
s p o s i t i o n p a r l e s h é b e r g e u r s d e s i t e
s , i l f a u t b i e n r e c o n n a î t r e q u ' i l n '
y a l à q u e p r o c e s s u s s t é r é o t y p é s e n
r e g a r d d e s " v r a i s l o g i c i e l s d e c r é a t
i o n H T M L " . S a n s f a i r e d e p u b l i c i t é ,
n o u s d i r o n s t o u t d e m ê m e q u e c e s d e r
n i e r s s o n t l e p a s s a g e o b l i g é d ' u n e v
é r i t a b l e é d i t i o n n u m é r i q u e . D a n s l e u
r s v e r s i o n s r é c e n t e s , c e s l o g i c i e l s
p e r m e t t e n t n o n s e u l e m e n t l a c r é a t i o
n d e p a g e s , m a i s a u s s i l a g e s t i o n d e
s l i e n s e n t r e c e l l e s - c i , q u e l l e s q u
e s o i e n t l e s m o d i f i c a t i o n s l o r s d e l
a m i s e à j o u r . P e n s e z u n p e u : v o u s r
e n o m m e z u n d o s s i e r c o n t e n a n t u n e p a r
t i e i m p o r t a n t e d e v o t r e s i t e e t v o u
s v o i l à d a n s l a n é c e s s i t é d e r é a j u s t
e r t o u s l e s l i e n s h y p e r t e x t e s c o n c e r
n é s . H e u r e u sement, l e s l o g i c i e l s a u t e u
r H T M L f o n t c e l a a u t o m a t i q u e m e n t , m a
i n t e n a n t .
|
P r o d u i r e o u r e p r o d u i r e ?
A p p o r t e r s u r l e N e
t u n v a s t e c o n t e n u t e x t u e l e s t s a n s
d o u t e a i s é p o u r l e s a d u l t e s q u e n o u
s s o m m e s . M a i s n ' é t a n t n i p h o t o g r a p h
e , n i d e s s i n a t e u r , n i g r a p h i s t e , a l l
o n s - n o u s d é p l o y e r a u t a n t d e c r é a t i v i
t é p o u r l a p a r t i e i l l u s t r a t i o n et
graphisme ? U n e s o l u t i o n s i m p l e c o n s i s t
e à a l l e r à l a p ê c h e s u r I n t e r n e t . P
u i s q u e t o u t é l é m e n t q u i y a p p a r a î t
(puces, ligne, bordure...) e s t n u m é r i q u e , i l s u f
f i t d ' e n c o p i e r l e c o d e p o u r l ' i n s é r
e r d a n s s a p r o p r e p a g e . P a r l ' i n t e r f
a c e d e v o t r e n a v i g a t e u r , l a c h o s e e s
t e n c o r e p l u s a i s é e : c ' e s t l e d é s o r
m a i s t r a d i t i o n n e l ' c o p i e r / c o l l e r " . M
a i s q u i d d e l a p r o p r i é t é i n t e l l e c t u e
l l e ? e t d e v o t r e a m o u r p r o p r e ? C a
r s a n s ê t r e p r o f e s s i o n n e l d u c r o q u i
s o u d e l ' i c ô n e , i l v o u s e s t l o i s i b l
e d 'être votre propre auteur en faisant f o n c t i o n n e r d
e s u t i l i t a i r e s s i m p l e s , c o n v i v a u x e
t e f f i c a c e s . U n l o g i c i e l d e c r é a t i o
n d ' i m a g e s ( P a i n t s h o p P r o , p a r e x e m p
l e ) , doté d'une p a l e t t e g r a p h i q u e , v a v o u
s p e r m e t t r e d e c r é e r d e s b o u t o n s i n t
e r a c t i f s s a n s p a r e i l s . D é c l i n e z - l e s
d a n s u n e g a m m e d e c o u l e u r s q u i a v o t
r e p r é f é r e n c e , h a r m o n i s e z a v e c u n f o
n d d ' é c r a n b i e n c h o i s i e t v o u s v o i l
à n a n t i d ' u n e c o h é s i o n g r a p h i q u e d e
v o t r e c r u q u i " r e n d r a " d e f a ç o n p l u
s p e r s o n n e l l e v o t r e c r é a t i o n . V o u s p
o u r r e z m ê m e p r é t e n d r e à l a c o n f e c t i o
n d e p e t i t e s a n i m a t i o n s ( c l i g n o t e m e n
t o u r o t a t i o n , p a r e x e m p l e ) a v e c d e
s o u t i l s s h a r e w a r e c o m m e G i f b u i l d e
r o u U l e a d G i f A n i m a t o r . E t p u i s , s '
i l v o u s v i e n t l ' i d é e d e r e p r e n d r e d e
s c h o s e s e x i s t a n t e s s u r l e W e b , p e n s
e z à l e s m o d i f i e r q u e l q u e s p e u , d e s
o r t e q u e l ' u n i f o r m i s a t i o n n e g a g n e p
a s l a p l a n è t e .
|
D e s i m a g e s , e n v 'l à !
L
' i l l u s t r a t i o n d e v o t r e s i t e p e u t ê t r
e g r a n d e m e n t a m é l i o r é e p a r l ' i n s e r t i
o n d ' i m a g e s . L à a u s s i , c o m m e p o u r l e
s é l é m e n t s g r a p h i q u e s , i l v a u t m i e u
x ê t r e p r o p r i é t a i r e d e se s d o c u m e n t s
. C l i c h é s p r i s a v e c u n a p p a r e i l n u m é
r i q u e , o u d o c u m e n t s s c a n n é s c o n s t i t u
e r o n t l a r e s s o u r c e p r i n c i p a l e d e v o t
r e i c o n o t h è q u e . U n e r è g l e g é n é r a l e d
o i t toutefois v o u s g u i d e r d a n s l a s a u v e g a
r d e d e v o s d o c u m e n t s : l a r é s o l u t i o
n m a x i m a l e a f f i c h é e s u r l e N e t e s t
d e 7 2 D P I (1) . N ' a l l e z p a s p l u s l o i n ,
c e l a n e s e r t à r i e n , v o u s n e f e r i e z
q u ' a u g m e n t e r l a t a i l l e d e v o s f i c h i e
r s , s a n s b é n é f i c e a u c u n .
U n
e f o i s l e d o c u m e n t s a u v e g a r d é , e t é v
e n t u e l l e m e n t r e t o u c h é ( r e c a d r a g e , e t
c ) i l f a u t l ' e n r e g i s t r e r d a n s u n f o r
m a t t r a n s f é r a b l e ( g i f o u j p e g ) , s e l o
n l e n o m b r e d e c o u l e u r s e t l a t e x t u r
e r e c h e r c h é e . L e s p h o t o s s o n t g é n é r e
l e m e n t a u f o r m a t j p e g , l e s l o g o s e t
a u t r e s b a n n i è r e s a u f o r m a t g i f . I l f
a u t t o u j o u r s f a i r e u n c o m p r o m i s e n t r
e q u a l i t é d e r é s o l u t i o n e t t a i l l e d
e f i c h i e r .
|
Vous trouverez de bons conseils sur cette question à l'adresse : http://www.allhtml.com/optimis.html
[Note]
DPI : Dot per inch, en français "PPP", point par pouce. Traduite en français, l'unité de référence reste le pouce.
J'suis iciLe référencement est, nous le disions dans l'article d'ouverture, un moment très important de la diffusion en ligne. Des assistants proposent leurs services (Voyez http://www.legratuit.com). Ils signalent les moteurs et annuaires auprès desquels ils adressent les renseignements que vous leur fournissez lorsque vous remplissez leur formulaire-type. Il s'agit d'être le plus précis dans le libellé de ces éléments qui concernent non seulement votre personne, mais également -et en quelques mots seulement- le titre et le contenu de votre site. Etre à la fois concis dans l'information et accrocheur dans le libellé : tout un art ! Bien sûr, il vous est loisible de "proposer votre site" vous-mêmes auprès des annuaires. Ceux-ci ont généralement un hyperlien prévu à cet effet, sur leur homepage. La procédure décrite doit être scrupuleusement suivie, sous peine de n'être pas référencé. Soit dit en passant, le référencement de votre site dans un annuaire ou un moteur demande généralement plusieurs semaines. Il faut être patient. Et donc, le bouche à oreille, le courrier postal et électronique, les entêtes de papiers à lettres et les cartes de visites restent un moyen incontournable de promouvoir son site. Autant alors, vous l'aurez compris, ne pas changer d'adresse trop souvent, pour éviter la réimpression de tous ces documents papier ou les ratures dues aux nécessaires modifications.
Metatags (1)Pour être identifié par les moteurs, il s'agit de générer les codes qui aideront à la localisation dans leur banque de données. Les générateurs de métatags sont des utilitaires intéressants quand on n'y connaît que peu de choses en HTML. En effet, le logiciel-auteur vous a assisté de son interface conviviale vous évitant tout codage manuel, lors de la composition de vos pages. Mais les métatags, eux, il faut les rajouter au script. Des utilitaires en ligne proposent la transcription en "balise méta" des quelques éléments que vous fournirez en remplissant un formulaire. Il vous reste alors à faire un copier/coller du langage généré, dans le texte-code de votre page d'accueil, par exemple.
[Note]
Metatag : élément encodé dans le script HTML d'une page et ne figurant pas de façon visible à l'écran. Il informe le logiciel pour lequel il est destiné (le moteur de recherche) d'une série d'informations aidant au classement correct du document parcouru dans une banque de données.
FAQ : Après une activité de classe ou de section, j'aimerais mettre un album de photos en ligne
Quoi de plus simple, en utilisant le logiciel ad hoc. En freeware, on
trouve sur internet des outils qui disposent en une page vignettes (en
anglais : thumsnail) l'ensemble des photos que vous sélectionner. La
page album constituée ne pèse pas grand chose, chaque photo ne
représentant que quelques Ko. Cliquez sur la vignette et la photo
apparaît alors à sa pleine dimension, dans une nouvelle fenêtre.
Procédé génial pour diffuser les souvenirs de classes vertes ou de
grandes sorties. Une adresse parmi d'autres pour ce genre d'outils
Image Page Wizard : http://www.bhav.co.uk/ |
D e s a d r e s s e s p o u r v o u s é q u i p e r ?
Vous voulez t o u t s a v o i r s u r l ' H T M L , m a i s
a u s s i p a r e x e m p l e , sur l ' o p t i m a l i s a t i o
n d ' a f f i c h a g e d e s i m a g e s d a n s v o s p a
g e s h t m l :
h t t p : / / w w w . a l l h t m l . c o m
Voici u n e a d r e s s e f r a n c o p h o n e d é d i é e a
u x w e b m a s t e r s d é b u t a n t s e t c h e v r o n n é
s , p r o p o s a n t d e n o m b r e u x o u t i l s e t c
o n s e i l s :
h t t p : / / w w w . w e b m a s t e r - f r . c o m
S i l e recours au j a v a s c r i p t e s t u n p a s s a g
e o b l i g é pour vos projets , u n e a i s e e n l i g n
e ne sera p a s i n u t i l e . S e r v e z - v o u s à :
h t t p : / / w w w . e d i t e u r j a v a s c r i p t . c o m
E t l ' i n c o n t o u r n a b l e c a t a l o g u e d e c
e q u i e s t d i s p o n i b l e s u r l e w e b , s a n
s b o u r s e d é l i e r se trouve à :
h t t p : / / w w w . l e g r a t u i t . c o m
U n f o r u m p o u r solliciter de l' a i d e , s i v o u
s c o m p o s e r a v e c F r o n t P a g e : m i c r o s o f
t . p u b l i c . f r . f r o n t p a g e
D e s l o g i c i e l s , f r e e w a r e e t s h a r e w a r
e u t i l e s p o u r l a c o m p o s i t i o n d e v o s
p a g e s peuvent être téléchargés à :
h t t p : / / t u c o w s . t o r n a d o . b e - |
|
|
|
| | | |
|
