Izraditi vlastitu web stranicu zahtijeva puno znanja i vremena. Učinite to bez posebnog urednika je prilično teško. I zašto? Uostalom, sada postoji mnogo različitih programa koji olakšavaju ovaj zadatak. Možda je najpopularniji od njih Adobe Dreamweaver. Mnogi programeri već su ocijenili njegove prednosti.

Adobe Dreamweaver je popularni vizualni HTML editor koda. Adobe je izradio u 2012. Podržava sve popularne jezike: HTML, JavaScrip, PHP, XML, C #, ActionScript, ASP. Uz to možete brzo stvoriti prekrasne web stranice, umetnuti različite objekte, urediti kod ili napraviti izmjene grafičke ljuske. Rezultat možete vidjeti u stvarnom vremenu. Pogledajmo glavne značajke programa.

Tab "Kod"

U Adobe Dreamweaver uređivaču postoje tri glavna načina rada. Ovdje programer može urediti izvorni kôd koda na jednom od jezika dostupnih za program. Kada otvorite mapu s web lokacijom, sve njegove komponente prikladno se nalaze zasebne kartice na gornjoj ploči. A odavde možete se prebacivati ​​između njih i napraviti promjene. To je vrlo povoljno, jer kada je stranica velika, traži i uređuje svaku komponentu traje dosta vremena.

Kartice različitih elemenata web-lokacije u programu Adobe Dreamweaver

Kada unesete tekst u način razvijatelja, primjerice u HTML-u, u skočnom prozoru pojavljuje se direktorij ugrađene oznake s kojeg možete odabrati željenu oznaku. Ova funkcija štedi vrijeme razvojnog programera i neka vrsta upozorenja.

Ugrađeni direktorij oznaka u programu Adobe Dreamweaver

Kada radite s velikim brojem oznaka, ponekad je teško ručno provjeriti jesu li sve zatvorene. U uredniku Dreamweavara, proizvođači su to također pružali. Dovoljno je unijeti simbole "

Zatvaranje oznake u programu Adobe Dreamweaver

Bez urednika, identične promjene u različitim datotekama, dug proces. Kroz Dreamweaver to se može učiniti brže. Dovoljno je urediti jednu datoteku, odabrati izmijenjeni tekst i otvoriti alat Pronađi i zamijeni . Sve datoteke vezane uz web mjesto automatski će se fiksirati. Nevjerojatno prikladna funkcija.

Pronađite i zamijeni u Adobe Dreamweaveru

U lijevom dijelu prozora za uređivanje nalazi se zgodna alatna traka za rad s kodom.
Neću uzeti u obzir svaku od njih, detaljan opis može se vidjeti ako odete na odjeljak "Učenje DW-a" .

Alatna traka za uređivanje koda u programu Adobe Dreamweaver

Interaktivni ili prikaz uživo

Nakon što unesete sve potrebne izmjene u kôd, možete vidjeti kako će se uređena web lokacija prikazati. To se može učiniti ako idete na način "Interaktivni pregled" .

Pregled interaktivnih web stranica u programu Adobe Dreamweaver

Ako kod gledanja, razvojni programer ne sviđa konačni rezultat, tada u ovom načinu možete ispraviti položaj objekata. A programski kôd bit će automatski fiksiran. Interaktivni način rada mogu upotrebljavati stvaralac novinskih web mjesta koji još nemaju vještine za rad s oznakama.

Promijenite mjesto objekta u interaktivnom načinu rada Adobe Dreamweaver

Promijenite veličinu zaglavlja, umetnite vezu, izbrišite ili dodajte razred bez napuštanja interaktivnog načina rada. Kada pomaknete pokazivač iznad elementa, otvorit će se mali uređivač koji vam omogućuje da napravite takve izmjene.

Uređivanje u interaktivnom prikazu u programu Adobe Dreamweaver

dizajn

Način rada "Dizajn" , stvoren za stvaranje ili prilagodbu web mjesta u grafičkom načinu rada. Ova vrsta razvoja pogodna je i za razvojne inženjere i iskusnije. Ovdje možete dodati i izbrisati položaj mjesta. Sve je to učinjeno mišem, a promjene, kao u interaktivnom načinu, odmah se prikazuju u kodu.

Dodajte novu stavku retka u Adobe Dreamweaver

Pomoću alata "Umetni" možete dodati različite gumbe, pomicati klizače itd. Na web mjesto. Elementi su izbrisani vrlo jednostavno, uz standardni gumb Del.

Brisanje web mjesta u programu Adobe Dreamweaver

Zaglavlja se također mogu mijenjati u grafičkom načinu rada Adobe Dreamweaver. Možete postaviti dodatne postavke boja fonta, pozadinsku sliku i još mnogo toga na kartici "Izmijeni" u "Svojstva stranice" .

Svojstva stranice u Adobe Dreamweaveru

podjela

Vrlo često kreatori web-lokacije trebaju urediti kôd web mjesta i odmah vidjeti rezultat. Kontinuirano ući u interaktivni način nije vrlo prikladan. U tim je slučajevima omogućen način "razdvojenosti" . Aktivni prozor je podijeljen na dva radna područja. Na vrhu će se prikazati interaktivni način ili dizajn, po izboru korisnika. Na dnu se otvara editor koda.

Split način rada u programu Adobe Dreamweaver

Dodatna ploča

Desno od radnog područja je dodatna ploča. U njemu možete brzo pronaći i otvoriti željenu datoteku u editoru. U njega stavite sliku, isječak koda ili upotrijebite uređivač urednika. Nakon kupnje licence, Adobe Dreamweaver knjižnica dodatno će biti dostupna.

Dodatna ploča u programu Adobe Dreamweaver

Najpopularnija alatna traka

Svi ostali alati prikupljeni su na vrhu alatne trake.

Kartica "Datoteka" sadrži standardni skup funkcija za rad s dokumentima.

Kartica datoteke u programu Adobe Dreamweaver

Na kartici "Uredi" možete izvesti različite radnje sa sadržajem dokumenta. Izrežite, zalijepite, pronađite i zamijenite i još mnogo toga možete pronaći ovdje.

Uredi tab u Adobe Dreamweaveru

Sve što se tiče prikaza dokumenta, ploča, zumiranja i tako dalje možete pronaći na kartici "Pregled" .

Prikaz kartice u programu Adobe Dreamweaver

Alati za umetanje slika, tablica, gumba i isječaka nalaze se na kartici "Umetni" .

Kartica umetanja u programu Adobe Dreamweaver

Na kartici "Izmijeni" možete napraviti različite izmjene dokumenta ili stavke dokumenta.

Uredi tab u Adobe Dreamweaveru

Kartica Format oblikuje se za rad s tekstom. Ovdje možete urediti uvlake, format odlomaka, HTML i CSS stilove.

Kartica formata u programu Adobe Dreamweaver

U Adobe Dreamweaveru možete provjeriti pravopis i ispraviti HTML kod određivanjem naredbe za masovnu obradu. Ovdje možete koristiti i funkciju oblikovanja. Sve je dostupno na kartici "Tim" .

Kartica naredbe u programu Adobe Dreamweaver

Sve što se odnosi na web mjesto u cjelini može se pretražiti na kartici "Web stranica" . Osim toga, tu je izgrađen FTP klijent, pomoću kojeg možete brzo dodati svoju web lokaciju na hosting.

Kartica web-mjesta u programu Adobe Dreamweaver

Postavljanje, prikazivanje prozora, sheme boja, povijest kodnih inspektora nalaze se na kartici "Prozor" .

Kartica Prozor u programu Adobe Dreamweaver

Pogledajte informacije o programu, idite na direktorij Adobe Dreamweaver mogu se nalaziti na kartici "Pomoć" .

Kartica Pomoć u programu Adobe Dreamweaver

dostojanstvo

  • Vrlo povoljno za korištenje;
  • Sadrži potpuni skup potrebnih funkcija za stvaranje web mjesta;
  • Podržava ruski jezik;
  • Ona ima nekoliko načina uređivanja;
  • Postoji besplatna probna inačica proizvoda.
  • mane

  • Visoki troškovi licence;
  • Na slabom operativnom sustavu može raditi polako.
  • Da biste instalirali program s službene stranice, prvo se morate prijaviti. Nakon toga, bit će veza za preuzimanje platforme CreativeCloud iz koje će biti instalirana probna inačica programa Adobe Dreamweaver.

    Preuzmite probnu verziju programa Adobe Dreamweaver

    Preuzmite najnoviju verziju programa s službene stranice