Imparare a costruire/gestire siti web non elementari?

[Mr]

Vorrei imbastire un qualche sito web con le mie immagini, utilizzando flash/dreamweaver o qualche diavoleria del genere.
Quanto potrei metterci a imparare decentemente come usarli senza nessuno ad insegnarmi e partendo da (sotto) zero?

[ago]

Dipende da cosa intendi per "non-elementari"...

Per disegnare semplici pagine statiche, prova nvu, e' gratis. http://www.nvu.com/

Il tempo per creare un sito web con i sistemi wysiwyg (what you see is what you get) come nvu, e' uguale al tempo che occorre per creare un documento word.

Il passo successivo e' di separare contenuti e formattazione (css). Cosa che qualsiasi webeditor consente di fare.

Se vuoi creare gallerie di immagini, il tempo necessario e' anche ridotto... Esistono vari scripts che prendono un template, un folder e creano pagine html statiche dalle immagini contenute nel folder.

Se vuoi creare siti complessi e dinamici, la complessita' oggigiorno sta nell'installare il software necessario (spesso gratuito) sul webserver piu' che non nel creare il sito in se'.

Non devi infatti stare a disegnare in html/php, le forms, etc... questo lavoro gia' e' stato fatto per te, devi solo scegliere il template e le configurazioni dal pannello di amministrazione. Ti serve un webserver che supporti php/python/perl + mysql.

Se ad esempio volessi creare un sito come Pol "basterebbe" installare sul webserver http://www.phpbb.com/ ed usare il control panel per configurare. Ci vuole si e no mezzora (ora Jaki mi scomunica ).

Ecco un demo: http://www.phpbb.com/admin_demo/index.htm

Ottimo per i curiosoni che vogliono sapere cosa c'e' dietro Pol... (Pol in realta' usa vBullettinm ma e' molto simile).

Se volessi fare un portale "basterebbe" http://phpnuke.org/ http://www.xoops.org http://plone.org/ o altrim CMS simili.

Morale oggi esistono parecchi progammi per divertirsi e fare roba ben piu' complessa di quello che tu possa immaginare, prima di smanettare guarda bene cosa c'e' in giro, guarda OLTRE i semplici web-editors, e' quasi sicuro che esiste gia' un programma per fare templeting, generare pagine statiche in automatico, metter su un bel sito dinamico...

Solo se vuoi pagine dinamiche con funzionalita' peculiari (intranet, web-applications, un sito di servizi) devi smanettare...

Per creare applets o interi siti in flash non saprei, io odio i siti flash e li evito con cura.

Ora scommetto che per "non-elementare" intendiamo robe diverse

[Mr]

Premesso che la maggiorparte di quello che hai scritto mi risulta abbastanza difficile da capire, con "sito non elementare" intendo semplicemente "sito con una complessità che vada oltre la banalità di frontpage express e che mi permetta di creare effetti estetici gradevoli".
In pratica una home page (la grafica è producibile con photoshop?), qualche bottone "animato", diverse gallerie di immagini, un midi di sottofondo che non sfuma cambiando pagina, magari qualcosa in movimento.

[Mr]

PS
Dici che i domini che vendono su questo spazio sono ok?

http://www.kyron.it/

[ago]

Originally posted by Mr
intendo semplicemente "sito con una complessità che vada oltre la banalità di frontpage express e che mi permetta di creare effetti estetici gradevoli".

Personalmente adoro i siti "banali". Google docet!!! I siti con effetti sono lenti da scaricare. Ma se ti piacciono vai pure avanti.

In pratica una home page (la grafica è producibile con photoshop?), qualche bottone "animato", diverse gallerie di immagini, un midi di sottofondo che non sfuma cambiando pagina, magari qualcosa in movimento.

Il modo migliore per imparare e' leggere il codice delle pagine che ti piacciono. Dal tuo browser, ci dovrebbe essere qualcosa tipo "view page source".

Certamente che la grafica e' producibile in photoshop (o in qualsiasi altro progamma di grafica). Ma creare un intero template e' un lavoro pesante. E ci sono molti templates gia' fatti. Comincia da qui: http://www.google.es/search?q=web+design+template

Se per bottoni animati, intendi bottoni che cambiano immagine quando fai hoovering/click bastano solo due/tre immagini da inserire nelle apposite tags....

Per altri "trucchetti" animazioni menus etc etc puoi cercare su google librerie di javascript.

Se vuoi fare roba un po' piu' seria comincia a vedere come funziona css/css2/xhtml/dhtml.

Io ti facevo notare che oggigiorno i siti web complessi, non si fanno piu' "a mano" (o solo in parte). Si usa del software che permette di montare il sito a blocchi, come con i lego, scegliendo un template ben studiato, css etc senza toccare l'html... La parolina magica e' CMS... E ce ne sono una valanga: http://www.opensourcecms.com/ http://www.cmsmatrix.org/

Prima di registrare il dominio, fai il sito sul tuo pc (MS ha ad esempio un personal web server), scopri di quali servizi hai bisogno, e solo dopo compra dominio/spazio web.

[Mr]

Originally posted by Ago


Personalmente adoro i siti "banali". Google docet!!! I siti con effetti sono lenti da scaricare. Ma se ti piacciono vai pure avanti.[/b]

Google è il sito esteticamente più perfetto della rete.
Ma è perfetto proprio perché deve trasmettere semplicità e stile, un sito di grafica non potrebbe sopportare lo stile francescano di Google.

[ago]

Se proprio vuoi un sito con effetti fantascientifi tanto vale usare flash, che e' tutt'altra tecnica. Secondo me pero' e' meglio usare XHTML + CSS. Qui trovi ottimi esempi, molti gratuiti, da scaricare/usare/modificare. Un ottimo punto di partenza.

http://oswd.org/most_popular.phtml

[Mr]

Ci proverò, ma conoscendomi credo che mi arenerò a metà...

[ago]

Anzi concludiamo cosi' riassumendo le principali tecnologie di web design:

1. SEMPLICE HTML: va bene per cominciare.
   
   Per diseganre siti html statici usa nvu (gratuito, simile a frontpage express). http://www.nvu.com/
   
2. FLASH: per i siti dove forma > contenuto (ovvero con effetti complessi).
   
   Se vuoi divertirti con flash immagino faresti bene ad usare i programmi macromedia.
   
3. XHTML + CSS (+JAVASCRIPT): per siti ben fatti ed efficienti dove contenuto > forma. Si possono aggiungere alcuni "effetti" con javascript. html+css+js="dhtml".
   
   Per imparare, scaricati qualche web template (possibilemnte xhtml + css + psd), li trovi su decine di siti (vedi ad esempio http://www.google.com/search?q=web+templates), tra i quali (http://www.oswd.org/). Comincia a giocarci, modificali, usali... Usa nvu o un qualsiasi editor (anche notepad). Guardati il codice di xhtml e css, cerca di capire come funziona e come xhtml, css ed immagini si integrano. Una volta che impari ad usare i templates sei gia' a buon punto. Per effetti javascript vedi http://www.dynamicdrive.com/
   
4. CMS: per siti complessi come portali e fora, Pol ne e' un esempio. CMS e' un programma che gira sul webserver (di solito apache + php + mysql), e genera al volo le pagine in formato 3. Con CMS, "disegni" la pagina usando una speciale interfaccia che consente di inserire "blocchi" preconfezionati.
   
   Per provare un CMS (open source = gratis) carino per creare facilmente siti dall'aspetto professionale e semplici da modificare vedi http://mamboserver.com/ C'e' un ottimo demo (ma un po' affollato): http://mamboserver.com/cat/Demo_Site/, USALO, vai al pannello di controllo (backend administration) e buon divertimento!!! Prova pure a modificare il sito.
   
   Nota che con CMS non tocchi il css/html, fai tutto tramite web control panel, non serve alcuna application, niente editor, non serve NESSUNA conoscenza di xhtml/css/js! Questa e' l'opzione di gran lunga piu' SEMPLICE!!!

Se vuoi capire come funzionano le cose comincia con 1 e poi 3. Se vuoi risultati veloci ma di alta qualita', comincia da 4, prova il demo online. Vedrai che in pochi minuti ti viene fuori un sito da far impallidire quelli di alitalia o di tim ...e chissa' quanto ci hanno speso...