Come aprire un sito di Poker - Editing HTML

Indice articoli

Editing HTML per realizzare il tuo sito di Poker online

E' ora di aprire l'editor HTML preferito, per questo esempio abbiamo utilizzato un semplice Frontpage e un foglio di stile css. Il seguente esempio non vuole essere una referenza sull'utilizzo di Frontpage ma il programma verrà utilizzato solo nelle funzioni basilari, Il foglio di stile appena citato lo vedremo alla fine ora concentriamoci sull'apertura di Frontpage nel proprio sito (abilitato a Frontpage) bene, apri il programma e apri un sito web, come indirizzo inserisci il tuo sito (nel nostro esempio il sito di Poker Texas www.pokermaniaeverest.com ) e invia la richiesta, ti verranno richiesti i dati di accesso username e password con i quali avrai i permessi di accesso e modifica sul tuo sito web.

Una volta acceduto al tuo server apri una nuova pagina su Frontpage e crea una tabella larga 700px allineata al centro e contenente 6 righe e 2 colonne, appena creata la tabella dovrai fondere "merge" le celle 1, 2, 3, 5 e 6 tralasciando la riga 4 che ospiterà i contenuti principali del sito e il menu di navigazione verticale.

Per unire le righe basta che evidenzi le 2 colonne della riga che vuoi modificare e premere il tasto destro del mouse, tra i parametri vedrai la funzione "merge cells" o "unisci celle" bene unisci ognuna delle celle sopra elencate, il risultato finale dovrebbe rispettare il seguente schema:

 

 

 

 

 

 

 

 

Prima di continuare e di settare gli attributi per ogni riga e cella dobbiamo dire al codice di leggere gli attributi in una specificata posizione, per fare questo aggiungiamo un codice html all'interno della zona "head" quindi nel tuo Frontpage utilizza la funzione per visualizzare sia il design sia il codice generato (split) guarda nel codice all'inizio e troverai la sezione head che è compresa tra il tag <head> e </head> proprio prima della chiusura </head> aggiungiamo il seguente codice:

<link href="/css/css.css" rel="stylesheet" type="text/css" />

inserendo questo codice si dice di guardare nella posizione www.sito.com/css/ e cercare il file chiamato css.css percui ora dobbiamo creare tale file in quella specifica posizione percui sempre tramite Frontpage guarda sulla barra verticale a sinistra "Folder list" e aggiungi una cartella e chiamala "css" se vuoi puoi decidere di chiamarla anche in un altro modo basta che poi l'indirizzo specificato nel tag venga modificato di conseguenza.

Dentro a quella cartella inseriamo un file di testo che chiami css.css per il momento lascialo vuoto, per fare l'upload del file puoi usare lo stesso Frontpage oppure un qualsiasi programma di FTP, prova Smart FTP che è gratuito e va benissimo! vedi qui ulteriori informazioni sul programmi ftp

Nel nostro esempio questo file è stato messo nella posizione http://www.pokermaniaeverest.com/css/css.css

Inserimento attributi alle celle e alle righe della tabella

Per inserire le caratteristiche di ogni riga e cella della nostra pagina "stampo" utilizziamo le classi che si baseranno sulle impostazioni che noi inseriremo nel file css.css quindi iniziamo con il body.

In Frontpage visualizza il codice html e localizza il tag <body> ora, a questo punto diremo al codice di dare al body le caratteristiche che defineremo poi nel file css, per fare questo modifica a mano il tag body il quale deve risultare come segue:

<body class="bodyok">

In questo modo tutto il corpo della pagina avrà le caratteristiche della classe "bodyok".

  • Riga 1: non ha alcuna classe, in quella posizione inseriremo il titolo della pagina stessa.
  • La riga 2: Qui andrà inserito il banner ORIGINALE quello che avevamo usato per ricavare la prima grafica. Oltre a ciò specifichiamo anche la classe "banner" quindi il codice corrispondente diverrà <td class="banner" colspan="2">
  • Riga 3: Nella riga 3 verrà visualizzata la barre orizzontale, anche questa riga deve avere una classe (barra) quindi modifichiamo anche questa riga come segue. <td class="barra" colspan="2">
  • Riga 4 (2 celle): questa riga è composta da 2 celle, la prima quella più grande dove andranno inseriti i contenuti principali in cui dovrai settare la classe "fondocompleto" <td class="fondocompleto" > e la seconda dove andrà a visualizzarsi la colonna del menu verticale, <td class="latcompleto" >. Le dimensioni delle 2 celle verranno settate dal file css.
  • Riga 5: in questa riga andrà posizionata un ulteriore tabella per inserire le grafiche ai lati con i link nello spazio centrale. Per questa riga settiamo la classe "barrafinale" quindi <td class="barrafinale" >
  • Riga 6: questa riga non necessita di classi, qui verra inserita un ulteriore tabella dove inseriremo le immagini finali e un testo di privacy.

Ora, nello spazio laterale inserisco un menu con dei links inseriti in un elenco puntato tipo quello qui sopra per le varie righe del template... riga 1, riga 2 ecc... nella nostra prova abbiamo inserito:

  • Chi siamo
  • Come giocare
  • Regole del Poker
  • Tornei di Poker
  • Promozioni

Inoltre nello spazio dedicato alla barra orizzontale inserisco altri links in orizzontale i quali sono:

  • Poker: questo è il collegamento alla homepage
  • Scarica Poker: da qui si può inserire il collegamento diretto per scaricare il software, per trovare il tuo codice guarda all'interno di United Partner Program e trova il tuo url per la promozione di Everest Poker
  • Tornei: questo è lo stesso link di "tornei di Poker"
  • Regole del Poker: stesso link di regole del Poker
  • Giocare con noi: stesso link di "come giocare"
  • Promozioni: stesso link di Promozioni

Alla fine, nella penultima riga inserisci una tabelle larga al 90% con 1 riga e 3 colonne, nelle 2 celle laterali inseriamo le 2 immagini che vedi nell'esempio, al centro nella cella più larga (se non è larga basta trascinare i lati della cella centrale e allargarla finche le celle che ospitano le grafiche sono ridotte al minimo), nello spazio centrale inseriamo 3 links:

  • Sicurezza
  • Privacy
  • Links

anche in questo caso i colori del testo e dei links sarà specificato nel file css.css.

Alla fine di tutto nell'ultima cella è stata aggiunta una nuova tabella in cui ho posizionato le ultime grafiche inerenti alla sicurezza, sempre prese dal sito originale e un testo di privacy preso anche questo dal sito originale da inserire nello spazio centrale più largo.

A questo punto quella che puo' definirsi la base è quasi pronta, ora dobbiamo pensare al file css e al suo posizionamento nel sito, dentro alla nostra root principale che in questo esempio è il solito sito di Poker Texas www.pokermanieverest.com apriamo una nuova cartelle che chiamiamo "css" (se non fatta precedentemente), ora apriamo un foglio (notepad o blocco note) e inseriamo le varie classi, giusto per capire il tutto funziona cosi'

.nomeclasse { istruzioni per questa classe }

tutto quello che è tra le parentesi graffe {} sono le istruzioni per quella classe stessa, ecco di seguito il codice completo per il css:

InterGadget realizza siti web
  • Vuoi creare un sito per la tua attività?
  • Hai già un sito ma non porta clienti?
  • Hai l'idea per un applicazione vincente?
  • Vuoi sviluppare un nuobo business online?

Entra in InterGadget.eu la neo nata che offre servizi per
aprire un sito web, grafica, app e software di ogni genere.

Affiliate Casino 2007 - 2021 Soluzioni per il gioco a premi e a denaro - Apertura casino, casino online, Poker room, licenze e mini casino

AAMSCreative Commons License
Realizzazione siti web
InterGadget realizza siti web