Adobe Dreamweaveri kasutamine

Adobe Dreamweaver on veebidisainerite jaoks nii võimas tööriist, kuna sellel on nii palju asju, mida saate sellega teha. Muidugi muudavad kõik need asjad, mida saate teha, õppimise keeruliseks. Uurige mõnda paljudest asjadest, mida Dreamweaver saab teha, sealhulgas muudatusi uusimas versioonis CS5. Ja ärge unustage vaadata asju, mis on Dreamweaver CS5-st puudub.

Saidi määratlemine

• Looge uus veebisait
• Looge veebisait
• Seadistage ainult need saidi osad, mida vajate, kui neid vajate *Uus CS5-s
• Täielikuma töövoo jaoks seadistage kaug-, kvaliteedikontrolli- ja testimisserverid *Uus CS5-s
• Looge ja avaldage uusi katalooge
• Muutke dokumenditüüpi
• Kaasake oma lehtedele metaandmed

Saidi käivitamine

• Määrake kaugsait
• FTP-failid veebiserverisse
• Failide sisse- ja väljalaadimiseks kasutage versioonikontrollisüsteemi
• Täpsemaks versioonikontrolliks looge ühendus Subversioniga *Uus CS5-s
• Jäta oma meeskonnakaaslastele märkmeid

Veebilehtede loomine

• Kirjutage leht WYSIWYG-režiimis
• Kirjutage leht HTML-is
• Loo mallist uus leht
• Looge uus leht nullist
• Loo mall
• Salvestage failid oma saidi kataloogi
• Määrake lehe omadused

CSS

• Kasutage CSS-i stiililehti
• Tekstisiseste stiilide lisamine
• Looge väline stiilileht
• Lisage väline stiilileht
• Looge klassi, ID, sildi ja liit-CSS-i valijaid
• Muutke olemasolevaid CSS-reegleid
• Looge prinditavate lehtede jaoks CSS
• Stiili atribuutide lubamine ja keelamine *Uus CS5-s
• Kontrollige CSS-kasti mudelit visuaalselt *Uus CS5-s

Tekst

• Muuda teksti
• Kasutage erinevaid fonte
• Sisestage reavahetus
• Kasutage erimärke
• Kaasake tänane kuupäev
• Kirjutage kommentaare
• Rakenda HTML-i sildid sõnumit saatma
• Lisage siltidele HTML-i atribuute

Lingid

• Linkige tekst ja pildid
• Kontrollige saidi linke
• Muutke lingi vaikevärve (link, külastatud, hõljutage, aktiivne)
• Looge linkide kohta tööriistanäpunäiteid
• Looge mailto linke
• Looge veebilehe ankruid

Pildid

• Lisage lehele graafika
• Redigeeri pilte
• Muutke piltide suurust
• Lisage piltidele alternatiivne tekst
• Lisage piltidele täiendavaid juurdepääsetavuse valikuid
• Joondage pildid ja tekst
• Looge ümbermineku pilt
• Kasuta pildikaardid
• Kasutage jälgimispilte
• Kasutage pildi kohahoidjaid
• Sisestage Fireworks HTML
• Sisestage Photoshopi failid

Paigutus

• Kasutage kaasasolevaid tasuta malle * CS5 uued CSS-i käivitamise paigutused
• Paigutuse jaoks sisestage divid
• Redigeerige dive CSS-i stiilide paneelil
• Sisestage absoluutselt paigutatud elemendid
• Vormindage kinnisvarainspektoris absoluutselt paigutatud elemente
• Kasutage joonlaudu, ruudustikke ja juhendeid

Loendid

• Lisage täppidega ja nummerdatud loendid
• Kohandage loendi täppe ja numbreid

Tabelid

• Looge tabel
• Lisage päise ridu ja veerge
• Kasuta läbipaistvad pildid tabeli lahtrite lahtihoidmiseks
• Loo fikseeritud laiusega ja paindliku laiusega veerge
• Muutke tabelite ääriste stiile
• Manusta tabel tabelisse
• Impordi tabeliandmed

Vormid

• Kasutage mailto vormi
• Määratlege vormitoimingud
• Lisage tekst, raadio, märkeruut, fail, pilt, valikukastid ja peidetud vormiväljad
• Muutke oma vormid väljakomplekti ja sildiväljade abil juurdepääsetavaks
• Looge kohandatud saatmisnupud
• Vormide kinnitamine JavaScriptiga (Spry)

Andmebaasid ja PHP skriptimine

• Ühendage oma sait andmebaasiga
• Seadistage PHP/mySQL-i sait
• Kasutage andmebaasiga ühenduse loomiseks Spry elemente
• Sisestage oma lehtedele andmeobjektid
• Testige ja värskendage Spry andmeallikat või kuvarit
• Muutke keerulisi dünaamilisi saite kujundusvaates
• Avastage kõik dünaamiliselt seotud failid, et koostada PHP CMS-i saite (WordPress, Joomla ja Drupal) *Uus CS5-s
• Kohandatud klassi vihje PHP-koodile, sealhulgas kolmanda osapoole raamistikele, nagu Zend raamistik *Uus CS5-s

Raamid

• Looge raamitud veebisait
• Muutke noframesi sisu
• Vormindage ja kujundage oma raamid
• Seadistage kaadritevahelise lingi vaikesihtmärgid

Lisage interaktiivsus

• Looge fotoalbum (pole enam CS5-s)
• Lisage veebilehtedele heli
• Looge rippmenüü
• Kasutage Dreamweaveri käitumist hüpikakende avamiseks, hüppemenüüde loomiseks, heli esitamiseks, piltide vahetamiseks ja muuks
• Lisage saidile RSS-kanalid
• Sisestage Flash-tekst kursoriga
• Sisestage CSS-tekst ülekäiguna
• Sisestage teised pistikprogrammid
• Lisage Spry menüüriba, sakkidega paneelid, akordion, tööriistaotsik ja kokkupandav paneel
• Kasutage vidinabrauserit, et leida oma saidile uusi vidinaid, ilma et peaksite JavaScripti tundma

Testige oma lehti

• Testige oma lehti otsevaates, et näha JavaScriptist ja interaktiivsusest tulenevaid muudatusi *Uus CS5-s
• Kinnitage oma HTML
• Vaadake oma lehtede eelvaadet mitmes brauseris
• Kasutage BrowserLabi oma lehtede eelvaateks teistes operatsioonisüsteemides *Uus CS5-s
• Kasutage Device Centralit, et kontrollida, kuidas lehed mobiilseadmetes välja näevad
• Kontrollige brauseri ühilduvust
• Muutke seadeid, et need vastaksid sellele, millega teie sait peab töötama
• Kontrollige saidi sisemisi linke
• Testige oma saidi juurdepääsetavust (pole enam CS5-s)
• Teisenda a Wordi dokument HTML-ile

Kohandage Dreamweaverit

• Lisage laiendusi
• Keela laiendused
• Kohandage Dreamweaverit otseteedega

Suurendage oma tõhusust

• Kasutage sisseehitatud kiirklahve
• Kasutage koodijuppe
• Looge ja kasutage malle
• Looge kohandatud mallide põhjal uusi lehti
• Värskendage malle
• Kaasake Dreamweaveri teegiga üks fail teise
• Teegi üksuste värskendamine
• Kaasake üks fail teise, kasutades SSI-d
• Kasutage otsingut ja asendamist