Formation à la création web
| Le web | Créer | Développer | Intégrer | Publier |

  Publier sur le web : possibilités et contraintes

 
Surf multimédiatique et découverte des formats du web, de l'hypertexte
 

parcours de quelques sites innovants d'un point de vu culturel et multimédiatique

Images numériques & webdesign
- PRAKTICA.NET : le portail des web designers > allez-voir leur sélection de sites
- Quelques jolis sites à découvrir pour avoir un panel des tendances du webdesign :
http://www.designgraphik.com
http://www.eboy.com/
http://www.pictoplasma.com/
http://www.lecielestbleu.com/
http://www.tvwar.org

Audio & web radio
MP3 / Real Audio / Windows Media Player
- COMFM : le site qui référence bon nombre de radios et télés qui diffusent sur Internet en Real, Windows Media Player ou avec Winamp
- Shoutcast : portail qui référence toutes les radios qui diffusent en MP3 (écoutables avec Winamp)
- Dublab : une web radio de Los Angeles qui a vu défiler dans son web studio bon nombre de pointures actuelles
- Micromusic.net : le site des Droïds qui font de la micromusic à base de vidéo games
- Warprecords : le célèbre label de musique bizarre propose une interface sympathique pour promouvoir ses artistes

Flash & Shockwave
- Today : site audiovisuel à découvrir
- Une performance avec les Beatles ?
- thesquarerootof : site concept en Flash : interactivité son / image
- Dextro.org : des animations flash artistiques
- turux.org, re-move.org : webart ?
- Des sons en Flash proposés par le poisson de Yenz chez qui il faut aller voir les jardins de Mutabor
- Panoplie.org : art web et multimédia
- Hyptique : éditeur de CD Rom propose une démo en ligne sur le thème de la musique électroacoustique

Vidéo
- Heavy.com : page d'accueil en Flash (Choisir Heavy) > Passer l'intro > Choisir en bas à droite "HEAVY TV"
- La Citoyenne Tv : une web Tv citoyenne sur le net
- Clicvision : web Tv version grand public /!\
- OVA : Open vidéo archive du ZKM, Center for Art and Media > un stock de vidéos artistiques
- Archive.org : Une bibliothèque vidéo virtuelle proposée par une organisation américaine > on peut trouver un stock de vieux films américains à télécharger en MPEG ou DivX

 
Description du fonctionnement d'Internet
  les adresses IP et du web en particulier : voir le didacticiel Net express de Wanadoo
 
Contraintes de publication
  contenus, poids des fichiers, aspects réglementaires
 
Evolution d'Internet
  nouveaux services IP, systèmes Peer to Peer, diffusion audiovisuelle, passerelles entre le papier et le web
 

/ô\
  Créer une page web

 
Le fonctionnement du web
  Compréhension du fonctionnement des documents en HTML et des navigateurs
 
Le HTML
  Structure de base d'un document en HTML, éléments indispensables
> Retrouvez la liste des balises <HTML>
 
Utilisation de Dreamweaver pour produire une page web
 

> Opérations de base (ouvrir, enregistrer un document, utiliser les outils basiques comme la sélection des éléments, le copier coller, …)
> Utilisation des outils spécifiques du logiciel (intégration d’images, de tableau, modification des propriétés de chaque éléments)
> Configuration du logiciel (Unités, Affichage des barres d’outils, …)
> Utilisation du gestionnaire de sites, de l'éditeur de code source
> Utilisation des différentes barres d’outils et menus, des librairies et raccourcis
> un didacticiel Dreamweaver en ligne

 
Intégration de liens, du texte et des images
  les principales balises HTML
 
Mise en page
 

> Possibilités offertes par le HTML
> Choix d’un panel de couleur
> Taille et disposition des éléments
> Création de l’aspect graphique du document

 
/!\ Mise en pratique /!\
  Nous allons commencer par réaliser une page test qui pourrait ressembler à celle-ci
 
Ressources graphiques, techniques et audiovisuelles en ligne
  à retrouver dans le centre ressource
 

/ô\
  Développer un site web

 
Quelques règles indispensables
 

> Création de l’arborescence
> Dénomination des fichiers : minuscule, 8 caractères
> Liens absolus et relatifs

 
Concevoir un site avec une barre de navigation fixe
  Les fenêtres en javascript
 
Fonctions avancées
  Fonctions d'animation, utilisation du javascript, du DHTML, de feuilles de styles : voir le site de nos amis belges
 

/ô\
 

Intégrer du contenu multimédia


 
Les images sur le net
  3 formats pour un même combat : le poids

 
Vidéo numérique

+ Vidéo numérique : acquisition, transfert et montage
> La vidéo numérique, à quoi ça ressemble ?
> Les formats (AVI, Quicktime), les codecs de compression, les formats du net
> Le Streaming ou diffusion en flux, les formats du net
> L'intérêt d'une carte vidéo
> découverte de Première
> la vidéo : technique, montage
> Le dossier "Vidéo en ligne" de multimania


 
Audio numérique
 

+ Audio numérique : acquisition, montage
> Le son numérique : des vibrations transformées en 01 par un ordinateur
> Les formats de fichiers : wav, midi, MP3, aiff, Real : voir l'ABC du multimédia
illustration avec electrocd, K-Rad et ctrlaltdel.org
> Le Streaming ou diffusion en flux, les formats du net
> découverte de Sound Forge
> Aspects techniques du son numérique


 
Publication de contenus multimédia sur le net
 


+ Techniques de publication de contenus multimédia sur le web :
> compression en Real Audio / Vidéo
> compression en MP3
> mise en ligne des ces contenus sur le net
> le streaming, le choix du serveur
> réalisation de directs sur Internet

Un exemple d'intégration de sons et d'images

Voir les cahiers de multimania pour le son

Ceux concernant le Real Vidéo sont aussi bien fournis

 

/ô\
  Publier son site

 
Où publier son site web ?
  Les prestataires gratuits (Free.fr, Multimania.fr, chez.com)
 
Transfert en FTP de son site vers le serveur Internet
  Configurer un logiciel FTP pour accéder au serveur, l'exmple de Free.fr
 
Noms de domaines et services gratuits
  moteurs de recherche, météo, statistiques
 
Promouvoir son site de façon efficace
  > Référencer son site auprès des moteurs de recherches en prévoyant les balises <META> adéquates
> Faire de l'"échange de liens" avec des sites partenaires ou voisins
> Communiquer sur le site par mail, papier, ...
> Une bonne adresse pour savoir comment référencer son site
 

/ô\