Téléchargez l'horloge flash de la chaîne de télévision mondiale. Créez une horloge flash dans Sothink SWF Quicker. Passons maintenant au travail sur le programme lui-même


Faisons une montre de base. Commençons par apprendre à créer du flash.

Fabriquer une montre de base. Commençons par apprendre à créer du flash

J'ai tergiversé et tergiversé sur ce sujet, mais j'ai l'impression qu'il est temps :-) Sinon, je n'apprends pas sans pratique et je commence à oublier, mais au moins en écrivant des articles je m'en souviendrai et peut-être Je vais découvrir quelque chose :-)

Une petite préface :
1.- Je suis moi-même en train d'apprendre dans ce domaine. Par conséquent, je vous dis seulement ce que je peux et comment je peux :-)
2.- Personnellement, j'utilise Sothink SWF Quicker. Je n’ai pas Adobe Flash et je n’ai pas encore l’intention de l’installer.
3.- Sur la base du point « 2 », vous devez télécharger Sothink SWF Quicker. Le programme est léger (environ 15 Mo) (lien de téléchargement à la fin de l'article)

Je m'excuse pour le début difficile)))

Maintenant un peu de théorie, beaucoup de livres))

Vous pouvez créer beaucoup de choses en utilisant la technologie Flash, alors soyez prêt. Flash n'est pas seulement des dessins animés et des cartes postales, mais aussi des programmes entièrement fonctionnels qui remplissent certaines fonctions.
Mais bien sûr, les mêmes bannières peuvent aussi être réalisées en flash) Et en général plein de choses)

Passons maintenant au travail sur le programme lui-même.

Avant de commencer à créer quelque chose à l’aide d’exemples spécifiques, vous devez en comprendre un peu l’essence. Ceux. choses de base dans le programme) Je le sais avec certitude, je l'ai compris à partir de l'exemple de la formation Inmira Comme toujours, je n’utiliserai pas la bonne terminologie (je ne la connais pas bien moi-même et nous n’en avons pas encore besoin)

Ainsi, dans le programme, nous pouvons créer trois "choses" principales, à savoir :
1.- Boutons
2.-clips
3.- objets graphiques

À partir de ces trois « choses », nous assemblons la « scène » principale - qui est déjà le résultat final, c'est-à-dire notre clé USB :-)
Avez-vous imaginé environ ?
Super, passons maintenant à autre chose.

Le programme utilise Script d'action. Ceux. En principe, c'est un langage de programmation. Il était une fois, dit-on, qu'il était sous-estimé... mais ce n'est pas de cela dont nous parlons) Alors préparez-vous à étudier des inscriptions et des hiéroglyphes incompréhensibles, juste une blague))

Voilà, maintenant place à la pratique. Nous n'utiliserons pas les capacités de modèle du programme pour l'instant ; nous ferons tout nous-mêmes)
En général, bien sûr, il vaudrait mieux ne pas commencer par l'horloge, mais pour susciter votre intérêt ;-) commençons par elles))) et dans les prochaines leçons nous étudierons les bases nécessaires

Ouvrez le programme. Dans cette fenêtre pop-up, sélectionnez le premier élément et cliquez sur ok :

Le champ de montage de notre clip s'est ouvert pour nous. Prenez maintenant l'outil texte (clic gauche) :

Sur le champ de travail, sélectionnez une zone pour le texte - en maintenant bouton gauche tirez la souris sur les côtés :-))) Vous obtenez quelque chose comme ceci :

Maintenant, nous regardons le bas de la fenêtre du programme et le configurons. Cliquez sur les flèches et sélectionnez les éléments comme sur ma photo :

Dans la fenêtre encerclée la plus à droite, nous écrivons « heure » ​​manuellement (comme dans la capture d'écran)

Revenons maintenant à notre fenêtre de texte. Cliquez dessus une fois avec le bouton gauche. souris et tapez le texte "00 00 00"
Ceux. deux zéros espace, deux zéros espace, deux zéros :-))

Il s'avérera :

Maintenant, regardez la fenêtre du programme (frame feed). Nous nous plaçons sur la deuxième image de notre premier calque (clic gauche) et appuyons sur le bouton « F5 » du clavier :

Nous regardons la fenêtre du programme et cliquons sur la flèche :

Vous devez saisir le script dans le champ qui s'ouvre. Prends-le-moi et colle-le :

code : madate = nouvelle date();
sec = madate.getSeconds();
min = madate.getMinutes();
heure = madate.getHours();
si (sec< 10)
{
seconde = "0" + seconde ;
) // fin si
si (min< 10)
{
min = "0" + min ;
) // fin si
si (heure< 10)
{
heure = "0" + heure ;
) // fin si
temps = heure ajouter " " ajouter min ajouter " " ajouter sec ;

Après cela, cochez la case :

Le signe suivant devrait apparaître, là où nous appuyons sur « ok » :

On regarde en haut du programme et on clique sur l'inscription « scène 1 » :

Un champ de travail similaire s'ouvrira, mais il sera petit (carré blanc au centre :-)))
Maintenant, faites glisser notre clip sur ce carré blanc. Regardez à droite :

Maintenez le bouton gauche de la souris enfoncé et faites glisser l'objet dans le champ blanc :

Voici à quoi cela ressemble :

Je présente à votre attention une collection d'horloges Flash pour le site (blog). Des montres élégantes et originales décoreront votre ressource et ajouteront des informations aux visiteurs.

Ci-dessous, vous voyez différentes options pour les horloges Flash. Pour installer une telle horloge sur votre site Web, téléchargez à partir du lien Télécharger(ci-dessous), votre option de montre préférée.

Vous téléchargerez un petit fichier d’archive. Décompressez l'archive et vous verrez un fichier comme 01.swf. Comme tu comprends 01 est le nom du fichier, cela peut être différent (03, 09, 14, etc.) swf - extension de fichier au format flash.

Placez (téléchargez) ce fichier dans n'importe quel dossier dans lequel se trouve votre site sur le serveur. Par exemple, ce fichier ne se trouve pas dans mon dossier racine et son chemin ressemble à ceci : files/20110703/01.swf. Ensuite, écrivez sur la page Web (à l'endroit où vous souhaitez voir l'horloge) le code que vous voyez dans Liste 1 ci-dessous:

Inscription 1.

data="files/20110703/01.swf" width="150" height="150">

Dans les lignes data="files/20110703/01.swf" et notez le chemin réel sur votre site Web vers le dossier dans lequel se trouve le fichier 01.swf. Si le fichier se trouve dans le dossier racine du site, alors ces lignes ressembleront à ceci : data="01.swf" et

Vous pouvez modifier la taille de l'horloge en modifiant les valeurs : width="150" - width et height="150" - height.

Maintenant installé dans le code arrière-plan transparent pendant des heures la valeur : Mais si nécessaire, vous pouvez définir n'importe quelle couleur d'arrière-plan souhaitée, remplacez cette ligne par celle-ci : Maintenant, la couleur d'arrière-plan est définie sur jaune (#FFFF00), remplacez cette valeur par celle dont vous avez besoin.

C'est tout, en gros, mettez à jour les fichiers corrigés sur le serveur et profitez de votre nouvelle montre.

P.S. Et encore une chose, pour que ces horloges flash s'affichent normalement, Vous devez avoir Flash Player installé, il est généralement déjà installé sur le système, mais il arrive (cela arrive rarement) que le lecteur Flash doive être installé en plus.



Commentaires sur cet article (leçon) :

Merci Andreï ! Très bon ensemble heures! Je vais certainement l'utiliser ! Post retweeté ! Cordialement, Nikolai Gizhitsky

Je ne comprends pas vraiment pourquoi il faut insérer une horloge dans le bloc. Après tout, ils regardent le bloc sur un ordinateur et il y a déjà une horloge là-bas. Il est bien plus utile d'insérer un calendrier. Toutes sortes de services utiles. Par exemple, la météo.

Pour une raison quelconque, je ne peux pas voir les images avec les options de montre. De manière générale, merci beaucoup pour toutes les informations sur votre site, beaucoup conseils utiles, tout est fourni dans un ordre clair et sous une forme accessible. Je l'ai trouvé très utile. Merci encore! Cordialement, Galina

Quant à moi, tout cela n'est pas nécessaire sur le site. Pour la formation et la compréhension – oui, merci pour cela. Mais l’idée d’aménager et d’encombrer l’espace du site avec des horloges, des calendriers et d’autres gadgets n’est pas pratique. J'ai besoin (par exemple) d'installer un script de commentaire sur le site (le site n'est pas sur un CMS) - ce serait utile et nécessaire ! Merci pour la leçon, intéressante. Ne prenez pas mon commentaire comme une critique, c'est purement mon opinion.

Merci Andreï! Montre cool, oui, il y a une horloge et un calendrier sur l'ordinateur, mais quand on parcourt les pages du site on les oublie. J'ai perdu mon temps plus d'une fois. Andrey, je souhaite installer une horloge bleue sur le site dans le coin supérieur gauche, le serveur du site www.akhmad51.ucoz.ru de troisième niveau est situé au Royaume-Uni. Dois-je le sauvegarder sur mon ordinateur et le transférer sur le serveur ? Je vous suis reconnaissant pour votre travail, merci Andrey.

Salut tout le monde! Aujourd'hui, je vais vous expliquer comment décorer votre site Web et le rendre plus informatif en y ajoutant une horloge flash.

Petit à petit, j'ajouterai sur le blog diverses galeries d'horloges flash pour le site, que vous pourrez facilement installer.

L'horloge Flash sera installée au format swf :

ShockWave Flash (swf) est une extension de fichier qui contient divers fichiers multimédia. Idéal pour créer des bannières, des animations, l'installation sur des sites Web avec lecture de fichiers audio et vidéo est également possible. Pour visualiser le fichier, installez-le simplement sur ordinateur Adobe Flash Player, utilisez des programmes d'édition, l'un d'eux est Adobe Flash Professionnel.

Comment installer une horloge flash sur un site Web

Pour commencer, dans le premier article je vais vous expliquer comment installer une horloge flash sur un site internet.

Cas 1 - Pour les propriétaires de CMS : WordPress, Joomla, etc. Les horloges Flash sont presque toujours installées dans la barre latérale, là où elles seront le mieux visibles. Cependant, si votre thème prévoit également de placer des widgets dans le pied de page, ce cas est également similaire.

1. Allez du panneau d'administration à Apparence-> Widgets et sélectionnez le widget « Texte » et faites-le glisser vers le panneau Active Widgets (sur le côté droit) :

Enregistrez et observez le résultat.

Si vous regardez le code, vous pouvez voir les attributs de largeur et de hauteur, pour lesquels vous pouvez définir les valeurs qui vous conviennent le mieux.

L'arrière-plan est défini sur wmode=transparent - transparent, si possible, définissez la couleur d'arrière-plan qui correspondra à votre site.

Exemple : c'était - wmode=transparent, définissez la couleur d'arrière-plan sur jaune, ce sera - bgcolor=#FFFF00. Afin de mieux choisir une couleur pour un site Web, lisez comment définir la couleur du texte et les programmes de palette

type=application/x-shockwave-flash - ce paramètre est utilisé pour communiquer entre le site et le navigateur pour indiquer au navigateur qu'il doit télécharger Adobe Lecteur Flash(s'il est installé dans le navigateur, sinon l'horloge ne s'affichera pas)

Cas 2. Tant pour les CMS que pour les autres sites HTML. Vous devez décider où vous allez installer ce fichier, mais le code lui-même ne changera pas.

Horloge flash pour le site : horloge flash sombre

Aujourd'hui, je vais examiner une sélection d'horloges flash sombres pour le site ; la galerie comprendra 15 horloges flash. !! Toutes les montres sont présentées avec un fond de couleur « Anthracite » (à en juger par le service Yandex Colors), c'est-à-dire le fond est rempli de la couleur #464451, mais les horloges elles-mêmes sont rondes (dans les exemples elles sont toutes carrées car le fond est opaque).

La prochaine fois, il y aura des montres flash plus intéressantes, alors abonnez-vous au site et restez à l'écoute des mises à jour.




Haut