El disseny és una part important de tots els llocs web. És a partir del disseny que els usuaris tenen la primera impressió del recurs. Per tant, tothom, fins i tot un administrador web novell, dóna una importància cabdal al disseny de llocs web. Molts administradors de webs intenten seguir els últims conceptes de disseny web, complementen pàgines amb contingut dinàmic i colorit i fins i tot canvien el disseny del lloc d’acord amb la temporada, el calendari de vacances o els esdeveniments històrics. És per això que, a la vigília del nou any, els fòrums dedicats al desenvolupament web comencen a omplir-se de temes amb la pregunta de com fer neu al lloc.
És necessari
Navegador. Possibilitat d'editar pàgines, plantilles de pàgines o fitxers de temes de llocs web. Accés al servidor del lloc mitjançant FTP. Client FTP o gestor de fitxers amb suport FTP
Instruccions
Pas 1
Baixeu-vos el guió que mostra la neu que cau al lloc. Obriu la pàgina al navegador https://codeguru.ru/web/javascript/. Aneu a "Exemples de scripts JavaScript" -> "Animació" -> "Moure objectes". Feu clic a l'enllaç "Script Falling Snow". A la pàgina que s'obre, a la part superior dreta, feu clic a l'enllaç "snowfall.zip". Deseu l'arxiu amb l'script al disc dur
Pas 2
Desempaqueteu l'arxiu amb l'script. Extraieu tots els fitxers de l’arxiu descarregat a una carpeta temporal del disc dur. Utilitzeu un gestor de fitxers o unpacker.
Pas 3
Configureu l'script. Obriu el fitxer snowfall.js a qualsevol editor de text. Canvieu els valors de les propietats nCount, nMaxSpeed i strFlakeURL de l'objecte oSnowFall. El valor nCount determina quantes imatges de flocs de neu es mouran simultàniament a la pàgina. El valor nMaxSpeed estableix la velocitat màxima del floc de neu en píxels durant una iteració de l'script. El paràmetre strFlakeURL ha de contenir un URL vàlid d'imatge de floc de neu on es pugui carregar a través del web.
Pas 4
Pengeu fitxers de seqüències, fulls d’estil i imatges de flocs de neu al servidor. Connecteu-vos al servidor del lloc mitjançant FTP. Aneu a la carpeta dels fitxers de seqüència d’ordres del client o creeu una carpeta similar i aneu-hi. Carregueu-hi el fitxer snowfall.js. Aneu a la carpeta dels gràfics. Carregueu-hi el fitxer snowflake.gif. Col·loqueu el fitxer snowfall.css al servidor.
Pas 5
Feu neu al lloc. Editeu el codi de pàgina, les plantilles de pàgina o els fitxers de tema del lloc de manera que l'element HEAD del codi resultant contingui línies com:
on css_file_address i js_file_address són les adreces dels fitxers snowfall.css i snowfall.js al web.
Col·loqueu la línia immediatament després de l'etiqueta d'obertura:
Poseu també les línies abans de l'etiqueta de tancament:
DoSnowFall ();
//
Deseu els resultats de l'edició.
Pas 6
Comproveu el resultat. Obriu diverses pàgines del lloc on s'ha inclòs l'script. L'animació hauria de començar immediatament després que les pàgines s'hagin acabat de carregar.
