Reklama

Webové stránky Google sú jedným z najlepších online nástrojov, ktoré sú k dispozícii na vytvorenie vlastnej bezplatnej webovej stránky. Mnoho ľudí to používa ako rýchly spôsob, ako publikovať stránka osobného portfólia Najlepší tvorcovia webových stránok na vytvorenie čistého online portfóliaKtorý bezplatný tvorca webových stránok je pre vaše portfólio najlepší? Tu sú najlepší tvorcovia webových stránok, z ktorých si môžete vybrať! Čítaj viac alebo jednoduchý obchodný web. Nikto nepotrebuje špeciálne zručnosti v oblasti webdizajnu alebo kódovania.

V tomto článku sa naučíte, ako používať službu Webové stránky Google, a ako si pomocou nich môžete vytvoriť svoj vlastný web pomocou niekoľkých jednoduchých krokov.

Čo sú stránky Google?

Pokiaľ ide o funkcie, webové stránky Google zostali mnoho rokov dosť statické. Klasika webových stránok Google (ako sa v súčasnosti nazýva) bola vždy obmedzená, pokiaľ ide o to, do akej miery by ste mohli skutočne upravovať svoje webové stránky.

Štýl väčšiny webových stránok Google sa v porovnaní so zvyškom webu javil ako veľmi zastaraný. Moderné weby obsahujú prvky, ako sú dynamické navigačné ponuky a čisté responzívne rozloženia.

instagram viewer

Väčšina stránok vytvorených službou Google Sites mala statické navigačné ponuky a neprehľadné rozloženie. Mali retro pocit, vhodný pre Štýl webdesignu 90. rokov Prežite web deväťdesiatych rokov návštevou týchto 9 starých webových stránokTýchto deväť webových stránok bolo na špičke späť v deň. Prišli pred príchodom super-úhľadnej grafiky a Webu 2.0, ale dnes slúžia ako nostalgické pripomenutia toho, ako ďaleko sa vývoj webu dostal. Čítaj viac .

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites 1

V roku 2016 spoločnosť Google aktualizovala webové stránky Google, aby ste mohli vytvoriť čerstvejšiu a modernejšiu webovú stránku.

Aktualizáciu si okamžite všimnete. Bývalý nástroj na úpravu webových stránok Google bol veľmi obmedzený v tom, kde a ako by ste mohli umiestňovať objekty. Nový editor je veľmi voľný nástroj pre návrh. Prvky a widgety stránky a widgety môžete doslova ťahať, umiestňovať a meniť ich veľkosť, kdekoľvek chcete.

Ako vytvoriť web Google

Ak chcete vytvoriť web Google od začiatku, prejdite na stránku nová stránka Webov Google a prihláste sa pomocou svojho účtu Google. Stlačte červené tlačidlo „+“ v pravom dolnom rohu.

Zobrazí sa prázdna webová stránka s predvoleným motívom „Simple“.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites2

Rozloženie editora je veľmi jednoduché a obsahuje niekoľko častí:

  • Pravý ovládací panel: Oblasť troch ponúk, ktorá obsahuje znak insert ponuka s predmetmi a miniaplikáciami. Je tu stránky menu, v ktorom môžete pre web vytvoriť nové stránky a podstránky. Uvidíte tiež a témy menu, kde si môžete vybrať tému pre stránku, ktorú upravujete.
  • Hlavné menu: Tu môžete pomenovať web, zobraziť ukážku stránky, ktorú upravujete, alebo publikovať web na webe. Je to tiež miesto, kde môžete zdieľať web s ostatnými ľuďmi.
  • Okno dizajnu: Centrálna oblasť, v ktorej budete pracovať na dizajne a obsahu stránky.

Ak chcete začať, musíte si vybrať z troch štýlov hlavičky. Môžete ísť s veľmi veľkým bannerom, stredným bannerom alebo vôbec bez bannera a iba s nadpisom webovej stránky.

Vytvorte hlavičku a obsah

Môžete tiež pridať názov lokality a logo na začiatok stránky. Umiestnite ju na ľavú stranu, kam sa bude navigačné menu zobrazovať.

Vytvorte si svoju vlastnú viacúčelovú webovú stránku zadarmo so servermi Google Sites Google3

Na weboch Google je pekné, že môžete usporiadať objekty kdekoľvek chcete.

Napríklad, ak vytvárate stránku profilu a chcete pridať svoju profilovú fotografiu na hornú časť obrázka bannera, nemusíte poznať žiadne kúzla CSS alebo Programovanie v PHP. Stačí pridať obrazový obrázok pomocou ponuky Vložiť a pretiahnuť obrázok na stránke kamkoľvek chcete.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites5

Pod hlavičku môžete pridať novú sekciu kliknutím na túto stránku. Priraďte každej sekcii svoju vlastnú farbu pozadia, do nej vložte akýkoľvek objekt alebo jednoducho začnite písať.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites4

So službou Google Sites strácajú možnosti to, čo vám prinesie ľahkosť a flexibilita.

K dispozícii je len niekoľko štýlov hlavičky, v závislosti od vybranej veľkosti. Ide o hlavu (H1), nadpis (H2) alebo podnadpis (H3).

Ak však viete ako vyladiť kód na pozadí 17 jednoduchých príkladov kódu HTML, ktoré sa môžete naučiť za 10 minútChcete vytvoriť základnú webovú stránku? Naučte sa tieto príklady HTML a vyskúšajte ich v textovom editore, aby ste videli, ako vyzerajú v prehliadači. Čítaj viac , môžete kliknúť na ikonu viac ikonu (tri bodky) na úpravu a úpravu štýlu, ak sa vám páči.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou stránok Google Sites Google6

Po rozložení hlavičky a banneru a vytvorení názvu sekcie sa musíte zamerať iba na vytváranie obsahu stránky.

Dizajn a navigácia stránok

Ak kliknete na ikonu témy položka ponuky na pravom navigačnom paneli zoznam šiestich tém z čoho vyberať. Tieto väčšinou menia farebnú schému pre prvky, ako sú vodorovné čiary, veľkosť a štýl písma a štýly záhlavia.

Je chytré vytvoriť jednu stránku pre váš nový web a potom si pohrať s týmito témami, aby ste zistili, ktorá z nich sa vám najviac páči. Ale keď si vyberiete jeden, nezabudnite ho používať konzistentne na všetkých stránkach webu.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites7

Ak kliknete na ikonu stránky položka ponuky na pravom navigačnom paneli, na ktorej môžete na svoje webové stránky pridať nové stránky alebo podstránky.

Zakaždým, keď pridáte novú stránku, pridá novú položku do hornej navigačnej ponuky v záhlaví každej stránky.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou stránok Google Sites Google8

Odkazy na ponuku nemusíte sledovať. Kedykoľvek zmeníte názov jednej z týchto stránok, odkazy v ponuke sa automaticky aktualizujú.

Taktiež nemáte v hornej časti každej stránky statickú ponuku. Ak sa vám zdá príliš stará škola, stačí kliknúť na ikonu ozubeného kolieska na ľavej strane obrazovky a vybrať Bočná navigácia.

Vytvorte si svoju vlastnú viacúčelovú webovú stránku zadarmo so servermi Google Sites Google15

Vytvorí sa tak dynamická ponuka bočného panela, ktorá sa objaví, iba ak návštevníci kliknú na ikonu Menu v ľavom hornom rohu stránky.

Je to veľmi cool spôsob, ako dať svojmu webu Google veľmi moderný a profesionálny vzhľad.

Pridajte miniaplikácie

Jednou z vecí, ktorú stránky Google Sites prináša, je to, aké ľahké je vložiť na stránku funkčné prvky. Táto funkcia vám umožňuje pridať určitú interaktivitu na web a poskytnúť vám jednoduchšiu alternatívu nastavenie stránky WordPress Nastavte si blog pomocou WordPress: The Ultimate GuideChcete začať svoj vlastný blog, ale neviete ako? Pozrite sa na WordPress, najvýkonnejšiu platformu na blogovanie, ktorá je dnes k dispozícii. Čítaj viac .

A nejde iba o jednoduché textové polia alebo videá. Na svoju stránku môžete vložiť ľubovoľný z nasledujúcich textov.

  • Dokument Google
  • Prezentácia Google Slides
  • Tabuľa Tabuľky Google
  • Formulár Google Forms
  • Grafy Google z ľubovoľnej tabuľky
  • Google Map
  • Kalendár Google

Ktorýmkoľvek z týchto prvkov môžete presunúť kdekoľvek na stránke, kam chcete, aby sa presunula pomocou drag and drop. Tu je niekoľko príkladov:

Vložte kalendár. Kliknite na ikonu kalendár a vyberte účet Google, z ktorého chcete kalendár vytiahnuť.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites9

Umiestnite tieto prvky vedľa seba, posúvajte ich po stránke alebo ich upravte tak, aby vyzerali tak, ako majú vyzerať na stránke.

Je to taká úroveň webového dizajnu, ktorá je taká jednoduchá, že ktokoľvek môže navrhnúť krásnu webovú stránku. Nemusíte poznať jediný kúsok kódu.

Vytvorte si svoju vlastnú viacúčelovú webovú stránku zadarmo so servermi Google Sites google10

Vložte hárok Google. Pomocou tabuľky môžete sprostredkovať informácie svojim čitateľom prehľadným spôsobom a s minimálnym úsilím.

Dobré na tom je, že už nikdy nebudete musieť túto webovú stránku upravovať. Stačí aktualizovať zdrojový hárok Google a vložený hárok na webovej stránke sa automaticky aktualizuje.

Vytvorte si svoju vlastnú viacúčelovú webovú stránku zadarmo so servermi Google Sites google11

Vložte graf. Vyberte hárok Google, ktorý obsahuje ľubovoľný počet máp. Môžete si vybrať konkrétny graf, ktorý chcete vložiť na svoju webovú stránku.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou stránok Google Sites Google12

Ak je vašou úlohou vytvárať dashboardy, ktoré často vyžadujú aktualizácie z tabuľky, môžete na svojho šéfa zapôsobiť vložením grafov zo všetkých tabuliek na webovú stránku.

Vytvorte si svoju vlastnú viacúčelovú webovú stránku zadarmo so servermi Google Sites Google13

Keď je čas doručiť prehľad šéfovi, jednoducho im poskytnite odkaz na adresu URL, ku ktorému majú prístup prostredníctvom svojho účtu Google. Hovorte o tom, že ste inovatívnym zamestnancom!

Dokončite a publikujte svoj web

Keď sa spoja všetky prvky vašej stránky, je to krásna vec. Teraz môžete vytvoriť informačnú stránku s kontaktmi, ktorá zobrazuje vašim potenciálnym klientom, ako vyzerá váš rozvrh.

Môžete zahrnúť kontaktný formulár a dokonca aj mapu svojej firmy, ak ju máte. vyskúšať kontaktný formulár na zhromažďovanie údajov Ako vytvoriť bezplatný kontaktný formulár pre webové stránky pomocou formulárov GooglePotrebujete kontaktný formulár pre svoj web alebo blog, ale nepáčia sa vám predvolené možnosti? Použite formuláre Google a zbierajte odpovede v Tabuľkách Google! Čítaj viac pomocou flexibilných formulárov Google.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou stránok Google Sites Google14

Po dokončení vytvárania nového webu a všetkých stránok, ktoré naň vstupujú, ste pripravení publikovať.

Všetko, čo musíte urobiť, je stlačiť publikovať v hornej časti stránky a budete mať možnosť uplatniť si nárok na názov podstránky v časti Webové stránky Google pre svoj web.

Vytvorte si vlastnú bezplatnú viacúčelovú webovú stránku pomocou serverov Google Sites16

Ak máte vlastnú doménu, nemusíte sa obávať, môžete ju vždy zaregistrovať a potom ju presmerovať na túto adresu URL. Keď presmerujete doménu, návštevníkom sa zdá, že stránka, ktorú prehliadajú, je v skutočnosti doménou a nie webom Google Sites.

Sú stránky Google pre vás?

Skutočnosť, že môžete vytvoriť bezplatnú webovú stránku pomocou služby Webové stránky Google, otvára celý svet možností.

  • Mohli by ste vytvoriť súkromné ​​interné stránky len na vytvorenie prehľadov pre svoju prácu.
  • Môžete zdieľať profesionálnu stránku portfólia a zdieľať ju s novými potenciálnymi klientmi.
  • Webové stránky Google by ste mohli použiť na spustenie jednoduchej a efektívnej obchodnej stránky.

Myslím si, že budete súhlasiť s tým, že s novou verziou stránok Google sa bude oveľa ľahšie pracovať. Pomáha vám vytvárať weby, ktoré sú omnoho modernejšie. Ak však služba Google Sites nie je pre vás, vždy existuje statické generátory stránok Na vytvorenie rýchleho webu použite statický generátor stránokV tejto príručke opíšeme, čo je statický generátor stránok (SSG), prečo by ste ho chceli používať a ako s ním vytvoriť úplne nový web. Čítaj viac ktoré vám pomôžu vytvoriť web za pár minút.

Ryan má titul bakalára v odbore elektrotechnika. Pracoval 13 rokov v automatizačnom inžinierstve, 5 rokov v IT a teraz je aplikačným inžinierom. Bývalý šéfredaktor MakeUseOf, vystúpil na národných konferenciách o vizualizácii údajov a vystupoval v celoštátnych televíziách a rozhlase.