TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

6 modi per aggiungere una tabella nel sito Weebly

2

La tabella è un modo semplice e preciso per esprimere il contenuto classificato all’interno di uno spazio limitato. Ad esempio, l’elenco dei voti di uno studente, l’elenco dei dipendenti dell’organizzazione o un elenco di eventi sportivi possono essere ben visualizzati utilizzando una tabella invece di spiegare con un normale contenuto di testo. Sebbene Weebly abbia introdotto un’app gratuita "Simple Table" attraverso il suo App Center, ci sono molti modi semplici per aggiungere una tabella nel tuo sito Weebly.

Come aggiungere una tabella nel sito Weebly?

In questo articolo esploriamo tutte le possibilità di aggiungere una tabella al tuo sito Weebly.

  1. Metodo HTML
  2. Usando Microsoft Word
  3. Utilizzo dell’app Simple Table gratuita da Weebly App Center
  4. Tabelle dati avanzate con casella di ricerca e impaginazione
  5. Utilizzo di Google Spreadsheet
  6. Incorporare il codice della tabella di altre terze parti

Dai un’occhiata a questo articolo se stai cercando di aggiungere una tabella dei prezzi in Weebly.

1 Utilizzo del metodo HTML

Il tag della tabella HTML è uno dei modi più semplici per creare il contenuto della tabella offline e incollarlo sulla tua pagina Weebly utilizzando un elemento "Codice da incorporare". Utilizzo dell’HTML standard

tag, puoi creare semplici tabelle per il tuo sito. Ecco un esempio di codice per creare una tabella HTML con le seguenti caratteristiche:

  • L’intestazione e la prima colonna sono evidenziate in diversi colori di sfondo
  • Diversi colori dei caratteri vengono utilizzati per celle diverse
  • Il bordo della tabella viene utilizzato per creare uno spazio tra le celle
  • L’altezza della riga è fissata a 30 px con la larghezza della tabella è fissata a 300 px
<table border="3" bordercolor="Skyblue" width="300"> <th height="30" bgcolor="gray"><font color=Yellow>Plan   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Sites   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Price (1 Year Plan)</font></th> <tr height="30"> <td bgcolor="silver"><b>Free</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>Free</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Starter</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$4.08</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Pro</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$8.25</b></font></td> </tr> </table>

Ed ecco come apparirà la tabella nel tuo sito Weebly:

6 modi per aggiungere una tabella nel sito Weebly

Puoi personalizzare il codice sopra per aggiungere più colonne e righe secondo le tue esigenze. Puoi utilizzare Blocco note per creare questo codice e salvarlo come file .html. Apri il file .html con qualsiasi browser per testare il codice prima di utilizzarlo sul tuo sito Weebly.

Una volta finalizzato con il tuo codice, incolla il codice sopra all’interno dell’elemento "Codice da incorporare" (HTML personalizzato) per visualizzare la tabella nel tuo sito. Weebly può limitare l’uso di tabelle molto grandi di più di poche centinaia di righe, in questo caso puoi dividere il contenuto in più tabelle e utilizzarlo nella stessa pagina.

2 Utilizzo di Microsoft Word

Il metodo HTML di cui sopra è complesso e richiede tempo per creare una grande tabella e non hai molte opzioni per creare diversi tipi di tabelle. Ecco che arriva Microsoft Word, un software di elaborazione testi multidimensionale. Segui le istruzioni seguenti per creare una tabella utilizzando Microsoft Word:

  • Apri Microsoft Word, abbiamo spiegato con Microsoft Word 2010.
  • Fare clic sulla scheda "Inserisci" e quindi sul pulsante "Tabella" per selezionare il numero di righe e colonne per creare una tabella semplice.
  • Una volta creata la tabella, fai clic su qualsiasi cella all’interno della tabella per visualizzare il menu "Strumenti tabella" sopra le altre voci di menu.
  • Fai clic sull’opzione "Strumenti tabella" e personalizza la tua tabella.
  • Una volta che la tabella è pronta, salva il documento come pagina web (.htm o .html)
  • Apri il documento salvato in un Blocco note (Fai clic con il tasto destro e Apri con Blocco note) e copia il codice.
  • Usa l’elemento del codice di incorporamento per incollare il codice sul tuo sito Weebly.

Nota: alcuni temi Weebly supportano anche il copia incolla della tabella direttamente da Microsoft Word o Excel nel tuo editor Weebly.

Ad esempio, qui viene mostrata una tabella di esempio creata con Word 2010 per mostrare le attività pianificate in un mese di calendario.

6 modi per aggiungere una tabella nel sito Weebly

3 App da tavolo semplice da Weebly App Center

L’opzione successiva per aggiungere una tabella nel sito Weebly è cercare un’app Weebly dall’App Center. Passa ad App Center e collega l’app gratuita "Tabella semplice" disponibile nella categoria "Strumenti" al tuo sito, quindi trascina e rilascia l’elemento per aggiungere tabelle al tuo sito. Come indica il nome, è un’app molto semplice per aggiungere tabelle con intestazione e righe. Puoi personalizzare alcune opzioni come l’allineamento, i colori di sfondo e la posizione della direzione.

6 modi per aggiungere una tabella nel sito Weebly

App Weebly Simple Table

4 Widget tabella dati avanzata

Le tabelle dati avanzate utilizzano le librerie JavaScript jQuery e abilitano la casella di ricerca, l’impaginazione e le opzioni di filtro per una tabella. Anche se potrebbe essere necessario un po’ di tempo per aggiungere e modificare la tabella su un sito Weebly, vale la pena provare. La tabella avrà un aspetto simile a quello riportato di seguito e dai un’occhiata al nostro articolo dedicato sulla creazione di tabelle dati avanzate per il sito Weebly.

6 modi per aggiungere una tabella nel sito Weebly

Tabella dati avanzata Weebly

5 Foglio di calcolo di Google

Quando hai una tabella enorme con centinaia di righe, l’opzione semplice potrebbe utilizzare Google Spreadsheet e incorporare il codice sul tuo sito Weebly per condividere la tabella. Ci sono molti vantaggi quando si utilizza Google Spreadsheet, come l’abilitazione della modifica dei contenuti per gli utenti invitati. Inoltre puoi continuare ad aggiornare il contenuto dal tuo account Google e aggiungere un foglio completo con più schede.

6 generatori di tabelle online

Sebbene la creazione di tabelle HTML in Weebly sia facile, è attività ingombrante soprattutto per la creazione di tabelle di dimensioni maggiori. Poiché i servizi Google sono bloccati in molti paesi o non sei interessato a utilizzare l’account Google, puoi utilizzare gli strumenti di generazione di tabelle online. Questo ti aiuterà a creare un codice HTML per te e a copiare/incollare il codice all’interno dell’elemento " Embed Code " nella tua pagina Weebly.

Fonte di registrazione: webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More