Trucs et astuces

Comment récupérer les calques d'Illustrator CS2 vers Fireworks 8 (en passant par Photoshop CS2) ?

1. Dans Illustrator, créer les layers de manière logique.
2. Exécuter File > Export > Save as type : Photoshop(*.PSD) > Paramètres désirés > OK
3. Dans Photoshop, ouvrir le fichier .ai
4. Dans le panneau Layers, cliquer sur un dossier à écraser et taper Ctrl-E (Merge Group). Répéter pour les autres dossiers.
5. Sauver normalement (en .psd).
6. Dans Fireworks, ouvrir le fichier .psd
7. Sauver sous .png

Comment convertir des unités avec Google ?

En téléchargeant gratuitement la règle en pixels sur le site de MioPlanet.

Comment convertir des unités avec Google ?

Voir le site de l'Internaute pour comprendre.
Aller chez Google pour essayer.

Comment transformer une image en image-caractère ?

Voir le résultat et les explications.

Comment envoyer un message à une adresse courrielle à partir d'un GSM ?

Ecrire l'adresse courrielle en minuscules, faire un espace, écrire le message. Par exemple :
dung@dungnet.com Merci a MC pour cette astuce !

Puis former le 0479 586034 qui l'enverra avec un certain délai de quelques heures chez le provider.
Sympa' et sans déranger le correspondant !

Extraire un WAV à partir d'un CD.

Voir les explications à la page suivante.

Quelques sigles utilisés en programmation

Voir la page sur les sigles.

Qui est l'inventeur de WWW ?

C'est Tim Berners-Lee, un Britanique, qui est l'inventeur du World Wide Web que vous et le monde entier utilisez pour le moment !
C'était en 1989, déjà ...
C'est aussi lui qui a également défini le langage HTML, le protocole HTTP et les URL ...

Même le nom WEB (toile d'araignée) est une invention de Berners-Lee, qui avait pensé utiliser à la place l'acronyme TIM (The Information Mine), jugé trop modeste.
Pourtant, sa femme et ses collègues trouvèrent en revanche que "World Wide Web" était ridicule ...

Et c'est pourtant le fameux WeWeWe (ou WouWouWou comme aime à le dire Jacques Mercier) qui a été adopté, comme vous le savez si bien !

Si l'histoire avait décidé autrement, au lieu de www.unnomdesite.com, on aurait alors écrit
tim.unnomdesite.com ...

Voir les articles suivantes : article 1, article 2, article 3, article 4 , etc.

Si vous avez oublié le code PIN de votre GSM ...

Après 3 essais errronés de votre code PIN sur votre GSM, vous pouvez le débloquer en introduisant le code PUK que vous avez reçu lors de l'installation de votre connexion ou abonnement.
Si vous l'avez égaré, alors appelez Proximus gratuitement au 0800 15 215.
Donnez-lui les infos se trouvant sur votre dernière facture et Proximus vous redonnera le code PUK.

E-mail en HTML

Exemple d'e-mail en HTML evec une animation Flash.
Tous les liens doivent être absolus !
Il suffit de copier cette page (pas le code !) en faisant CTRL-A puis CTRL-C puis de la coller dans un message d'Outlook choisi au départ en format HTML.
C'est TOUT !

Voice Mail (Proximus)

Il y a quelque temps, Proximus a simplifié et éliminé l'annonce vocale de la date et de l'heure de réception avant chaque message.
En appuyant sur la touche 8 pendant ou après le mesage, il est possible d'entendre à nouveau ces données.
Il est possible aussi de réactiver gratuitement cette fonctionnalité en appelant le 1231, option 3.

Numéro de GSM et localisation de son opérateur (suite)

Appelez le numéro 1399 avec votre GSM Proximus et activer ou désactiver le "BIP".
Chaque fois que vous composerez un numéro mobile, vous entendrez un signal sonore si le numéro ne fait pas partie du réseau Proximus.

Métiers du Web et programmes utilisés
Une vue d'ensemble des métiers du Web et les programmes utilisés.

Numéro de GSM et localisation de son opérateur

Comme vous le savez peut-être déjà, à partir du 1er octobre, vous serez en mesure de changer d'opérateur tout en gardant votre numéro d'appel.
Cela veut donc dire qu'un 0477 ne sera plus forcément un n° proxi mais peut-être Base ou Mobistar.
Pas évident donc de savoir combien vous coûtera un appel puisque vous ne saurez plus sur quel réseau vous appelez.
Pour cette raison, un site a été créé : http://www.crdc.be.
Vous tapez le n° et vous savez directement sur quel réseau vous êtes.
Ca peut toujours servir !

Comment rendre inutilisable un GSM volé ?
Voir le conseil.

Combiner JavaScript et ASP
Valider des cases à cocher : code à analyser en fichier zip
Calculer des champs : code à analyser en fichier zip

Tableaux
Tableaux en théorie : comprendre comment mettre en page des textes et des images dans les cellules d'un tableau.
En effet, les tableaux sont les éléments les plus utilisés dans une page html, mais ce sont aussi les plus difficiles à mettre en oeuvre.
Tableaux en pratique : applications de la théorie à des cas pratiques.

FUN : des yeux qui suivent la souris
Réalisé en DHTML, des yeux qui suivent en permanence votre souris.
Code copié du site :
http://www.ccim.be/ccim328/trucs/image12.htm

Un TOP ou une barre de navigation
toujours à la portée
Un lien TOP qui descend ou qui monte en fonction du déroulement (scrolling) vertical de la page.
Un une barre de navigation qui descend ou qui monte en fonction du déroulement (scrolling) vertical de la page.

Ancres
Exemple de l'utilisation d'ancres.

CSS et LIENS
Exemple 1 : Créer des liens non soulignés et les faire réapparaître quand on passe la souris par-dessus.
Exemple 2 : Créer des liens non soulignés et faire apparaître un fond derrière quand on passe la souris par-dessus.

MP3
Pour commencer en MP3 et découvrir ses richesses.

Verrouillage du clic droit (PC)
Ce JavaScript permet de verrouiller le clic droit de la souris, pour empêcher par exemple de pouvoir copier directement une image. Pour PC.

Centrage du contenu dans des tableaux
1. Comment centrer le contenu dans une cellule de tableau ?
Application possible : centrer le contenu d'une page Web pour qu'il s'adapte automatiquement aux dimensions d'une fenêre.
2. Comment centrer le contenu dans une cellule de tableau qui est dans une cellule de tableau ?
(Ne fonctionne pas parfaitement dans Netscape !)
3. Comment centrer le contenu dans une cellule de tableau qui est dans une cellule de tableau (cas de 2 cellules) ?
Application possible : centrer le contenu d'une page Web pour qu'il s'adapte automatiquement aux dimensions d'une fenêre avec une colonne réservée pour un menu de navigation.
(Ne fonctionne pas parfaitement dans Netscape !)

Grille d'évaluation des sites
Une grille d'évaluation des sites.

Programmation
Quelques sites qui recencent une bonne série de langages de programmation sur le Net.

Java
Une introduction au JAVA.

CGI
Une introduction au CGI.

XML
Une introduction au XML.

Exercice en Flash 5
Exemple de collision en Flash 5.

Epate-moi
Le couteau suisse pour apprendre du JavaScript.

JavaScript
Un cours complet de JavaScript pour débutants avec beaucoup d'exemples de base pas à pas.

JavaScript (exemples)
D'autres exemples pratiques de JavaScript pour débutants et experts.

Convertiseur
Convertir l'Euro en Bef et vice versa.

Menus par Fireworks
Menus de navigation créés en 5 minutes par Fireworks 4.

Layer qui s'affiche et qui disparaît automatiquement
Afficher et faire disparaître automatiquement un layer (version DW4).
Afficher et faire disparaître automatiquement un layer (version DW4 et JavaScript).

Tableaux
Les problèmes que vous pouvez rencontrer quand vous créez des tableaux.
Exemple de cas de base
Exemple de menu

Fond fixe
Garder un fond fixe quand on scrolle dans une page Web.
Ne fonctionne qu'en Explorer.

Video
Insérer de la video dans une page HTML :
QuickTime (71 Kb)
QuickTimeVR (2.713 Kb)
Il est nécessaire d'avoir le plugin QuickTime installé dans votre browser.

Sons (ne fonctionne pas pour l'instant)
Insérer du son dans une page HTML :
Flash en Mp3 (75 Kb)
RealPlayer autostart (39 Kb)
Wav autostart (805 Kb)
Wav display (805 Kb)

Jeu des cristaux de neige
Capturez le plus possible de cristaux de neige dans un verre !
Jeu réalisé en Flash 4.

Menu interactif 0 (DHTML)
Exemple de menu interactif en images,
réalisé totalement en Dreamweaver
sans manipuler aucun code manuellement.
Mais il existe un problème avec les frames ....
Voir aussi l'exemple de Microsoft.

Le problème peut être contourné en plaçant le contenu du frame inférieur dans un layer se trouvant dans le même frame que celle du menu.

Menu interactif 1 (DHTML)
Exemple d'animations en DHTML et de menu interactif. Le sous-menu reste quand on le quitte.
(Fonctionne avec Netscape 4.5 sur PC !)

Menu interactif 2 (DHTML)
Exemple d'animations en DHTML et de menu interactif. Le sous-menu disparaît quand on le quitte.
(Ne fonctionne pas avec Netscape 4.5 sur PC !)

Flash sur fond transparent
Il est possible de placer une animation Flash dont le fond est transparent sur une page HTML.
Les textes ou images se trouvant sur cette page appraissent donc à travers l'animation.
Malheureusement, cette propriété ne fonctionne que sur Windows, donc sur PC avec Internet Explorer.
Les Macintoshiens voient le fond blanc par défaut de l'animation !

Images permutées de dimensions différentes
Astuce qui permet de résoudre la permutation d'images (rollover) ayant des tailles différentes.

Images permutées double action
Permuter deux images en même temps.
Réalisé avec les comportements de Dreamweaver.

Newsgroup (groupes de discussion)
Quelques adresses utiles pour les groupes de discussion.

Chat (salons de discussion)
Quelques adresses utiles pour les salons de discussion.

Jeu de dé à X faces
Lancer le dé à X faces.

Carte-image et calque
Rollover sur une zone d'une carte-image et affichage d'un calque.

Son avec Flash
Rollover avec son sur une image.

Jeu de rapidité
Essayez un jeu de rapidité avec Bug's killer.

Formulaire et email
Envoyer un formulaire complet vers un email.
Valider un formulaire puis l'envoyer vers un email.

Formulaire et styles
Modifier les aspects graphiques et typographiques (corps, fonte, couleurs, etc.) des éléments d'un formulaire grâce aux CSS (Cascade Style Sheet).
Ne fonctionne que sur Internet Explorer.

Position d'un gif sur une page Html
Par défaut, un gif se positionne :
- dans Explorer (Mac) et dans Netscape ( Mac et PC) avec une marge de 8 pixels sur 8 pixels à gauche en haut de la page;
- seulement dans Explorer PC avec un marge de 10 pixels sur 15 pixels à gauche en haut de la page;

Même placé dans un tableau, ce gif se positionne de la même manière que sans tableau.

Si la page contenant le gif est placée dans un frame, alors :
- dans Explorer, il se positionne vraiment contre les bords (0 pixel sur 0 pixel) à gauche en haut de la page;
- dans Netscape, il se positionne avec une marge de 1 pixel sur 1 pixel à gauche en haut de la page.

Si le gif est placé dans un fond de page, alors il se positionne pour tous les browsers vraiment contre les bords à gauche en haut de la page et en plus il se répète indéfiniment à droite et en bas de la page.

Avec les paramètres Leftmargin="0" Topmargin="0" MarginWidth="0" et MarginHeight="0" du tag <BODY>, il est possible de positionner vraiment contre le bord.

En résumé, j'espère qu'un jour proche, il n'y aura plus qu'un seul browser universel pour éviter toutes ces incohérences inutiles et qu'on puisse consacrer son temps à d'autres choses bien plus intéressantes !

Plan de travail
Format optimal de travail pour une page Web.
Lorsque vous commencez à créer des images ou à composer une page Web, il est nécessaire de connaître les dimensions en pixels du format optimal dans lequel le surfeur visualisera entièrement le contenu de cette page sans devoir utiliser les ascenseurs.