Lär dig om hur Dreamweaver stöder de olika kodspråk som används för att skapa webbplatser.
De vanligaste programmeringsspråken för att utforma och utveckla webbplatser med full funktionalitet är HTML, HTML5 och CSS för gränssnittet och PHP, JavaScript, Java och jQuery för back end-funktionerna.
Du kan anpassa utseendet för en hel webbplats (till exempel teckensnitt och färger) med hjälp av CSS. Sedan kan du använda HTML för att infoga bilder, text, videoklipp, formulär och andra innehållselement till en enhetlig webbsida.
Om du använder CSS och HTML tillsammans kan du skapa en statisk webbplats. För de flesta webbplatser krävs dock någon form av interaktion (till exempel formulär som kunderna ska fylla i, eller att kunden gör en betalning) och en databas där alla webbplatsdata lagras.
För att kunna skapa den här back end-kommunikationen behöver du ett programmeringsspråk på serversidan, som PHP, som kommunicerar med databasen.
Programmeringsspråk som kan användas med Dreamweaver
Förutom textredigeringsfunktioner erbjuder Adobe Dreamweaver olika funktioner, såsom kodtips, för att hjälpa dig koda för följande språk:
- HTML
- PHP
- CSS
- JavaScript
Andra språk, såsom Perl, stöds inte av de språkspecifika kodfunktionerna i Dreamweaver; du kan till exempel skapa och redigera Perl-filer, men kodtips gäller inte för det språket.
Automatisk kodändring
Du kan ange alternativ som instruerar Dreamweaver att automatiskt rensa upp din handskrivna kod enligt kriterier som du anger. Din kod skrivs dock aldrig om såvida inte alternativen för kodomskrivning är aktiverade eller du utför en åtgärd som ändrar koden.Till exempel ändrar Dreamweaver inte dina blanksteg eller skiftläget för attribut såvida du inte använder kommandot Använd källformatering.
Några av dessa alternativ för kodomskrivning aktiveras som standard.
Roundtrip HTML-funktionerna i Dreamweaver låter dig flytta dina dokument fram och tillbaka mellan en textbaserad HTML-redigerare och Dreamweaver med liten eller ingen effekt på innehållet och strukturen i dokumentets ursprungliga HTML-källkod. Dessa funktioner omfattar följande:
Använd en textredigerare från tredje part för att redigera det aktuella dokumentet.
Som standard gör Dreamweaver inga ändringar i kod som skapats eller redigerats i andra HTML-redigerare, även om koden är ogiltig, såvida du inte aktiverar alternativ för kodomskrivning.
Dreamweaver ändrar inte taggar som den inte känner igen—inklusive XML-taggar—eftersom den inte har några kriterier att bedöma dem efter. Om en okänd tagg överlappar en annan tagg (till exempel <MyNewTag><em>text</MyNewTag></em>)), markerar Dreamweaver det som ett fel men skriver inte om koden.
Du kan även ange att Dreamweaver ska markera ogiltig kod i kodvyn (i gult). När du väljer ett markerat avsnitt visar egenskapsredigeraren information om hur du korrigerar felet.
XHTML-kod
Dreamweaver genererar ny XHTML-kod och rengör befintlig XHTML-kod på ett sätt som uppfyller de flesta XHTML-kraven. Verktygen som du behöver för att uppfylla de få XHTML-krav som återstår tillhandahålls också.
Vissa av kraven krävs också i olika versioner av HTML.
I följande tabell beskrivs XHTML-kraven som Dreamweaver uppfyller automatiskt:
XHTML-krav |
Åtgärder som Dreamweaver utför |
|---|---|
Det måste finnas en DOCTYPE-deklaration i dokumentet före rotelementet, och deklarationen måste referera till en av de tre Document Type Definition (DTD)-filerna för XHTML (strict, transitional eller frameset). |
Lägger till en XHTML DOCTYPE i ett XHTML-dokument: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Eller, om XHTML-dokumentet har en frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
Rotelementet i dokumentet måste vara html, och html-elementet måste ange XHTML-namnrymden. |
Lägger till namespace-attributet till html-elementet på följande sätt: <html xmlns="http://www.w3.org/1999/xhtml"> |
Ett standarddokument måste ha strukturelementen head, title och body. Ett frameset-dokument måste ha strukturelementen head, title och frameset. |
I ett standarddokument inkluderar detta elementen head, title och body. I ett frameset-dokument inkluderas elementen head, title och frameset. |
Alla element i dokumentet måste kapslas ordentligt: <p>Det här är ett <i>dåligt exempel.</p></i> <p>Det här är ett <i>bra exempel.</i></p> |
Genererar korrekt nästlad kod och korrigerar, vid upprensning av XHTML, nästling i kod som inte genererats av Dreamweaver. |
Alla element- och attributnamn måste vara med gemener. |
Tvingar HTML-element- och attributnamn att skrivas med gemener i XHTML-koden som genereras och när XHTML rensas upp, oavsett dina inställningar för versaler i taggar och attribut. |
Varje element måste ha en avslutande tagg, såvida det inte deklareras i DTD som EMPTY. |
Infogar avslutande taggar i koden som genereras och när XHTML rensas upp. |
Tomma element måste ha en avslutande tagg, eller så måste den inledande taggen sluta med />. Till exempel är <br> inte giltigt; rätt form är <br></br> eller <br/>. Följande element är tomma: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta, och param. Och för bakåtkompatibilitet med webbläsare som inte är XML-aktiverade måste det finnas ett mellanslag före /> (till exempel <br />, inte <br/>). |
Infogar tomma element med ett mellanslag före det avslutande snedstrecket i tomma taggar i koden som genereras och när XHTML rensas upp. |
Attribut kan inte minimeras; till exempel är <td nowrap> inte giltigt; rätt form är <td nowrap="nowrap">. Det här påverkar följande attribut: checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly, och selected. |
Infogar fullständiga attribut-värde-par i koden som genereras och när XHTML rensas upp. Obs! Om en HTML-webbläsare inte stöder HTML 4 kan den misslyckas med att tolka dessa booleska attribut när de visas i sin fullständiga form. |
Alla attributvärden måste omges av citattecken. |
Placerar citattecken runt attributvärden i koden som genereras och när XHTML rensas upp. |
Följande element måste ha ett id-attribut samt ett name-attribut: a, applet, form, frame, iframe, img, och map. Till exempel är <a name="intro">Introduction</a> inte giltigt; rätt form är <a id="intro">Introduction</a> eller <a id="section1" name="intro"> Introduction</a>. |
Anger name- och id-attributen till samma värde när name-attributet anges av en egenskapsinspektor, i koden som Dreamweaver genererar och när XHTML rensas upp. |
För attribut med värden av uppräknad typ måste värdena vara med gemener. Ett uppräknat typvärde är ett värde från en angiven lista över tillåtna värden; till exempel har align-attributet följande tillåtna värden: center, justify, left och right. |
Tvingar uppräknade typvärden att vara med gemener i koden som genereras och när XHTML rensas upp. |
Alla skript- och stilelement måste ha ett type-attribut. (type-attributet för script-elementet har varit obligatoriskt sedan HTML 4, när language-attributet blev föråldrat.) |
Ställer in type- och language-attributen i script-element, och type-attributet i style-element, i koden som genereras och vid upprensning av XHTML. |
Alla img- och area-element måste ha ett alt-attribut. |
Ställer in dessa attribut i koden som genereras och rapporterar saknade alt-attribut vid upprensning av XHTML. |
Reguljära uttryck
Reguljära uttryck är mönster som beskriver teckenkombinationer i text. Använd dem i kodsökningar för att beskriva koncept som rader som börjar med "var" och attributvärden som innehåller en siffra.
Följande tabell listar specialtecknen i reguljära uttryck, deras betydelser och användningsexempel. För att söka efter text som innehåller ett av specialtecknen i tabellen, ange escape-tecken för specialtecknet genom att inleda det med ett bakåtstreck. För att till exempel söka efter den faktiska asterisken i frasen vissa villkor gäller*, kan sökmönstret se ut så här: gäller\*. Om du inte anger escape-tecken för asterisken hittar du alla förekomster av "gäller" (såväl som "gälle", "gällerr" och "gällerrr"), inte bara de som följs av en asterisk.
Tecken |
Matchar |
Exempel |
|---|---|---|
^ |
Början av inmatning eller rad. |
^T matchar "T" i "This good earth" men inte i "Uncle Tom's Cabin" |
$ |
Slutet av inmatning eller rad. |
h$ matchar "h" i "teach" men inte i "teacher" |
* |
Föregående tecken 0 eller fler gånger. |
um* matchar "um" i "rum", "umm" i "yummy" och "u" i "huge" |
+ |
Föregående tecken 1 eller fler gånger. |
um+ matchar "um" i "rum" och "umm" i "yummy" men inget i "huge" |
? |
Det föregående tecknet högst en gång (det vill säga anger att det föregående tecknet är valfritt). |
st?on matchar "son" i "Johnson" och "ston" i "Johnston" men inget i "Appleton" eller "tension" |
. |
Ett enda tecken förutom nyradstecken. |
.an matchar "ran" och "can" i frasen "bran muffins can be tasty" |
x|y |
Antingen x eller y. |
FF0000|0000FF matchar "FF0000" i bgcolor="#FF0000" och "0000FF" i font color="#0000FF" |
{n} |
Exakt n förekomster av föregående tecken. |
o{2} matchar "oo" i "loom" och de första två o:na i "mooooo" men inget i "money" |
{n,m} |
Minst n och högst m förekomster av det föregående tecknet. |
F{2,4} matchar "FF" i "#FF0000" och de första fyra F:en i #FFFFFF |
[abc] |
Valfritt tecken bland de som anges inom hakparenteserna. Ange ett teckenområde med bindestreck (till exempel är [a-f] samma sak som [abcdef]). |
[e-g] matchar "e" i "bed", "f" i "folly" och "g" i "guard" |
[^abc] |
Ett tecken som inte står inom parentes. Ange ett teckenområde med bindestreck (till exempel är [^a-f] samma sak som [^abcdef]). |
[^aeiou] matchar först "r" i "orange", "b" i "book" och "k" i "eek!" |
\b |
En ordgräns (t.ex. ett mellanslag eller en radretur). |
\bb matchar "b" i "book" men inget i "goober" eller "snob" |
\B |
Allt utom en ordgräns. |
\Bb matchar "b" i "goober" men inget i "book" |
\d |
En siffra. Motsvarar [0-9]. |
\d matchar "3" i "C3PO" och "2" i "apartment 2G" |
\D |
Ett tecken som inte är en siffra. Motsvarar [^0-9]. |
\D matchar "S" i "900S" och "Q" i "Q45" |
\f |
Formulärinmatning. |
|
\n |
Radinmatning. |
|
\r |
Radretur. |
|
\s |
Valfritt enskilt blankstegstecken, inklusive mellanslag, tabb, sidmatning eller radmatning. |
\sbook matchar "book" i "blue book" men inget i "notebook" |
\S |
Ett enda tecken utan tomrum. |
\Sbook matchar "book" i "notebook" men inget i "blue book" |
\t |
En tabb. |
|
\w |
Ett alfanumeriskt tecken, inklusive understreck. Motsvarar [A-Za-z0-9_]. |
b\w* matchar "barking" i "the barking dog" och både "big" och "black" i "the big black dog" |
\W |
Ett icke-alfanumeriskt tecken. Motsvarar [^A-Za-z0-9_]. |
\W matchar "&" i "Jake&Mattie" och "%" i "100%" |
Ctrl+Retur eller Skift+Retur (Windows), eller Ctrl+Retur eller Skift+Retur eller Cmd+Retur (Macintosh) |
Returtecken. Se till att du avmarkerar alternativet Ignorera blankstegsskillnader när du söker efter detta, om du inte använder reguljära uttryck. Observera att detta matchar ett specifikt tecken, inte den allmänna uppfattningen av en radbrytning. Det matchar till exempel inte en <br>-tagg eller en <p>-tagg. Returtecken visas som mellanslag i designvyn, inte som radbrytningar. |
Använd parenteser för att avgränsa grupperingar inom det reguljära uttrycket som ska refereras senare. Använd sedan $1, $2, $3 och så vidare i fältet Ersätt med för att referera till första, andra, tredje och senare parentesgrupperingar.
I rutan Sök efter, för att referera till en parentesgruppering tidigare i det reguljära uttrycket, använd \1, \2, \3 och så vidare istället för $1, $2, $3.
Till exempel, att söka efter (\d+)\/(\d+)\/(\d+) och ersätta det med $2/$1/$3 byter plats på dag och månad i ett datum separerat med snedstreck och konverterar därmed mellan amerikanska datum och europeiska datum.
Kod för serverbeteende
När du utvecklar en dynamisk sida och väljer ett serverbeteende från panelen Server Behaviors, infogar Dreamweaver ett eller flera kodblock i din sida för att få serverbeteendet att fungera.
Om du manuellt ändrar koden i ett kodblock kan du inte längre använda paneler som Bindings- och Server Behaviors-panelerna för att redigera serverbeteendet. Dreamweaver letar efter specifika mönster i sidkoden för att upptäcka serverbeteenden och visa dem i panelen Server Behaviors.Om du ändrar ett kodblocks kod på något sätt kan Dreamweaver inte längre upptäcka serverbeteendet och visa det i panelen Server Behaviors. Serverbeteendet finns dock fortfarande på sidan och du kan redigera det i kodmiljön i Dreamweaver.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
