Adobe Dreamweaver er et så kraftig verktøy for webdesignere, fordi det har så mange ting du kan gjøre med det. Selvfølgelig kan alle de tingene du gjør, gjøre det utfordrende å lære. Finn ut noen av de mange tingene Dreamweaver kan gjøre, inkludert endringer i den nyeste versjonen, CS5. Og ikke glem å sjekke ut de tingene som mangler fra Dreamweaver CS5.
Definere et nettsted
- Start et nytt nettsted
- Lag et nettsted
- Sett opp bare de delene av nettstedet du trenger, når du trenger dem * Nytt i CS5
- Konfigurer fjern-, QA- og testservere for mer komplette arbeidsflyter * Nytt i CS5
- Lag og publiser nye kataloger
- Endre doktypen
- Inkluder metadata i sidene dine
Setter din side live
- Definer et eksternt nettsted
- FTP-filer til webserveren
- Bruk et versjonskontrollsystem for å sjekke filer inn og ut
- Koble til Subversion for mer avansert versjonskontroll * Ny i CS5
- Legg igjen notater for dine lagkamerater
Opprette nettsider
- Skriv en side i WYSIWYG-modus
- Skriv en side i HTML
- Opprett en ny side fra en mal
- Lag en ny side fra bunnen av
- Lag en mal
- Lagre filer til webområdet ditt
- Definer sideegenskapene
CSS
- Bruk CSS stilark
- Legge til inline stiler
- Lag et eksternt stilark
- Fest et eksternt stilark
- Opprett klasse-, ID-, tag- og sammensatte CSS-valgere
- Rediger eksisterende CSS-regler
- Opprett CSS for utskrivbare sider
- Aktiver og deaktiver stilegenskaper * Ny i CS5
- Inspiser CSS boks modell visuelt * Ny i CS5
Tekst
- Endre tekst
- Bruk forskjellige skrifter
- Sett inn en linjeskift
- Bruk spesialtegn
- Inkluder dagens dato
- Skriv kommentarer
- Bruk HTML-koder til tekst
- Legg til HTML-attributter til koder
lenker
- Link tekst og bilder
- Sjekk nettstedskoblinger
- Endre standard linkfarger (link, besøkt, svever, aktiv)
- Lag verktøytips på koblinger
- Opprett mailto linker
- Opprett nettsideankre
Bilder
- Legg til grafikk på en side
- Rediger bilder
- Endre størrelsen på bildene
- Legg alt tekst til bilder
- Legg til flere tilgjengelighetsalternativer for bilder
- Juster bilder og tekst
- Opprett et overgangsbilde
- Bruk bildekart
- Bruk sporing av bilder
- Bruk bildeplassholdere
- Sett inn Fireworks HTML
- Sett inn Photoshop-filer
Oppsett
- Bruk de medfølgende gratis malene * Nye CSS starteroppsett i CS5
- Sett inn divs for layout
- Rediger divs i CSS-stilpanelet
- Sett inn helt posisjonerte elementer
- Formater absolutt posisjonerte elementer i eiendomsinspektøren
- Bruk linjer, grids og guider
lister
- Legg til punktliste og nummererte lister
- Tilpass listekuler og tall
tabeller
- Lag et bord
- Legg til headerrader og kolonner
- Bruk gjennomsiktige bilder for å holde tabellceller åpne
- Lag fast bredde og fleksible bredde kolonner
- Endre kantlinjene på tabellene
- Legg inn et bord i et bord
- Importer tabelldata
skjemaer
- Bruk en mailto form
- Definer skjemahandlinger
- Legg til tekst, radio, avkrysningsboks, fil, bilde, velg bokser og skjulte skjemafelter
- Lag skjemaene dine med felt- og etikettfelt
- Opprett egendefinerte sende knapper
- Bekreft skjemaer med JavaScript (Spry)
Databaser og PHP Scripting
- Fest ditt nettsted til en database
- Sett opp et PHP / mySQL-nettsted
- Bruk Spry-elementer for å koble til databasen
- Sett inn dataobjekter i sidene dine
- Test og oppdater en Spry datakilde eller skjerm
- Rediger komplekse dynamiske steder i designvisning
- Oppdag alle dynamisk relaterte filer for å sette sammen PHP CMS-nettsteder (WordPress, Joomla og Drupal) * Ny i CS5
- Egendefinert klasse hinting for PHP-kode, inkludert tredjeparts rammer som Zend rammeverket * Nytt i CS5
rammer
- Bygg en innrammet nettside
- Rediger noframes innhold
- Formater og stil rammene dine
- Sett opp standard lenkemål mellom rammer
Legg til interaktivitet
- Bygg et fotoalbum (ikke lenger i CS5)
- Legg til lyd på nettsider
- Opprett en rullegardinmeny
- Bruk Dreamweaver-atferd for å åpne popup-vinduer, opprett hoppemenyer, spill lyd, bytte bilder og mer
- Legg til RSS-feeder på et nettsted
- Sett inn Flash-tekst som en overgang
- Sett inn CSS-tekst som en overgang
- Sett inn andre plugins
- Legg til Spry menylinje, tabbed paneler, trekkspill, verktøytips og sammenleggbart panel
- Bruk Widget Browser til å finne nye widgets for nettstedet ditt uten å måtte kjenne JavaScript
Test sidene dine
- Test sidene dine i Live View for å se endringene på grunn av JavaScript og interaktivitet * Nytt i CS5
- Bekreft HTML-koden din
- Forhåndsvisning av sidene dine i flere nettlesere
- Bruk BrowserLab til å forhåndsvise sidene dine i andre operativsystemer * Nytt i CS5
- Bruk Device Central til å sjekke hvordan sidene ser på mobile enheter
- Kontroller nettleserens kompatibilitet
- Endre innstillingene for å matche hva nettstedet ditt trenger å jobbe med
- Sjekk interne nettstedslinker
- Test nettstedets tilgjengelighet (ikke lenger i CS5)
- Konverter et Word-dokument til HTML
Tilpass Dreamweaver
- Legg til utvidelser
- Deaktiver utvidelser
- Tilpass Dreamweaver med snarveier
Øk effektiviteten din
- Bruk innebygde hurtigtastene
- Bruk kodestykker
- Opprett og bruk maler
- Generer nye sider fra egendefinerte maler
- Oppdater maler
- Inkluder en fil i en annen med Dreamweaver-biblioteket
- Oppdater biblioteksposter
- Inkluder en fil i en annen ved hjelp av SSI
- Bruk søk og erstatt
