[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.bumo.cz\/postupujme-rychle-a-tvorme-weby-jednoduse\/#Article","mainEntityOfPage":"https:\/\/www.bumo.cz\/postupujme-rychle-a-tvorme-weby-jednoduse\/","headline":"Postupujme rychle a tvo\u0159me weby jednodu\u0161e","name":"Postupujme rychle a tvo\u0159me weby jednodu\u0161e","description":"Vytvo\u0159ili jste spousty webov\u00fdch str\u00e1nek v\u00a0po\u010d\u00edta\u010di a cht\u011bli byste je publikovat? Nebo se jen sna\u017e\u00edte nau\u010dit se n\u011bco nov\u00e9ho? Zde se velmi jednodu\u0161e dozv\u00edte jak za\u010d\u00ednat s\u00a0tvorbou webov\u00fdch str\u00e1nek a jak ide\u00e1ln\u011b postupovat pro klidnou pr\u00e1ci. Co pot\u0159ebujete: \u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Z\u00e1kladn\u00ed znalost HTML. \u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Z\u00e1kladn\u00ed znalost CSS. \u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Um\u011bt hledat na internetu. \u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Trocha trp\u011blivosti. \u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&hellip; <a href=\"https:\/\/www.bumo.cz\/postupujme-rychle-a-tvorme-weby-jednoduse\/\">Pokra\u010dovat ve \u010dten\u00ed <span class=\"screen-reader-text\">Postupujme rychle a tvo\u0159me weby jednodu\u0161e<\/span><\/a>","datePublished":"2025-03-04","dateModified":"2025-03-04","author":{"@type":"Person","@id":"https:\/\/www.bumo.cz\/author\/#Person","name":"bumo.cz\n","url":"https:\/\/www.bumo.cz\/author\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/df9d3e7f7fe4622e291ec02ac46f5f76755ddc91019a65e783baee3892394402?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/df9d3e7f7fe4622e291ec02ac46f5f76755ddc91019a65e783baee3892394402?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"bumo.cz","logo":{"@type":"ImageObject","@id":"\/logo.png","url":"\/logo.png","width":600,"height":60}},"image":{"@type":"ImageObject","@id":"https:\/\/www.bumo.cz\/wp-content\/uploads\/img_a310081_w2067_t1521027560.png","url":"https:\/\/www.bumo.cz\/wp-content\/uploads\/img_a310081_w2067_t1521027560.png","height":0,"width":0},"url":"https:\/\/www.bumo.cz\/postupujme-rychle-a-tvorme-weby-jednoduse\/","about":["Www"],"wordCount":603,"articleBody":"Vytvo\u0159ili jste spousty webov\u00fdch str\u00e1nek v\u00a0po\u010d\u00edta\u010di a cht\u011bli byste je publikovat? Nebo se jen sna\u017e\u00edte nau\u010dit se n\u011bco nov\u00e9ho? Zde se velmi jednodu\u0161e dozv\u00edte jak za\u010d\u00ednat s\u00a0tvorbou webov\u00fdch str\u00e1nek a jak ide\u00e1ln\u011b postupovat pro klidnou pr\u00e1ci.Co pot\u0159ebujete:\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Z\u00e1kladn\u00ed znalost HTML.\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Z\u00e1kladn\u00ed znalost CSS.\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Um\u011bt hledat na internetu.\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Trocha trp\u011blivosti.\u00b7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 M\u00edt n\u011bjak\u00fd ten \u010das.Poj\u010fme na v\u011bc:1.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Nejprve, ne\u017e se pust\u00edme do samotn\u00e9ho programov\u00e1n\u00ed, mus\u00edte m\u00edt vizi, tedy obr\u00e1zek, jak va\u0161e str\u00e1nky budou vypadat. V\u00a0nejide\u00e1ln\u011bj\u0161\u00edm p\u0159\u00edpad\u011b si vezm\u011bte tu\u017eku a pap\u00edr a nakreslete si n\u00e1vrh a napi\u0161te si kde jak\u00fd nadpis \u010di jak\u00fd \u010dl\u00e1nek budete m\u00edt.\u00a02.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Najd\u011bte si na internetu firmy, kter\u00e9 nab\u00edzej\u00ed jak free dom\u00e9nu, tak free m\u00edsto na serveru (tzv. Webhosting). Existuj\u00ed firmy, kter\u00e9 nab\u00edzej\u00ed r\u016fzn\u00e9 v\u00fdhody, \u010di kombinace mo\u017enost\u00ed nebo v\u00fdhodn\u00e9 dlouhodob\u00e9 ceny. Zde z\u00e1le\u017e\u00ed na tom, jak moc web budete pot\u0159ebovat k\u00a0propagaci. Pokud bude slou\u017eit pro osobn\u00ed \u00fa\u010dely, m\u016f\u017ee bohat\u011b sta\u010dit mal\u00fd prostor na vzd\u00e1len\u00e9m disku (hosting) a dom\u00e9na 3. \u0159\u00e1du. Pokud, ale web m\u00e1te pro firmu, marketing \u010di velkou akci je dobr\u00e9 zv\u00e1\u017eit v\u00edce prostoru \u010di koupit dom\u00e9nu 1. \u0159\u00e1du.Tip: \u00fc\u00a0 N\u011bkdy je velmi v\u00fdhodn\u00e9 koupit si levnou dom\u00e9nu a m\u00edt zdarma m\u00edsto na disku, jeliko\u017e dom\u00e9na kon\u010d\u00edc\u00ed pouze \u201e.cz\u201c je mnohem l\u00e9pe dostupn\u011bj\u0161\u00ed ne\u017eli dom\u00e9na kon\u010d\u00edc\u00ed na \u201eforfree.cz\u201c a podobn\u011b. \u00a03.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Jakmile je n\u00e1vrh hotov\u00fd sta\u010d\u00ed u\u017e jen naj\u00edt ide\u00e1ln\u00ed podklad pro va\u0161e webov\u00e9 str\u00e1nky. Existuj\u00ed servery, kter\u00e9 nab\u00edz\u00ed tis\u00edce \u0161ablon zdarma, kter\u00e9 si m\u016f\u017eete st\u00e1hnout a poupravit. Sta\u010d\u00ed zadat do vyhled\u00e1va\u010de heslo \u201ewebsite templates\u201c a vyjede v\u00e1m spousty str\u00e1nek s\u00a0tis\u00edci \u0161ablonami.\u00a0Vysv\u011btlen\u00ed:\u00fc\u00a0 Rozd\u00edl mezi \u0161ablonou, kterou si st\u00e1hnete, uprav\u00edte a budete publikovat na sv\u00e9m webu a \u0161ablonou, kterou nab\u00edzej\u00ed webov\u00e9 aplikace je velmi razantn\u00ed. \u0160ablony nab\u00edzen\u00e9 na webov\u00fdch aplikac\u00edch se daj\u00ed upravovat velmi jednodu\u0161e to ano, ale nem\u016f\u017eete je upravovat, p\u0159esn\u011b jak chcete. Mus\u00edte se dr\u017eet p\u0159esn\u011b dan\u00fdch rozm\u011br\u016f a p\u0159ed-definovateln\u00fdch um\u00edst\u011bn\u00ed. Na rozd\u00edl \u0161ablonu sta\u017eenou do va\u0161eho PC m\u016f\u017eete m\u011bnit dle libosti, jak chcete vy. K\u00a0tomu pot\u0159ebujete trochu lep\u0161\u00ed znalost CSS stylu nebo hodn\u011b \u010dasu pro hled\u00e1n\u00ed jak a co pozm\u011bnit, aby se to projevilo. \u00a04.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Je mnohem lep\u0161\u00ed za\u010d\u00ednat s\u00a0hotovou \u0161ablonou a poupravovat si j\u00ed dle sv\u00e9ho, ne\u017eli za\u010d\u00edt od za\u010d\u00e1tku. Nyn\u00ed m\u00e1te v\u0161e pro samotnou pr\u00e1ci na HTML a CSS.\u00a0Tipy:\u00fc\u00a0 Doporu\u010duji st\u00e1hnout program PsPad, kter\u00fd v\u00e1m pom\u00e1h\u00e1 s\u00a0p\u00e1rov\u00e1n\u00edm kask\u00e1dov\u00e9ho HTML k\u00f3du a celkov\u011b zjednodu\u0161uje pr\u00e1ci s\u00a0HTML a CSS k\u00f3dy. Je velmi p\u0159ehledn\u00fd a jednoduch\u00fd a spousty pr\u00e1ce ud\u011bl\u00e1 za v\u00e1s. \u00fc\u00a0 Pro nahr\u00e1n\u00ed hotov\u00e9ho webu na v\u00e1s vzd\u00e1len\u00fd server (hosting) se nejl\u00e9pe hod\u00ed st\u00e1hnout program WinSCP. Je velmi jednoduch\u00fd a spolehliv\u00fd a m\u016f\u017eete skrze n\u011bj nahr\u00e1vat na server velk\u00e9 mno\u017estv\u00ed dat.\u00fc\u00a0 Jakmile je web nahran\u00fd zkontrolujte jeho spr\u00e1vnost skrze internetov\u00e9 aplikace \u201eControl HTML\u201c, kter\u00e9 naleznete kdekoli na Google.                                                                                                                                                                                                                                                                                                                                                                                         4\/5 - (11 votes)        "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Postupujme rychle a tvo\u0159me weby jednodu\u0161e","item":"https:\/\/www.bumo.cz\/postupujme-rychle-a-tvorme-weby-jednoduse\/#breadcrumbitem"}]}]