Kvalita webových stránek závisí na znalostech a časových možnostech tvůrce.
Serverové aplikace
Serverové aplikace pro tvorbu webových stránek umožňují snadno a rychle vytvářet jednoduché webové stránky pomocí průvodců a připravených šablon. Např.:
- optimizepress.com – responzivní web (jednorázová platba)
- webflow.com – responzivní web (zdarma doména 3. řádu, další možnosti -> měsíční platba)
- webnode.cz – snadná tvorba www stránek zdarma (osobní, firemní, e-shop)
- blogger.com – vlastní blog snadno ve 3 krocích
- estranky.cz – snadná tvorba www stránek a fotogalerie
- ebrana.cz – tvorba webových stránek, e-shopů, internetová reklama a SEO, PPC
- home.spaces.live.com - blog, fotografie, videa, další moduly a miniaplikace (500 MB týdně, fotka max. 600 px)
- webmium.com - vytvořte si web snadno a rychle (firemní)
- drupalgardens.com – snadná tvorba www stránek (CMS Drupal)
- wix.com – flash technologie
- webareal.cz – webo stránky nebo eshop snadno a rychle (placené)
- inpage.cz – webové stránky pro každého (placené)
- webové fotogalerie
- flickr.com – sdílení fotografií
- 100 MB měsíčně
- GNU/Linux, Mac, Windows
- picasa.google.com – sdílení fotografií
- 1 GB
- čeština
- úprava fotek (ořez, jemná rotace, červené oči, kontrast, barva, jas, výplň, světla, stíny, teplota barev)
- efekty, koláž
- rajce.idnes.cz – místo pro vaše fotografie
- pouze JPG
- fotka max. 700 px
- photoserver.eu – fotogalerie, fórum, hodnocení fotek
- fotka max. 980 px a max. 200 kB
- webdomu.cz – aplikace pro bytová družstva a společenství vlastníků jednotek (SVJ)
- miniaplikace (služby), které lze vložit do vlastního webu
Lokální editory
Lokální (X)HTML editor je softwarová aplikace určená k vytváření webových stránek, která poskytuje řadu podpůrných nástrojů a funkcí pro usnadnění a zrychlení tvorby.
Způsoby vytváření webových stránek
| Způsob |
Editor |
Výhody |
Nevýhody |
| Rychle |
WYSIWYG (What You See Is What You Get) editor – při vytváření vidíte stránku tak, jak by měla vypadat v prohlížeči |
K vytvoření stránek stačí pouze základní znalost ovládání počítače. |
Závislost na kvalitě editoru |
| Kvalitně |
Textový (strukturní) editor – vytváříte přímo zdrojový kód |
Úplná kontrola nad obsahem stránek |
Znalost (X)HTML, CSS, skriptování atd. |
| Efektivně |
Editor zvládající WYSIWYG i textový režim |
K zrychlení práce je možné využít vhodné funkce WYSIWYG editoru |
Přehled vybraných WYSIWYG editorů (WYSIWYG i textový režim)
| Editor |
Cena |
Poznámky |
Adobe Dreamweaver (GoLive)
  |
 |
- usnadňuje psaní elementů a atributů
|
Quanta
 |
|
- usnadňuje psaní elementů a atributů
- WYSIWYG i textový režim současně
|
Microsoft FrontPage
|
|
- usnadňuje psaní elementů a atributů
- pouze kódování win-1250
|
CKeditor
|
|
- funkční v prohlížečích
     
- možnost integrace do webových stránek
- závisí na povoleném skriptování v prohlížeči
- validní víceúrovňové odrážky a číslování
- je možné zvolit prvky pro zvýraznění textu <strong>, <em>
|
Kompozer (NVU)
|
|
- do seznamu stylů se automaticky načte externí styl připojený k dokumentu)
- nevalidní víceúrovňové odrážky a číslování
- místo zvýraznění <strong>, <em> a <u> zapisuje do zdroje dokumentu styl
- Nástroje -> Předvoly -> Nová stránka
- Jazyk: cs
- Znaková sada: UTF-8
- Nástroje -> Předvolby -> Pokročilý
- zatrhněte volbu Chování návratové klávesy
- Speciální znak:
Pouze & < > ' a nerozbitné prázdné místo
- Soubor -> Nový ze šablony
- tlačítko Nový obsahuje rozbalovací seznam
- vytvořit novou stránku / další volby / ze šablony
|
Writer/Web editor z OpenOffice
|
|
- není možné zvolit typ dokumentu
|
Easy Editor
|
|
|
| Mozilla Editor |
|
- je součástí prohlížeče Mozilla
|
| Netscape Editor |
|
- je součástí prohlížeče Netscape
|
| Amaya Editor |
|
- je součástí prohlížeče Amaya
|
Některé aplikace umožňují uložit (exportovat) dokument jako webovou stránku:
- Microsoft Word, Excel, PowerPoint
- funkčnost je "zaručena" pouze u Microsoft Internet Exploreru
Existuje také mnoho průvodců a podpůrných utilit na vytváření webových stránek či dotazníků:
- Website Mentor
- Ma Page Web
- Gecon
- SiteStyler
- a další
PSPad
- umožňuje provádě úpravy přímo na FTP:
- v nabídce Zobrazit, Nástrojový panel si zapněte boční panel s projekty
- přejděte na záložku FTP a stiskněte tlačítko se symbolem síťového kabelu
- v novém okně stisknete tlačítko Nové připojení, zadejte údaje o svém FTP a nastavení uložte
- ve stavovém řádku je možné klepnutím na slovo TEXT změnit režim zvýrazňování
- výběr zvýrazňovače je možné upravit v Nastavení, Nastavení zvýrazňovačů
- zvolte např. PHP, klepněte na záložku Upřesnění a do políčka Masky souborů doplňte příponu souboru např.
*.module
- "čistič" TiDy zajistí, že v kódu nebudou chyby (např. neuzavřené elementy)
- PSPad umožňuje:
- převést HTML značky na malá nebo velká písmena
- získat textový obsah html souboru odstraněním tagů (HTML -> Konverze -> Odstanit tagy)
- importovat text z RTF do HTML
- snadné vkládání barev
- obsahuje "kapátko"
- kontrola pravopisu
- zalomení řádků
- nahrazování textu
- zobrazit více oken (rozdělit plochu)
- nobrazovat online nápovědu (nástroje)
- podporuje klávesovou zkratku (Shift)+Tab
- obsahuje interní prohlížeč s možností nastavení např. rozlišení
- vytvoření (ne)číslovaného seznamu z x řádků textu:
- označte si požadované řádky a zvolte Úpravy, Operace s řádky, Vložit text do řádku
- v zobrazeném okně do políčka "na začátek" napište
<li>a do políčka "na konec" napište </li>
- volbu potvrďte
- nyní stačí jen ručně doplnit před a za např. značky
<ul>a </ul>pro nečíslovaný seznam
- funkce Porovnávání textu umožňuje porovnat dva textové soubory (v jednom panelu si otevřete starší soubor, v novém nejnovější soubor a okamžitě vidíte, kde jsou odlišnosti)
- v souborovém manžeru (např. Total Commanderu) je možné nastavit PSPad jako výchozí editor textových souborů
- k usnadění psaní elementů, atributů a stylů je možné používat klávesovou zkratku Ctrl+mezera
- pevnou mezeru
je možné vkládat klávesovou zkratkou Ctrl+Shift+mezera
- uzavírání elementu pomocí klávesové zkratky Ctrl+tečka
- stáhněte si skript a rozbalte ho do adresáře
CESTA-K-PSPAD\Script\JScript
- nyní můžete používat klávesovou zkratku Ctrl+tečka na uzavírání (dokončování) libovolného elementu
