„Adobe CS5 Dreamweaver“ dokumentų įrankių juosta

„Adobe Creative Suite 5“ („Adobe CS5“) „Dreamweaver“ dokumentų įrankių juostoje yra įrankių, padedančių peržiūrėti dokumentą įvairiais režimais, tokiais kaip kodas ir dizainas, taip pat nurodyti tokius elementus kaip dokumento pavadinimas ir naršyklės suderinamumas.

• Kodo rodinys: naudodami šį rodinį rodykite kodą ir tik kodą. Dreamweaver padeda iššifruoti kodą pagal spalvų kodavimo žymas, atributus, CSS ir kitus elementus.

• Išskaidyti rodinį: pasirinkus šią parinktį, dokumento langas padalijamas į kodo ir dizaino rodinius. Šis vaizdas gali būti labai naudingas, nes vienu metu matote ir dizainą, ir kodą.

  

  Valdykite puslapio rodinį naudodami Dokumento įrankių juostą.

• Dizaino vaizdas: ši parinktis rodo jūsų puslapį dizaino rodinyje dokumento lange.

• Tiesioginis kodas: kai įgalinta tiesioginė peržiūra, galite peržiūrėti savo dokumento šaltinio kodą taip, kaip jį matytų vartotojas naršyklėje, tačiau šiame rodinyje negalite redaguoti puslapio kodo.

• Patikrinkite naršyklės suderinamumą: šiame meniu rodomos parinktys, leidžiančios patikrinti puslapio vientisumą, pvz., pritaikymą neįgaliesiems, arba tai, ar jūsų CSS taisyklės yra suderinamos įvairiose naršyklėse.

• Tiesioginis vaizdas: tiesioginis vaizdas rodo, kad jūsų puslapis yra naršyklėje, be rėmelių, vadovų ir kitų vaizdinių priemonių. Naudodami tiesioginę peržiūrą negalite redaguoti peržiūrimo turinio, bet galite pereiti į kodo, padalinimo arba dizaino rodinį ir keisti puslapio turinį.

• Tikrinti: naujas mygtukas Tikrinti veikia su tiesiogine peržiūra, kad atskleistų CSS taisykles, kurios formatuoja jūsų puslapio elementus. Kai pasirenkate elementą puslapyje, kuriame įjungtas tikrinimas, skydelis CSS stiliai atskleidžia ypatybes, kurios formatuoja tą elementą, ir leidžia išjungti arba modifikuoti konkrečias ypatybes ir matyti rezultatus.

• Peržiūra / derinimas naršyklėje: spustelėkite šį mygtuką norėdami peržiūrėti arba derinti dokumentą vienoje iš įdiegtų žiniatinklio naršyklių, „Adobe BrowserLab“ arba „Device Central“.

• Vaizdinės priemonės: spustelėkite šį mygtuką, kad pasirinktumėte įvairias vaizdines priemones (pvz., kraštines ir kreipiklius), kad būtų lengviau matyti įvairius elementus ir lengviau kurti puslapius.

• Atnaujinti dizaino rodinį: spustelėkite šį mygtuką, kad atnaujintumėte dokumento dizaino rodinį, kai kodo rodinyje atliksite pakeitimus. Kodo rodinyje atlikti pakeitimai nerodomi automatiškai dizaino rodinyje, kol neatliekate tam tikrų veiksmų, pvz., neišsaugosite failo arba spustelėsite šį mygtuką.

• Dokumento pavadinimas: Šiame lauke įveskite dokumento pavadinimą.

• Failų tvarkymas: spustelėkite šį mygtuką, kad būtų rodomas iššokantis meniu Failų valdymas. Naudokite šį meniu norėdami patikrinti savo dokumentą, kai jis įgalintas jūsų svetainėje.

• Ankstesnis puslapis / Kitas puslapis / Atnaujinimo / Adreso juosta: tiesioginėje peržiūroje šie įrankiai veikia taip pat, kaip veiktų žiniatinklio naršyklėje ir leidžia naršyti tarp puslapių, atnaujinti puslapį ir matyti dabartinio puslapio adresą. Adreso juosta taip pat veikia, kai neįjungta tiesioginė peržiūra, atskleidžiant kelią į dokumentą, su kuriuo šiuo metu dirbate.

• Susiję dokumentai: jūsų puslapio naudojami ir prie jo pridedami dokumentai, pvz., išoriniai CSS ir JavaScript failai, yra išvardyti žemiau („Mac“) arba virš („Windows“) rodinio pasirinkimo mygtukų (kodas / padalinimas / dizainas). Galite spustelėti bet kurį pateiktą dokumentą ir redaguoti pridėtą failą išskaidytame rodinyje nekeisdami dokumentų.

  • XML, JavaScript, CSS ir kitus kodo pagrindu sukurtus failus galima peržiūrėti ir redaguoti tik kodo rodinyje; mygtukai „Design“ ir „Split“ rodomi pritemdyti.

  • Atnaujinant taip pat atnaujinamos kodo funkcijos, kurios priklauso nuo dokumento objekto modelio (DOM), pvz., galimybė pasirinkti kodo bloko atidarymo arba uždarymo žymas.

• Tiesioginio vaizdo parinktys: spustelėkite ir pasirinkite šio meniu parinktis, kad galėtumėte valdyti, kaip jūsų dokumentas rodomas ir veikia, kai įgalinta tiesioginė peržiūra.