TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

6 tapaa lisätä taulukko Weebly -sivustoon

23

Taulukko on yksinkertainen ja tarkka tapa ilmaista luokiteltua sisältöä rajoitetussa tilassa. Esimerkiksi opiskelijan merkkiluettelo, organisaation työntekijäluettelo tai urheilutapahtumaluettelo voidaan näyttää hyvin taulukon avulla sen sijaan, että selitettäisiin normaalilla tekstisisällöllä. Vaikka Weebly esitteli ilmaisen "Simple Table" -sovelluksen App Centerin kautta, voit lisätä taulukon Weebly -sivustoosi monilla yksinkertaisilla tavoilla.

Kuinka lisätä taulukko Weebly -sivustoon?

Tässä artikkelissa tarkastellaan kaikkia mahdollisuuksia lisätä taulukko Weebly -sivustoosi.

  1. HTML -menetelmä
  2. Microsoft Wordin käyttäminen
  3. Weebly App Centerin ilmaisen Simple Table -sovelluksen käyttäminen
  4. Kehittyneet tietotaulukot, joissa on hakukenttä ja sivut
  5. Google -laskentataulukon käyttäminen
  6. Taulukon koodin upottaminen muilta kolmansilta osapuolilta

Tutustu tähän artikkeliin, jos haluat lisätä hinnoittelutaulukon Weeblyyn.

1 HTML -menetelmän käyttö

HTML -taulukkotunniste on yksi helpoimmista tavoista luoda taulukon sisältöä offline -tilassa ja liittää se Weebly -sivullesi käyttämällä Upota koodi -elementtiä. Käyttämällä tavallista HTML -koodia

tunnisteita, voit luoda yksinkertaisia ​​taulukoita sivustollesi. Tässä on esimerkkikoodi HTML -taulukon luomiseksi seuraavilla ominaisuuksilla:

  • Otsikko ja ensimmäinen sarake on korostettu eri taustavärillä
  • Eri kirjasinvärejä käytetään eri soluissa
  • Taulukon reunaa käytetään luomaan väli solujen väliin
  • Rivin korkeus on kiinteä 30 pikseliä ja taulukon leveys 300 pikseliä
<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>

Ja tältä taulukko näyttää Weebly -sivustollasi:

6 tapaa lisätä taulukko Weebly -sivustoon

Voit muokata yllä olevaa koodia lisäämällä useita sarakkeita ja rivejä tarpeidesi mukaan. Voit luoda tämän koodin Notepadin avulla ja tallentaa sen .html -tiedostona. Avaa .html -tiedosto millä tahansa selaimella testataksesi koodia ennen kuin käytät sitä Weebly -sivustossasi.

Kun olet viimeistellyt koodisi, liitä yllä oleva koodi Upota koodi (mukautettu HTML) -elementin sisään nähdäksesi taulukon sivustossasi. Weebly voi rajoittaa erittäin suurten yli muutaman sadan rivin taulukoiden käyttöä, tässä tapauksessa voit jakaa sisällön useisiin taulukoihin ja käyttää sitä samalla sivulla.

2 Microsoft Wordin käyttäminen

Yllä oleva HTML -menetelmä on monimutkainen ja aikaa vievä suuren taulukon luominen, eikä sinulla ole monia vaihtoehtoja luoda erilaisia ​​taulukoita. Tässä tulee Microsoft Word, moniulotteinen tekstinkäsittelyohjelmisto. Luo taulukko Microsoft Wordin avulla noudattamalla alla olevia ohjeita:

  • Avaa Microsoft Word, selitimme Microsoft Word 2010: llä.
  • Napsauta "Lisää" -välilehteä ja sitten "Taulukko" -painiketta valitaksesi rivien ja sarakkeiden määrän yksinkertaisen taulukon luomiseksi.
  • Kun olet luonut taulukon, napsauta mitä tahansa solua taulukon sisällä, niin näet taulukon työkalut -valikon muiden valikkokohtien päällä.
  • Napsauta "Taulukkotyökalut" -vaihtoehtoa ja muokkaa taulukkoasi.
  • Kun taulukko on valmis, tallenna asiakirja verkkosivuksi (.htm tai .html)
  • Avaa tallennettu asiakirja Muistiossa (napsauta hiiren kakkospainikkeella ja avaa Muistio -ohjelmalla) ja kopioi koodi.
  • Liitä koodi Weebly -sivustoosi Upotuskoodi -elementin avulla.

Huomautus: Jotkin Weebly -teemat tukevat myös taulukon kopioimista suoraan Microsoft Wordista tai Excelistä Weebly -editoriin.

Esimerkkitaulukko, joka on luotu Word 2010: llä kalenterikuukaudessa suunniteltujen toimintojen näyttämiseksi, on esimerkiksi tässä.

6 tapaa lisätä taulukko Weebly -sivustoon

3 Yksinkertainen taulukkosovellus Weebly App Centeristä

Seuraava vaihtoehto taulukon lisäämiseksi Weebly -sivustoon etsii Weebly -sovellusta App Centeristä. Siirry Sovelluskeskukseen ja yhdistä ilmainen "Yksinkertainen taulukko" -sovellus, joka on käytettävissä Työkalut -luokassa, ja lisää sitten taulukot sivustoosi vetämällä ja pudottamalla elementti. Kuten nimestä voi päätellä, se on erittäin yksinkertainen sovellus taulukon lisäämiseen otsikon ja rivien kanssa. Voit muokata muutamia vaihtoehtoja, kuten kohdistusta, taustavärejä ja otsikon sijaintia.

6 tapaa lisätä taulukko Weebly -sivustoon

Helposti yksinkertainen taulukkosovellus

4 Advanced Data Table Widget

Edistyneet tietotaulukot käyttävät jQuery JavaScript -kirjastoja ja mahdollistavat taulukon hakukenttä-, sivutus- ja suodatusvaihtoehdot. Vaikka Weebly -sivuston taulukon lisääminen ja säätäminen saattaa vaatia jonkin aikaa, kannattaa kokeilla. Taulukko näyttää seuraavanlaiselta ja tutustu omaan artikkeliimme kehittyneen tietotaulukon luomisesta Weebly -sivustolle.

6 tapaa lisätä taulukko Weebly -sivustoon

Weebly Advanced Data Table

5 Google -laskentataulukko

Kun sinulla on valtava taulukko, jossa on satoja rivejä, yksinkertainen vaihtoehto voisi olla käyttää Google -laskentataulukkoa ja upottaa koodi Weebly -sivustoosi taulukon jakamiseksi. Google -laskentataulukkoa käytettäessä on monia etuja, kuten sisällön muokkaamisen salliminen kutsutuille käyttäjille. Voit myös jatkaa sisällön päivittämistä Google -tililtäsi ja lisätä täydellisen taulukon, jossa on useita välilehtiä.

6 Online -pöytägeneraattorit

Vaikka HTML -taulukon luominen Weeblyssä on helppoa, se on hankalaa varsinkin isompikokoisten taulukoiden luomisessa. Koska Googlen palvelut on estetty monissa maissa tai et ole kiinnostunut käyttämään Google -tiliä, voit käyttää online -taulukon luontityökaluja. Tämä auttaa luomaan sinulle HTML -koodin ja kopioimaan / liittämään koodin Weedly -sivun " Upota koodi " -elementtiin.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja