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'hypertexteparcours 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 artistesFlash & 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'Internetles adresses IP et du web en particulier : voir le didacticiel Net express de Wanadoo
Contraintes de publicationcontenus, poids des fichiers, aspects réglementaires
Evolution d'Internetnouveaux services IP, systèmes Peer to Peer, diffusion audiovisuelle, passerelles entre le papier et le web
/ô\
Créer une page web
Le fonctionnement du webCompréhension du fonctionnement des documents en HTML et des navigateurs
Le HTMLStructure 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 imagesles 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 fixeLes fenêtres en javascript
Fonctions avancéesFonctions 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 net3 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 InternetUn 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 InternetConfigurer un logiciel FTP pour accéder au serveur, l'exmple de Free.fr
Noms de domaines et services gratuitsmoteurs 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
/ô\