Nástroje současného webdesignu

Když jsme se minule zmiňovali o technologiích XHTML a CSS, jako bystří čtenáři jste se jistě začali zajímat o nástroje, které vám zjednoduší práci s nimi. V tomto článku si jich několik představíme.

Jak již bylo zmíněno v úvodu seriálu, textové editory typu Word s možností exportu do webového HTML formátu mezi nástroje webdesignéra, a to ani začínajícího, nepatří. Budeme se zabývat jen těmi, které jsou použitelné pro vážně myšlenou tvorbu stránek. Představte si hranici takto – když si chcete vystavit bez nějakého cíle osobní stránku, klidně Word použijte, ale pokud chcete web, který má sloužit konkrétnímu účelu (třeba podávat informace o jednom tématu nebo vydělávat peníze), na Word rychle zapomeňte. Udělejte to dříve, než vás smete konkurence.

WYSIWYG editory pro tvorbu webových dokumentů

Univerzální nástroje, které umožňují tvorbu stránek úplným začátečníkům, a stejně tak často zkušeným profesionálům: kódérům, programátorům, návrhářům vzhledu, informačním architektům a dalším. Práce s nimi probíhá ve vizuálním WYSIWYG režimu, tudíž znalost XHTML a dalších technologií není nutná (ulehčí však práci). Většinou obsahují i spoustu užitečných rozšíření pro práci s projekty, FTP přenosy, různé validátory, čističe kódu a podobně.

Pro přehled uvádíme přibližné ceny jednotlivých nástrojů ke konci dubna 2004.

Hlavní zástupci:

Editory kódu

Ať už se chcete stát webovým kodérem a zabývat se technologiemi na straně klienta nebo programátorem webových aplikací a zabývat se technologiemi na straně serveru (PHP, .NET, databáze...), poslouží vám software pro úpravu kódu.

Ten vám dnes dovolí pracovat s textovými dokumenty pomocí rozšířených funkcí jako je zvýrazňování syntaxe, rozšířené vyhledávání atd.

Někteří zástupci:

Grafické editory

Programy, původně sloužící pro návrh bitmapové grafiky. Postupem času se z nich staly nástroje pro návrh vzhledu webových stránek. Dnes již většina obsahuje alespoň nutné minimum pro usnadnění práce s webovou grafikou – například exporty do webových formátů. Funkce, které by však designérovi opravdu usnadnily práci, jim stále bohužel chybí – nástroje pro návrh formulářů, tabulek, fungující “rozřezání” grafiky do XHTML kódu a další.
Grafické editory využijete, chcete-li se stát návrhářem vzhledu webových stránek.

Hlavní zástupci:

  • Adobe Photoshop Cena: cca 20 000 Kč za plnou komerční verzi (32 000 Kč v rámci balíku Adobe Creative Suite Premium 1.0).
  • Macromedia Fireworks Cena: cca 10 000 Kč za plnou komerční verzi (6000 Kč v rámci promo Web Tools MX).

Analyzátory

Jak již samotný název napovídá, analyzátory neslouží k návrhu, ale k analýze již hotových webů. My zde konkrétně zmíníme analyzátory logů serveru. Pomocí nich totiž například zkušený informační architekt a expert na použitelnost dokáže rozpoznat slabá místa v konstrukci webu, stejně jako expert na marketing a vyhledávače vidí, které vyhledávače přinášejí webu nejvíce uživatelů, kteří se stanou zákazníky.

Někteří zástupci:

Další nástroje, které můžete potřebovat

  • ... pro práci s grafickými soubory I když se z vás nestane designér, který bude navrhovat vzhled webu, můžete potřebovat programy pro jednoduchou práci s grafickými soubory – například IrfanView, ACDSee.
  • ... pro tvorbu prototypů Různí informační architekti využívají v různých fázích vývoje webu (zmíníme se příště) různé nástroje. V těch počátečních to bývá obyčejná tužka a papír – mimochodem, té se nevyhýbejte, ani pokud například navrhujete vzhled. Pro další fáze projektu poslouží specializovaný software pro návrhy prototypů (Microsoft Visio, Smart Draw), ale i běžné kancelářské vybavení vašeho počítače (Word, PowerPoint).
  • ... pro FTP připojení Web, který máte uložený ve svém počítači, může být světu užitečný jen do prvního zformátování disku. Web je webem, když jej vystavíme na nějaký server. Nejčastěji to provedeme pomocí FTP (File Transfer Protocol) přenosu. Ze software s podporou FTP jmenujme alespoň Total Commander nebo WS FTP.

Zmínili jsme několik nástrojů, které můžete potřebovat, chcete-li pracovat s webem: univerzální WYSIWYG editory, programy pro práci s grafikou, kódem a další. Myslíte si, že používáte nástroje, které jsou užitečnější než ty uvedené? Nestyďte se to napsat do diskuse i s důvody, proč tak činíte.

Další odkazy:

Za týden si, v posledním díle tohoto seriálu, řekneme něco o pracovních postupech v současném webdesignu. Možná se budete divit, ale nejen začínající, ale i zkušení webdesignéři často používají zdeformované postupy, které jsou na výsledných webech velmi viditelné.

Diskuze (50) Další článek: Červ Lovgate.W vám sám odpoví na veškerou příchozí poštu

Témata článku: Software, Programování, Slunečnice, Promo, Vzhled, Editor, Acdsee, Většina obsahu, Plná verze, Výsledné dílo, Fáze projektu, Kancelářské vybavení, Zkušený profesionál, Tools, Draw


Určitě si přečtěte

Dnes nastal konec Windows 7. Ale nepropadejte panice, počítač vám nastartuje i zítra

Dnes nastal konec Windows 7. Ale nepropadejte panice, počítač vám nastartuje i zítra

** Dnes končí podpora Windows 7 a systém formálně umírá ** Co to ale znamená v praxi a bude mi PC fungovat i zítra? ** A mohu i v lednu 2020 zdarma přejít na Windows 10?

Jakub Čížek | 116

Podívejte se, jak umírá váš laptop. Desítky na to mají mocný nástroj powercfg

Podívejte se, jak umírá váš laptop. Desítky na to mají mocný nástroj powercfg

** Hardware současných laptopů už tak rychle nestárne ** Tedy až na baterie – ty umírají děsivou rychlostí ** Ve Windows to můžete sledovat skoro v přímém přenosu

Jakub Čížek | 69

Co všechno se spouští se startem Windows a proč by vás to mělo zajímat

Co všechno se spouští se startem Windows a proč by vás to mělo zajímat

** Společně s operačním systémem se spouští řada aplikací a služeb ** Mohou mít negativní dopad na celkovou dobu startu Windows ** Jak získat kontrolu nad automaticky spouštěnými programy?

Karel Kilián | 59

Už desítky let se pokoušíme odposlouchávat mozek. Rusům se podařil kousek, ze kterého vám spadne brada

Už desítky let se pokoušíme odposlouchávat mozek. Rusům se podařil kousek, ze kterého vám spadne brada

** K odposlechu mozků používáme EEG ** To má ale žalostné informační rozlišení ** Rusům pomohla počítačová neuronová síť

Jakub Čížek | 29



Aktuální číslo časopisu Computer

Test 9 bezdrátových reproduktorů

Jak ovládnout Instagram

Test levných 27" herních monitorů

Jak se zbavit nepotřebných věcí na internetu