Video: How to make a basic website in Dreamweaver 2025
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
Office 365 Grupper - DummiesDu kan använda Office 365 Grupper, eller helt enkelt grupper, för att snabbt bandet tillsammans med medarbetare till samarbeta utan administrationsansvar som följer med en SharePoint-webbplats. Grupper är inte en del av SharePoint Online. Det är faktiskt en funktion i Exchange Online, men den använder SharePoint Online-funktioner, till exempel OneDrive for Business för att lagra gruppfiler ... 
Office 365 Mobil Dokument i molnet - DummiesVarje Office 365-abonnent med en kvalificerad plan kan installera Office mobilappar på upp till fem tabletter och fem smartphones. Kvalificeringsplanerna är: Office for Business Premium, Office 365 Business, Office 365 Pro Plus, Office 365 E3 och Office 365 E5. Kärnan Office-appar finns i Windows, iOS och Android ... 
Office Graph och Delve - dummiesOffice Graph i Office 365 ger en möjlighet för människor att dra nytta av relationer och aktiviteter och göra dem till meningsfulla insikter. De signaler du skickar från e-postkonversationer och möten i Outlook, snabbmeddelanden i Skype for Business, sociala interaktioner på Yammer och dokument i SharePoint Online och OneDrive samlas alla och ... Redaktörens val
Elektronik Komponenter: Sätt in induktorer till arbete - dummiesOm du har undrat vad induktorer används egentligen i elektroniska kretsar i verkligheten, här är några av de vanligaste användningarna för induktorer: Utjämning av spänning i en strömförsörjning: Det sista steget i en typisk strömförsörjningskrets som omvandlar 120 VAC hushållsström till en användbar direkt Nuvarande är ofta en ...
Elektronik Komponenter: Introduktion av mikrokontroller - dummiesEn mikrokontroller är en komplett dator på en enda elektronisk chip. De kan köpas för $ 50 eller mindre. Liksom alla datorsystem består mikrodatorer av flera grundläggande delsystem: Central Processor (CPU): En CPU utför de instruktioner som tillhandahålls av ett program. CPU kan göra alla nödvändiga åtgärder för ... 
Elektronik Komponenter: Motstånd Power Ratings - dummiesMotstånd är som bromsar för ström som strömmar genom en elektronisk krets. Liksom bromsarna i din bil arbetar motstånd genom att använda den elektriska ekvivalenten av friktion till strömningsströmmen. Denna friktion hämmar strömmen av ström genom att absorbera en del av strömens energi och sprida den i form av värme. När du använder en ... Redaktörens val
Hur man konfigurerar SSH för din webbplats - dummiesSecure shell (SSH) är ett nätverksprotokoll för att tillåta säker datakommunikation. I själva verket är det som en webbhotell bakdörr i ditt system - en som borde förbli låst om du inte behöver använda den. Naturligtvis är exakt hur du konfigurerar SSH olika på alla typer av webbhotell, men som ... 
Hur man skapar en ny webbhotell - dummiesDu måste skapa din databas inom din webbhotellskontrollpanel och skapa en speciell databasanvändare som har behörighet att komma åt den. När du installerar en webbapplikation eller ett skript som kräver en databas från kontrollpanelen, kommer installationsprogrammet sannolikt att kunna skapa en egen databas och användare. ... 
Hur man skapar nya konton på webbhotell med FTP-dummiesDu kanske vill att skapa ytterligare konton på en webbhanterad ftp av olika orsaker. Detta möjliggör viss mångsidighet och kontroll för att förbättra din företagsfunktionalitet. Några skäl till att lägga till ett konto är följande: Du vill ge någon annan FTP-åtkomst till din webbplats. Du vill ge någon FTP-åtkomst ... |
