Získejte informace o podpoře různých kódovacích jazyků v aplikaci Dreamweaver, které se používají k vytváření webových stránek.
Nejoblíbenější programovací jazyky pro návrh a vývoj plně funkčních webových stránek pro front-endové využití je HTML, HTML5 a CSS, zatímco pro back-endové využití jsou to PHP, JavaScript, Java a jQuery.
Vzhled webové stránky můžete pomocí jazyka CSS navrhovat pro celé weby (včetně prvků, jako jsou například písma nebo barvy). Poté pomocí jazyka HTML můžete společně vkládat obrázky, text, videa, formuláře a jiné části obsahu a vytvářet tak celistvé webové stránky.
Společným použitím jazyků CSS a HTML můžete vytvářet statické stránky. Většina webových stránek však vyžaduje určitou formu interakce (například po zákazníkovi vyžaduje vyplnění formuláře nebo provedení platby) a databázi k ukládání všech dat z webové stránky.
Při vytváření těchto back-endových komunikačních kanálů potřebujete programovací jazyk na straně serveru (jako je PHP), který bude komunikovat s databází.
Programovací jazyky podporované aplikací Dreamweaver
Kromě možností úprav textu poskytuje Adobe Dreamweaver různé funkce, jako jsou nápovědy kódu, které vám pomáhají kódovat v následujících jazycích:
- HTML
- PHP
- CSS
- JavaScript
Ostatní jazyky, jako je Perl, nejsou podporovány funkcemi kódování specifickými pro jednotlivé jazyky v aplikaci Dreamweaver; můžete například vytvářet a upravovat soubory Perl, ale nápovědy kódu se na tento jazyk nevztahují.
Změna automatického kódu
Můžete nastavit možnosti, které aplikaci Dreamweaver přikážou automaticky vyčistit váš ručně napsaný kód podle kritérií, která určíte. Váš kód se však nikdy nepřepíše, pokud nejsou zapnuty možnosti přepisování kódu nebo neprovedete akci, která kód změní. Dreamweaver například nezmění vaše mezery ani nezmění velikost písmen atributů, pokud nepoužijete příkaz Použít formátování zdroje.
Několik z těchto voleb přepsání kódu je standardně povoleno.
Možnosti Roundtrip HTML v aplikaci Dreamweaver umožňují přesouvat dokumenty tam a zpět mezi textovým HTML editorem a aplikací Dreamweaver s malým nebo žádným vlivem na obsah a strukturu původního HTML zdrojového kódu dokumentu. Mezi tyto volby patří:
Používání textového editoru třetí strany k úpravě aktuálního dokumentu.
Ve výchozím nastavení aplikace Dreamweaver neprovádí žměny v kódu vytvořeném nebo upraveném v jiných HTML editorech, ani pokud je kód neplatný, pokud nepovolíte možnosti přepisování kódu.
Dreamweaver nemění značky, které nerozpozná—včetně XML značek—protože nemá kritéria, podle kterých by je posoudil. Pokud se nerozpoznaná značka překrývá s jinou značkou (například <MyNewTag><em>text</MyNewTag></em>), aplikace Dreamweaver ji označí jako chybu, ale kód nepřepíše.
Volitelně můžete nastavit aplikaci Dreamweaver tak, aby zvýraznila neplatný kód v zobrazení Kód (žlutou barvou). Když vyberete zvýrazněnou část, inspektor vlastností zobrazí informace o tom, jak chybu opravit.
Kód XHTML
Dreamweaver generuje nový XHTML kód a vyčišťuje existující XHTML kód způsobem, který splňuje většinu požadavků XHTML. K dispozici jsou také nástroje, které potřebujete ke splnění několika zbývajících požadavků XHTML.
Některé požadavky jsou také vyžadovány v různých verzích HTML.
Následující tabulka popisuje požadavky XHTML, kterým aplikace Dreamweaver automaticky vyhovuje:
Požadavek XHTML |
Činnosti, které aplikace Dreamweaver provádí |
|---|---|
V dokumentu musí být před kořenovým prvkem deklarace DOCTYPE a deklarace musí odkazovat na jeden ze tří souborů Document Type Definition (DTD) pro XHTML (strict, transitional nebo frameset). |
Přidá XHTML DOCTYPE do dokumentu XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Nebo, pokud má XHTML dokument frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
Kořenovým prvkem dokumentu musí být html a prvek html musí označovat jmenný prostor XHTML. |
Přidá atribut namespace do prvku html následovně: <html xmlns="http://www.w3.org/1999/xhtml"> |
Standardní dokument musí mít strukturální prvky head, title a body. Frameset dokument musí mít strukturální prvky head, title a frameset. |
Ve standardním dokumentu zahrnuje prvky head, title a body. V frameset dokumentu zahrnuje prvky head, title a frameset. |
Všechny elementy v dokumentu musí být správně vnořené: <p>Toto je <i>špatný příklad.</p></i> <p>Toto je <i>dobrý příklad.</i></p> |
Generuje správně vnořený kód a při čištění XHTML opravuje vnořování v kódu, který nebyl generován aplikací Dreamweaver. |
Všechny názvy prvků a atributů musí být psány malými písmeny. |
Vynutí si malá písmena pro názvy HTML prvků a atributů v XHTML kódu, který generuje, a při čištění XHTML, bez ohledu na vaše předvolby pro velikost písmen značek a atributů. |
Každý prvek musí mít uzavírací značku, pokud není v DTD deklarován jako EMPTY. |
Vkládá uzavírací značky do kódu, který generuje, a při čištění XHTML. |
Prázdné prvky musí mít uzavírací značku nebo musí počáteční značka končit />. Například <br> není platný; správná forma je <br></br> nebo <br/>. Prázdné prvky jsou následující: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta a param. A kvůli zpětné kompatibilitě s prohlížeči, které nepodporují XML, musí být před /> mezera (například <br />, ne <br/>). |
Vkládá prázdné prvky s mezerou před uzavíracím lomítkem v prázdných značkách do kódu, který generuje, a při čištění XHTML. |
Atributy nemohou být minimalizovány; například <td nowrap> není platný; správná forma je <td nowrap="nowrap">. To ovlivňuje následující atributy: checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly a selected. |
Vkládá úplné páry atribut-hodnota do kódu, který generuje, a při čištění XHTML. Poznámka: Pokud HTML prohlížeč nepodporuje HTML 4, může selhat při interpretaci těchto booleovských atributů, když jsou uvedeny v jejich úplné formě. |
Všechny hodnoty atributů musí být uzavřeny v uvozovkách. |
Umísťuje uvozovky kolem hodnot atributů v kódu, který generuje, a při čištění XHTML. |
Následující prvky musí mít atribut id i atribut name: a, applet, form, frame, iframe, img a map. Například <a name="intro">Introduction</a> není platný; správná forma je <a id="intro">Introduction</a> nebo <a id="section1" name="intro"> Introduction</a>. |
Nastaví atributy name a id na stejnou hodnotu vždy, když je atribut name nastaven pomocí Property inspectoru v kódu, který generuje aplikace Dreamweaver, a při čištění XHTML. |
Pro atributy s hodnotami výčtového typu musí být hodnoty psány malými písmeny. Hodnota výčtového typu je hodnota ze specifikovaného seznamu povolených hodnot; například atribut align má následující povolené hodnoty: center, justify, left a right. |
Vynutí si malá písmena pro hodnoty výčtového typu v kódu, který generuje, a při čištění XHTML. |
Všechny prvky script a style musí mít atribut type. (Atribut type prvku script je vyžadován od HTML 4, kdy byl atribut language označen jako zastaralý.) |
Nastaví atributy type a language v prvcích script a atribut type v prvcích style v kódu, který generuje a při čištění XHTML. |
Všechny prvky img a area musí mít atribut alt. |
Nastaví tyto atributy v kódu, který generuje, a při čištění XHTML hlásí chybějící atributy alt. |
Regulární výrazy
Regulární výrazy jsou vzorky popisující kombinace znaků v textu.Použijte je ve vyhledávání kódu k popisu konceptů, jako jsou řádky začínající na „var" a hodnoty atributů obsahující číslo.
Následující tabulka obsahuje speciální znaky v regulárních výrazech, jejich významy a příklady použití.Chcete-li vyhledat text obsahující jeden ze speciálních znaků uvedených v tabulce, použijte před speciálním znakem zpětné lomítko.Například chcete-li vyhledat\nskutečnou hvězdičku ve frázi some conditions apply*,\nvypadal by váš vyhledávací vzorek takto: apply\\*.\nPokud hvězdičku neopatříte escape znakem, najdete všechny výskyty\nslova „apply" (stejně jako jakékoliv výskyty slov „appl", „applyy" a „applyyy"),\nnejen ty následované hvězdičkou.
Znak |
Odpovídá |
Příklad |
|---|---|---|
^ |
Začátek vstupu nebo řádku |
^T sladění „T" v textu „This good earth", ale ne v textu „Uncle Tom's Cabin" |
USD |
Konec vstupu nebo řádku |
h$ odpovídá „h" v „teach" ale ne v „teacher" |
* |
Žádný nebo více výskytů předcházejícího znaku |
um* sladí s „um" v „rum", „umm" v „yummy" a „u" v „huge" |
+ |
Jeden nebo více výskytů předcházejícího znaku |
um+ sladí „um" v „rum" a „umm" v „yummy", ale nic v „huge" |
? |
Předchozí znak nejvýše jednou (to znamená, že označuje, že předchozí znak je nepovinný). |
st?on odpovídá „son" v\n„Johnson" a „ston" v „Johnston", ale ničemu v „Appleton" nebo\n„tension" |
. |
Jakýkoliv znak kromě znaku nové řádky |
.an odpovídá „ran" a „can" ve frázi „bran muffins can be tasty" |
x|y |
Buď x, nebo y |
FF0000|0000FF odpovídá „FF0000"\nv bgcolor=\"#FF0000\" a „0000FF" v font color=\"#0000FF\" |
{n} |
Přesně n výskytů předcházejícího znaku |
o{2} odpovídá „oo" v „loom"\na prvním dvěma o v „mooooo", ale ničemu v „money" |
{n,m} |
Alespoň n a nejvýše m výskytů předchozího znaku. |
F{2,4} odpovídá „FF" v\n„#FF0000" a prvním čtyřem F v #FFFFFF |
[abc] |
Kterýkoli ze znaků uzavřených v závorkách.Určete rozsah znaků pomocí spojovníku (například [a-f] je ekvivalentní k [abcdef]). |
[e-g] sladění „e" v „bed", „f" v „folly" a „g" v „guard" |
[^abc] |
Libovolný znak, kromě znaků zadaných v závorkách. Zadejte rozsah znaků pomocí pomlčky (například [^a-f] odpovídá [^abcdef]). |
[^aeiou] zpočátku sladí\n„r" v „orange", „b" v „book" a „k" v „eek!" |
\b |
Hranice slova (například mezera nebo konec odstavce) |
\bb odpovídá „b" v „book", ale ničemu v „goober" nebo „snob" |
\B |
Cokoliv jiného než hranice slov |
\Bb sladí „b" v „goober", ale nic v „book" |
\d |
Jakýkoliv číselný znak. Ekvivalent k zápisu [0-9]. |
\d odpovídá znaku „3" v „C3PO" a znaku „2" v „apartment 2G" |
\D |
Jakýkoliv nečíselný znak. Ekvivalent k zápisu [^0-9]. |
\\D odpovídá „S" v „900S"\na „Q" v „Q45" |
\f |
Vysunutí stránky |
|
\n |
Zalomení řádku |
|
\r |
Zalomení odstavce |
|
\s |
Jakýkoli jednotlivý prázdný znak, včetně mezery, tabulátoru, znaku nové stránky nebo znaku nového řádku. |
\sbook odpovídá slovu „book" v „blue book", ale ničemu v „notebook" |
\S |
Jakýkoliv jeden znak kromě znaku prázdného místa |
\Sbook odpovídá slovu „book" ve slově „notebook", ale nic ve slově „blue book" |
\t |
Tabulátor |
|
\w |
Jakýkoliv alfanumerický znak, včetně podtržítka. Ekvivalent k zápisu [A-Za-z0-9_]. |
b\w* odpovídá „štěkání" v „štěkající pes" a jak „velký", tak „černý" v „velký černý pes" |
\W |
Jakýkoliv jiný než alfanumerický znak. Ekvivalent k [^A-Za-z0-9_]. |
\\W sladění „&" v „Jake&Mattie"\na „%" v „100%" |
Ctrl+Enter nebo Shift+Enter (Windows), nebo Ctrl+Return nebo Shift+Return nebo Cmd+Return (Macintosh) |
Znak Return. Ujistěte se, že zrušíte výběr možnosti Ignorovat rozdíly v prázdných znacích při vyhledávání, pokud nepoužíváte regulární výrazy. Všimněte si, že toto odpovídá konkrétnímu znaku, nikoli obecnému pojetí zalomení řádku; například neodpovídá značce <br> nebo značce <p>. Znaky Return se v zobrazení Návrh zobrazují jako mezery, ne jako zalomení řádků. |
Použijte závorky k ohraničení seskupení v rámci regulárního výrazu, na které se budete později odvolávat. Potom použijte $1, $2, $3 atd. v poli Nahradit za k odkázání na první, druhé, třetí a další závorky seskupeni.
V poli Vyhledat, abyste se odkázali na závorky seskupení dříve v regulárním výrazu, použijte \1, \2, \3 atd. místo $1, $2, $3.
Například vyhledávání (\d+)\/(\d+)\/(\d+) a nahrazení za $2/$1/$3 vymění den a měsíc v datu odděleném lomítky, čímž převádí mezi daty amerického stylu a daty evropského stylu.
Kód chování serveru
Když vyvíjíte dynamickou stránku a vyberete chování serveru z panelu Chování serverů, aplikace Dreamweaver vloží jeden nebo více bloků kódu do vaší stránky, aby chování serveru fungovalo.
Pokud ručně změníte kód v bloku kódu, už nemůžete používat panely jako Vazby a Chování serverů k úpravě chování serveru. Aplikace Dreamweaver hledá specifické vzory v kódu stránky k detekci chování serverů a zobrazení v panelu Chování serverů. Pokud jakýmkoli způsobem změníte kód bloku kódu, aplikace Dreamweaver už nemůže detekovat chování serveru a zobrazit jej v panelu Chování serverů. Nicméně chování serveru na stránce stále existuje a můžete jej upravovat v prostředí pro úpravu kódu v aplikaci Dreamweaver.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
