Dreamweaver CS6 til Dummies Cheat Sheet - dummies

Af Janine Warner

Hvis du er ny til webdesign eller har lavet HTML-sider i årevis, er Adobe Dreamweaver CS6 det ideelle værktøj til opbygning af din hjemmeside. I version CS6 finder du en ny velkomstskærm og support til det nyeste i Cascading Style Sheets (CSS3) og HTML5. Dreamweaver er et populært program blandt professionelle webdesignere, såvel som folk, der ønsker at opbygge websteder til deres hobbyer, klubber, familier og små virksomheder.

Adobe Dreamweaver CS6 velkomstskærm

Dreamweaver er nem at bruge grafisk brugergrænseflade og en kraftfuld liste over funktioner, der gør det til et populært valg blandt professionelle webdesignere såvel som hobbyfolk. Med hver ny version tilbyder Dreamweaver CS6 nye funktioner, men du finder stadig den velkendte velkomstskærm, så du kan komme i gang.

Dreamweaver CS6: Tilføjelse af tekstskygger med CSS3

I Dreamweaver CS6 kan du forbedre dine designs og give dine sider større dybde ved at tilføje tekstskygger med CSS3-regler, det nyeste inden for webteknologi. Tilføjelse af tekstskygger gør dine ord lettere at læse, især hvis dit design har en kompleks baggrund, eller hvis dine baggrunds- og tekstfarver mangler kontrast.

kredit: Paul Gual, istockphoto. com

Dreamweaver CS6 indeholder support til CSS3-tekstskygger, når du bruger panelet Egenskaber i panelet CSS-stilarter. Du kan oprette klasse- eller ID-stilarter med tekstskygger, og du kan tilføje tekstskygger til eksisterende HTML-elementer ved at definere en tagstil, som f.eks. Overskriften 1-stil, der bruges i billedet.

CSS3-koden, der opretter denne tekstskygge, er

h1 {tekstskygge: 2px 2px 3px # 000;}

Tallene i koden angiver, at tekstskyggen skal strække 2 pixels til højre og 2 pixels under teksten med en 3-pixel sløring. Desuden oprettes skyggen med farven sort, angivet med den forkortede hexadecimale farvekode # 000.

Når du opretter regler for tekstskygger, kan du angive op til fire værdier:

• Horisontal og lodret: De to første talværdier er påkrævet, og angiv de vandrette og lodrette forskydninger - den afstand, som dropshadowen strækker sig under tekst (vandret) og til højre for teksten (lodret).

• Blurradius: Den tredje værdi angiver mængden af ​​uskarphed i skyggen. Hvis du ikke inkluderer blurradius, er standardværdien 0, hvilket gør, at skyggen vises som en solid farve.

• Farve: Den fjerde værdi angiver farven på skyggen og kan defineres ved hjælp af en hexadecimal farvekode eller en RGBa-farvekode.

Du kan tilføje en tekstskygge ved hjælp af egenskabsruden nederst på panelet CSS Styles, som vist på billedet.Det gør du ved at følge disse trin:

1. Klik på linket Tilføj ejendom i venstre side af CSS Styles Property-ruden.

2. Indtast CSS3-stilregelnavnet, tekstskyggen eller vælg stilregel fra rullelisten.

   Efter navnet vises i venstre side vises en lille pil til højre.

3. Klik for at vælge pilen til højre for tekstskygge.

   Der vises en boks.

4. Indtast X- og Y-forskydningerne, slør radius og farve.

Websider og ressourcer til webdesignere

Erfarne webdesignere - uanset om de bruger Adobe Dreamweaver eller anden webdesignsoftware - refererer ofte til online ressourcer for at holde op med deres evner og tilføje særlige funktioner til deres websites. Denne liste gør det nemt for dig at finde nogle hjemmesider og online ressourcer, som kan hjælpe dig med dine webdesignprojekter.

• Lyd og video hosting tjenester:

  • YouTube

  • Vimeo

  • SoundCloud

• Blogging og CMS programmer

  • Blogger

  • Joomla

  • MovableType

  • TypePad

  • Tumblr > WordPress

  • Social Media Sharing Services

• Tilføj dette

  • Lockerz Del

  • Trafikrapporteringstjenester:

• Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

  • Populære webbrowsere:

• Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

  • Webbservicetestningstjenester:

• Adobe BrowserLab

  • BrowserShots

  • Kryds Browser Testing

  • Browser Sandbox fra Skje (tidligere Xenocode)

  • Dreamweaver, CSS og webdesign ressourcer:

• Dreamweaver Developer Center

  • Webdesign Training på DigitalFamily. com

  • W3 Konverteringer HTML5 og CSS3 Ressourcer

  • En liste Bortset