Tartalomjegyzék:

Hogyan készítsünk stílusos weboldalt? Tilda Kiadó
Hogyan készítsünk stílusos weboldalt? Tilda Kiadó
Anonim

- egy moduláris konstruktor, amely lehetővé teszi, hogy rövid idő alatt menő oldalakat hozzon létre: portfóliók, landing oldalak, online áruházak, speciális projektek, interaktív történetek, blogok. Mindennek csak a képzeleted szab határt. Hogyan készíts saját weboldalt a szolgáltatás segítségével, olvassa el a Tilda Kiadó ismerőseink instrukcióit.

Hogyan készítsünk stílusos weboldalt? Tilda Kiadó!
Hogyan készítsünk stílusos weboldalt? Tilda Kiadó!

Miben különbözik a Tilda a többi konstruktőrtől

1. Tervezési kód

Ön nemcsak elemekből, hanem egy tervező által előre megtervezett blokkokból állít össze egy oldalt. Ha szövegről van szó, akkor a betűméret, a behúzások és a sortávolság módosítva van benne. Ha ez egy kép, akkor a felirat a megfelelő helyre kerül. A legtöbb blokk több elemből áll, amelyeket a tervező már összeállított egy kompozícióba. Nem kell azon töprengenie, hogy hol és mi legyen.

Tilda: tervezési kód
Tilda: tervezési kód

Például borító (első képernyő). Ez egy fényképből, egy címből, egy leírásból és néha egy gombból áll. Kiértékeli a birtokában lévő tartalmat, kiválasztja a megfelelő lehetőséget a 30 borító közül, módosítja a fotót és a szöveget - kész. Nem kell gondolkodni a betűméreten vagy a cím és a leírás közötti behúzáson, ahol a gombnak kell lennie. A tervezők helyetted gondoltak. Természetesen minden paraméter megváltoztatható, ha megvan a magabiztosság és a megértés, amit csinálsz. De kiindulópontként az előre megtervezett blokkok nagyon jó támogatást nyújtanak.

Kép
Kép

2. A használat rugalmassága

A fejlesztők arra gondoltak: csatlakoztassa saját domainjét vagy aldomainjét, hagyja el az oldalt a Tilda aldomainben, exportálja az oldalt és helyezze el a szerverére, készítsen egy részt az oldalból a Tildán és ágyazza be a meglévő oldalba, állítsa be a közzétételt az API. Vannak beépülő modulok az oldallal való integrációhoz a WordPress és a Bitrix rendszeren.

3. Űrlapokból történő adatfogadási szolgáltatások

Húsz szolgáltatás van integrálva a Tildával: e-mail, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello.

Jelentkezéseket e-mailben fogadhat, levelezőlistákat hozhat létre vagy leadeket gyűjthet ügyféladat-kezelő (CRM) rendszerben.

Ezenkívül a felhasználók ingyenesen használhatják a beépített Tilda CRM-et az alkalmazásokkal való kényelmes munkához.

4. Egyedi elemek hozzáadása

Ha olyan speciális funkciókra van szüksége, amelyek alapértelmezés szerint nem állnak rendelkezésre, használja a HTML beillesztés funkciót. Kész megoldásokat találhat, vagy fejlesztést rendelhet programozótól – egy kóddarab nem kerül egy vagyonba.

Könnyen hozzáadható szolgáltatások egy Tilda projekthez:

  • Az események idővonala -.
  • Interaktív térképek -.
  • Jegyek értékesítése a rendezvényre -.
  • Interaktív képek -.
  • Visszacsatolás -.

5. Professzionális Zero Block szerkesztő tervezők számára

A Zero Block segítségével bármilyen bonyolultságú weboldal dizájnt készíthet. A Zero blokkban szerkesztheti a webhely összes elemét, és összetett animációkat állíthat be.

Kép
Kép

6. Fizetésfogadási szolgáltatások

Amikor online áruházat hoz létre a Tildán, csatlakoztathat egy Önnek megfelelő fizetési rendszert, és legálisan fogadhat online fizetést. A Tildának 14 fizetési szolgáltatása áll rendelkezésére: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe és WayForPay.

Kezdő lépések a Tilda Kiadónál

Kezdő lépések a Tilda Kiadónál
Kezdő lépések a Tilda Kiadónál

Térjünk át az elméletről a gyakorlatra. A Tildán való regisztráció után adjon nevet új oldalának, kattintson az "Új oldal létrehozása" gombra, és megjelenik a sablonok listája. Válassza ki az Önnek megfelelőt, és igazítsa hozzá, vagy kezdje üres oldalról. A választás semmilyen módon nem korlátozza kreativitását: bármikor a felismerhetetlenségig megváltoztathatja a sablont. Ez csak egy példa a jó tervezésről és egy példa a blokkok használatára.

Kép
Kép

Ha úgy dönt, hogy a semmiből hoz létre egy oldalt, a Tilda felajánlja, hogy nézzen meg egy rövid videót a felület működéséről.

A felület nagyon egyszerű: a bal oldalon egy kategóriákra bontott blokkok könyvtára található. A blokk teljes tartalma kattintás és módosítás alapon szerkeszthető.

Szerkesztés a Tilda Kiadóban
Szerkesztés a Tilda Kiadóban

Általános irányelvek a weboldal létrehozásához

Szigorúan véve egy webprojekt létrehozása nem a webhelykészítőn való regisztrációval kezdődik. Először meg kell fogalmaznia egy ötletet és át kell gondolnia a szerkezetet, majd kutatást kell végeznie, majd fel kell vázolnia több lehetőséget a jövőbeli webhely számára, és elkészítenie a tartalmat. Ennek a folyamatnak a részleteit a Tilda Publishing csapata "" című cikkében találja meg.

Vessen egy pillantást a különböző típusú projektek létrehozására: oldal, többoldalas webhely, blog vagy longread.

Ez a rész segít jobban megérteni a platform képességeit, és ihletet találni. Íme néhány példa a jó felhasználói munkára.

Kép
Kép

Miután az összes blokkot beállította, ellenőrizze, hogy a webhely szép és rendezett legyen. Igazítsa a behúzásokat, tegye következetessé a címsorokat, ellenőrizze, hogy a betűméret megegyezik-e a szövegben. Győződjön meg arról, hogy van elég szabad hely a webhelyen. Az ügyességről bővebben a Tilda csapat "" cikkében olvashat.

Gondoljon a webhelynavigációra vagy egyetlen oldalon belülre. Adjon hozzá egy menüt, ellenőrizze, hogy vizuálisan jó legyen: nem túl nagy, nem terheli túl az egész oldalt. Ne legyen sok menüelem, lehetőleg ne legyen több ötnél. Nyugodtan nagyítsd ki a részeket. Legyen rövid a nevek, egy pillantással el kell olvasni őket. Egy háromszavas menüpont egyértelműen nem illik hozzá.

Menü példa
Menü példa

Ügyeljen arra, hogy márkás betűtípust adjon meg. A Tildában a beépített könyvtárból választhatunk alapbetűtípusokat. A platform felhasználói számára ingyenesek. Csatlakoztathat betűtípusokat az Adobe Fonts és a Google Fonts szolgáltatásból, vagy feltöltheti saját fontját.

Tegye közzé webhelyét. Adjon neki nevet a Tilda aldomain használatával, csatlakoztassa saját domainjét, vagy exportálja a kódot, és helyezze el a szerverére.

Ne feledkezzünk meg a statisztikákról. A Tilda beépített statisztikákkal rendelkezik a webhelyekhez és az online áruházakhoz. Mélyebb elemzéshez regisztráljon a Google Analytics vagy a Yandex. Metrica szolgáltatásban, szerezze be a kódot, és írja be a beállításokba.

Ügyeljen arra, hogy webhelye hogyan fog kinézni, amikor megjelenik a keresőmotorokban vagy a közösségi hálózatokon: írja be a webhely nevét, leírását, adjon meg kulcsszavakat. Minden oldalt lásson el egy kis fotóval, majd megosztáskor minőségileg bekeretezve lesz.

A Tilda Kiadó előnyei

  1. Nem kell tudni a kódot … Nem kell megtanulnia kódolni, és nem kell segítséget kérnie ismerős programozóktól. Minden beállítás egy kényelmes szerkesztőben.
  2. Nincs szükség tervezőre. A blokkokat profik tervezték, minden arány ellenőrzött és harmonikus.
  3. Adaptív kialakítás. A blokkokat úgy tervezték, hogy ne kelljen módosítania a táblagépek és okostelefonok kialakítását. Az oldal minden eszközön jól néz ki.
  4. Egyszerű szerkesztés. Ha weboldalt készít az ügyfélnek, akkor a jövőben gyorsan, önállóan, szakemberek segítsége nélkül tudja majd végrehajtani a változtatásokat és karbantartani az oldalt.
  5. Domain vagy export. A webhely csatlakozik a saját domainjéhez, vagy kódként exportálódik egy másik szerveren való tároláshoz.
  6. Beépített analitika. Megtekintheti a látogatásokat és a felhasználókat (oldalonként is). Ráadásul a Google vagy a Yandex számlálók egy speciális felületen kapcsolódnak össze, egyszerűen egy szám megadásával.
  7. Keresőoptimalizáció … Ön szabályozza, hogy az oldal hogyan nézzen ki a keresési eredményekben vagy a közösségi médiában.
  8. Bármilyen bonyolultságú tervezés. Létrehozhatja saját blokkjait, és teljes mértékben irányíthatja a webhely elemeinek elrendezését.
  9. Rugalmas testreszabás. A speciális elemek a HTML kód beillesztésével adhatók hozzá.
  10. Betűtípusok nagy választéka. Csatlakoztasson bármilyen betűtípust a Typekitből vagy a Google Fontsból, vagy használja a sajátját.
  11. Az adatok fogadásának formái. Ügyfelei feliratkozhatnak a frissítésekre, megadhatják telefonszámukat vagy e-mail címüket. Kilenc integrált szolgáltatás az adatok fogadására.

Díjszabási tervek

Ingyenes. Egy oldal, 50 oldal, 50 MB szerverterület. A mysite.tilda.ws űrlap webhelycíme. Ingyenes.

Személyes. Egy oldal, 500 oldal, 1 GB szerverterület. Domain kapcsolat és a blokkok teljes gyűjteménye. 500 rubel havonta, ha az évre fizetik.

Üzleti. Öt webhely, 500 oldal (minden oldalhoz), 1 GB szerverterület. Kódexportálás. 1000 rubel havonta, ha az évre fizetik.

Tilda Oktatás

Kép
Kép

A platform weboldalkészítési szolgáltatása mellett található egy online magazin, a Tilda Education, a webdesign és marketing ismeretek könyvtára. Gyakorlati útmutatók és oktatóvideók válaszolnak a „hogyan?” kérdésre. és segít a napi munkában. A design cikkek olyan eszközöket tartalmaznak, amelyek segítségével ötleteket találhatsz, szakmai látókörödet szélesítheted, vizuális ízlésed formálhatod és nyomon követheted a webdesign trendeket. A Tilda felhasználói történetei saját projektek létrehozására inspirálnak, a kurzusok pedig segítenek elsajátítani az alapvető tervezési elméleteket és fejleszteni webes közzétételi kompetenciáját.

A Tilda öt kurzust adott ki, amelyeket bármikor önállóan elvégezhet: „Csomag létrehozása”, „Dizájn digitális környezetben”, „Internetes marketing a semmiből”, „Animáció a weben” és egy videó tanfolyam a témáról. a termékfejlesztés módszere: Elkészült munkák.

Ajánlott: