Video: How to make a basic website in Dreamweaver 2024
Genom Sue Jenkins, Richard Wagner
Dreamweaver CS5 kan kraftigt förbättra produktiviteten och förändra hur du bygger webbplatser. Att känna till alla viktiga Dreamweaver CS5-tangentbordsgenvägar och vanliga HTML-kodningsregler kan öka effektiviteten som designer ännu mer. Hitta din väg runt Dreamweaver-arbetsytan med lättanvända tangentbordsgenvägar och vanliga kodningstips så att du kan arbeta snabbare och smartare och bygga dina webbplatser med större lätthet.
Spara tid med Dreamweaver CS5 Tangentbordsgenvägar
Använda Dreamweaver CS5 är så mycket snabbare när du känner till genvägarna. Använd dessa kortkommandon i Design, Split och Kodvyer för att snabbt skapa dokument, utföra redigeringsuppgifter, dölja och visa arbetsytans funktioner, tillämpa enkel formatering, redigera kod, göra markeringar, få tillgång till Dreamweaver-hjälp, förhandsgranska sidor i Live View och i en webbläsare, och mer.
Tangentbordskommandon| PC-genväg | Mac-genväg | Skapa ett nytt dokument |
|---|---|---|
| Kontroll + N | Kommando + N | Öppna ett befintligt dokument |
| Styr + O | Kommando + O | Spara ett öppet dokument |
| Kontroll + S | Kommando + S | Stäng ett öppet dokument |
| Kontroll + W | Kommando + W | Stäng alla öppna dokument |
| Kontroll + Skift + W | Kommando + Skift + W | Avsluta / Avsluta Dreamweaver |
| Kontroll + Q eller Alt + F4 | Kommando + Q eller Opt + F4 | Ångra |
| Kontroll + Z eller Alt + Backspace | Alternativ + Radera | Återställ |
| Kontroll + Y eller | Kontroll + Skift + Z
Kommando + Y eller Kommando + Skift + Z > Klipp |
Kontroll + X eller |
| Skift + Radera | Kommando + X eller
Skift + Radera |
Kopiera
Kontroll + C |
| Kommando + C | Klistra in > Kontroll + V | Kommando + V |
| Klistra in speciell | Kontroll + Skift + V | Kommando + Skift + V |
| Välj alla | Kontroll + A | Kommando + A > Hitta och ersätt |
| Kontroll + F | Kommando + F | Öppna inställningspanelen |
| Kontroll + U | Kommando + U | Visa / dölj linjaler |
| Kontroll + Alt + R | Kommando + Alternativ + R | Visa / dölj g uides |
| Kontroll +; | Kommando +; | Visa / dölj visuella hjälpmedel |
| Kontroll + Skift + I | Kommando + Skift + I | Visa / dölj galler |
| Kontroll + Alt + G | Kommando + Alternativ + G | Redigera sidegenskaper |
| Kontroll + J | Kommando + J | Uppdatera designvy |
| F5 | F5 | Gör vald text fet |
| Kontroll + B | Kommando + B > Gör vald text kursiv | Kontroll + I |
| Kommando + I | Använd styckeformatering till vald text | Kontroll + Skift + P |
| Kommando + Skift + P | Använd rubrikformatering (H1 -H6) till vald text | Kontroll + 1 till 6 |
| Kommando + 1 till 6 | Lägg till nytt stycke | Retur |
| Retur | Lägg till en radbrytning | Skift + Retur < Flytta objekt eller text |
| Flytta markering till ny plats | Kommandot + Skift + Mellanslag | Kommandot + Skift + Mellanslag> Dra val till ny plats |
| Kopiera objekt eller text |
Val av kontrolldrag till ny plats | Alternativ-dra val till ny plats |
| Välj ett ord | Dubbelklicka på | Dubbelklicka på |
| Välj en rad eller textblock | Triple -klick | Trippelklicka |
| Infoga bild | Kontroll + Alt + I | Kommando + Alternativ + I |
| Infoga tabell | Kontroll + Alt + T | Kommando + Alternativ + T |
| Kör stavningskontroll | Skift + F7 | Skift + F7 |
| Öppna hjälpfönstret | F1 | F1 |
| Zooma in | Kontroll + = | Kommando + = < Zooma ut |
| Kontroll + - | Kommando + - | Förhandsgranskning i primärbläddrare |
| F12 | Alternativ + F12 | Förhandsgranskning i sekundär webbläsare |
| Shift + F12 eller Control + F12 > Kommando + F12 | Live View | Alt + F11 |
| Alternativ + F11 | Frysa JavaScript | F11 |
| F11 | Inspektera | Alt + Skift + F11 |
| Alternativ + Skift + F11 | Kod Navigator | Kontroll + Alt + N |
| Kommando + Alternativ + N | Hämta | Kontroll + Skift + D |
| Kommando + Skift + D | Sätt < Kontroll + Skift + U | Kommando + Skift + U |
| Kontrollera | Kontroll + Alt + Skift + U | Kommando + Alternativ + Skift + U |
| Kolla in | Kontroll + Alt + Skift + D | Kommando + Alternativ + Skift + D |
| HTML, CSS och JavaScript-kodtips | Som webbdesigner använder du vissa bitar av HTML, CSS och JavaScript-kod ofta men inte tillräckligt för att begå till minne. Följande HTML-kod, CSS-stil och JavaScript-tips är praktiska när du lägger till specialelement som nulllänkar, metataggar och enheter till dina sidor. Använd dessa HTML, CSS och JavaScript-kodtips i kodvy, egenskapsinspektören och dina CSS-stilark. | |
| HTML-kodtips | Kodsgenväg | Skapa en nulllänk |
| # eller javascript:; eller javascript: void (0) som i | href = "#"> länk | länk |
| länk | Skapa namngiven ankarlänk | Länk till mål |
Mål > Skapa länk till namnet ankare på en annan sida
länk
| Lägg in radbrytning | Stäng fönstret JavaScript |
|---|---|
| Stäng det här | Fönstret Revidera efter x-dagars metakod Ingen cachemätare Meta länk till startsida |
| Meta länk till sidkarta sida | Meta länk till genvägsymbol
Meta länk till genvägsikon med hjälp av GIF istället för ICO href = "favicon. gif" /> |
| Länk till extern JS-fil | typ =" text / javascript "> |
| Länk till extern CSS | |
| media =" screen" /> | Importera @ länk till extern CSS < @import "css / all. css”;
CSS-länk för IE-webbläsare mindre än IE 7 |
| typ = "text / css" href = "dvs. css” | |
| media =” all”/> | |
| Lägg in en bild med ALT-attribut | |
| Tomt ALT-attribut för bild | |
| Enhet för att lägga till tomt utrymme | |
| eller | Enhet för att lägga till upphovsrätt |
| © eller © | |
| ™ eller ?? | Enhet för att lägga till ampersand |
| & eller & |
Lägg till NoScript-taggar |
| … |
Länkmål
_blank |
| _new |
|
| _self |
|
| _parent | _top |
| Använd CSS anpassad stil med SPAN-taggar | … |
| Kommentera taggar i HTML och JavaScript | |
| Kommentar tags i CSS | / * Din kommentar här * / |
| Strukturen av en CSS-tag definiera stil | tag { |
| attribut: värde; | }
Strukturen i en CSS ID-stil #ID { attribut: värde; } |
| Strukturen i en CSS anpassad stil | . stilnamn { |
| attribut: värde; | } |
| CSS för länkstiler | a: länk { |
| attribut: värde; | }
a: besökta { attribut: värde; |
| } | a: sväva {
attribut: värde; } |
| a: aktivt { | attribut: värde;;
}
Redaktörens val
Förstå Personlig sökningens inverkan på ranking och SEO - dummiesHar du någonsin märkt att din sökning Resultaten skiljer sig vanligtvis från en annan persons sökresultat - även om du båda skriver samma fråga i samma sökmotor? Innan du tror innebär det att sökmotoroptimering är helt meningslöst och kasta händerna i exasperation, läs vidare. Här är det som verkligen händer. ... 
Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummiesKey Performance Indicators (KPI) hjälper en organisation att uppnå sina mål genom att definiera dessa mål och mäta organisationens framsteg mot dem. Enkelt uttryckt är KPI-mål som du kan använda för att mäta din webbplatss framgång. KPIs är viktiga för att du behöver veta vad dina mål är för att korrekt kunna göra Web Analytics. 
Med hjälp av e-post för att förbättra sökmotoroptimering - dummiesSe till att din webb webbplatsen är synlig för sökmotorer blir allt viktigare eftersom e-handel konkurrerar om onlineinkomster. Du kan förlänga din e-postmarknadsstrategi utöver standardinmatningen för att ge dina e-postmarknadsmeddelanden större chanser att få märkt. Ta med följande taktik i din plan: Se till att varje landningssida ... Redaktörens val
Läs och justera exponeringsmätaren på en Nikon D5100 - dummiesFör att du ska kunna avgöra om din exponeringsinställningarna ligger i M (manuell) exponeringsläge, visar Nikon D5100 en exponeringsmätare i sökaren och bildinformation. Mätaren är lite linjär grafisk. För att aktivera den, tryck bara på avtryckaren halvvägs och släpp sedan den. Minusskyltänden på ... 
ÄNdra storlek på ett parti foton med en Nikon D3100 - dummiesDin Nikon D3100 kan ta bilder på en mycket större storlek än vad du behöver för att dela dem online - bilder på webben behöver inte vara högupplösta för att kunna ses tydligt. När det gäller e-post, om din mottagare bara vill se (eller posta) bilderna och inte planerar att skriva ut dem, kan de vara ... Redaktörens val
Sälja banner- och textannonsering på din mamma Blogg - dummiesSäljer banner- och textannonser kan vara De vanligaste sätten att sälja reklam på din blogg, men de är inte det enda sättet. Banderoller och textlänkar är bara en del av vad du kan erbjuda till sponsorer. Ju mindre du är som bloggare, desto mer kreativ kan du få med att skapa anpassade kampanjer ... 
Sälja produkter och tjänster på din mamma blogg - dummiesBloggar är ett extremt effektivt sätt att marknadsföra din egna produkter eller tjänster att sälja. Bloggar hjälper dig att bygga förtroende med kunder, hitta i sökmotorerna och ge dina potentiella kunder gott om skäl att köpa från dig. Även om det finns likheter med att sälja både produkter och tjänster, kan de faktiskt vara ... 
Skapa databasen för din WordPress-blogg - dummiesNär du har hämtat WordPress. org-filer och laddade dem till din dator, har du fortfarande några steg att gå. Detta steg är förmodligen det mest tekniska. Ta ett djupt andetag och förbered dig för att skapa en databas för din WordPress-blogg. Du kan göra det! Förmodligen är upprättandet av en databas inte faktiskt fruktansvärt svårt. ... |
