Ako vytvoriť webové stránky zadarmo, ak neviete, ako sa programu
Webové Služby / / December 24, 2019
lisa Platonov
Autor Layfhakera.
Prečo potrebujem web stránky vizitky
Všetky tie skvelé deti majú webové stránky. Je ako portfólio: môžete povedať, čo môžete urobiť, a ukazuje príklad plnkou cenu.
Site-karta pomáha vytvoriť osobné značku a slúži ako bezplatná inzercia. Keď sa nový projekt pre vás spomenúť na prvom mieste. To motivuje spracovanie: chcete urobiť veľkú prácu a pridať príklady na webe.
Okrem zhromažďovania na jednu stránku projektu, v ktorom ste sa zúčastnili, môžete vidieť výsledok - to nedáva sebavedomie prepadnúť podlahou a pomáha vyrovnať sa syndrómom podvržením (keď sa zdá, že nie ste schopní nič Viete).
Tak som sa rozhodol, že musím webové stránky a urobiť z neho ten istý deň.
Krok 1. zvoliť platformu
Vytvoril som stránky sám, bez vývojárov a dizajnérov. K tomu, existuje veľa on-line platforiem, ktoré umožňujú zostaviť stránky z pripravených šablón. použil som Designer "Tinkoff Business». V ňom môžete vytvoriť miesta pre voľný, aj keď nie ste zákazník banky, a nie je potrebné kupovať hosting - aj on je zdarma.
Krok 2. vybrať šablónu
V konstruktoru existujú šablóny pre rôzne podniky: kaviarne, detské centrum, veľkoobchod, vŕtanie studní, výstavba rodinných domov. šablóna vhodná pre moje malé webové stránky nebolo, tak som si vybral prázdnu stránku a rozhodol sa zhromaždiť sama.
Krok 3. prísť s konštrukciou
Pri vytváraní stránky, chcete ísť rovno k praktickej časti: zvoliť jednotky šablóny sa snaží umiestniť v inom poradí, experimentovať s písma a pozadia. Urobil som tak, pretože to, čo strávil viac ako hodinu. To nebolo rozumné tvorba webu a vleklej herný dizajnér. Potom som si uvedomil svoju chybu: nie je dôvod pridávať nesúrodé prvky a usporiadať ich z miesta na miesto. Jeden musí najprv pochopiť, čo sa deje na mieste.
Takže pamätajte, že najprv prísť so štruktúrou a naplňte miesto, a potom pracovať na konštrukcii.
Štruktúra - je časti webu. Chcel som ukázať, že môžem robiť ako spisovateľ, a uvedie príklady ich práce. Sústružené sémantickej bloky "hry", "špeciálne projekty", "Test" a "články". Potrebujem viac kryt a časť s kontaktmi - teda celkom šesť jednotiek.
Oddiely, ktoré ste prísť s, potom si môžete urobiť v klobúku (najhornejšia časť lokality). Tým sa zjednoduší navigácia: užívateľ môže prejsť priamo na požadovaný blok, nie posúvať stránku nadol.
Ak nemôžete prísť s konštrukciou, pozrite sa na stránkach malým počtom ľudu svojho povolania. užitočné pre mňa webové stránky šéfredaktor Ljudmila Sarychev a portfólio Vladimir Lebedev Editor. na tému "exchange Glavred"Montované portfólio autorov, textári, redaktori a korektori - peep myšlienky môžu byť tam.
Krok 4. make cover
Kryt - je prvá vec, ktorú používateľ vidí návšteve webovej stránky. To vytvára dojem o vás, takže sa snažiť, aby to v pohode.
Vyberte si šablónu
Na stránkach staviteľ "Tinkoff Business" má sedem skinov šablónu. Ak si vytvoriť internetový obchod, je vhodný formát s fotografiou na stránke. Dáva pochopiť, aké webové stránky: o čokolády, ručne vyrábané tašky či svadobných kytíc.
Aj vytvoriť obsah. Nemám nič, aby na prednej strane, ale sám, ale na celú obrazovku, takže obraz nie je v poriadku. Tak som si vybral šablónu s textom a fotografiou doľava doprava:
Konfigurácia šablóny pre seba
Každý blok štruktúra môže byť zmenený pridaním alebo odstránením zbytočných prvkov. Napríklad som nepotreboval nadzagolovok, jedno z tlačidiel a odkazy na sociálne siete, a tak som ich nechal odstrániť.
add photo
Chrličmi a fotografie z dovolenky nebude fungovať, budete potrebovať niečo menej uvoľnene. Som nenašiel vhodnú fotografiu, ale to bol favorit štítku telegrame. Ak chcete začať, rozhodol som sa ju používať, a potom nahradený fotografií. Ak chcete, môžete ísť bez nej: Je dôležité ukázať, a nie, ako si krásna, a že viete, ako to urobiť vo svojej profesii.
Písať o sebe
Kto ste a čo robíte? Malo by byť schopný stručne, informatívne a vŕtanie. Je žiaduce, aby bolo úprimné a ukázať, čo ste silní. Mám to:
Pozrite sa, čo sa stalo
Použite náhľad prepnutím ikony nad panelom Editor. Tak vidíte, ako sa objaví na obálke ploche obrazovky, smartphony a tablety.
Krok 5. Pridať sémantickej jednotky
Keď je kryt pripravený, pristúpime k významových jednotiek. Prísť s nimi na prvom stupni, a teraz ho chcete presunúť na stránku. Tu bude užitočné návrhár šablóny. Ďalej len "Tinkoff Business" je asi 150 "O spoločnosti", "Produkty a služby", "fáz a krokov", "Fotografia", "dávky" a ďalšie.
Študoval som všetky možnosti a usadil sa na troch blokoch:
- "Text" - k opisu projektu.
- "Slider" - pre vizuálne rozprávanie.
- "Kontakt" - sa dostať do kontaktu so mnou.
Nastavte každú šablónu sám pridaním alebo odstránením zbytočných prvkov. Napríklad v bloku "Slider" Nepotreboval som názov a popis - Mám ich odrezať, odchádzajúci jediný obraz.
Kopírovať opakujúce sa prvky
Designer umožňuje kopírovať bloky, ktoré ste pridali na web. Pre mňa je táto funkcia príde vhod: Aj aplikovať na prvky "Text" a "jazdca" a umiestniť ich v správnom poradí.
Krok 6. kompletné sekcie
Písanie textu na sémantických jednotiek
Každá časť by mala byť z názvu, titulkov a popis. Nie je múdre a len písať. Urobil som len, že: v názve projektu urobil meno v podnadpise - Krátky popis, ako je v pôvodnom texte sú uvedené počty zobrazení a kliknutí.
si môžete pripraviť text v predstihu, ale hneď som napísala na web - projektant automaticky pamätá zmeny. Raz som omylom aktualizované stránku a bol pripravený na to, že zmeny nebudú uložené. Ale všetko bolo na svojom mieste, a ja nemusel re-edit bloku.
add photo
Potreboval som pridať screenshoty ich projektov. Skúšal som rôzne šablóny, a vybral slider: tak som sa môže ukázať, vyzerala ako projekt v počítačoch a mobilných verziách. Zoom a otáčať obrázky môžu byť priamo v konstruktoru pri načítaní fotografií.
Krok 7. upraviť navigácia
Urobil si krytu a vyplní priestor - miesto je takmer pripravený. Teraz je potrebné nastaviť navigáciu, že návštevník môže ísť priamo do požadovaného bloku.
- Vyberte jednu zo šablón "Menu Page". Pridal som jednoduchý blok bez loga, sociálnych sietí a adries.
- Zmena textu a počet tlačidiel. Mám päť, "Games", "špeciálne projekty", "Test", "Články" a "Kontakt".
- Pridať odkazy. Tlačidlá môžu viesť k sekcií stránky (ako ja), na jednotlivé stránky vášho webu, alebo nasmerovať čitateľa na iný web.
Designer umožňuje vytvoriť ľubovoľný počet voľných stránok a webov: Môžete vytvoriť samostatné stránky na rôznych projektoch, začať blog a robiť to všetko v klobúku.
Krok 8. Zvoliť písma a pozadia
Až budete hotoví, prejdite na registračnej stránke. Jednoduchšie a rýchlejšie, aby všetky jednotky k spoločnému štýlu naraz, než upravovať každý jednotlivo.
Vyberte zázemie pre bloky
V konstruktoru, tam je knižnica prostredia: ilustračné, prechody, vzorov a farieb. Tu si môžete stiahnuť a vaše pozadie. Vybral som si tmavo šedá pre hlavičky na obálke webe a tlačidlá - to je v kombinácii s nálepkou, ktorá mi nahradí fotografiu. Zvyšné bloky sú ponechané biele.
Ak chcete vybrať typ písma, budete musieť ísť z editora do hlavnej dizajnér stránky a ísť do nastavenia.
V nastavení sú štyri fonty z čoho vyberať. Spočiatku sa zdá, že to nestačí, ale potom psychicky poďakoval vývojárom: ak tam bolo viac možností, tak by som prsty im až do večera. A snažil som sa všetky štyri a zastavili pri prvej.
Krok 9. Webové stránky Upraviť
Posledné nastavenie, a miesto môže byť zverejnené:
- Myslite na adresu alebo pripojiť vašu doménu.
- Odkaz na stránky s účtom "Yandex" štatistík pohľadu.
- Pridať web k "Yandex. Webmaster ", takže sa objaví v hľadaní.
- Pridať chatu na webových stránkach - môžete písať na niektorú zo svojich stránok.
- Download favicon - ikona web, ktorý sa objaví v záložke prehliadača.
Potom zase na stránku editora a kliknite na veľké žlté tlačidlo "Publikovať" v ľavom hornom rohu obrazovky. Hotovo! Teraz máte svoje vlastné online vizitku.
S tým, že
Website Builder "Tinkoff činnosti" čisté a jednoduché. Ak máte text a obrázky pripravený k zbierať stránky za 15 minút. Nosím so sebou dlhšou: experimentovanie s zázemím, nemohol prísť s jasnou štruktúrou a dlhou Vyberá šablóny.
Spočiatku mi to vadí, že prístroj nemôže pohybovať prvky pre zmenu veľkosti písma a znížiť vzdialenosť medzi blokmi. Ale to je návrhár navyše: pohyblivé súčasti môžu byť navždy, overuje každý milimeter. Ready-made šablóny eliminovať muky voľby - dobrá voľba, v tejto dobe.
Vytvorte si web