https://wiki.knihovna.cz/index.php?action=history&feed=atom&title=Web_designer 2026-05-22T18:01:22Z Historie editací této stránky MediaWiki 1.35.0 https://wiki.knihovna.cz/index.php?title=Web_designer&diff=22668&oldid=prev 2012-05-18T21:42:12Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="cs"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starší verze</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Verze z 18. 5. 2012, 21:42</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13" >Řádek 13:</td> <td colspan="2" class="diff-lineno">Řádek 13:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Práce web designéra se dá shrnout do 4 bodů:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Práce web designéra se dá shrnout do 4 bodů:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">1. Shromažďování informací - web designér musí zjistit co nejvíce informací o zadavateli a o jeho požadavcíh. Musí provézt průzkum trhu a potenciálních zákazníků, pro které bude web vytvářet</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">2</del>. <del class="diffchange diffchange-inline">Plánování </del>- <del class="diffchange diffchange-inline">vytvoření základních podkladů, na kterých bude </del>web <del class="diffchange diffchange-inline">stavěn </del>a <del class="diffchange diffchange-inline">podle kterých se bude plánovat</del>. <del class="diffchange diffchange-inline">Při plánování musí být jasné jak</del>, pro <del class="diffchange diffchange-inline">koho a s jakým cílem </del>bude web <del class="diffchange diffchange-inline">vytvořen.</del></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">1</ins>. <ins class="diffchange diffchange-inline">'''Shromažďování informací''' </ins>- web <ins class="diffchange diffchange-inline">designér musí zjistit co nejvíce informací o zadavateli </ins>a <ins class="diffchange diffchange-inline">o jeho požadavcíh</ins>. <ins class="diffchange diffchange-inline">Musí provézt průzkum trhu a potenciálních zákazníků</ins>, pro <ins class="diffchange diffchange-inline">které </ins>bude web <ins class="diffchange diffchange-inline">vytvářet</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">3</del>. <del class="diffchange diffchange-inline">Tvorba informačního designu </del>- <del class="diffchange diffchange-inline">ujasňuje se</del>, <del class="diffchange diffchange-inline">jak budou informace tříděny, kde budou umístěny </del>a <del class="diffchange diffchange-inline">jak budou prezentovány uživateli. Výsledkem </del>bude <del class="diffchange diffchange-inline">struktura webu, kde uživatel dokáže najít vše co hledá v co nejmenším čase</del>. <del class="diffchange diffchange-inline">Tato fáze se zabývá funkčností navigace</del>, <del class="diffchange diffchange-inline">aby byla </del>pro <del class="diffchange diffchange-inline">uživatele co nejvíce funkční </del>a <del class="diffchange diffchange-inline">srozumitelná, zatím se nezaobírá vzhledem</del>.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">2</ins>. <ins class="diffchange diffchange-inline">'''Plánování''' </ins>- <ins class="diffchange diffchange-inline">vytvoření základních podkladů</ins>, <ins class="diffchange diffchange-inline">na kterých bude web stavěn </ins>a <ins class="diffchange diffchange-inline">podle kterých se </ins>bude <ins class="diffchange diffchange-inline">plánovat</ins>. <ins class="diffchange diffchange-inline">Při plánování musí být jasné jak</ins>, pro <ins class="diffchange diffchange-inline">koho </ins>a <ins class="diffchange diffchange-inline">s jakým cílem bude web vytvořen</ins>.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>4. Tvorba grafického designu - grafický design je velmi důležitým faktorem pro použitelnost webu. Web musí mít určitou grafickou rovnováhu a ucelenost, aby byl atraktivní jednotný a dobře čitelný.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">3. '''Tvorba informačního designu''' - ujasňuje se, jak budou informace tříděny, kde budou umístěny a jak budou prezentovány uživateli. Výsledkem bude struktura webu, kde uživatel dokáže najít vše co hledá v co nejmenším čase. Tato fáze se zabývá funkčností navigace, aby byla pro uživatele co nejvíce funkční a srozumitelná, zatím se nezaobírá vzhledem.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>4. <ins class="diffchange diffchange-inline">'''</ins>Tvorba grafického designu<ins class="diffchange diffchange-inline">''' </ins>- grafický design je velmi důležitým faktorem pro použitelnost webu. Web musí mít určitou grafickou rovnováhu a ucelenost, aby byl atraktivní jednotný a dobře čitelný.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Poznámky ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Poznámky ==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;references/&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;references/&gt;</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Použitá literatura ==</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Web design library. What Does a Web Design Do?. [online]. [cit. 2012-05-18]. Dostupné z:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">http://www.webdesign.org/web-design-basics/design-principles/what-does-a-web-design-do-cheap-web-deign.20514.html </ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Wikipedia. Web design. [online]. [cit. 2012-05-18]. Dostupné z:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">http://en.wikipedia.org/wiki/Web_design</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Wisegeek. What Does a Web Designer Do?. [online]. [cit. 2012-05-18]. Dostupné z:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">http://www.wisegeek.com/what-does-a-web-designer-do.htm</ins></div></td></tr> </table>

Infoarchitekt https://wiki.knihovna.cz/index.php?title=Web_designer&diff=22665&oldid=prev 2012-05-18T21:39:21Z

<p>Založena nová stránka: == Charakteristika == Web designer se zabývá vytvářením a designem webové stránky, včetně obsažených informací a návrhu uživatelského rozhraní. Třídí a...</p> <p><b>Nová stránka</b></p><div>== Charakteristika ==<br /> <br /> <br /> Web designer se zabývá vytvářením a designem webové stránky, včetně obsažených informací a návrhu uživatelského rozhraní. Třídí a organizuje informace a vytváří grafické prostředí . Jedním z nejdůležitějších úkolů web designeréra je kreativní design webových stránek, obvykle vytvořen na základě práce s klientem, který definuje určité potřeby nebo funkce, které webové stránky musí splňovat. <br /> <br /> Cílem web designéra je vytvoření takového uživatelského rozhraní, aby byla interakce uživatele co nejjednodušší, nejpříjemnější a nejúčinnější z hlediska dosažení cílů a spokojenosti osoby používající webové stránky.<br /> “Mnozí weboví designéři jsou také webowými programátory, což znamená, že jsou nejen architekti toho, jak se stránky budou zobrazovat, ale také implementují své vlastní návrhy pomocí programování. Mohou být nazýváni zčásti umělci/spisovatelé a z části počítačovými experty.”&lt;ref&gt;Wisegeek. What Does a Web Designer Do?. [online]. [cit. 2012-05-18]. Dostupné z:&lt;http://www.wisegeek.com/what-does-a-web-designer-do.htm&gt;&lt;/ref&gt;<br /> <br /> <br /> <br /> == Práce web designéra ==<br /> <br /> <br /> Práce web designéra se dá shrnout do 4 bodů:<br /> 1. Shromažďování informací - web designér musí zjistit co nejvíce informací o zadavateli a o jeho požadavcíh. Musí provézt průzkum trhu a potenciálních zákazníků, pro které bude web vytvářet<br /> <br /> 2. Plánování - vytvoření základních podkladů, na kterých bude web stavěn a podle kterých se bude plánovat. Při plánování musí být jasné jak, pro koho a s jakým cílem bude web vytvořen.<br /> <br /> 3. Tvorba informačního designu - ujasňuje se, jak budou informace tříděny, kde budou umístěny a jak budou prezentovány uživateli. Výsledkem bude struktura webu, kde uživatel dokáže najít vše co hledá v co nejmenším čase. Tato fáze se zabývá funkčností navigace, aby byla pro uživatele co nejvíce funkční a srozumitelná, zatím se nezaobírá vzhledem.<br /> <br /> 4. Tvorba grafického designu - grafický design je velmi důležitým faktorem pro použitelnost webu. Web musí mít určitou grafickou rovnováhu a ucelenost, aby byl atraktivní jednotný a dobře čitelný.<br /> <br /> <br /> == Poznámky ==<br /> &lt;references/&gt;</div>

Infoarchitekt