TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

6 sätt att lägga till tabell på Weebly -webbplatsen

2

Tabellen är ett enkelt och exakt sätt att uttrycka det klassificerade innehållet inom ett begränsat utrymme. Till exempel kan studentens märklista, organisationens medarbetarlista eller en sportevenemangslista visas väl med hjälp av en tabell istället för att förklara med ett vanligt textinnehåll. Även om Weebly introducerade en gratis "Simple Table" -app via App Center, finns det många enkla sätt att lägga till tabell på din Weebly -webbplats.

Hur lägger jag till tabell på Weebly -webbplatsen?

I den här artikeln låt oss utforska alla möjligheter att lägga till tabell till din Weebly -webbplats.

  1. HTML -metod
  2. Använda Microsoft Word
  3. Med gratis Simple Table App från Weebly App Center
  4. Avancerade datatabeller med sökruta och sidvisning
  5. Använda Google kalkylblad
  6. Bädda in tabellkod från andra tredje parter

Kolla in den här artikeln om du letar efter en pristabell i Weebly.

1 Använda HTML -metod

HTML -tabelltaggen är ett av de enklaste sätten att skapa tabellinnehåll offline och klistra in det på din Weebly -sida med hjälp av ett "Bädda in kod" -element. Använda standard HTML

taggar kan du skapa enkla tabeller för din webbplats. Här är en exempelkod för att skapa en HTML -tabell med följande funktioner:

  • Rubrik och första kolumn markeras i olika bakgrundsfärger
  • Olika teckensnittsfärger används för olika celler
  • Bordskant används för att skapa ett mellanrum mellan celler
  • Radhöjden är fast som 30px med bordets bredd som 300px
<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>

Och så här kommer tabellen att se ut på din Weebly -webbplats:

6 sätt att lägga till tabell på Weebly -webbplatsen

Du kan anpassa ovanstående kod för att lägga till flera kolumner och rader enligt dina krav. Du kan använda Anteckningar för att skapa den här koden och spara den som en .html -fil. Öppna .html -filen med valfri webbläsare för att testa koden innan du använder den på din Weebly -webbplats.

När du är klar med din kod klistrar du in ovanstående kod i elementet "Bädda in kod" (anpassad HTML) för att se tabellen på din webbplats. Weebly kan begränsa användningen av mycket stora tabeller med mer än några hundra rader, i det här fallet kan du dela upp innehållet i flera tabeller och använda det på samma sida.

2 Använda Microsoft Word

Ovanstående HTML -metod är komplex och tidskrävande att skapa ett stort bord och du har inte många alternativ för att skapa olika typer av tabeller. Här kommer Microsoft Word en flerdimensionell ordbehandlingsprogramvara. Följ instruktionerna nedan för att skapa en tabell med Microsoft Word:

  • Öppna Microsoft Word, förklarade vi med Microsoft Word 2010.
  • Klicka på fliken "Infoga" och sedan på "Tabell" -knappen för att välja antal rader och kolumner för att skapa en enkel tabell.
  • När du har skapat tabellen klickar du på valfri cell i tabellen för att se menyn "Tabellverktyg" visas ovanpå de andra menyalternativen.
  • Klicka på alternativet "Tabellverktyg" och anpassa ditt bord.
  • När ditt bord är klart sparar du dokumentet som en webbsida (.htm eller .html)
  • Öppna det sparade dokumentet i en anteckningsblock (högerklicka och öppna med anteckningsblock) och kopiera koden.
  • Använd Bädda in kodelement för att klistra in koden på din Weebly -webbplats.

Obs! Vissa Weebly -teman stöder också kopiera och klistra in tabellen direkt från Microsoft Word eller Excel till din Weebly -redigerare.

Exempeltabell skapad med Word 2010 för att visa de aktiviteter som planeras under en kalendermånad visas här till exempel.

6 sätt att lägga till tabell på Weebly -webbplatsen

3 Enkel tabellapp från Weebly App Center

Nästa alternativ för att lägga till tabell på Weebly -webbplatsen letar efter en Weebly -app från App Center. Navigera till App Center och anslut den kostnadsfria appen "Enkel tabell" som finns tillgänglig under kategorin "Verktyg" till din webbplats och dra och släpp sedan elementet för att lägga till tabeller på din webbplats. Som namnet indikerar är det en mycket enkel app för att lägga till tabell med rubrik och rader. Du kan anpassa några alternativ som inriktning, bakgrundsfärger och rubrikpositionen.

6 sätt att lägga till tabell på Weebly -webbplatsen

Weebly Simple Table App

4 Widget för avancerad datatabell

Avancerade datatabeller använder jQuery JavaScript -bibliotek och möjliggör sökruta, sidvisning och filtreringsalternativ för en tabell. Även om det kan ta lite tid att lägga till och justera bordet på en Weebly -webbplats, är det värt att försöka. Tabellen kommer att se ut ungefär som nedan och kolla in vår dedikerade artikel om hur du skapar avancerad datatabell för Weebly -webbplatsen.

6 sätt att lägga till tabell på Weebly -webbplatsen

Weebly Advanced Data Table

5 Googles kalkylblad

När du har ett stort bord med hundratals rader kan det enkla alternativet vara att använda Google kalkylblad och bädda in koden på din Weebly -webbplats för att dela tabellen. Det finns många fördelar med att använda Google kalkylblad som att aktivera innehållsredigering för inbjudna användare. Du kan också fortsätta att uppdatera innehållet från ditt Google -konto och lägga till ett fullständigt blad med flera flikar.

6 onlinebordgeneratorer

Även om det är enkelt att skapa HTML -tabell i Weebly, är det besvärliga uppgifter särskilt för att skapa tabeller i större storlek. Eftersom Googles tjänster är blockerade i många länder eller om du inte är intresserad av att använda ett Google -konto kan du använda onlinebordgeneratorverktyg. Detta hjälper dig att skapa en HTML -kod för dig och kopiera / klistra in koden i elementet " Bädda in kod " på din Weebly -sida.

Inspelningskälla: webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer