Un po di chiarezza su cosa serve per fare un sito web

[volponerosso]

Ciao a tutti

vorrei farvi delle domande a voi sicuramente banali ma che mi tartassano da diverso tempo. Ho fatto qualche sito con joomla e di conseguenza sapete bene che non servono conoscenze particolari.

Partiamo dalla base.. html e css serve per creare un sito statico, il php per un sito dinamico. Sito dinamico è inteso un sito con un gestionale al suo interno che permette di aggiungere articoli, foto ecc con facilità come joomla?

ASP invece a cosa serve? perche se ho capito bene, l' asp è il codice di programmazione da installare sul sito, che va a collegarsi con i database e quindi permette la creazione del gestionale.

Per creare invece dei template per joomla mi bastano le conoscenze in html e css, con un progrmama tipo DW? grazie mille

[pix]

Partiamo dalla base.. html e css serve per creare un sito statico, il php per un sito dinamico. Sito dinamico è inteso un sito con un gestionale al suo interno che permette di aggiungere articoli, foto ecc con facilità come joomla?

partendo dalla base, molto semplicisticamente, i linguaggi di cui scrivi sono detti "interpretati" che è diverso da "compilati". Nei primi il codice che li compone rimane tale e quale per poi venir letto ogni volta dal sistema, mentre nei secondi il codice viene letto e trasformato in linguaggio macchina.

Parlando dei linguaggi interpretati in ambito web, l'interpretazione può avvenire sul tuo computer da parte ad esempio del browser (client-side) oppure sul server (server-side) il quale si occuperà di inviare il risultato (output) dell'interpretazione al tuo browser.

html, css e javascript sono linguaggi client-side (in realtà javascript volendo potrebbe essere eseguito anche dal server, ma non divaghiamo), quindi tutto ciò che fanno sta avvenendo sul tuo computer che si è scaricato una copia del codice e lo sta facendo interpretare al tuo browser.

php e asp sono linguaggi server-side. Il primo è nato dalla comunità open source, mentre il secondo è stato sviluppato da Microsoft (difatti pur potendo funzionare su qualunque sistema, in genere php viene usato su server linux e asp su server windows).

il fatto che siano server-side significa che il server (apache per php e iis per asp) riceve la tua richiesta (un url, ad esempio http://nomesito.it/index.php) quindi va a leggere il file corrispondente eseguendo le istruzioni che contiene e quando ha finito "spedisce" il risultato al tuo browser che lo visualizza senza sapere esattamente quali passaggi ha operato il server per produrre tale risultato.

come puoi ben immaginare, in questo modo c'è una certa sicurezza, una certa protezione, perchè mentre html e css volendo chiunque può averli esattamente come li hai tu che hai sviluppato il sito, nel caso di linguaggi server-side soltanto tu puoi vedere il sorgente e sapere che cosa fa.

Semplificando molto: se tu mettessi una password nascosta in un file html sarebbe semplicissimo leggerla, mentre se fosse in un file php lo sarebbe molto ma molto meno.

ASP invece a cosa serve? perche se ho capito bene, l' asp è il codice di programmazione da installare sul sito, che va a collegarsi con i database e quindi permette la creazione del gestionale.

come detto, asp è solo uno dei tanti linguaggi lato server.

riguardo l'interazione con i database, per motivi di sicurezza in genere si fa in modo che un database sia accessibile solo da "locale" ovvero dallo stesso server in cui risiede il codice php/asp o comunque da un server situato all'interno della stessa infrastruttura di rete.

Quindi, normalmente è il file asp/php che, lato server, interagisce con il database e a te sul client arriva solo il risultato di questa interazione.

Ad esempio, per eseguire il login in un'area riservata di un sito tu inserisci utente e password in un form html. Questo form invia i due dati ad un file php/asp sul server.

Il server riceve i dati, richiama il file indicato nel quale saranno presenti le opportune istruzioni grazie alle quali verrà interrogato il database, verrà cercato il tuo username, verrà confrontata la password da te inserita con quella del database e se tutto corrisponde il file php/asp restituirà un "OK" (si fa per dire) e verrai indirizzato all'interno dell'area riservata. In alternativa, se qualcosa non torna ti verrà restituito un messaggio di errore sull'autenticazione.

Per creare invece dei template per joomla mi bastano le conoscenze in html e css, con un progrmama tipo DW? grazie mille

mi pare di sì, per fare tamplate di joomla ti basta sapere html e css (magari un po' di javascript), e ovviamente saper riconoscere i codici usati da joomla per riempire quelle aree "dinamiche" (ad esempio un riquadro con le ultime notizie) in modo da non corromperli e comprometterne il funzionamento.

Dreamweaver può esserti utile mentre stai imparando, ma in genere è consigliabile ad un certo punto iniziare a scrivere il proprio codice in autonomia, in modo da avere il totale controllo su di esso.

[lughi]

Il mio prof. delle superiori non me lo aveva spiegato così bene.

[pix]

Il mio prof. delle superiori non me lo aveva spiegato così bene.

[volponerosso]

sei stato molto preciso e dettagliato nella risposta e ti ringrazio... ma parlando in termini pratici, per poter fare un sito e integrarlo in joomla.. magari partendo dal creare la grafica e successivamente fare il template per un cms, quale dei 3 corsi devo seguire??

allego i programmi senza citarne la fonte ovviamente per non fare spam

CORSO WEBDESIGN

   1. Introduzione al Webdesign
         * Introduzione al concetto del "disegnare per il Web"
         * I linguaggi del Web Design
         * Formati e risoluzioni delle immagini per il Web
         * Importanza e percezione psicologica dei colori
         * Tavolozza dei colori per il Web in esadecimale
         * Introduzione ai browser Web
         * Accenni sui software di sviluppo per Web Designer
  2. Breve guida all'HTML - Parte 1
         * Premessa
         * Regole e creazione un file HTML
         * Struttura di un file HTML e gestione delle intestazioni
         * Elementi di testo: titoli, paragrafi ed elenchi
         * Ritorno a capo nel testo
         * Stili in HTML: grassetto, corsivo e sottolineato
         * Collegamenti ipertestuali: i link
  3. Breve guida all'HTML - Parte 2
         * Gestione delle immagini
         * Le tabelle
         * Creazione di un modulo per la raccolta dei dati
         * Tutorial: impaginazione di un modulo HTML in una tabella
  4. Breve guida ai fogli di stile CSS - Parte 1
         * Premessa
         * Introduzione ai CSS e confronto con le stilizzazioni HTML
         * Stili in linea, interni ed esterni
         * Regole e sintassi CSS
         * Classi ed identificatori univoci
         * Stilizzare elementi di base: corpo della pagina
         * Stilizzare elementi di base: titoli e paragrafi
         * Stilizzare elementi di base: link
  5. Breve guida ai fogli di stile CSS - Parte 2
         * Stilizzare elementi di base: immagini cliccabili
         * Il Box Model: stilizzare box e tabelle
         * Questioni di compatibilità: fogli di stile condizionali per Explorer
         * Stilizzare un modulo HTML con i CSS
         * Tutorial: stilizzare coi i CSS un modulo HTML impaginato in una tabella
  6. Javascript: quello che un Web Designer deve sapere
         * Premessa
         * Cosa significa "programmare per il Web"
         * Il linguaggio Javascript: sintassi ed inserimento del codice
         * Variabili e costanti
         * Istruzioni di controllo: condizioni e cicli
         * Creazione di funzioni personalizzate
         * Javascript ed il Web Design: introduzione al DHTML ed al DOM
  7. Tutorial - Creare layout con le tabelle per un sito Web
         * Introduzione
         * Creare un layout a due colonne con le tabelle, fisso e centrato
         * Creare un layout a tre colonne con le tabelle, fisso e centrato
         * Creare un layout fluido a due colonne con le tabelle (a tutto schermo)
         * Creare un layout fluido a tre colonne con le tabelle (a tutto schermo)
  8. Tutorial - Creare layout tableless per un sito Web (senza tabelle)
         * Introduzione
         * Creare un layout tableless fisso a due colonne
         * Creare un layout tableless fisso a tre colonne
         * Creare un layout tableless fluido a due colonne (a tutto schermo)
         * Creare un layout tableless fluido a tre colonne (a tutto schermo)
         * Considerazioni finali
  9. Tutorial - Speciale menu di navigazione - Parte 1
         * Introduzione
         * Creare un menu verticale con un "div" ed effetto rollover
         * Creare un menu verticale con un elenco ed effetto rollover
         * Creare un menu orizzontale con le tabelle ed effetto rollover
         * Creare un menu orizzontale con i "div" con effetto rollover
         * Creare un menu orizzontale con un elenco ed effetto rollover
 10. Tutorial - Speciale menu di navigazione - Parte 2
         * Semplici "effetti speciali" sui menu
         * Menu dinamico verticale in DHTML
         * Menu dinamico orizzontale in DHTML
         * Creare un "footer menu"
 11. Tecniche avanzate, un po' di esempi pratici - Parte 1
         * Introduzione
         * Applicare uno sfondo alla pagina o ad un box
         * Applicare angoli arrotondati ai box
         * Box con effetto ombra
         * Box centrato rispetto alla risoluzione della pagina
 12. Tecniche avanzate, un po' di esempi pratici - Parte 2
         * Effetti "speciali" per i link
         * Personalizzare gli elenchi puntati con delle immagini
         * Rollover sulle immagini con i CSS
         * Effetto "loading" per le foto molto pesanti
         * Rendere leggibile un report di dati alternando i colori delle celle
 13. Design ed accessibilità
         * Concetti di usabilità ed accessibilità
         * Accessibilità di un menu di navigazione
         * Accessibilità di un modulo HTML
         * Testi ad alta leggibilità per soggetti ipovedenti o ipervedenti
         * Considerazioni finali

CORSO WEBMASTER BASE

   1. Introduzione al corso
         * Perchè realizzare un sito
         * Le finalità del sito
         * Le tappe fondamentali
  2. Cosa si nasconde dietro le pagine web
         * HTML, la colla che tiene insieme le pagine
         * Migliorare lo stile con i CSS
         * L'additivo Javascript
         * Scripting lato client e lato server
         * Multimedialità
         * I Database
         * Il formato delle Immagini
  3. Usabilità, Navigabilità e Accessibilità di un sito
         * Cosa si intende per Usabilità
         * Cosa si intende per Navigabilità
         * Cosa si intende per Accessibilità
         * Chi stabilisce le regole
         * XHTML: usiamo gli standard per la portabilità
         * Conclusioni
  4. Fase progettuale
         * Definire i contenuti e creare le sezioni principali e secondarie
         * Creare una mappa ben organizzata
         * Disegnare il layout delle singole pagine
  5. Studio e creazione dell'interfaccia visiva
         * L'importanza della Homepage
         * Strutturare la Homepage utilizzando le tabelle
         * Strutturare la Homepage utilizzando i layer
         * Utilizzare file matrice per includere sezioni ripetute
  6. Realizzare i menu di navigazione
         * Introduzione
         * Menu e sottomenu di navigazione
         * Il menu Molliche di pane
         * Utilizzare i pulsanti
         * Conclusioni
  7. Organizzare i contenuti
         * Introduzione al Web Writing
         * Posizionare i menu
         * Posizionare il logo e i banner
  8. Un corretto utilizzo dei font
         * Introduzione
         * Quali font utilizzare
         * Raccolta di link per scaricare gratuitamente font
  9. La scelta dei colori, testo e immagini
         * Scelta del colore a seconda del tipo di sito
         * Definire le sezioni attraverso il colore
         * Abbinare il colore del testo al colore dello sfondo
         * I colori dei Link
 10. Tutorial - Creare un sito Web da zero - Parte 1
         * Introduzione
         * Predisporre la cartella di lavoro
         * Creare il template
         * Creare il foglio di stile
         * Creare il file Javascript esterno
         * Creazione del logo del sito 
 11. Tutorial - Creare un sito Web da zero - Parte 2
         * Gestire le sezioni ripetute
         * Completare la Homepage: inserire il titolo ed il menu molliche di pane
         * Creare le altre pagine del sito
         * Dove trovare immagini per abbellire il sito
         * Tools gratuiti per offrire nuove funzionalità
 12. Tutorial - Creare un sito Web da zero - Parte 3
         * Dove pubblicare il sito?
         * Concetto di Hosting
         * Dove trovare Hosting gratuito
         * Dove trovare Hosting professionale
         * 12.5 Pubblicare il sito via FTP
 13. Appendice - Utilizzare FileZilla per pubblicare un sito Web via FTP
         * Introduzione a FileZilla
         * Installazione di FileZilla
         * Creazione di un account per la pubblicazione
         * Trasferire i file dal proprio computer al server e viceversa
 14. Conclusioni e consigli
         * Percorsi consigliati per diventare Webmaster
         * Quali software utilizzare

CORSO CSS

   1. Introduzione al Web Design con XHTML e CSS
         * Il Web Design
         * I linguaggi HTML ed XHTML
         * I fogli di stile CSS
         * Differenze tra Internet Explorer e Firefox
         * Validare una pagina XHTML ed un foglio di stile CSS
  2. Il linguaggio XHTML
         * Elementi HTML di una paina Web
         * HTML ed XHTML a confronto
         * Le DOCTYPE e la modularità
         * Gestione dei tag e degli atributi vuoti
         * Gestione dei caratteri speciali
         * Gestione dei form
  3. I principali editor CSS
         * Introduzione
         * Notepad
         * Top Style Lite
         * Altri editor CSS
  4. CSS - Implementare il codice
         * Regole sintattiche e semantiche dei CSS
         * Fogli di stile in linea
         * Fogli di stile interni
         * Fogli di stile esterni
         * Individuare il dispositivo in uso con l'attributo media
  5. CSS - Principi e funzionalità
         * L'ereditarietà
         * Le classi
         * Gli ID
         * La concatenazione
         * Selettori di attributi
         * Le pseudo classi
         * Le @rules
  6. CSS - Elementi di base
         * Gestione di colori e sfondi
         * Formattazione del testo
         * Giustificazione del testo
         * Stilizzazione degli elenchi
         * Stilizzazione dei link
  7. CSS - Il box model
         * Cos'è un box
         * Gestione degli spazi e dei margini
         * Gestione dei bordi
         * Posizionamento, visualizzazione e dimensionamento degli elementi
  8. CSS - Altri elementi stilistici
         * Il cursore del mouse
         * Le barre di scorrimento del browser
         * Stilizzazione dei form
         * Stilizzazione corretta del body di una pagina
  9. Tutorial CSS - Creazione di un layout table-less
         * Introduzione
         * La pagina XHTML
         * Il foglio di stile CSS
         * Conclusioni e spunti
 10. Accessibilità delle pagine Web
         * Il concetto di accessibilità
         * Le accesskey e i menu
         * Le accesskey e i form
         * Pagine ad alta leggibilità
         * Sfruttare gli acronimi
 11. CSS2 - Stampa e multimedia
         * Gestione della stampa con i CSS
         * Gli aural CSS: fogli di stile per i documenti audio
 12. Tutorial CSS - Un menu con i CSS ed XHTML
         * Introduzione
         * La pagina XHTML
         * Il foglio di stile CSS
         * Conclusioni e spunti

[pix]

dipende molto da quante ore durano....il primo sembra buono per le tue esigenze (e anche un po' di più) ma magari è di 10 ore, mentre il secondo che sembra orientato a cose un po' diverse magari è di 40 ore e include il primo....

difficile valutare così.....poi dipende anche da chi è a spiegare....

comunque, supponendo una parità nella qualità, sceglierei il primo per iniziare.

il terzo è comunque un approfondimento molto utile che va bene soprattutto se hai seguito il primo corso.

Comunque, qualunque corso tu scelga, dovrai integrarlo con dello studio individuale. Sul web trovi tantissimo materiale, in italiano, e ben fatto.

inoltre, se il tuo obiettivo è lavorare con joomla, dovrai studiarti un po' anche qualche tutorial di joomla.

da quanto scrivi, mi pare di capire che joomla un po' lo conosci già, quindi si tratterebbe di studiare solo le regole per la creazione dei template.

[volponerosso]

ciao pixx

grazie per la gentile risposta in pm ti ho inviato i link.. così mi sai dire di piu!

Con Joomla ho fatto circa una decina di siti.. utilizzando componenti e moduli acquistati a parte ecc.. il problema è che comunque sono sempre su base di template e al limite ho modificato le immagini che componevano il template... l' obiettivo come dicevo prima è di saperli creare.

Ho mandato una mail alla ditta dei corsi, non spiegano di tempo che ci vuole per seguirlo ma secondo loro, bisogna prima seguire quello html, poi php e infine webdesign dove vengono ripetuti dei concetti gia assimilati e migliorati... non so se posso seguirlo proprio a puntino quello che dicono, anche perché c' è un certo interesse da parte loro alle spalle

Poi nulla toglie che posso staccarmi da questo programma.. non voglio passare una vita intera su joomla anche perché i guru del web che lo fanno per lavoro non utilizzano questo cms.. anzi, creano loro tutto da zero e fanno i gestionali a parte per l aggiunta di articoli foto ecc.. questo sarebbe l' obiettivo finale mio.. ma per quest' ultima cosa credo ci siano conoscenze di php e asp.. e non esiste nulla da "installare" a sito finito

[pix]

visto il PM, ti rispondo qui che magari è interessante anche per altri.

mi pare di capire che sono corsi online in modalità testuale....cioè ti iscrivi e ti leggi le lezioni, giusto?

Mah, per quanto siano economici mi sento di sconsigliarteli (dico economici perchè un corso "serio", di persona in un'aula, va dai 500 ai 1000 euro....e anche di più se tratta argomenti molto avanzati o se approfondisce bene gli argomenti).

Da quel poco che ti ho conosciuto in questi post e per l'idea che mi sono fatto di te, ti consiglio molto caldamente di iniziare studiando in maniera autonoma ed in un secondo momento, se ancora lo vorrai ma ne dubito, seguire un corso a pagamento.

un consiglio che ho già dato e a cui spesso mi rispondono "lo conosco già" ma in realtà viene largamente sottovalutato è di studiare dalle seguenti risorse:

http://www.html.it

Sono stati fra i primi in Italia a rendere disponibili online guide gratuite, a vari livelli di difficoltà, ed in genere ben fatte.

(Se vuoi fanno anche ottimi corsi in aula.....ma dai un'occhiata ai prezzi )

Nella colonna di sinistra trovi i siti tematici, e dentro ognuno di essi trovi molto materiale ben organizzato e ben spiegato (da notare che in fonto ad ogni pagina-lezione c'è un link "versione stampa" che puoi usare se vuoi avere una copia cartacea).

Ad esempio per l'html/xhtml:

http://xhtml.html.it/guide/leggi/51/guida-html/

(html5 per il momento aspetterei)

Per i css base:

http://css.html.it/guide/leggi/2/guida-css-di-base/

e così via.....

C'è anche la sezione CMS, con la guida per creare template di Joomla:

http://cms.html.it/guide/leggi/191/creare-un-template-joomla-la-guida/

Più di così....cosa vuoi?

Non farti spaventare dalla quantità di materiale.....se ti metti d'impegno, con qualche ora al giorno di studio/prove, nel giro di un mese ti stupirai dei tuoi progressi.

Quando avrai assimilato abbastanza bene html/css potrai studiarti un po' Javascript e la libreria jquery.....la qual cosa ti introdurrà ad un vero linguaggio di programmazione, invece che di markup come i precedenti, e ti preparerà la strada per affrontare altri linguaggi lato server un po' più impegnativi come PHP, ASP o quello che sceglierai (.NET C#, JSP, Python, Ruby.....ce ne sono parecchi).

Se mentre studi non capisci qualcosa scrivi in questo thread o aprine uno nuovo se preferisci.....anche qui le lezioni sono gratuite

[volponerosso]

ciao pix grazie ancora per la risposta

mi lascia un po dubbioso la tua affermazione su "mi pare di capire che tu paghi e sono corsi testuali"... io credevo fossero dei videocorsi!! Ora ho scritto un email in ditta per farmi confermare una delle 2 affermazioni..

Io sono intenzionato a studiare in modo autonomo per il momento.. ma specifico che sto gia seguendo un percorso formativo in grafica pubblicitaria di 2anni... e il terzo anno è facoltativo ma con specializzazione in web.. ho gia speso piu di 5000euro per questi 2 anni e se ne varrà la pena.. farò anche il terzo anno del costo di 2600€. Tutti i giorni 4ore, lunedi-venerdi e viene trattato anche psicologia, marketing ecc ecc quindi voglia di imparare pur di spendere tanto c' è e credo sia un ottima base

Però manca ancora un anno pieno prima del terzo anno e volevo imparare prima a fare queste cose... come siti scritti da zero e template in modo da sfruttarlo gia da ora.. e arrivare al terzo anno che sono gia preparato sul settore con foglio e penna e mille domande da risolvere

Vedo solo ora che esiste il link per la stampa su html.it.... sarei uscito pazzo a leggere tutto sul monitor!!! sicuramente stamperò e studierò da li al posto di comprare grandi libri...

A proposito, domanda stupida, devo studiare html, xhtml o html5? grazie mille per la pazienza sicuramente inizierò a studiare e posterò qui i miei si sperano progressi e dubbi

[pix]

A proposito, domanda stupida, devo studiare html, xhtml o html5? grazie mille per la pazienza sicuramente inizierò a studiare e posterò qui i miei si sperano progressi e dubbi

tendenzialmente tutti e tre, nell'ordine in cui li hai scritti.....

per html5 comunque non c'è ancora fretta, lo standard non sarà pronto se non fra un paio d'anni, quindi direi che come minimo per un anno o addirittura due puoi dare la precedenza alle basi html/css/javascript.

se conosci "bene" html, passare a html5 non è un passaggio difficile.

[volponerosso]

perfetto grazie mille misa che ho davvero tanto da imparare... ma se questo mi porterà a realizzare siti dinamici, non necessariamente con joomla ne vale davvero la pena!! Hai letto poi della domanda che ho fatto sopra, su come realizzare dei gestionali dinamici? Dovrò studiare asp e php?

PS. sto vedendo html.it... mi spaventa dover stampare pagina per pagina ogni documento non esiste un bel pdf pronto di 200pagine da stampare??

[pix]

io quando sviluppo cms di solito lavoro in PHP usando come template engine la classe Smarty.

niente di trascendentale ma direi che per te è un po' prematuro....

se non vuoi stamparti pagina per pagina puoi sempre comprare un libro......io ho sempre studiato online i linguaggi, perché sarebbe consigliabile che man mano impari fai anche subito delle prove/esperimenti, quindi col copia-incolla non perdi troppo tempo a riscrivere i codici.

[volponerosso]

quindi per i cms un minimo di base esiste.. non sa fa tutto da zero come ho sentito? è come dire in grosso modo di realizzare la grafica in html e css e con DW per esempio.. successivamente si va ad "applicare" (detto in modo semplice) un cms sopra per poi ovviamente ritoccare il codice ecc ecc ecc

Stavo pensando all' acquisto di un libro.. mi sarebbe sicuramente piu comodo visto che potrei studiarmelo ovunque, però come dici tu, non riuscirei a provare subito con il copia incolla del codice e sarebbe un peccato. Nel caso un buon libro me lo consigli? che non costi assai

[pix]

quindi per i cms un minimo di base esiste.. non sa fa tutto da zero come ho sentito? è come dire in grosso modo di realizzare la grafica in html e css e con DW per esempio.. successivamente si va ad "applicare" (detto in modo semplice) un cms sopra per poi ovviamente ritoccare il codice ecc ecc ecc

Stavo pensando all' acquisto di un libro.. mi sarebbe sicuramente piu comodo visto che potrei studiarmelo ovunque, però come dici tu, non riuscirei a provare subito con il copia incolla del codice e sarebbe un peccato. Nel caso un buon libro me lo consigli? che non costi assai

no quello che scrivi si può già fare con joomla, wordpress, etc...

io parlavo di un "livello sopra". Oltre all'interfaccia, che va bene come hai scritto anche se odio dreamweaver, poi ti progetti e crei il database e tutto l'applicativo che riceve ed elabora i dati.....

ovviamente lo fai completo solo la prima volta, poi riprendi/modifichi/aggiorni il tuo codice, che per forza di cose conosci a menadito.

come ti ho scritto, io ai tempi avevo studiato online (beh tranne il C all'università... ), quindi non saprei consigliarti un buon libro (ma se cerchi in questa sezione del forum ne erano stati segnalati un po').

comunque molti libri ti danno il CD con i sorgenti incluso, o un link a cui scaricarli, per fare gli esercizi.

[volponerosso]

ho capito.. tu sei di alto livello.. un guru del web :P

ti chiedo quest' ultima cosa dopodiché inizio a studiare seriamente per poi aggiornarci mano mano...

se volessi invece un videocorso su come creare la grafica in photoshop per poi dividerlo cosa mi consigli? un corso che parta dalla pagina biance e che insegni a realizzare tutto... io lavoro in grafica pubblicitaria ma in ambito web con PSD ci ho provato e mi trovo abbastanza spiazzato...

[pix]

ho capito.. tu sei di alto livello.. un guru del web :P

ti chiedo quest' ultima cosa dopodiché inizio a studiare seriamente per poi aggiornarci mano mano...

se volessi invece un videocorso su come creare la grafica in photoshop per poi dividerlo cosa mi consigli? un corso che parta dalla pagina biance e che insegni a realizzare tutto... io lavoro in grafica pubblicitaria ma in ambito web con PSD ci ho provato e mi trovo abbastanza spiazzato...

nonostante non sia un grafico ho buon gusto (credo) e spesso mi arrangio.....ma a questo è meglio che ti risponda un web designer (qui su IM che ne sono parecchi....prova a chiedere anche in sezione Grafica).

[iMel77]

Ciao Volponerosso, come dice Pix77 ed anche altri, il web è pieno di tutorial...da html.it alla ricerca su Google a youtube...c'è solo da perdersi...

Uno dei miei lavori consiste nel creare la grafica dei siti con Photoshop, successivamente tagliare il layout e trasformalo in sito, utilizzando Xhtml, CSS e PHP.

Guardando le varie guide sul web ho notato che ognuno adotta tecniche diverse...un buon punto di partenza è avere qualcuno che ti spieghi le cose ed apprendere un metoso (sperando sia il migliore)...

Quando crei un layout per un sito devi essere consapevole di come lo stesso effetto si debba riprodurre tramite codice...e una volta studiato Html e CSS sei ad un buon punto di partenza...

I CSS io li trovo fondamentali...infatti dopo un primo approccio sul web ho voluto acquistare un libro...ma è un passaggio successivo secondo me.

Ho trovato un sito con dei video corsi che potrebbero aiutarti un pò...il sito è www.total-photoshop.com li trovarai tutorial sia di Photoshop, che di Illustrator, di Dreamweaver che altro...

Ricordati sempre che non si finisce mai di imparare..che tenersi aggiornati è fondamentale...che la sperimentazione e la ricerca ti portano alla conoscenza...e ti cito uno stupendo slogan che ho visto in una pubblicità all' estero: Knowledge is Growth...Growth is Knowledge (se non sai l'Inglese: La Conoscenza è Crescita..La Crescita è Conoscenza).

Se poi come ti auguro, lo farai di professione ti accorgerai che devi inventarti sempre qualcosa di nuovo, per non essere ripetitivo, e li è la vera crescita...a volte credo di esaurire la fantasia...ma il web è così vasto che ritorna...

Personalmente prima di progettare con Photoshop inizio con la testa...nel senso che immagino come deve essere uno sfondo...texture e/o sfumature...immagino tutto un insieme di cose...prendo appunti e faccio schizzi sul notes...e poi inizio a utilizzare il programma...

Mi farebbe piacere poterti aiutare di più...ma non è facile trasmettere alcune nozioni tramite forum...

Come ti hanno già detto qui basta chiedere e l'aiuto arriva...

Buono Studio

[volponerosso]

CIao Imel

ti ringrazio tanto delle tue parole!! Tra te e pix avete scritto dei piccoli papiri belli da leggere.. e che mi hanno emozionato!

Ti posso dire che ho subito comprato un libro.. su html.it mi diventa difficile studiare via monitor, mi si stancano troppo gli occhi purtroppo ho iniziato ieri sera a leggerlo.. è fatto un po strano, cioè che parte e gia da tutto per scontato sui tag ecc.. però mi sto trovando bene.

Il mio obiettivo è arrivare al tuo livello.. che prima ancora di avere la pagina bianca di psd davanti, gia so come sarà realizzato, così come faccio attualmente per il mio lavoro di grafica

BEllissimo lo slogan che hai citato.. sicuramente lo terrò in mente!

Molto bello anche il sito... non lo conoscevo e ti ringrazio!!!

Ci teniamo aggiornati sperando di potervi far vedere il piu presto possibile.. un mio layout realizzato da zero

ps. sbaglio o sul sito html.it non vengono citati tutti i tag esistenti? non è necessario conoscerli tutti ma solo quelli fondamentali tipo formattazione, immagine e sfondo?

[pix]

se vuoi una Reference completa per html, css e altri linguaggi, puoi trovarla qui:

http://www.w3schools.com/

sulla destra trovi le web references organizzate per categoria.

sulla sinistra, se vuoi, altre guide....

ahimé, è tutto in inglese.....spero che questo non ti fermi.

[iMel77]

Pix...ci sei arrivato prima di me! stavo per postarlo anche io...

Volpone... perchè non posti uno dei tuoi lavori di grafica? Sono curioso di vedere il tuo stile...

[volponerosso]

Vi allego una parte dei tanti lavori realizzati in quanto vi scrivo da un pc che non è il mio.. quindi tutta la cartella non ce l' ho dietro

Proposta campagna pubblicitaria sullo spreco di carta e disboscamento degli alberi WWF

Studio logo, immagine coordinata, brochure, gadget

Proposta ingresso per la stessa ditta

Flyer Bar promozione settimanale

Proposta nuovo prodotto Bacardi con studio bottiglia in 3d (illustrator) e grafica

[iMel77]

Hai uno stile che mi piace...complimenti!

[volponerosso]

questo tuo commento mi fa onore

intanto vi tengo aggiornati dicendovi che sto seguendo dei tutorial su come realizzare il layout per il web.. visto che non ne ho mai fatto uno!! e questa è la mia prima realizzazione.. (copiandola passo per passo)

ora nel frattempo che imparo il codice, volevo provare a utilizzare Artisteer per realizzare il template in joomla, un amico mi ha detto che si può fare tutto.. ma io sono bloccato gia dall inizio

Ho aperto la discussione qui: http://www.italiamac.it/forum/topic/446426-artister-si-puo-fare-questo/

[iMel77]

Se sei a questo punto..e come credo e edo hai buona volontà..lascia perdere joomla et simila...procedi alla vecchia maniera..

[volponerosso]

ok dai allora procedo con continuare a studiare l html e ho gia trovato un videocorso sul css e dreamweaver... spiega passo passo come realizzare un sito web da esempio, finito. Poi magari ci carico sopra qualcosina per fare gli aggiornamenti veloci in php... anche se forse come l' ho appena detto è un po "diminuitivo" riguardo il vero lavoro che c' è dietro

[iMel77]

Il mio è un consiglio...ascoltalo...ascolta anche gli altri...e poi decidi...

Prima di buttarti su PHP e DB, fai in modo di padroneggiare Html e CSS...

Un pò come prima impari a camminare e poi a correre...

P.S. Mi passi il link del video corso...voglio vedere se c'è qualcosa che non so...

[volponerosso]

si si sto seguendo il percorso da te indicato... html base.. ora css.. poi php e asp che ho gia messo da parte e chissà se riuscirò!! si spera

pm inviato

[iMel77]

pm ricevuto...

io farei cosi...poi tu fai come ti senti...

Html --> CSS --> TANTA PRATICA

Poi scegli fra PHP e ASP.. io preferisco PHP

Poi in base a quello che hai scelto MySQL o Access (credo)

Per ultima cosa ma non meno importante...capire come trasformare il PSD in CSS.

Se hai bisogno chiedi...

[volponerosso]

addirittura lo metti per ultimo posto il trasformare il psd in css :O credevo fosse una cosa prioritaria da fare insieme allo studio del css!!

Comunque seguo il tuo percorso, html base gia finito, ora passo di css e poi provo a fare piu siti possibili (se è questo che intendi per pratica). Ma come faccio a fare tanta pratica se non so come trasformare il psd in css? Si impara direttamente con lo studio del css quindi?

[iMel77]

La grafica del sito è importante...l'ho messo per ultimo solo perchè penso che sapere bene i CSS è fondamentale...ovvio che per fare siti ti occorre saper tagliare un PSD per portarlo in CSS...hai trovato guide per questo? In caso vediamo come potrei darti una mano...