Accedi per seguire   
Seguaci 0
Mancio

Primi Passi Nello Sviluppo Web

29 messaggi in questa discussione

Ciao forum,

sono un principiante dello sviluppo web,proprio da zero...una settimana fa ho incominciato a studiarmi il codice HTML e lo sviluppo del sito...inoltre, dopo aver abbozzato la struttura del mio sito su carta, ho incominciato a sviluppare la Home con Dreamwaver mx.....per ora ho sviluppato solo la struttura con tabelle in modalita Standard...

Quello che volevo sapere era questo: dato che sono un esordiente Totale e per lo sviluppo di un sito Web ce ne sono di cose da fare, come mi consigliate di procedere??? Quali fondamentali passi devo tenere a mente dopo aver strutturato la mia Home page con tabelle in modalita Standard???

Le immagini che devo usare sono meglio .gif o .jpg???quando vanno inserite alla fine del sito o man mano che si procede???

Insomma vorrei che qualcuno mi illustrasse in pochi passi una specie di Indice da seguire per il corretto sviluppo di un sito in HTML....perche sto leggendo molte guide e tutorial ma ognuna procede con un ordine diverso nello sviluppo creandomi un po di confusione.....

Grazie in anticipo!

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ciao Mancio, se hai studiato l'HTML ed hai un po' di dimestichezza con Dreamweaver sei già a buon punto, l'organizzazione del lavoro è molto soggettiva e dipende da quello che hai in mente di realizzare, non c'è un ordine "ideale". Un consiglio è quello di tenere sempre d'occhio il codice, anche durante la progettazione visuale, spesso si vengono a creare tag inutili che rendono solo meno organico il tutto.

Per quanto riguarda gif e jpeg la differenza non è poi così rilevante, sono entrambi dei formati molto leggeri, la jpeg è più adatta per i colori sfumati in quanto ha un set di colori più completo, la gif in compenso è solitamente più ridotta e consente la animazioni.

Buon lavoro! :)

P.S.: In questo caso il modo migliore per migliorare è provare, provare e provare! :up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Jpg o gif non cambia nulla...l'importante è che complessivamente il sito risulti leggero!!

Se ti serve una guida questa la trovo ottima....per creare un buon sito devi avere (anche se usi Dreamweaver) una conoscenza buona di html...per non permettere che inserisca migliardi di tag inutili!!

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

si si infatti sto provando e studiando...ho postato questo trehad appunto perche ho un po di confusione su come procedere...non essendo ancora pratico non vorrei tralasciare passaggi che invece vanno fatti prima combinando casino...

La realizzazione di questi benedetti CSS si fa all'inizio o verso la fine??? e cosi a grandi linee quali sono le operazioni che aggiungono tag inutili allo sviluppo??? Per la struttura del sito vannno gia bene le tabelle i modalita Standard o viene meglio in modalita Layout?

Grazie delle risp, ogni nuovo consiglio sara bene accetto!!! :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
si si infatti sto provando e studiando...ho postato questo trehad appunto perche ho un po di confusione su come procedere...non essendo ancora pratico non vorrei tralasciare passaggi che invece vanno fatti prima combinando casino...

La realizzazione di questi benedetti CSS si fa all'inizio o verso la fine??? e cosi a grandi linee quali sono le operazioni che aggiungono tag inutili allo sviluppo??? Per la struttura del sito vannno gia bene le tabelle i modalita Standard o viene meglio in modalita Layout?

Grazie delle risp, ogni nuovo consiglio sara bene accetto!!! :)

Ciao Mancio :P

Io ti consiglio prima di tutto di imparare l'HTML, i CSS e il javascript.

Ma soprattutto come funziona la tecnologia web: Come interagiscono tra loro html, css e javascript.

Dreamweaver dev'essere un buon supporto a chi SA cosa sta facendo, altrimenti rischi, appunto, di creare pagine con del codice complesso ed inutile...

Il layout di un sito è un connubbio di HTML, CSS, javascript e grafica che deve, quindi procedere assieme...

Per quanto riguarda la differenza tra gif e jpg, segui il consiglio di bug... Sono due formati che hanno ruoli specifici...

Le gif sono più leggere e hanno meno colori (al massimo 256), ma permettono le trasparenze. Sono utili per disegnare il layout (bordi di aree, pulsanti, piccole animazioni, ecc...)

Le jpg sono non permettono le trasparenze ma hanno anche milioni di colori. Sono utili per creare gli header, i banner ecc...

Ti consiglio di comprarti un buon manuale di HTML, CSS e Javascript (che rimarrà sempre al tuo fianco eheheh).

Dopo scoprirai che sei solo all'inizio di quest'avventura eheheh

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Grazie ancora dei consigli....

Quello che mi confonde un atttimo e che in certi tutorial (per principianti) si dice di usare le tabelle in modalita Layout per creare il Layout della pagina...altri dicono che il Layout della pagina si ottiene con i CSS.....Volevo sapere: con quale metodo ottengo una pagina compatibile con tutti i maggiori Browser e leggera?

Ciao :) !

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Sono vere entrambe, a dire il vero nella maggior parte dei casi vengono usate tutte e due :)

Le tabelle aiutano a sviluppare e mantenere una struttura precisa ed anche professionale in un certo senso, i css (Cascading Style Sheets) estendono le potenzialità dell'html soprattutto graficamente, creando (ad esempio) un unico stile che farà da modello all'intero sito web semplicemente utilizzando lo stesso file.

Si consiglia vivamente di dare un'occhiata anche ai css! :up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Mancio, lo sviluppo di layout web utilizzando una struttura table-less (cioè senza tabelle, gestendo tutto il layout da fogli di stile) rappresenta il futuro dello sviluppo Web, poiché in questo modo puoi separare completamente il contenuto dalla sua rappresentazione. In questo modo, lo stesso codice HTML di una pagina sarà adatto a tutti i dispositivi in grado di interpretare l'HTML, la sua rappresentazione sarà legata ad un foglio di stile adatto per il dispositivo utilizzato, e rimane perfettamente fruibile anche da quei browser che non sono in grado di interpretare i fogli di stile.

Sviluppare in modalità table-less, permette sicuramente di scrivere meno codice e di avere pagine più leggere, mentre per quel che riguarda la compatibilità tra browser, beh, questo meriterebbe un discorso a parte... diciamo che ancora ci sono delle incompatibilità che dipendono in larga parte da chi (IE... :P ) ha un'interpretazione abbastanza allegra degli standard.

Infine, sviluppare in modalità table-less aiuta molto (anzi, oserei dire che è l'unica strada) se si vuole creare pagine web che siano fruibili anche da disabili, poiché le tabelle, in HTML, servirebbero per rappresentare dei dati e non per l'impaginazione, quindi, ad esempio, i sintetizzatori vocali (strumenti che servono ai non vedenti per poter utilizzare il PC) intepretano molto male le pagine impaginate con le tabelle, mentre interpretano bene le pagine che hanno un layout table-less.

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Mancio, lo sviluppo di layout web utilizzando una struttura table-less (cioè senza tabelle, gestendo tutto il layout da fogli di stile) rappresenta il futuro dello sviluppo Web, poiché in questo modo puoi separare completamente il contenuto dalla sua rappresentazione. In questo modo, lo stesso codice HTML di una pagina sarà adatto a tutti i dispositivi in grado di interpretare l'HTML, la sua rappresentazione sarà legata ad un foglio di stile adatto per il dispositivo utilizzato, e rimane perfettamente fruibile anche da quei browser che non sono in grado di interpretare i fogli di stile.

Sviluppare in modalità table-less, permette sicuramente di scrivere meno codice e di avere pagine più leggere, mentre per quel che riguarda la compatibilità tra browser, beh, questo meriterebbe un discorso a parte... diciamo che ancora ci sono delle incompatibilità che dipendono in larga parte da chi (IE... :P ) ha un'interpretazione abbastanza allegra degli standard.

Infine, sviluppare in modalità table-less aiuta molto (anzi, oserei dire che è l'unica strada) se si vuole creare pagine web che siano fruibili anche da disabili, poiché le tabelle, in HTML, servirebbero per rappresentare dei dati e non per l'impaginazione, quindi, ad esempio, i sintetizzatori vocali (strumenti che servono ai non vedenti per poter utilizzare il PC) intepretano molto male le pagine impaginate con le tabelle, mentre interpretano bene le pagine che hanno un layout table-less.

:)

Esatto, il futuro del web dovrebbe essere table-less, ma per ora i diversi browser fanno il rendering delle pagine table-less in maniera troppo diversa... Adesso come adesso per essere sicuri di avere lo stesso risultato su tutti i browser si è costressi ad utilizzare le tabelle...

Purtroppo sono anni che si dice "il futuro è table-less" ma i risultati sono ancora lontani dall'essere omogenei :wub:

Io ti consiglio di utilizzare i fogli di stile anche per gestire le tabelle in modo da separare lo stesso i contenuti dalla loro rappresentazione :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

altro che table-less...a scuola mia il prof vorrebbe insegnare a me e ai miei compagni a creare siti a frame (il che è un suicidio per i sintetizzatori... :ranting2: )!!

...ma ora sò quasi più di lui in merito e lo convertirò a table-less.. :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Esatto, il futuro del web dovrebbe essere table-less, ma per ora i diversi browser fanno il rendering delle pagine table-less in maniera troppo diversa... Adesso come adesso per essere sicuri di avere lo stesso risultato su tutti i browser si è costressi ad utilizzare le tabelle...

Purtroppo sono anni che si dice "il futuro è table-less" ma i risultati sono ancora lontani dall'essere omogenei ;)

Io ti consiglio di utilizzare i fogli di stile anche per gestire le tabelle in modo da separare lo stesso i contenuti dalla loro rappresentazione :)

Beh, se si prendono in considerazione browser obsoleti come Netscape 4 e IE 4 (anche IE 5 è fonte di parecchi grattacapi, ma in certe situazioni risolvibili), che hanno un supporto ai CSS largamente incompleto, ciò è vero, a partire da IE 5, sviluppare in modalità table-less è fattibile... Firefox e Opera sono di certo più prevedibili nel comportamento (già dalle prime versioni di Firefox e da Opera 6 si possono avere discreti risultati), con IE c'è da "rognare" di più a causa di un'interpretazione "microsoftiana" degli standard W3C, per cui comunque, cercando con santa pazienza, si trovano "hack" in grado di girare attorno alle vulnerabilità. Insomma, io direi che ci siamo quasi, anche se certamente lo sviluppo di siti in questa modalità può portare a notevoli travasi di bile... :P:wub::P

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Io per ora mi do allo sviluppo tradizionale che gia ad incominciare da zero ce ne di cose da imparare :P

Quindi via all'utilizzo di tabelle e CSS...un'ultima banalita sui CSS; vanno creati prima di tutto o quando gia hai la struttura della tua pagina???

Comunque grazie ancora dei consigli vedremo cosa riusciro a tirar fuori :) :omaggi:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Io per ora mi do allo sviluppo tradizionale che gia ad incominciare da zero ce ne di cose da imparare :P

Quindi via all'utilizzo di tabelle e CSS...un'ultima banalita sui CSS; vanno creati prima di tutto o quando gia hai la struttura della tua pagina???

Comunque grazie ancora dei consigli vedremo cosa riusciro a tirar fuori :) :omaggi:

Io i CSS li creo assieme alle pagine...

Quello che devi fare a tavolino, prima di iniziare a scrivere qualsiasi tipo di codice, è organizzare le idee... Capire sulla carta come verrà il sito, quali aree logiche ne faranno parte e in quel momento decidere lo stile per ogni area...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ciao a tutti,

per professione faccio il programmatore di software gestionali, ed ho poco a che fare con la programmazione Web.

Quindi magari verrò insultato per quello che sto dicendo...

Ho notato che Front Page 2003 ha degli esempi di pagine già costruite su cui un utente principiante può studiare...

Altrimenti per utilizzare ASP.Net consiglierei Visual Web Developer Express Edition, scaricabile dal sito microsoft, il quale offre anch'esso una serie di esempi di pagine già costruite su cui si può studiare...

Jacopo

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Ciao a tutti,

per professione faccio il programmatore di software gestionali, ed ho poco a che fare con la programmazione Web.

Quindi magari verrò insultato per quello che sto dicendo...

Ho notato che Front Page 2003 ha degli esempi di pagine già costruite su cui un utente principiante può studiare...

Altrimenti per utilizzare ASP.Net consiglierei Visual Web Developer Express Edition, scaricabile dal sito microsoft, il quale offre anch'esso una serie di esempi di pagine già costruite su cui si può studiare...

Jacopo

Il problema di Frontpage è che scrive del codice veramente confuso, ridondante...

Non penso sia il modo migliore per imparare a programmare (perchè di questo si tratta) applicazioni web...

A meno che non si voglia fare esclusivamente design (e quindi si deve imparare a gestire la grafica web), uno sviluppatore web dovrebbe studiare la tecnologia che governa questo mondo... Dal semplice HTML fino ai linguaggi ad alto livello (Java, C#, Delphi, ecc...)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...e soprattutto Frontpage inserisce nel suo codice miriade di stringhe che si crea lui automaticamente rendendo il codice a volte quasi illeggibile e incomprensibile... :)

...sinceramente il modo più sicuro e veloce per imparare l'html è senza dubbio consultare qualche guida...idem per l'asp...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Mi inchino alla vostra sapienza...ed esperienza... :omaggi:

Adesso che mi sono preso la "lavata di capo"... :popò: ...eh eh eh, qualcuno ha già provato

Visual Web Developer Express Edition 2005?

L'ho scaricato ed installato...ma non ho ancora iniziato ad usarlo intensamente (per questioni di lavoro mi trovo immerso in Java,C# e "Visual Fox Pro 9.0... :locked: ")

, ad una prima occhiata mi sembra un buon tool per lo sviluppo di pagine Web dinamiche...

Mi piacerebe sentire le vostre impressioni sul questo nuovo Tool di Microsoft...

Torno al lavoro...Buonanotte!!!

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ciao Jacopo (B)

Nessuna "lavata di capo" :) Anzi!!! Grazie per aver sollevato questi dubbi :P:wub::P

Ho scaricato Visual Web Developer Express Edition 2005. Come prodotto mi sembra buono, soprattutto per chi viene dal mondo Enterprise (sviluppo di applicazioni classiche). C'è solo un grossissimo difetto: E' nato esclusivamente per creare applicazioni ASP.NET...

Quindi, per chi vuole sviluppare portali in ASP.NET (anche con il framework .NET 2.0), si trova davanti un ottimo prodotto. Per chi sviluppa anche i ASP, JSP, PHP ecc... questo prodotto in pratica non serve :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Indubbiamente è limitativo come prodotto...ovviamente Microsoft per questioni i mercato tira l'acqua al suo mulino e promuove le sue nuove tecnoligie... :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

Ehi Prozac io sto imparando ancora l'html.

Sono consapevole del fatto che per imparare a programmare pagine web dovrò continuare con fogli di stile e javascript. Ma una volta imparate tutte queste cose, devo preoccuparmi dell'xhtml??? é proprio indispensabile??

Modificato da the doctor

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

L'XHTML diventerà indispensabile, è solo questione di tempo. Comunque, non mi preoccuperei troppo, in fondo l'XHTML è solo un modo leggermente diverso di scrivere HTML. Mi rendo conto che i puristi di fronte a quest'affermazione avranno i conati di vomito, ma penso che renda l'idea... :):P:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...bene...quindi ora sono abbastanza padrone dell'html...quindi sarei pronto per l'xhtml??

E' compatibile dappertutto l'xhtml, vero?? Lo leggono pure i cellulari, vero?? :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
...bene...quindi ora sono abbastanza padrone dell'html...quindi sarei pronto per l'xhtml??

E' compatibile dappertutto l'xhtml, vero?? Lo leggono pure i cellulari, vero?? :P

Devo dire che non mi sono ancora guardato per bene XHTML, ma in ogni caso, non fa male guardarsi pure XML, visto che XHTML è un linguaggio derivato da XML... in questo modo, è possibile capire alcuni dei vincoli di XHTML, almeno, io ho capito questo nelle mie ancor lacunose letture... :P:wub::)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Devo dire che non mi sono ancora guardato per bene XHTML, ma in ogni caso, non fa male guardarsi pure XML, visto che XHTML è un linguaggio derivato da XML... in questo modo, è possibile capire alcuni dei vincoli di XHTML, almeno, io ho capito questo nelle mie ancor lacunose letture... ;):):(

Esatto Lorenz. Ed è per questo motivo che i puristi avranno i conati di vomito a leggere la tua affermazione di prima :):P:P

L'XHTML non è un miglioramento dell'HTML, ma è un fratello dell'HTML nel senso che entrambi nascono dallo stesso "padre" (che poi è il padre di tutti i linguaggi di Markup), l'SGML, ma hanno preso delle strade diverse.

L'albero genealogico potrebbe essere questo:

SGML

|

|----HTML

|

|----XML----XHTML

Tornando alle definizioni pure, l'XHTML è un'applicazione XML. Il W3C, quando ha introdotto quest'applicazione, voleva mettere ordine, coerenza e robustezza al linguaggio che governa il mondo WEB (l'HTML appunto) obbligandono a seguire le regole restrittive di scrittura tipiche di tutte le applicazioni XML.

Essendo, in tutto e per tutto, XML, non permette più di avere quella flessibilità di scrittura che era un punto fondamentale dell'HTML fin dalla sua nascita. Quindi d'ora in poi, quando si scrivono pagine XHTML, si è obbligati a rispettare le regole imposte dall'XML che fondamentalmente sono:

1) E' obbligatorio il tag radice (root) che è univoco (ne può esistere sono uno per documento), dev'essere il primo tag del documento, e deve contenere tutti gli altri. Indovinate qual'è? Sì sì, proprio lui: <html></html> :wub::P;)

2) Esistono 2 tipo di tag: quelli con contenuto misto (testo o altri tag) e quelli vuoti. I primi sono i classici tag del tipo <p></p>, <table></table> ecc, i secondi sono quei tag senza un contenuto come i placeholder delle immagini, ecc... Questi secondi DEVO per forza utilizzare la chiusura tipica dell'XML: <img .... /> (oppure la versione esplosa <img ....></img>).

3) Non è possibile chiudere un tag padre senza aver prima chiuso un tag figlio. Esempio:

HTML

<p>Questo è un <font size=2><strong>esempio</font></strong> HTML</p>

XHTML

<p>Questo è un <font size="2"><strong>esempio</strong></font>XHTML</p>

In XHTML sono OBBLIGATO a chiudere il tag </strong> prima di poter chiudere il tag PADRE font.

4) I parametri dei tag DEVONO essere racchiusi tra apici o doppi apici.

5) I tag vanno scritti minuscoli

6) Si possono utilizzare solamente i tag previsti dall'applicazione XHTML

(Di regole ce ne sarebbero altre :angry:)

;)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

beh...allora io le rispetto già tutte queste semplici regolette ;-) ...ma esistono tag xhtml che non sono presenti nell'html?? :)

Tutti i broswer capiscono l'xhtml, vero??(in quanto a me sembra spiaccicato al normale html...)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0