Video: Hvordan kode HTML og CSS - Del 6 Hvordan lage webdesign og style HTML med CSS 1/2 2024
Måske har du gennemført din side i Adobe Dreamweaver CS6, og du vil undersøge, hvordan den ser ud i en browser. Du kan hurtigt forhåndsvise din fil ved blot at klikke på knappen Preview / Debug in Browser på dokumentværktøjslinjen og vælge en browser for at forhåndsvise din side.
Du kan altid tilføje browsere fra panelet Indstillinger ved at vælge Rediger → Indstillinger → Forhåndsvisning i Browser (Windows) eller Dreamweaver → Indstillinger → Visning i Browser (Mac).
Dreamweaver CS6 Live View viser din side, som du ville se den i en browser. Denne funktion er et godt alternativ til kommandoen Preview in Browser, fordi du ikke behøver at afslutte Dreamweaver.
Følg disse trin for at se din side i Live View:
-
Når en side er åben i dokumentvinduet, skal du klikke på knappen Live View på værktøjslinjen Dokument.
-
For at se den resulterende kildekode på din side, klik på knappen Live Code, der vises ved siden af knappen Live View.
Dette trin svarer til at bruge Vis sidekilde eller Vis kilde-indstillinger tilgængelige i de fleste hver browser. I denne tilstand kan du kun se kode, ikke redigere den.
-
For at redigere din sidekode, skift til Split visning eller Kodevisning på Dokumentværktøjslinjen.
Adobe BrowserLab er en unik tjeneste, der er tilgængelig direkte fra Dreamweaver-miljøet. Du kan se og simulere dit website i en række forskellige browsere, browserversioner og operativsystemmiljøer fra et enkelt sted. Du kan endda forhåndsvise forskellige miljøer side om side for at se, hvordan forskellige browsere gør dit websted til et andet.
Før du kan bruge BrowserLab-tjenesten, skal du sikre dig, at du har adgang. For at få adgang, besøg webstedet eller følg login-trinene, der præsenteres, når du først forsøger at bruge tjenesten inden for Dreamweaver.
For at forhåndsvise dit websted i Adobe BrowserLab skal du klikke på knappen Preview / Debug in Browser på dokumentværktøjslinjen og vælge Forhåndsvis i Adobe BrowserLab eller File → Preview In Browser → Adobe BrowserLab eller klikke på knappen Preview i det nye Adobe BrowserLab-panel placeret i arbejdsområdet til højre.