Aplikace

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) enlightened
  • webflow.com – responzivní web (zdarma doména 3. řádu, další možnosti -> měsíční platba) enlightened
  • 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
    1. flickr.com – sdílení fotografií
      • 100 MB měsíčně
      • GNU/Linux, Mac, Windows
    2. 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áž
    3. rajce.idnes.cz – místo pro vaše fotografie
      • pouze JPG
      • fotka max. 700 px
    4. 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)
Operační systém Microsoft Windows Operační systém Mac OS
Komerční produkt
  • usnadňuje psaní elementů a atributů
Quanta
Operační systém Linux
 
  • usnadňuje psaní elementů a atributů
  • WYSIWYG i textový režim současně
Microsoft FrontPage
Operační systém Microsoft Windows Operační systém Mac OS
Komerční produkt
  • usnadňuje psaní elementů a atributů
  • pouze kódování win-1250
CKeditor
Operační systém Microsoft Windows Operační systém Mac OS Operační systém Linux
 
  • funkční v prohlížečích
    Internet Explorer FireFox Safari Opera Chrome Camino
  • 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)
Operační systém Microsoft Windows Operační systém Mac OS Operační systém Linux
 
  • 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
Operační systém Microsoft Windows Operační systém Mac OS Operační systém Linux
 
  • není možné zvolit typ dokumentu
Easy Editor
Operační systém Microsoft Windows
   
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
Přehled vybraných textových (struktrálních) editorů
Editor Cena Poznámky
Eclipse
Operační<br />
            systém Microsoft Windows Operační systém Mac<br />
            OS Operační systém<br />
            Linux
 
  • PHP
  • Flex

NetBeans IDE
Operační systém Microsoft Windows Operační systém Mac OS Operační systém Linux Solaris

 
  • usnadňuje psaní elementů a atributů (Ctrl + mezera) tzv. IntelliSense
  • doplňování rozepsaného textu (Tab)
  • odstraňování chyb (pravý Alt + Enter)
  • správa projektů
  • podpora verzování pomocí SVN a CVS
PSPad
Operační systém Microsoft Windows
 
  • usnadňuje psaní elementů a atributů
  • kontrola validity (správnosti) dokumentu
  • integrovaný prohlížeč s možností volby rozlišení zobrazení
  • český slovník kontroly pravopisu
Notepad++
Operační systém Microsoft Windows
   
Macromedia HomeSite
Operační systém Microsoft Windows
Komerční produkt
  • usnadňuje psaní elementů a atributů
  • pouze kódování win-1250
AceHTML
Operační systém Microsoft Windows
   
EasyPad
Operační systém Microsoft Windows
   
Bluefish
Operační systém Microsoft Windows Operační systém Mac OS Operační systém Linux
 
  • obsahuje různé šablony

Některé aplikace umožňují uložit (exportovat) dokument jako webovou stránku:

  • Microsoft Word, Excel, PowerPoint Operační systém Microsoft Windows Operační systém Mac OS Komerční produkt
    • 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></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 &nbsp;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