Siti in flash info

[l3.foli3s]

Ciao, provengo dalla programmazione in html css.. (conosco le basi.. niente di assurdo) per fare un sito in flash tipo questo http://www.consorzioinconcerto.it/home.html cosa bisogna conoscere? è difficile? mi devo imparare tutto l'action script o posso arrivare a farlo con semplici tutorial? poi gia che ci sono cos'è air?

[Sergio P.]

Non è facilissimo. Devi avere buona padronanza in flash.

Comunque se vuoi il mio personalissimo parere fare un sito del genere solo per avere quell'animazione (orrenda tra l'altro) di sfondo è controproducente.

Quel sito non è accessibile al 100%, non è indicizzato nei motori di ricerca in maniera efficace e sopratutto è una menata da aggiornare per chi lo sviluppa.

Io quei tipi di siti li facevo 3-4 anni fa. Ora solo xhtml, css, e js. Flash è un ottimo strumento da INTERGARE con le tecnologie appena citate, non può sostituirle.

Ciao

S.

[l3.foli3s]

no al di la del video in sottofondo a me interessa realizzare quei menu che si aprono e richiudono in quel modo.. ora ti spiego devo fare un sito tipo questo (con un immagine statica come sfondo) e questo tipo di layout si addice particolarmente bene al sito che ho in mente.

in alternativa quei menu come li posso fare? con javascript? ma non si fa ancora piu complicata la cosa?

[m.art3]

AIR è l'acronimo di Adobe Integrated Runtime, una nuova tecnologia Adobe che permette di sfruttare le tecnologie web e portarle sul desktop dell'utente come veri e propri software senza la complicazione di doversi imparare nuovi linguaggi o altro e con la possibilità di interagire direttamente con il sistema operativo.

Ovviamente è totalmente cross platform e quindi un'applicazione AIR gira su win, mac e linux senza alcun problema di compatibilità.

L'unica cosa che l'utente deve avere per poter fruire di questi contenuti è il Runtime, ovvero l'ambiente dove vivono gli applicativi AIR, che si scarica gratuitamente sul sito adobe.it (circa 10MB)

[Sergio P.]

Questa pagina fa quello che ti serve in javascript basta che ne copi il codice:

http://jquery.com/demo/thickbox/

Attenzione, non ti sto dicendo di usare ThickBox che, sempre in javascript, fa aprire una finestra simil-popup. Ti sto dicendo di copiare l'xhtml e il js della pagina che spiega ThickBox, che come vedi utilizza dei TAB un po come servirebbero a te. Spero di essere stato chiaro.

Ciao

S.

[l3.foli3s]

Prima di tutto grazie mille per l'aiuto, poi credo di aver capito.. allora mi prendo il codice di quel menu e lo adatto al mio giusto?

quindi nell'head di script c'è questo (a proposito io devo caricare sul server questi js: jquery-1.1.3.1.pack.js, thickbox-code/thickbox-compressed.js, js/global.js che se non sbaglio si scaricano li sul sito giusto??) comunque la parte di codice che dovrò inserire sull'head è questa:

script src="js/jquery-1.1.3.1.pack.js" type="text/javascript"></script>

<script src="thickbox-code/thickbox-compressed.js" type="text/javascript"></script>

<script src="js/global.js" type="text/javascript"></script>

mentre nel body c'è questo (ovvio poi me lo adatto io):

<div id="container-1" class="greyTabs">

<ul class="anchors" style="width:100%">

<li><a href="#sectiona-1">Download</a></li>

<li><a href="#sectiona-2">code</a></li>

<li><a href="#sectiona-3">css</a></li>

<li><a href="#sectiona-4">gif</a></li>

<li><a href="#sectiona-5">compressed code</a></li>

</ul>

<div id="sectiona-1" class="anchor">

<p>

Download <a href="thickbox-code/thickbox.js">thickbox.js</a> or <a href="thickbox-code/thickbox-compressed.js">thickbox-compressed.js</a>, <a href="thickbox-code/thickbox.css">ThickBox.css</a>, and the loading graphic (<a href="images/loadingAnimation.gif">loadingAnimation.gif</a>) to your local machine (or cut and paste the code from the tabs). Along with these three files, a copy of the <a href="http://jquery.com/src/jquery-latest.js">jQuery JavaScript library</a> is needed. For this site, and ThickBox, I am using the <a href="http://jquery.com/src/jquery-latest.pack.js">compressed version of jQuery.</a></p>

</div>

<div id="sectiona-2" class="anchor">

<pre class="tabscode"><code class="javascript" id="ajaxJS">Loading...</code></pre>

</div>

<div id="sectiona-3" class="anchor">

<pre class="tabscode"><code class="css" id="ajaxCSS">Loading...</code></pre>

</div>

<div id="sectiona-4" class="anchor">

<h5>Right Click and Download:</h5>

<p><img src="images/loadingAnimation.gif" alt="Loading Animation Image" /></p>

</div>

<div id="sectiona-5" class="anchor">

<pre class="tabscode"><code class="css" id="ajaxJSCompressed">Loading...</code></pre>

</div>

</div>

<div style="clear:both; line-height:0; height:0"> </div><!-- safari fix -->

sbaglio qualcosa? (sicuramente si.. non ci capisco quasi niente di javascript )

[Sergio P.]

In linea di massima stai seguendo la strada giusta. Non ti resta che provare se funziona

In ogni caso ti conviene salvarti tutta la pagina, compresi CSS e JS, verificare che in locale funzioni e poi piano piano togliere quello che non ti serve.

[l3.foli3s]

mi sta venendo un altra serie di dubbi, nel sito che mi hai mostrato i vari "rettangoli grigi" del menu.. dove ci sono le varie "palette", saranno definiti da un css esterno credo.. nel mio caso pero è un po diverso.. posto una bozza del sito

in altro a sinistra ci sono appunto le varie palette del menu.. cioè io dovrei andarmele a fare con dei css? e con la trasparenza come faccio? poi per farle "illuminare" quando ci clicco? mmm.. mi sa che sta diventando un po troppo complicata la cosa..

[Sergio P.]

la cosa è fattibilissima e neanche tanto difficile. Ovvio... non è semplice se non sai cosa stai facendo e sicuramente non sarà più semplice se usassi Flash.

Non a caso c'è chi si fa pagare per il know-how in questione!