Skip to main content

Sådan bruger du Adobe Dreamweaver

Stinkhorn | Phallus rubicundus | Do you have this popping up in your yard? 2018 (Juni 2026)

Stinkhorn | Phallus rubicundus | Do you have this popping up in your yard? 2018 (Juni 2026)
Anonim

Adobe Dreamweaver er et så kraftfuldt værktøj til webdesignere, fordi det har så mange ting, du kan gøre med det. Selvfølgelig kan alle de ting, du kan gøre, gøre det udfordrende at lære. Find ud af nogle af de mange ting, Dreamweaver kan gøre, herunder ændringer i den seneste version, CS5. Og glem ikke at tjekke de ting, der mangler fra Dreamweaver CS5.

Definere et websted

  • Start en ny hjemmeside
  • Opret en hjemmeside
  • Opsæt kun de dele af det websted, du har brug for, når du har brug for dem * Nyt i CS5
  • Konfigurer fjern-, QA- og testservere til mere komplette arbejdsgange * Ny i CS5
  • Opret og udgiv nye mapper
  • Skift doktypen
  • Medtag metadata i dine sider

At sætte dit websted i live

  • Definer et eksternt sted
  • FTP-filer til webserveren
  • Brug et versionsstyringssystem til at kontrollere filer ind og ud
  • Forbind med Subversion for mere avanceret versionskontrol * Ny i CS5
  • Forlad noter til dine holdkammerater

Oprettelse af websider

  • Skriv en side i WYSIWYG-tilstand
  • Skriv en side i HTML
  • Opret en ny side fra en skabelon
  • Opret en ny side fra bunden
  • Opret en skabelon
  • Gem filer til dit webstedskatalog
  • Definer sideegenskaberne

CSS

  • Brug CSS stilark
  • Tilføjelse af inline-stilarter
  • Opret et eksternt stilark
  • Vedhæft et eksternt stilark
  • Opret klasse-, ID-, tag- og sammensatte CSS-selektorer
  • Rediger eksisterende CSS-regler
  • Opret CSS for udskrivbare sider
  • Aktiver og deaktiver stilegenskaber * Ny i CS5
  • Inspicer CSS box model visuelt * Ny i CS5

Tekst

  • Ændre tekst
  • Brug forskellige skrifttyper
  • Indsæt en linjeskift
  • Brug specialtegn
  • Inkluder dagens dato
  • Skriv kommentarer
  • Anvend HTML-tags til tekst
  • Tilføj HTML attributter til tags

Links

  • Link tekst og billeder
  • Tjek webstedets links
  • Skift standard link farver (link, besøgt, svinge, aktiv)
  • Lav værktøjstips om links
  • Opret mailto links
  • Opret websideankre

Billeder

  • Tilføj grafik til en side
  • Rediger billeder
  • Ændre størrelse på billeder
  • Tilføj alt tekst til billeder
  • Tilføj yderligere tilgængelighedsindstillinger til billeder
  • Juster billeder og tekst
  • Opret et rollover-billede
  • Brug billedkort
  • Brug sporingsbilleder
  • Brug billedpladsholdere
  • Indsæt fyrværkeri HTML
  • Indsæt Photoshop-filer

Layout

  • Brug de medfølgende gratis skabeloner * Nye CSS starter layouter i CS5
  • Indsæt divs for layout
  • Rediger divs i CSS stilpanelet
  • Indsæt absolut positionerede elementer
  • Formater absolut positionerede elementer i ejendomsinspektøren
  • Brug linjer, grids og hjælpelinjer

Lister

  • Tilføj punktliste og nummererede lister
  • Tilpas liste kugler og tal

Borde

  • Lav en tabel
  • Tilføj overskriftsrader og kolonner
  • Brug gennemsigtige billeder til at holde tabelceller åbne
  • Opret fast bredde og fleksible bredde kolonner
  • Skift grænsestil i tabeller
  • Embed et bord i et bord
  • Import tabular data

Forms

  • Brug en mailto formular
  • Definer form handlinger
  • Tilføj tekst, radio, afkrydsningsfelt, fil, billede, markeringsfelter og skjulte formularfelter
  • Gør dine formularer tilgængelige med felt- og etiketfelter
  • Opret brugerdefinerede sende knapper
  • Valider formularer med JavaScript (Spry)

Databaser og PHP Scripting

  • Vedhæft dit websted til en database
  • Opsæt et PHP / mySQL-websted
  • Brug Spry-elementer til at oprette forbindelse til databasen
  • Indsæt dataobjekter i dine sider
  • Test og opdatere en Spry-datakilde eller -visning
  • Rediger komplekse dynamiske steder i designvisning
  • Opdag alle dynamisk relaterede filer til at samle PHP CMS-websteder (WordPress, Joomla og Drupal) * Ny i CS5
  • Brugerdefineret klasse hinting til PHP-kode, herunder tredjeparts rammer som Zend framework * Ny i CS5

Rammer

  • Byg en indrammet hjemmeside
  • Rediger noframes indhold
  • Formater og stil dine rammer
  • Opsæt standard link mål mellem rammer

Tilføj interaktivitet

  • Byg et fotoalbum (ikke længere i CS5)
  • Tilføj lyd til websider
  • Opret en rullemenu
  • Brug Dreamweaver-adfærd til at åbne pop op-vinduer, oprette hoppemenuer, afspil lyd, bytte billeder og meget mere
  • Tilføj RSS-feeds til et websted
  • Indsæt Flash-tekst som en overførsel
  • Indsæt CSS-tekst som en rollover
  • Indsæt andre plugins
  • Tilføj Spry menulinje, faneblade, accordeon, værktøjstip og sammenfoldeligt panel
  • Brug Widget Browser til at finde nye widgets til dit websted uden at kende JavaScript

Test dine sider

  • Test dine sider i Live View for at se ændringerne på grund af JavaScript og interaktivitet * Nyt i CS5
  • Validér din HTML
  • Se dine sider i flere browsere
  • Brug BrowserLab til at forhåndsvise dine sider i andre operativsystemer * Ny i CS5
  • Brug Device Central til at kontrollere, hvordan siderne ser på mobilenheder
  • Kontroller browserens kompatibilitet
  • Skift indstillingerne for at matche, hvad dit websted skal arbejde med
  • Tjek internt websted links
  • Test dit websteds tilgængelighed (ikke længere i CS5)
  • Konverter et Word-dokument til HTML

Tilpas Dreamweaver

  • Tilføj udvidelser
  • Deaktiver udvidelser
  • Tilpas Dreamweaver med genveje

Forøg din effektivitet

  • Brug indbyggede tastaturgenveje
  • Brug kodeuddrag
  • Opret og brug skabeloner
  • Generer nye sider fra brugerdefinerede skabeloner
  • Opdater skabeloner
  • Inkluder en fil i en anden med Dreamweaver-biblioteket
  • Opdater biblioteksartikler
  • Inkluder en fil i en anden ved hjælp af SSI
  • Brug søgning og erstat