ancora HTML

[Stavros]

Do ragione a Homu, lo si vede in ambito professionale...

Una volta per fini di studio/lavoro avevo un javascript proprietario e messo online il tutto (ip fisso) poco dopo mi è arrivata una mail dal creatore del javascript che mi chiedeva gentilmente di rimuovere quella pagina perchè altrimenti mi denunciava... Per fortuna il capo non mi ha sgamato

Comunque usare un editor è il male. Utilizzare il buon vecchio Blocco Note (meglio Notepad ++) o al massimo e se volete compatibilità abbastanza garantita Visual Studio...

[BaronVsCorsar]

okkei, io mi sto dilettando con php (partivo da zero) e html (partivo da 0.1: tabelle, sfondi)... sfortuna vuole che servano i CSS.
In altre parole sto incontrando grossissime difficoltà.
Rimboccato le maniche sto ottenendo un po' di sane pagine dinamiche con php+CSS: il problema sono i test per la resa grafica, che è una palla mostruosa e richiede un mucchio di prove (e tempo quindi!).

Per fare queste prove, e magari creare un template CSS con qualche tool sapete darmi consigli?
Un tool facile per carità, mica faccio pagine professionali, e poi voglio che aiuti a risparmiare tempo, non a perderlo.

A quel punto mi faccio un html (non php) che carica il CSS creato col tool per vedere un po' il feedback, e quando lavoro di php vado a "colpo sicuro".

Esiste? Una volta mi han consigliato un tool "TuaNonna", ma non lo trovo googolando

[Stavros]

@Baron: ma hai visto il mio PM?

Comunque sia... Per fare i css niente è meglio del notepad ++ ma sinceramente non ho provato altri software specifici...
Resta il fatto che il foglio di stile va linkato nell'head, non incluso nella stessa pagina, in quanto è stato creato proprio per quello. Separare i contenuti e la struttura delle informazioni (html) dall'aspetto grafico e altre amenità (css) al fine di ottenere pagine sempre più conformi e compatibili.

Pagina HTML <link> Pagina CSS

Per agire sul CSS [che lavora sugli attributi del DOM (Document Object Model)] vanno implementati script ad hoc in Javascript o generare dinamicamente codice ASP o PHP... tramite Javascript... E' un mondo!

[Sheedolsh]

Adesso apro un topic che userò spesso, visto che mi sto facendo un sito e non ho la benchè minima conoscenza di html.
Come faccio a disegnare del testo sopra a un'immagine?

Visto che sei nuovo dell'html sicuramente non passerai subito dal css, cmq appena sei un po' più dimestico inizia a dargli un occhio che ormai è importantissimo saperlo, anche perchè molti codici html sono considerati ormai obsoleti e prima o poi non saranno più decodificati dai browser (ma per fortuna non ancora).

Ad ogni modo gli stili (css) puoi impostarli anche direttamente nella pagina, poi se seguirai la cosa, finirai col preferire i css esterni, ma inutile riempirti di cose subito.

A proposito di browser, se riesci apri la tua pagina cone diversi browsers per dargli un'occhio a come esce, perchè su alcune cose (tipo la centratura dell'impaginazione) usano metodi diversi, se no rischi che la tua pagina si vede bene su alcuni browsers e male su alcuni altri. Io almeno IE e Firefox li controllo sempre in simultanea. Diciamo che cmq IE legge più facilmente i codici di Firefox che viceversa.

Tornando alla tua domanda per fare i tasti:

1-O come ti hanno suggerito usi l'immagine tasto in background e la scritta in foreground, in questo modo:

<div style="width:200px; height:50px; background-image:url(cartellafile/nomefile.jpg)">
<a href="link_pagina.html" target="_self">
PAGINA 1
</a>
</div>

Dove il tag <div></div> è il contenitore del tasto, nello style trovi la larghezza del contenitore (width) mettici i pixel che vuoi, stessa cosa per l'altezza (height).
Fra le parentesi di 'backgorund-image' ci metti la posizione del file, 'cartellanome' solo se l'immagine non è nella stessa cartella della pagina html, insomma ci metti il percorso.
Il tag <a></a> è il link vero è proprio, ci metti la pagina che vuoi linkare, 'target' (self) serve per dire al link di aprire la nuova pagina usando la stessa che stiamo navigando.

'PAGINA 1' sarà la scritta che metti nel tasto.

I caratteri in rosso sono quelli customizzabili, al massimo se non ti tornano i conti con il risultato del tuo lavoro facci sapere.
---------------------------------------------------------------------------

2-Secondo metodo, crei un tasto grafico con scritta incorporata che userai come tasto con il link:

<a href="link_pagina.html" target="_self">
<img src="nomefile.jpg">
</a>

Questo è un metodo molto semplice, ti dà come rislutato l'immagine da te creata che fa da link per la pagina a cui vuoi arrivare.

Con questo metodo non è possibile modificare l'immagine al passaggio del mouse, per farlo devi creare la seconda immagine e inserire un javascript apposito nell'head e degli eventi 'onmouseover' ecc...

Al massimo se ti occorre una cosa del genere fai un fischio.

Ah, ovviamente non sei obbligato ad usare i jpg, cmq in web di solito si usano jpg o gif.

PS: per quanto riguarda guardare i codici altrui... nel web non c'è niente di sleale, lo farebbe chiunque ma... non si fa perchè alla fine è solo una grand perdita di tempo.

Il web è tutta una questione di grafica, impaginazione e navigabilità, per quanto lo fai bello ogni 2-3 anni devi fare il restyling, quindi copiare i codici serve a poco se la grafica e l'impaginazione non fa il loro lavoro. Fra l'altro gli schemi più comuni li trovi come template in qualsiasi programma. Ti consiglio però anche io di lavorare con notepad, che è il più chiaro e pulito di tutti.

Al massimo punta ad un sito carino ma soprattutto ben navigabile, un sito di 100 pagine è sicuramente meno interessante da esplorare che uno da 8-12 pagine, insomma, metti ciò che realmente serve e non cose inutili, al massimo se lo fai per metterci i tuoi giochi ti creerari un apposito archivio di navigazione, l'importante è che le cose essenziali siano facilmente raggiungibili. Secondo il mio parere ovvio, poi vedrai tu come meglio svilupparlo.

[Filo]

a sto punto mi faccio un sito tutto grafica con l'editor di altervista, non ho voglia di complicazioni esagerate, visto che oltre a raccogliere informazioni sul mio gruppo non faccio. grazie dell'aiuto comunque

[Sheedolsh]

a sto punto mi faccio un sito tutto grafica con l'editor di altervista, non ho voglia di complicazioni esagerate, visto che oltre a raccogliere informazioni sul mio gruppo non faccio. grazie dell'aiuto comunque

Beh, se non hai pretese particolari, e il sito da te citato ti dà ciò che ti occorre è una buona scelta. Al massimo un domani se scoprirai di avere nuove necessità sarai sempre in tempo, inoltre credo che appoggiandoti ad un server ci risparmi piuttosto che ad un domino che anche se offre più libertà di programmazione, un poco costa.