Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

la communication web
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
Menu programmes : -  Programmes 1.  - Programmes 2.  - Programmes 3. 
Menu programmes 1 : - écriture de texte  - défilement de texte  - saut de texte 
 •  Le problème de la sécurité de nos systèmes informatiques. 


Programmes JavaScript de LigneWeb...1



 © LigneWeb  ... /programmes 1.
© design : LigneWeb
© : alain jean deligne - LigneWeb

Le logo de LigneWeb

Programmes en JavaScript 1 :



Suivez-nous.





Le JavaScript est un language qui s'exécute sur votre ordinateur ...

... il faut donc activer ...  le JavaScript  ... sur votre ordinateur ...
... une aide existe sur le site ...  MaBoite.qc.ca  ...
... et voici le résultat de deux scripts :

Entrez votre recherche :
Google Yahoo Both
Powered and Generated by ...  http://www.espacejavascript.com 





Remarque : ... en CSS2 et CSS3 ... :

pour cette page et non visible ... :
le fichier ...  ligne21.css  ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...  Cours CSS 3 





... il y a mise en pratique et utilisation de tous les scripts proposés ici sur ce site ...




Script 1 : écriture de texte (en ISO-8859-1 et UTF-8)


Un petit programme JavaSript :......pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...


... ici commence ... le script en application : ......C'est celui utilisé dans ce site......


ZOOM.

... ici se termine ... le script avec sa partie no-script pour ceux qui n'ont pas JavaSript (-qui est ajouté par LigneWeb-) ......
mais qui ne peut être vu que par eux......
... En fait, le texte est simplement repris en clair en dessous de la fenêtre ci-dessus ......

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...



... en XHTML avec encodage texte en ... utf-8 ... nous pouvons écrire le texte en clair avec les accents ... c'est cet encodage qui est utilisé sur LigneWeb.Net ...
... il reste d'actualité pour le HTML 5 ...

Ce petit programme est ... protégé ... par ce copyright :

  © ... contrat Creative Commons  

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
Il est important de garder la référence ... script édité par Editeur JavaScript ... avec leur site ... par respect ...
... Il faut aussi changer les phrases qui doivent apparaître sur la page par celles désirées par vous, ...
...et adapter vos propres données css.... dans la première partie dans la balise div...
... définissant le style...
... il faut aussi tenir compte de la longueur des phrases ... pour déterminer ...
... la largeur (width, ici auto) et la hauteur (height) du bloc dans lequel celles-ci s'inscrivent ...

... dans le cas ou vous l'enregistrez en externe, ce qui allège votre page, vous gardez la partie <div> sur votre page ...
... vous enregistrez toute la partie entre les deux balises <script> ...
... dans un fichier externe que vous nommez intro.js ...
... et vous l'appelez à l'endroit des balises <script> comme ceci :

... il faut absolument mettre cet appel du script décrit ci-dessous comme premier script dans le head ...

... la balise <noscript> est ensuite reprise ...
... la partie dans la balise noscript reprenant les phrases du texte défilant ...
... sont ajoutés par nous pour respecter la norme : Web 2.0 ...... du W3C ...
... Il est important de respecter les mal-entendant, ... ainsi que ceux qui n'ont pas JavaScript, et bien d'autres, ...
... dont l'ordinateur ne peut lire et dire que le texte en clair ......
... Déconnectez JavaScript pour voir ce que cela donne ...


 retour on/off  |  Retour au menu 
 Fin du premier script



Script 2 : défilement de texte.


Un autre programme JavaSript :...... toujours pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...


... ici commence ... le script en application : ... il n'est plus utilisé dans ce site ...
... car il a des difficultés à dérouler ...
... il est remplacé par du jQuery que nous décrivons juste après ... ...



... LigneWeb.Net, c'est : ...


• ... La création de site web ...
• ... avec des scripts, ...
• ... des astuces, ...
• ... des ressources, ...
• ... des aides, ...
• ... des cours, ...
• ... pour devenir autonome ...

... mais aussi : ...
• ... construire et participer à ...
... la réalisation d'une coopérative ...
... à finalité sociale ...

... Découvrez également : ...
• ... des sites internets intéressants : ...
• ... Le site du zéro ... pour les cours ...
• ... Editeur JavaScript
• ... KitGrafik
• ... Alsa Création.com ... qui parle de ...html 5 ...

... et bien d'autres encore ...

... Vous pouvez télécharger ...
• ... d'autres navigateurs ...
• ... pour PC ou Mac ...
• ... et qui sont tous gratuits ...
• ... et ceux d'entre eux, ... des plus évolués ...

• ... Safari 5 ..., déjà pour html 5 ...



... ici se termine ... le script avec sa partie no-script pour ceux qui n'ont pas JavaSript (-qui est ajouté par LigneWeb-) ......
... en passant la souris dans le cadre, vous arrêtez le défiliment du texte ...
... ce qui permet de lire avec attention ... ou de cliquer sur les liens ...

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...



codage du texte en ... utf-8 ...
Ce petit programme est ... protégé ... par ce copyright :

  © ... contrat Creative Commons  



... pour les nouveaux Navigateurs, ce script fonctionne trop lentement ...

... nous allons vous présenté une autre solution un peu plus loin ...

  ➽ ➽ ➽  ... en jQuery ... 



... le script n'est pas faux, simplement il marche plus difficilement en association avec du jQuery ...

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
Il est important de garder la référence ... script édité par Editeur JavaScript ... avec leur site ... par respect ...
... Il faut aussi changer les phrases qui doivent apparaître sur la page par celles désirées par vous, ...
...et adapter vos propres données css ... dans la première partie dans la balise marquee ...
... définissant le style...
... il faut aussi tenir compte de la longueur des phrases ... pour déterminer ...
... la largeur (width, ici auto) et la hauteur (height) du bloc dans lequel celles-ci s'inscrivent ...

... la partie dans la balise noscript donnant ligneweb comme résumé ...
... est ajouté par nous pour respecter la norme : Web 2.0 ...... du W3C ...
... Il est important de respecter les mal-entendant, ... ainsi que ceux qui n'ont pas JavaScript, et bien d'autres, ...
... dont l'ordinateur ne peut lire et dire que le texte en clair ......
... Déconnectez JavaScript pour voir ce que cela donne ...

Le défilement de texte : en jQuery ...

... il fonctionne à gauche dans le menu et se nomme : présentation ...

... le code dans le fichier HTML ...

... le code dans le fichier CSS ...

... il faut appeler le script ...

... le script jquery.scrollbox.js ...


... nous retrouvons ce script au ...  cours jQuery  ...


 retour on/off  |  Retour au menu 
 Fin du deuxième script



Script 3 : saut de texte.


Un autre programme JavaSript :...... toujours pour ceux qui ont déjà les connaissances suffisantes ...
... vous pouvez demander des explications supplémentaires ...


... ici commence ... le script en application : ... il est utilisé dans ce site ...





... ici se termine ... le script avec sa partie no-script pour ceux qui n'ont pas JavaSript (-qui est ajouté par LigneWeb-) ......

Passons à l'écriture dans un traitement de texte spécial, comme Smultron qui est un logiciel libre, ou TextWrangler pour Mac ... ou Notepad++ pour PC ...



codage du texte en ... utf-8 ...
Ce petit programme est ... protégé ... par ce copyright :

  © ... contrat Creative Commons  

... Il faut faire un copier-coller sur votre page html à l'endroit voulu....
Il est important de garder la référence ... script édité par Editeur JavaScript ... avec leur site ... par respect ...
... Il faut aussi changer les phrases qui doivent apparaître sur la page par celles désirées par vous, ...
...et adapter vos propres données css ... dans la première partie dans la balise div ...
... définissant le style...
... il faut aussi tenir compte de la longueur des phrases ... pour déterminer ...
... la largeur (width, ici auto) et la hauteur (height) du bloc dans lequel celles-ci s'inscrivent ...


... la partie dans la balise noscript donnant ligneweb comme résumé ...
... est ajouté par nous pour respecter la norme : Web 2.0 ...... du W3C ...
... Il est important de respecter les mal-entendant, ... ainsi que ceux qui n'ont pas JavaScript, et bien d'autres, ...
... dont l'ordinateur ne peut lire et dire que le texte en clair ......
... Déconnectez JavaScript pour voir ce que cela donne ...


 retour on/off  |  Retour au menu 
 Fin du troisième script



Des astuces :


Le JavaScript permet de dynamiser votre site par l'intermédiaire de l'ordinateur...... et non par le serveur...
Cette dynamisation peut aussi être réalisée par l'application Flash (payante)...

Dans ce cas précis, c'est chaque ordinateur qui travaille,....
... par contre , si c'est le serveur qui doit le faire, et qu'il y a 1000 demandes en même temps,
il sera sollicité très fortement ... et sera ralentis ... ou dépassera son quota ...


Un site dynamique en lui-même... est réalisé en PHP, par exemple, ......MAIS... demande que le serveur,...sur lequel vous placez votre site,...accepte ce logiciel,...ainsi que la version PHP utilisée.....
parce que c'est lui qui applique le PHP ...et non votre ordinateur....

L'application en JavaScript est visible, ...car sur votre ordinateur.....Par contre, le script en PHP est sur le serveur, ...et donc n'est pas visible....
...Pour certains scripts qui ont attrait à la sécurité, ...il est préférable de les placer sur le serveur,...et dans ce cas, le PHP convient....




Remarques :


... si je veux écrire un code en language html, il y a une balise ... code ...
... cette balise permet d'écrire du language html dans une page web sans que le navigateur ne le transforme ...
... ce qui permet de montrer le code html ... et utilisé pour montrer les programmes ...
... <code> ... est la balise entrante ...
... </code> ... est la balise sortante ...
... cette balise ne marche que dans du language transitionnel ... donc pas ici ...
... il y a une autre manière d'écrire certains symboles html pour qu'ils ne soient pas transformé ...

... en remplaçant les ... < ... et les ... > ... par des abréviations spéciales ... nous verrons cela plus tard ...


... en XHTML avec encodage texte en ... utf-8 ... nous pouvons écrire le texte en clair avec les accents ...


... Le script en JavaScript peut être écrit directement à l'endroit de la page ou il doit agir ... dans la partie body ... comme sur cette page ...
... il peut aussi être inscrit en deux parties, ... une première dans head ... et l'autre dans body ou il doit s'exprimer ...
... et la dernière manière est que l'essentiel soit dans un fichier nom.js ... en dehors de la page html ...
... il faudra alors l'appeler à l'endroit ou il doit s'exprimer ... et c'est ce qui est demandé en ... xhtml ...


... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 Menu programmes :  -  Programmes 1.  - Programmes 2.  - Programmes 3. 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
-  Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies