Dokumendi tööriistariba Adobe CS5 Dreamweaveris

Adobe Creative Suite 5 (Adobe CS5) Dreamweaveri dokumendi tööriistariba sisaldab tööriistu, mis aitavad teil dokumenti erinevates režiimides (nt kood ja kujundus) vaadata, samuti käsitleda selliseid elemente nagu dokumendi pealkiri ja brauseri ühilduvus.

• Koodivaade: selles vaates kuvatakse kood ja ainult kood. Dreamweaver aitab teil koodi dešifreerida värvikoodisiltide, atribuutide, CSS-i ja muude elementide abil.

• Poolita vaade: selle suvandi valimine jagab dokumendiakna koodi- ja kujundusvaadete vahel. See vaade võib olla väga kasulik, kuna näete korraga nii kujundust kui ka koodi.

  

  Saate hallata lehe vaadet dokumendi tööriistaribal.

• Kujundusvaade: see suvand kuvab teie lehe dokumendiakna kujundusvaates.

• Reaalajas kood: kui reaalajavaade on lubatud, saate vaadata oma dokumendi lähtekoodi nii, nagu kasutaja seda brauseris näeks, kuid te ei saa selles vaates lehekoodi muuta.

• Kontrollige brauseri ühilduvust: see menüü näitab valikuid, mis võimaldavad teil kontrollida lehe terviklikkust (nt juurdepääsetavust) või seda, kas teie CSS-reeglid ühilduvad erinevates brauserites.

• Otsevaade: Otsevaade renderdab teie lehe nii, nagu oleks see brauseris, ilma ääriste, juhiste ja muude visuaalsete abivahenditeta. Otsevaates ei saa te eelvaatelist sisu redigeerida, kuid saate hüpata koodi-, poolitus- või kujundusvaatele ja muuta oma lehe sisu.

• Kontrolli: uus nupp Kontrolli töötab koos reaalajas vaatega, et näidata CSS-i reegleid, mis vormindavad teie lehe elemente. Kui valite lehel elemendi, mille kontrollimine on lubatud, kuvab CSS-i stiilide paneel atribuudid, mis seda elementi vormindavad, ja võimaldab teil konkreetseid atribuute keelata või muuta ja tulemusi näha.

• Eelvaade/silumine brauseris: klõpsake sellel nupul dokumendi eelvaate kuvamiseks või silumiseks mõnes teie installitud veebibrauseris, Adobe'i brauserilaboris või seadmekeskuses.

• Visuaalsed abivahendid: klõpsake sellel nupul, et valida erinevaid visuaalseid abivahendeid (nt äärised ja juhendid), mis aitavad teil näha erinevaid elemente ja hõlbustada lehtede kujundamist.

• Värskenda kujundusvaadet: klõpsake seda nuppu, et värskendada dokumendi kujundusvaadet pärast koodivaates muudatuste tegemist. Koodivaates tehtud muudatused ei ilmu kujundusvaates automaatselt enne, kui teete teatud toiminguid, näiteks salvestate faili või klõpsate seda nuppu.

• Dokumendi pealkiri: sisestage sellele väljale oma dokumendi nimi.

• Failihaldus: klõpsake seda nuppu failihalduse hüpikmenüü kuvamiseks. Kasutage seda menüüd dokumendi sisse- või väljavõtmiseks, kui see on teie saidil lubatud.

• Eelmine leht/Järgmine leht/Värskenda/aadressiriba: Otsevaates töötavad need tööriistad samamoodi nagu veebibrauseris ja võimaldavad teil lehtede vahel navigeerida, lehte värskendada ja praeguse lehe aadressi vaadata. Aadressiriba töötab ka siis, kui reaalajavaade pole lubatud, paljastades tee dokumendile, millega parajasti töötate.

• Seotud dokumendid: teie lehel kasutatavad ja sellele lisatud dokumendid, nagu välised CSS- ja JavaScript-failid, on loetletud vaatevaliku nuppude (Kood/Jagamine/Disain) all (Mac) või ülal (Windows). Saate klõpsata mis tahes loetletud dokumendil, et redigeerida manustatud faili poolitusvaates, ilma et peaksite dokumente vahetama.

  • XML-i, JavaScripti, CSS-i ja muid koodipõhiseid failitüüpe saab vaadata ja redigeerida ainult koodivaates; nupud Kujundus ja Jagamine on tuhmid.

  • Värskendamine värskendab ka koodifunktsioone, mis sõltuvad dokumendiobjekti mudelist (DOM), nagu näiteks võimalus valida koodiploki ava- või sulgemärgendid.

• Otsevaate suvandid: klõpsake ja valige selles menüüs suvandid, et juhtida seda, kuidas teie dokument kuvatakse ja töötab, kui otsevaade on lubatud.