Jak vytvořit webové stránky zdarma, pokud nevíte, jak se programu

Proč potřebuji web stránky vizitky

Všechny ty skvělé děti mají webové stránky. Je jako portfolio: můžete říct, co můžete udělat, a ukazuje příklad nádivkou cenu.

Site-karta pomáhá vytvořit osobní značku a slouží jako bezplatná inzerce. Když se nový projekt pro vás vzpomenout na prvním místě. To motivuje zpracování: chcete udělat velkou práci a přidat příklady na webu.

Kromě shromažďování na jednu stránku projektu, ve kterém jste se zúčastnili, můžete vidět výsledek - to nedává sebevědomí propadnout podlahou a pomáhá vyrovnat se syndromem podvržením (když se zdá, že nejste schopni nic Víte).

Tak jsem se rozhodl, že musím webové stránky a učinit z něj ten samý den.

Krok 1. zvolit platformu

Vytvořil jsem stránky sám, aniž by vývojáře a designéry. K tomu, existuje mnoho on-line platforem, které umožňují sestavit stránky z připravených šablon. Použil jsem Designer „Tinkoff Business». V něm můžete vytvořit místa pro volný, i když nejste zákazník banky, a není třeba kupovat hosting - i on je zdarma.

Krok 2. vybrat šablonu

V konstruktoru existují šablony pro různé podniky: kavárny, dětské centrum, velkoobchod, vrtání studní, výstavba rodinných domů. šablona vhodná pro mé malé webové stránky nebylo, tak jsem si vybral prázdnou stránku a rozhodl se shromáždit sama.

Krok 3. přijít s konstrukcí

Při vytváření stránky, chcete jít rovnou k praktické části: zvolit jednotky šablony se snaží umístit v jiném pořadí, experimentovat s písma a pozadí. Učinil jsem tak, protože to, co strávil více než hodinu. To nebylo rozumné tvorba webu a vleklé herní designér. Pak jsem si uvědomil svou chybu: není důvod přidávat nesourodé prvky a uspořádat je z místa na místo. Jeden musí nejprve pochopit, co se děje na místě.

Takže pamatujte, že nejprve přijít se strukturou a naplňte místo, a pak pracovat na konstrukci.

Struktura - je části webu. Chtěl jsem ukázat, že můžu dělat jako spisovatel, a uvede příklady jejich práce. Soustružené sémantické bloky „hry“, „speciální projekty“, „Test“ a „články“. Potřebuju víc kryt a část s kontakty - tedy celkem šest jednotek.

Oddíly, které jste přijít s, pak si můžete udělat v klobouku (nejhořejší část lokality). Tím se zjednoduší navigace: uživatel může přejít přímo na požadovaný blok, nikoli posouvat stránku dolů.

Pokud nemůžete přijít s konstrukcí, podívejte se na stránkách malým počtem lidu svého povolání. užitečné pro mě webové stránky šéfredaktor Ljudmila Sarychev a portfolio Vladimir Lebedev editor. na téma "Exchange Glavred„Montované portfolio autorů, textaři, redaktoři a korektoři - peep myšlenky mohou být tam.

Krok 4. make cover

Kryt - je první věc, kterou uživatel vidí návštěvě webové stránky. To vytváří dojem o vás, takže se snažit, aby to v pohodě.

Vyberte si šablonu

Na stránkách stavitel „Tinkoff Business“ má sedm skinů šablonu. Pokud si vytvořit internetový obchod, je vhodný formát s fotografií na stránce. Dává pochopit, jaké webové stránky: o čokolády, ručně vyráběné tašky či svatebních kytic.

I vytvořit obsah. Nemám nic, aby na přední straně, ale sám, ale na celou obrazovku, takže obraz není v pořádku. Tak jsem si vybral šablonu s textem a fotografií doleva doprava:

Konfigurace šablony pro sebe

Každý blok struktura může být změněn přidáním nebo odstraněním zbytečných prvků. Například jsem nepotřeboval nadzagolovok, jedno z tlačítek a odkazy na sociální sítě, a tak jsem je nechal odstranit.

add photo

Chrliči a fotografie z dovolené nebude fungovat, budete potřebovat něco méně uvolněně. Jsem nenašel vhodnou fotografii, ale to byl favorit štítku telegramu. Chcete-li začít, rozhodl jsem se ji používat, a potom nahrazen fotografií. Chcete-li, můžete jít bez ní: Je důležité ukázat, a ne, jak jsi krásná, a že víte, jak to udělat ve své profesi.

Psát o sobě

Kdo jste a co děláte? Mělo by být schopen stručně, informativní a vrtání. Je žádoucí, aby bylo upřímné a ukázat, co jste silní. Mám to:

Podívejte se, co se stalo

Použijte náhled přepnutím ikony nad panelem Editor. Tak vidíte, jak se objeví na obálce ploše obrazovky, smartphony a tablety.

Krok 5. Přidat sémantické jednotky

Je-li kryt připraven, přistoupíme k významových jednotek. Přijít s nimi na prvním stupni, a nyní jej chcete přesunout na stránku. Zde bude užitečné návrhář šablony. Dále jen „Tinkoff Business“ je asi 150 „O společnosti“, „Produkty a služby“, „fází a kroků“, „Fotografie“, „dávky“ a další.

Studoval jsem všechny možnosti a usadil se na třech blocích:

• „Text“ - k popisu projektu.
• „Slider“ - pro vizuální vyprávění.
• „Kontakt“ - se dostat do kontaktu se mnou.

Nastavte každou šablonu sám přidáním nebo odstraněním zbytečných prvků. Například v bloku „Slider“ Nepotřeboval jsem název a popis - Mám je uříznout, odcházející jediný obraz.

Kopírovat opakující se prvky

Designer umožňuje kopírovat bloky, které jste přidali na web. Pro mě je tato funkce přijde vhod: I aplikovat na prvky „Text“ a „jezdce“ a umístit je ve správném pořadí.

Krok 6. kompletní sekce

Psaní textu na sémantických jednotek

Každá část by měla být z názvu, titulků a popis. Není moudré a jen psát. Udělal jsem jen, že: v názvu projektu udělal jméno v podtitulu - Krátký popis, jak je v původním textu jsou uvedeny počty zobrazení a kliknutí.

si můžete připravit text v předstihu, ale hned jsem napsala na web - projektant automaticky pamatuje změny. Jednou jsem omylem aktualizováno stránku a byl připraven na to, že změny nebudou uloženy. Ale všechno bylo na svém místě, a já nemusel re-edit bloku.

add photo

Potřeboval jsem přidat screenshoty jejich projektů. Zkoušel jsem různé šablony, a vybral slider: tak jsem se může ukázat, vypadala jako projekt v počítačích a mobilních verzích. Zoom a otáčet obrázky mohou být přímo v konstruktoru při načítání fotografií.

Krok 7. Upravit navigace

Udělal jsi krytu a vyplní prostor - místo je téměř připraven. Nyní je potřeba nastavit navigaci, že návštěvník může jít přímo do požadovaného bloku.

• Vyberte jednu ze šablon „Menu Page“. Přidal jsem jednoduchý blok bez loga, sociálních sítí a adres.

• Změna textu a počet tlačítek. Mám pět, „Games“, „speciální projekty“, „Test“, „Články“ a „Kontakt“.
• Přidat odkazy. Tlačítka mohou vést k sekcí stránky (jako já), na jednotlivé stránky vašeho webu, nebo nasměrovat čtenáře na jiný web.

Designer umožňuje vytvořit libovolný počet volných stránek a webů: Můžete vytvořit samostatné stránky na různých projektech, začít blog a dělat to vše v klobouku.

Krok 8. Zvolit písma a pozadí

Až budete hotovi, přejděte na registrační stránce. Snazší a rychlejší, aby všechny jednotky ke společnému stylu najednou, než upravovat každý jednotlivě.

Vyberte zázemí pro bloky

V konstruktoru, tam je knihovna prostředí: ilustrační, přechody, vzorů a barev. Zde si můžete stáhnout a vaše pozadí. Vybral jsem si tmavě šedá pro hlavičky na obálce webu a tlačítka - to je v kombinaci s nálepkou, která mi nahradí fotografii. Zbývající bloky jsou ponechány bílé.

Chcete-li vybrat typ písma, budete muset jít z editoru do hlavní designér stránky a jít do nastavení.

V nastavení jsou čtyři fonty z čeho vybírat. Zpočátku se zdá, že to nestačí, ale pak psychicky poděkoval vývojářům: jestliže tam bylo více možností, tak bych prsty jim až do večera. A snažil jsem se všechny čtyři a zastavili u první.

Krok 9. Webové stránky Upravit

Poslední nastavení, a místo může být zveřejněny:

1. Myslete na adresu nebo připojit vaši doménu.
2. Odkaz na stránky s účtem „Yandex“ statistik pohledu.
3. Přidat web k „Yandex. Webmaster“, takže se objeví v hledání.
4. Přidat chatu na webových stránkách - můžete psát na některou ze svých stránek.
5. Download favicon - ikona web, který se objeví v záložce prohlížeče.

Pak zase na stránku editoru a klikněte na velké žluté tlačítko „Publikovat“ v levém horním rohu obrazovky. Hotovo! Nyní máte své vlastní online vizitku.

S tím, že

Website Builder „Tinkoff činnosti“ čisté a jednoduché. Máte-li text a obrázky připraven k sbírat stránky za 15 minut. Nosím s sebou delší: experimentování s zázemím, nemohl přijít s jasnou strukturou a dlouhou Vybírá šablony.

Zpočátku mi to vadí, že přístroj nemůže pohybovat prvky pro změnu velikosti písma a snížit vzdálenost mezi bloky. Ale to je návrhář navíc: pohyblivé součásti mohou být navždy, ověřuje každý milimetr. Ready-made šablony eliminovat muka volby - dobrá volba, v této době.

Vytvořte si web