Tryk på Tidsbesparende Dreamweaver-tip

Selv de bedste programmer bliver bedre, når du ved, hvordan du får mest muligt ud af dem. Brug et øjeblik på at tjekke disse tips og spar masser af tid på at udvikle dit websted. De fleste af disse tips gælder for både Macintosh- og Windows-brugere. Når de kun gælder for den ene eller den anden, vil teksten fortælle dig, om tippet gælder for Windows- eller Mac-versionen.

Rydder rodet

Dreamweavers mange paneler (kaldet paletter i tidligere versioner) giver hurtig adgang til de mest populære funktioner, men de kan rode op i designområdet. For at få dem ud af vejen, når du vil stå tilbage og beundre dit arbejde (eller rive en andens fra hinanden), skal du bruge F4-tasten, en genvej, der skjuler alle synlige paneler på én gang. For at få dem tilbage, skal du blot trykke på F4-tasten igen.

For at tænde og slukke paneler individuelt skal du bruge den tastaturgenvej, der er tildelt hvert panel. Vælg Vindue i menuen for at finde en tastaturgenvej ud for hvert panelnavn. Du kan bruge disse genveje til at slå panelerne til og fra individuelt. Du kan også bruge startlinjen i nederste højre hjørne af designvinduet for at få adgang til panelet Site, Assets panel, HTML Styles panel, CSS Styles panel, Behaviours panel og History panel.

Opdeling af visningen: Arbejder i koden

Hvis du kan lide at skifte frem og tilbage mellem HTML-kildekoden og WYSIWYG-designvisningen (det du ser er, hvad du får) i Dreamweaver, vil du sætte pris på den nye mulighed i version 4, der gør det muligt for dig at opdele vinduet, så du kan se HTML-kilden og WYSIWYG-designområdet på samme tid. For at opdele vinduet skal du vælge Vis –> Kode og design.

Du vil måske også sætte pris på de forbedrede funktioner i Dreamweavers indbyggede teksteditor, herunder automatisk indrykning og muligheden for at vælge flere linjer og indrykke dem. Du vil også opdage levende syntaksfarvning, der vises, mens du skriver - du kan endda skelne mellem farverne for HTML og JavaScript. Vælg Rediger –> Indstillinger –> fanebladet Kodefarver for at tildele farver.

Fremlæg dine designs

HTML-tabeller tilbyder stadig den bedste måde at skabe komplekse webdesign på (fordi ældre browsere stadig ikke understøtter lag), og Dreamweaver 4 har gjort det nemmere end nogensinde at oprette tabeller i dets visuelle designområde. I den nye layoutvisning kan du "tegne" tabeller på en side, trække dem på plads og endda gruppere celler i en indlejret tabel - uden nogensinde at bekymre dig om, hvor mange rækker og celler du har oprettet. Du kan endda bruge denne funktion til at oprette tabeller, der ændrer sig med vinduesstørrelsen, en fantastisk teknik til at sikre, at dine designs fungerer på alle skærme.

Vælg Vis –> Tabelvisning –> Layoutvisning for at få adgang til Dreamweavers nye tabeloprettelsesmiljø, og træk og slip derefter for at oprette enhver form for tabel. Du kan finde celle- og tabellayoutindstillinger i objektpanelet.

Konvertering af tekst

Hvis du er vant til at bruge funktionen Sæt ind som tekst i Dreamweaver 3, skal du ikke blive skuffet, når du opdager, at den mangler i Dreamweaver 4. Macromedia strømlinede processen i sin seneste version. Nu vælger du blot Filer -> Sæt ind, og formateret tekst fra et tekstbehandlingsdokument bevarer sin formatering - ja, okay, det bevarer i det mindste linjeafstanden. Sandheden er, at Dreamweaver stadig er ret svag, når det kommer til at konvertere tekst.

Du kan spare dig selv for at skulle omformatere teksten i Dreamweaver, hvis du bruger et tekstbehandlings- eller regnearksprogram, der indeholder en Gem som HTML-funktion (Microsoft Word og mange andre tilbyder denne funktion). I stedet for at kopiere og indsætte teksten i Dreamweaver, skal du bruge tekstbehandlingsprogrammets fil –> Gem som HTML-funktion, omdøbe filen og derefter åbne den nye fil i Dreamweaver. Microsoft Word og Excel bevarer endda tabelformatering, en reel tidsbesparelse, hvis du har at gøre med store tabeller med tekst eller tal.

Finde funktionelle skrifttyper

Designere bliver så begejstrede, når de finder ud af, at de kan bruge enhver skrifttype. I virkeligheden skal dine seere have skrifttypen på deres computere, for at den kan vises. Jo mere almindelig skrifttypen er, desto mere sandsynligt er det, at det vises, som du har tænkt dig. Hvis du vil bruge en mere usædvanlig skrifttype, skal du gå efter det - bare vær sikker på, at du også inkluderer alternativer. Dreamweaver-skrifttypelisten indeholder allerede samlinger af almindelige skrifttyper, og du kan altid oprette din egen skrifttypeliste ved at vælge Tekst –> Skrifttype –> Rediger skrifttypeliste.

Windows er langt det mest almindelige styresystem på nettet. For at sikre de bedste - og hurtigste - resultater for størstedelen af ​​dine brugere, skal du først anføre en Windows-skrifttype.

Diriger dine seere

Oprettelse af flere websteder er den mest fejlsikre løsning til at sikre, at alle dine seere er glade, når du bruger banebrydende sidedesign fyldt med DHTML og CSS. Det betyder, at du opretter to eller flere sæt sider: en, der bruger de nyeste funktioner, og en, der bruger ældre, mere universelt understøttede HTML-tags. Men hvordan sikrer man, at seerne kommer til de rigtige sider? Brug Check Browser-adfærd.

Check Browser-adfærden er skrevet i JavaScript og bestemmer den browsertype, der bruges af hver enkelt seer, der lander på dit websted. Adfærden leder derefter brugerne til det sidedesign, der passer bedst til deres browserversion. For at bruge denne funktion skal du vælge Vindue –> Adfærd for at åbne panelet Adfærd. Klik derefter på plustegnet (+) for at åbne rullelisten med muligheder. Vælg Tjek browser, og en dialogboks åbnes, hvor du kan angive, hvilke browserversioner der skal ledes til hvilke sider på dit websted. Når brugere ankommer til dit websted, bliver de automatisk dirigeret til den side, du vælger, baseret på den browsertype og -version, du angiver.


Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]