Video: Kurs i Photoshop CS6: Slik lager du et svart-hvitt bilde | Utdannet.no 2025
Av Sue Jenkins, Richard Wagner
Dreamweaver CS5 kan i stor grad forbedre produktiviteten og endre måten du bygger nettsteder på. Å kjenne alle viktige Dreamweaver CS5-hurtigtaster og vanlige HTML-kodingsregler kan øke effektiviteten som designer enda mer. Finn veien rundt Dreamweaver-arbeidsområdet med enkle å huske tastatursnarveier og vanlige kodetips, slik at du kan jobbe raskere og smartere, og bygge dine nettsider lettere.
Spar tid med Dreamweaver CS5 Tastaturgenveier
Bruke Dreamweaver CS5 er så mye raskere når du kjenner snarveiene. Bruk disse hurtigtastene i Design, Split og Kodevisning for å raskt lage dokumenter, utføre redigeringsoppgaver, skjule og vise arbeidsområdets funksjoner, bruke enkel formatering, redigere kode, foreta valg, få tilgang til Dreamweaver-hjelp, forhåndsvise sider i Live View og i en nettleser, og mer.
TastaturkommandoerPC-snarvei | Mac-snarvei | Opprett et nytt dokument |
---|---|---|
Kontroll + N | Kommando + N | Åpne et eksisterende dokument |
Kontroll + O | Kommando + O | Lagre et åpent dokument |
Kontroll + S | Kommando + S | Lukk et åpent dokument |
Kontroll + W | Kommando + W | Lukk alle åpne dokumenter |
Kontroll + Skift + W | Kommando + Skift + W | Avslutt / Avslutt Dreamweaver |
Kontroll + Q eller Alt + F4 | Kommando + Q eller Opt + F4 | Angre |
Kontroll + Z eller Alt + Backspace | Alternativ + Slett | Gjenta |
Kontroll + Y eller | Kontroll + Skift + Z
Kommando + Y eller Kommando + Skift + Z > Klipp |
Kontroll + X eller |
Skift + Slett | Kommando + X eller
Skift + Slett |
Kopier
Kontroll + C |
Kommando + C | Lim inn > Kontroll + V | Kommando + V |
Lim inn spesiell | Kontroll + Skift + V | Kommando + Skift + V |
Velg alle | Kontroll + A | Kommando + A > Finn og erstatt |
Kontroll + F | Kommando + F | Åpne innstillingspanelet |
Kontroll + U | Kommando + U | Vis / skjul linjaler |
Kontroll + Alt + R | Kommando + Alternativ + R | Vis / skjul g uides |
Kontroll +; | Kommando +; | Vis / skjul visuelle hjelpemidler |
Kontroll + Skift + I | Kommando + Skift + I | Vis / skjul grid |
Kontroll + Alt + G | Kommando + Alternativ + G | Rediger sideegenskaper |
Kontroll + J | Kommando + J | Oppdatere designvisning |
F5 | F5 | Gjør valgt tekst fet |
Kontroll + B | Kommando + B > Gjør valgt tekst kursiv | Kontroll + I |
Kommando + I | Bruk avsnittformatering til valgt tekst | Kontroll + Skift + P |
Kommando + Skift + P | Bruk overskriftsformatering (H1 -H6) til valgt tekst | Kontroll + 1 til 6 |
Kommando + 1 til 6 | Legg til nytt avsnitt | Retur |
Retur | Legg til en linjeskift | Skift + Retur < Skift + Retur |
Sett inn et ikke-gjennomsiktig mellomrom | Kommando + Skift + Mellomslag | Kommando + Skift + Mellomslag |
Flytt objekt eller tekst |
Dra valg til ny plassering | Dra valg til ny plassering |
Kopier objekt eller tekst | Kontroller dra valg til ny plassering | Valg-dra valg til ny plassering |
Velg et ord | Dobbeltklikk | Dobbeltklikk |
Velg en rad eller tekstblokk | Triple -klikk | Tredobbelt klikk |
Sett inn bilde | Kontroll + Alt + I | Kommando + Alternativ + I |
Sett inn tabell | Kontroll + Alt + T | Kommando + Alternativ + T |
Kjør stavekontroll | Skift + F7 | Skift + F7 |
Åpne hjelpefeltet | F1 | F1 |
Zoom inn | Kontroll + = | Kommando + = < Zoom ut |
Kontroll + - | Kommando + - | Forhåndsvisning i primær nettleser |
F12 | Alternativ + F12 | Forhåndsvisning i sekundær nettleser |
Shift + F12 eller Control + F12 > Kommando + F12 | Live View | Alt + F11 |
Alternativ + F11 | Frys JavaScript | F11 |
F11 | Inspiser | Alt + Skift + F11 |
Alternativ + Skift + F11 | Kode Navigator | Kontroll + Alt + N |
Kommando + Alternativ + N | Få | Kontroll + Skift + D |
Kommando + Skift + D | Sett < Kontroll + Skift + U | Kommando + Skift + U |
Kontroller | Kontroll + Alt + Skift + U | Kommando + Alternativ + Skift + U |
Sjekk ut | Kontroll + Alt + Skift + D | Kommando + Alternativ + Skift + D |
HTML, CSS og JavaScript-kodehenvisninger | Som webdesigner bruker du noen biter av HTML, CSS og JavaScript-kode ofte, men ikke ofte nok til å forplikte seg til minne. Følgende HTML-kode, CSS-stil og JavaScript-tips er nyttige når du legger til spesielle elementer som nullkoblinger, metakoder og enheter på sidene dine. Bruk disse HTML-, CSS- og JavaScript-kodetipsene i Kodevisning, Egenskapsinspektøren og CSS-stilarkene dine. | |
HTML-kodehint | Kodeveiledning | Opprett nullliste |
# eller javascript:; eller javascript: void (0) som i | href = "#"> lenke | link |
Opprett navngitt ankerlink
Link til mål
link | Mål > Lag kobling til navngitt anker på en annen side |
---|---|
lenke | Sett inn linjeskift
Lukk vinduet JavaScript Lukk dette Vindu |
Endre etter metadag for x dager | Ingen cachemetakode
Meta-lenke til startside Meta-lenke til nettstedsside |
Meta-link til snarveisikon | Meta-lenke til snarveisikon ved hjelp av GIF i stedet for ICO |
href = "favicon. gif" /> | |
Link til ekstern JS-fil | type =" text / javascript ">
Link til ekstern CSS |
media =" screen" /> | |
Import @ @import "css / all. css”; | |
CSS-kobling for IE-nettlesere mindre enn IE 7 | |
type = "text / css" href = "dvs. css” | |
media =” all”/> | |
Sett inn et bilde med ALT-attributt | Tøm ALT-attributt for bilde |
Enhet for å legge til tomt område | |
Enhet for å legge til opphavsrett | © eller © |
Enhet Legg til varemerke |
™ eller |
Enhet for å legge til ampersand |
og eller
Legg til NoScript-koder |
… |
|
Linkmål |
|
_blank | _new |
_self | _parent |
_top | Bruk CSS tilpasset stil med SPAN-tagger |
… | Kommentarkoder i HTML og JavaScript |
Kommentarkoder i CSS | |
/ * Din kommentar her * / | Struktur av en CSS-tag omdefinere stil
tag { attributt: verdi; } Struktur av en CSS ID-stil |
#ID { | attributt: verdi; |
} | Struktur av en CSS tilpasset stil |
. stilnavn { | attributt: verdi; |
} | CSS for lenkeformater
a: link { attributt: verdi; |
} | a: besøkt {
attributt: verdi; } |
a: svever { | attributt: verdi;
} a: aktiv { |
attributt: verdi;; | }
![]() |