<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="cs">
	<id>https://wiki.knihovna.cz/index.php?action=history&amp;feed=atom&amp;title=Webdesign_jako_obor</id>
	<title>Webdesign jako obor - Historie editací</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.knihovna.cz/index.php?action=history&amp;feed=atom&amp;title=Webdesign_jako_obor"/>
	<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;action=history"/>
	<updated>2026-06-21T22:50:23Z</updated>
	<subtitle>Historie editací této stránky</subtitle>
	<generator>MediaWiki 1.35.0</generator>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23351&amp;oldid=prev</id>
		<title>Maboroshi v 21. 5. 2012, 17:58</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23351&amp;oldid=prev"/>
		<updated>2012-05-21T17:58:29Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:58&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l13&quot; &gt;Řádek 13:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 13:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt;&amp;amp;nbsp;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Mathematism&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt;&amp;amp;nbsp;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[UX design|UX design]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[UX design|UX design]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[UI design|UI design]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[UI design|UI design]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;informační &lt;/del&gt;architektura|informační architektura]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Informační &lt;/ins&gt;architektura|informační architektura]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;interakční &lt;/del&gt;design|interakční design]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Interakční &lt;/ins&gt;design|interakční design]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kódování&lt;/del&gt;|kódování]] a [[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;programování&lt;/del&gt;|programování]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Kódování&lt;/ins&gt;|kódování]] a [[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Programování&lt;/ins&gt;|programování]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;copywriting&lt;/del&gt;|copywriting]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Copywriting&lt;/ins&gt;|copywriting]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[SEO|SEO]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*[[SEO|SEO]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*internetový [[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;marketing&lt;/del&gt;|marketing]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*internetový [[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Marketing&lt;/ins&gt;|marketing]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*nauka o [[&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;přístupnost&lt;/del&gt;|přístupnosti]] webů&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*nauka o [[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Přístupnost&lt;/ins&gt;|přístupnosti]] webů&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23350&amp;oldid=prev</id>
		<title>Maboroshi v 21. 5. 2012, 17:57</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23350&amp;oldid=prev"/>
		<updated>2012-05-21T17:57:26Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:57&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l9&quot; &gt;Řádek 9:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 9:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Charakteristika ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Charakteristika ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. &amp;lt;ref&amp;gt;PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&amp;lt;/ref&amp;gt; Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. &amp;lt;ref&amp;gt;Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&amp;lt;/ref&amp;gt; Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. &amp;lt;ref&amp;gt;ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/]&amp;lt;/ref&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. &amp;lt;ref&amp;gt;PHILIS, Troy. Web Design Definition. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Pleasanton Web Design&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&amp;lt;/ref&amp;gt; Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. &amp;lt;ref&amp;gt;Webdesign. In: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Wikipedia: the free encyclopedia&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&amp;lt;/ref&amp;gt; Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. &amp;lt;ref&amp;gt;ŘEZÁČ, Jan. Umění nebo řemeslo? &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Filův blog o webdesignu&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/]&amp;lt;/ref&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23349&amp;oldid=prev</id>
		<title>Maboroshi: /* Zaměření */ odkazy na wiki</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23349&amp;oldid=prev"/>
		<updated>2012-05-21T17:56:38Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Zaměření: &lt;/span&gt; odkazy na wiki&lt;/span&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:56&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l15&quot; &gt;Řádek 15:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 15:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt;&amp;amp;nbsp;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt;&amp;amp;nbsp;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*UX design&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[&lt;/ins&gt;UX design&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|UX design]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*UI design&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[UI design|&lt;/ins&gt;UI design&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*informační architektura&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[&lt;/ins&gt;informační architektura&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|informační architektura]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*interakční design&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[&lt;/ins&gt;interakční design&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|interakční design]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*kódování a programování&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[&lt;/ins&gt;kódování&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|kódování]] &lt;/ins&gt;a &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[programování|&lt;/ins&gt;programování&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*copywriting&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[copywriting|&lt;/ins&gt;copywriting&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*SEO&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[&lt;/ins&gt;SEO&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;|SEO]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*internetový marketing&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*internetový &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[marketing|&lt;/ins&gt;marketing&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*nauka o přístupnosti webů&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*nauka o &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[přístupnost|&lt;/ins&gt;přístupnosti&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;]] &lt;/ins&gt;webů&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23339&amp;oldid=prev</id>
		<title>Maboroshi: úprava formátování</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23339&amp;oldid=prev"/>
		<updated>2012-05-21T17:40:35Z</updated>

		<summary type="html">&lt;p&gt;úprava formátování&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:40&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l13&quot; &gt;Řádek 13:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 13:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt; Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: UX design UI design informační architektura interakční design kódování a programování copywriting SEO internetový marketing nauka o přístupnosti webů&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&amp;lt;/ref&amp;gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;amp;nbsp;&lt;/ins&gt;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;UX design&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;UI design&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;informační architektura&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;interakční design&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;kódování a programování&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;copywriting&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;SEO&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;internetový marketing&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;*&lt;/ins&gt;nauka o přístupnosti webů&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l24&quot; &gt;Řádek 24:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 34:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Poznámky ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Poznámky ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;references/&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;POZNÁMKY&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;[1] PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http:&lt;/del&gt;/&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;/pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html] [2] Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign] [3] ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/] [4] LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/] [5] např. Smashing Magazine [6] např. [http://www.cssheaven.com/ http://www.cssheaven.com/]&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;references &lt;/ins&gt;/&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zdroje ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zdroje ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*Webdesign. In: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Wikipedia: the free encyclopedia&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*Web development. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Web_development http://en.wikipedia.org/wiki/Web_development]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*Web development. In: &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Wikipedia: the free encyclopedia&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Web_development http://en.wikipedia.org/wiki/Web_development]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Mathematism&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*PHILIS, Troy. Web Design Definition. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Pleasanton Web Design&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers &amp;amp; Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*NOACK, Shannon. A Basic Look at Typography in Web Design. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Six Revisions: Useful Information for Web Developers &amp;amp; Designers.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Jak začít s webdesignem. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;''&lt;/ins&gt;Filův blog o webdesignu&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'' &lt;/ins&gt;[online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23337&amp;oldid=prev</id>
		<title>Maboroshi: úprava poznámek</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23337&amp;oldid=prev"/>
		<updated>2012-05-21T17:38:05Z</updated>

		<summary type="html">&lt;p&gt;úprava poznámek&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:38&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l22&quot; &gt;Řádek 22:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 22:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. &amp;lt;ref&amp;gt;např. Smashing Magazine&amp;lt;/ref&amp;gt; Specifickou odnoží jsou potom galerie webdesignu &amp;lt;ref&amp;gt;např. [http://www.cssheaven.com/ http://www.cssheaven.com/]&amp;lt;/ref&amp;gt; tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. &amp;lt;ref&amp;gt;např. Smashing Magazine&amp;lt;/ref&amp;gt; Specifickou odnoží jsou potom galerie webdesignu &amp;lt;ref&amp;gt;např. [http://www.cssheaven.com/ http://www.cssheaven.com/]&amp;lt;/ref&amp;gt; tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== Poznámky ==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;references/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;POZNÁMKY&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;POZNÁMKY&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23336&amp;oldid=prev</id>
		<title>Maboroshi: úprava formátování a citací</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23336&amp;oldid=prev"/>
		<updated>2012-05-21T17:37:30Z</updated>

		<summary type="html">&lt;p&gt;úprava formátování a citací&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;cs&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Starší verze&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Verze z 21. 5. 2012, 17:37&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l9&quot; &gt;Řádek 9:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 9:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Charakteristika ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Charakteristika ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. [&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;1&lt;/del&gt;] Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. [&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;2&lt;/del&gt;] Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. [&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;3&lt;/del&gt;]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;PHILIS, Troy. Web Design Definition. Pleasanton Web Design &lt;/ins&gt;[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;online&lt;/ins&gt;]&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&amp;lt;/ref&amp;gt; &lt;/ins&gt;Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- &lt;/ins&gt;[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;cit. 2012-05-21&lt;/ins&gt;]&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&amp;lt;/ref&amp;gt; &lt;/ins&gt;Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: &lt;/ins&gt;[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/&lt;/ins&gt;]&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;/ref&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Zaměření ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. [&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;4&lt;/del&gt;] Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;UX design &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;UI design &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;informační architektura &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;interakční design &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;kódování a programování &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;copywriting &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;SEO &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;internetový marketing &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;• &lt;/del&gt;nauka o přístupnosti webů a další. Webdesignér by měl rovněž zvládat základy typografie, neboť její webová odnož má svá specifická pravidla. Na obrazovku se především hodí jiná písma než do tisku. Je také potřeba vzít v úvahu fakt, že ne všichni mají stejné zobrazovací zařízení, zvlášť dnes v době využití mobilních telefonů a tabletů na brouzdání po internetu. Dalším problémem jsou různé znakové sady, pokud stránka není v angličtině. Důležitý pro typografii ve webdesignu je samozřejmě i vzhled.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism &lt;/ins&gt;[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/&lt;/ins&gt;]&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;/ref&amp;gt; &lt;/ins&gt;Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: UX design UI design informační architektura interakční design kódování a programování copywriting SEO internetový marketing nauka o přístupnosti webů&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;a další.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesignér by měl rovněž zvládat základy typografie, neboť její webová odnož má svá specifická pravidla. Na obrazovku se především hodí jiná písma než do tisku. Je také potřeba vzít v úvahu fakt, že ne všichni mají stejné zobrazovací zařízení, zvlášť dnes v době využití mobilních telefonů a tabletů na brouzdání po internetu. Dalším problémem jsou různé znakové sady, pokud stránka není v angličtině. Důležitý pro typografii ve webdesignu je samozřejmě i vzhled.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Nástroje ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;== Nástroje ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;[5] &lt;/del&gt;Specifickou odnoží jsou potom galerie webdesignu [&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;6&lt;/del&gt;] tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;např. Smashing Magazine&amp;lt;/ref&amp;gt; &lt;/ins&gt;Specifickou odnoží jsou potom galerie webdesignu &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;ref&amp;gt;např. &lt;/ins&gt;[&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;http://www.cssheaven.com/ http://www.cssheaven.com/&lt;/ins&gt;]&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;/ref&amp;gt; &lt;/ins&gt;tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;POZNÁMKY&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;POZNÁMKY&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l29&quot; &gt;Řádek 29:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Řádek 33:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers &amp;amp; Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers &amp;amp; Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/]&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
	<entry>
		<id>https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23334&amp;oldid=prev</id>
		<title>Maboroshi: úprava formátování</title>
		<link rel="alternate" type="text/html" href="https://wiki.knihovna.cz/index.php?title=Webdesign_jako_obor&amp;diff=23334&amp;oldid=prev"/>
		<updated>2012-05-21T17:33:37Z</updated>

		<summary type="html">&lt;p&gt;úprava formátování&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Nová stránka&lt;/b&gt;&lt;/p&gt;&lt;div&gt;'''Autor''': Tereza Navarová&lt;br /&gt;
&lt;br /&gt;
'''Klíčová slova:''' tvorba webů, internet&lt;br /&gt;
&lt;br /&gt;
'''Synonyma:''' ---&amp;amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
'''Související pojmy:'''&lt;br /&gt;
&amp;lt;blockquote&amp;gt;''nadřazené'' - internet, webdevelopment&amp;lt;/blockquote&amp;gt;&amp;lt;blockquote&amp;gt;''podřazené'' - ---&amp;lt;/blockquote&amp;gt;&lt;br /&gt;
== Charakteristika ==&lt;br /&gt;
&lt;br /&gt;
Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. [1] Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. [2] Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. [3]&lt;br /&gt;
&lt;br /&gt;
== Zaměření ==&lt;br /&gt;
&lt;br /&gt;
Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. [4] Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: • UX design • UI design • informační architektura • interakční design • kódování a programování • copywriting • SEO • internetový marketing • nauka o přístupnosti webů a další. Webdesignér by měl rovněž zvládat základy typografie, neboť její webová odnož má svá specifická pravidla. Na obrazovku se především hodí jiná písma než do tisku. Je také potřeba vzít v úvahu fakt, že ne všichni mají stejné zobrazovací zařízení, zvlášť dnes v době využití mobilních telefonů a tabletů na brouzdání po internetu. Dalším problémem jsou různé znakové sady, pokud stránka není v angličtině. Důležitý pro typografii ve webdesignu je samozřejmě i vzhled.&lt;br /&gt;
&lt;br /&gt;
== Nástroje ==&lt;br /&gt;
&lt;br /&gt;
Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. [5] Specifickou odnoží jsou potom galerie webdesignu [6] tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.&lt;br /&gt;
&lt;br /&gt;
POZNÁMKY&lt;br /&gt;
&lt;br /&gt;
[1] PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html] [2] Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign] [3] ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/] [4] LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/] [5] např. Smashing Magazine [6] např. [http://www.cssheaven.com/ http://www.cssheaven.com/]&lt;br /&gt;
&lt;br /&gt;
== Zdroje ==&lt;br /&gt;
&lt;br /&gt;
*Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]&lt;br /&gt;
*Web development. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Web_development http://en.wikipedia.org/wiki/Web_development]&lt;br /&gt;
*LELAND, Rich. The ambiguity of &amp;quot;web developer&amp;quot;. Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]&lt;br /&gt;
*PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]&lt;br /&gt;
*&lt;br /&gt;
NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers &amp;amp; Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/]&lt;br /&gt;
&lt;br /&gt;
*ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/]&lt;br /&gt;
*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905]&lt;/div&gt;</summary>
		<author><name>Maboroshi</name></author>
	</entry>
</feed>