Vizualni uređivači za brzo kreiranje web stranica

Postoji mnogo načina za kreiranje vlastite web stranice - od korištenja gotovih predložaka na Narod.ru do prijave za oglas poput "izrada web stranice za dva dana od 300 rubalja." Čak i dijete može kreirati svoj blog ili jednostavnu početnu stranicu. Zato se gotovo svako može pohvaliti da ima svoju web stranicu na internetu. Različite usluge svakome pružaju kreatore web stranica koji mogu kreirati jednostavnu ličnu korisničku stranicu za nekoliko sekundi. Na internetu postoje stotine i stotine hiljada takvih stranica. U pravilu su slični jedni drugima i ne pamte se. Za one koji koriste besplatne online alate za kreiranje lične internet stranice, posjedovanje web stranice najčešće je šala. Sadržaj na njemu se u većini slučajeva svodi na objavljivanje fotografija vašeg psa i nekoliko informacija “o sebi”.

Druga je stvar ako osoba svoju web stranicu doživljava kao način komunikacije, poput telefona ili pošte. Posjedovanje vlastite web stranice korisno je za svakog poduzetnika koji želi predstaviti svoj posao, ljekara, pravnika koji otvara svoje konsultacije, centar za obuku itd. U tom slučaju, stranica mora biti originalna i sadržajna, pružati korisne informacije posjetiteljima. Da biste dobili web stranicu koja ispunjava ove zahtjeve, ne možete proći samo s besplatnim generatorima početne stranice. Međutim, savladavanje osnova web programiranja može potrajati dugo. Možete, naravno, unajmiti profesionalca koji će napraviti bilo koju stranicu po vašoj želji, ali ova opcija ima vrlo očigledan nedostatak, pa je za mnoge neprihvatljiva.

Vizualni web uređivači su dobar način da uštedite vrijeme na učenju web programiranja i brzo kreirate web stranicu, ispunjavajući je svim potrebnim informacijama. S jedne strane, da biste kreirali web projekat pomoću takvog programa ne morate imati posebna znanja ili biti programer. S druge strane, ove vrste aplikacija omogućavaju prostor za kreativnost i osiguravaju da stranica ne izgleda potpuno isto kao hiljade drugih. Rad vizuelnih web editora zasniva se na svojstvu WYSIWYG - What You See Is What You Get (što vidiš to i dobiješ). Drugim riječima, tokom procesa uređivanja, web stranice izgledaju otprilike isto kao što će biti prikazane u pretraživaču.

⇡ WYSIWYG Web Builder 7.1.0

  • programer: Pablo Software Solutions
  • veličina distribucije: 5,5 MB
  • distribucija: shareware
  • Ruski interfejs: ne

Web stranice kreirane pomoću WYSIWYG Web Builder-a i drugih vizualnih uređivača sastoje se od zasebnih blokova. To može biti tekst, grafika, flash video zapisi itd. Sve što korisnik treba da uradi je da izabere potrebne blokove i postavi ih na odgovarajuća mesta na stranici, a program će automatski generisati kod.

Ako nemate iskustva u web dizajnu, trebali biste početi kreirati svoj prvi projekt u programu sa već gotovim šablonom. Prema zadanim postavkama, WYSIWYG Web Builder ima desetak šablona različitih tipova, a još nekoliko desetina može se besplatno preuzeti sa službene web stranice programa. Nakon preuzimanja predloška, ​​moći ćete uređivati ​​bilo koji njegov element.

Da biste to učinili, možete koristiti brojne alate koji se nalaze na okomitoj ploči. Radi praktičnosti, podijeljeni su u kategorije: navigacija (stablo stranice, navigacijski meni), crtanje (linija, kriva, poligon), multimedijski alati (Flash player, YouTube player, Java, OLE objekt), alati za rad sa web obrascima (a polje za ubacivanje CAPTCHA koda, checkbox, dugme za preuzimanje fajla, polje za unos teksta), Paypal (razna dugmad za rad sa ovim elektronskim sistemom plaćanja) itd. Ako vam nije potrebna nijedna kategorija alata u vašem posao, možete ga minimizirati, kako biste oslobodili prostor na ekranu za traženije alate.

Vrijedi obratiti pažnju na kategoriju Extra. Sadrži alate za kreiranje fotogalerije, dodavanje pretplate na vijesti u RSS formatu, slajd šou i pretraživanje stranice. Ovdje možete pronaći cijelu kolekciju gotovih elemenata Javascript koda. To uključuje razne vizuelne efekte i takve korisne alate kao što je određivanje trenutne verzije pretraživača, prikazivanje informacija o poslednji put kada je veb stranica modifikovana i postavljanje veze za obeležavanje stranice.

Unatoč činjenici da prilikom rada u WYSIWYG Web Builder-u korisnik vidi gotove elemente stranice, u pretraživaču stranica može izgledati malo drugačije nego u radnom prozoru uređivača. Da biste brzo pogledali izgled stranice u pretraživaču, samo pritisnite tipku F5. WYSIWYG Web Builder će otvoriti projekat u podrazumevanom pretraživaču sistema. Ako trebate da pregledate stranice u nekoliko pretraživača odjednom, možete ih dodati na listu.

Tipično, predložak web stranice se sastoji od nekoliko stranica. Za praktično upravljanje projektima, prozor programa ima poseban panel Site Manager, koji prikazuje stablo stranica stranice. Koristeći alate ovog panela, možete kreirati nove stranice na osnovu šablona, ​​dodati stranice koje su prethodno sačuvane na vašem hard disku, kopirati postojeće stranice, pregledati njihova svojstva itd.

Kada radite na resursu koji se sastoji od velikog broja stranica, programski alati kao što su provjera funkcionalnosti veza, procjena veličine stranice i generator mape stranice u obliku XML datoteke koja će biti smještena u korijenski direktorij stranice mogu takođe biti od koristi. Osim toga, WYSIWYG Web Builder vam može pomoći da prikupite sve slike i druge medijske datoteke koje se koriste na web stranicama na jednom mjestu.

Uprkos činjenici da je WYSIWYG Web Builder sam po sebi prilično funkcionalan uređivač, možda nećete naći nikakve alate u njemu. U ovom slučaju, vrijedi pogledati galeriju proširenja - možda je alat koji vam je potreban dostupan kao dodatak. Postoji više od 250 ekstenzija za program, a njihov broj stalno raste. Ekstenzije pišu aktivni korisnici uređivača i postavljaju ih na službeni forum. Vrijedi imati na umu da ne možete povezati ekstenzije sa probnom verzijom WYSIWYG Web Builder-a za ovo morate registrirati program.

⇡ Web Page Maker 3.21

  • programer: www.webpage-maker.com
  • veličina distribucije: 3,66 MB
  • distribucija: shareware
  • Ruski interfejs: ne

Web Page Maker je prilično jednostavan vizualni uređivač koji je pogodan za kreiranje male web stranice koja uključuje nekoliko stranica. Uz njegovu pomoć, stranici možete dodati tekst, vektorske elemente, grafičke datoteke, video zapise u različitim formatima, tabele, web forme i druge poznate elemente stranice.

Program također ima gotove opcije za tako važan element svake web stranice kao što je navigacijski meni. Web Page Maker sadrži različite opcije menija. Nakon odabira odgovarajućeg, možete ga odmah urediti tako što ćete odrediti orijentaciju (horizontalnu ili vertikalnu), udaljenost između elemenata, tekst i parametre veze.

Neki elementi (na primjer, isti navigacijski meni) trebali bi se nalaziti na svim stranicama web stranice. Kada uređujete bilo koji blok, možete ga brzo postaviti na sve stranice trenutnog projekta ili odrediti one stranice na kojima bi trebao biti prisutan.

Glavni dio prozora programa zauzima radno područje, a desno je panel Sadržaj stranice. Koristeći ovaj panel, zgodno je upravljati stranicama stranice, kao i pojedinačnim elementima stranice. Kartica Elementi prikazuje sve blokove na stranici, a kada kliknete na svaki, odmah možete vidjeti gdje se nalazi. Osim toga, možete odmah pozvati prozor svojstava za svaki element ili izbrisati nepotrebne blokove. Što se tiče skupa alata za kreiranje strukture stranice, vrijedi napomenuti mogućnost kreiranja nove stranice na temelju resursa koji već postoji na Internetu. Samo treba da navedete njenu adresu i Web Page Maker će učitati stranicu, razbiti je na blokove i učiniti ih dostupnim za uređivanje.

Da biste svoju web stranicu učinili živahnijom, možete koristiti efekte animacije. Primeri gotovog Javascript koda mogu se naći u biblioteci Web Page Maker. Koristeći ih, možete promijeniti boju pomicanja prozora, postaviti sat u ugao ekrana koji pokazuje trenutno vrijeme, dodati projekciju slajdova itd.

Kada se završi rad na sajtu, projekat se može sačuvati na hard disku ili odmah učitati na FTP server. Štaviše, za to nije potreban dodatni klijent - Web Page Maker ima ugrađene alate za rad sa FTP-om.

⇡ CoffeeCup Visual Site Designer 6.06

  • programer: CoffeeCup Software
  • veličina distribucije: 17,6 MB
  • distribucija: shareware
  • Ruski interfejs: ne

Programeri CoffeeCup Visual Site Designer-a vjerovatno žive po sloganu “zaradite na svemu na čemu možete zaraditi”. Stoga, morate imati na umu da ako kupite ovaj vizualni uređivač za 49 dolara, nećete dobiti sve funkcije koje možete očekivati ​​od kupovine većine drugih sličnih programa.

Dakle, program dolazi sa deset šablona, ​​a da biste preuzeli ostale od vas se traži da odete na web stranicu programera. Kada otvorite odgovarajuću stranicu, vidjet ćete da se dodatni šabloni plaćaju i prodaju po 9 dolara. Slična „iznenađenja“ čekaju korisnika tokom rada sa aplikacijom. Kliknite na alat za pravljenje web obrazaca i otkrićete da morate da platite još 39 dolara da biste ga koristili, pokušajte da dodate galeriju fotografija na svoju veb lokaciju i videćete da i ta funkcija dolazi uz dodatnu cenu.

Standardna verzija programa omogućava vam rad s tekstom, vektorskim elementima i grafikom. Nakon odabira alata, na okomitom panelu pojavljuje se plutajuća paleta sa svojim postavkama. Ostaje na ekranu dok korisnik ne promijeni alat. Zahvaljujući ovom pristupu, radnom području se dodjeljuje maksimalna količina prostora.

Uobičajeni elementi web stranice kao što su brojači i web obrasci mogu se kreirati samo u programu pomoću alata za umetanje prilagođenog HTML koda.

Kada radite s vektorskim elementima (strelice, poligoni, zvijezde, oblačići, itd.), možete koristiti brojne alate za promjenu njihovog izgleda. Na primjer, moguće je promijeniti prozirnost, dodati sjenu, učiniti objekt trodimenzionalnim, učiniti da svijetli ili promijeniti oblike kada lebdite kursorom miša. Osim toga, možete prilagoditi ispunu svakog objekta i dodati teksturu.

CoffeeCup Visual Site Designer ima ugrađeni FTP klijent sa kojim možete da otpremite lokaciju na udaljeni server. Ako nakon učitavanja stranice odlučite da izvršite izmjene na nekoj od njenih stranica, možete koristiti funkciju sinkronizacije podataka. U tom slučaju, program će učitati one stranice koje su promijenjene. Ako je potrebno, bez napuštanja CoffeeCup Visual Site Designera, možete čak i potpuno izbrisati stranicu sa servera.

⇡ WebSite X5 Evolution 8

  • programer: Incomedia
  • veličina distribucije: 15,3 MB
  • distribucija: shareware
  • Ruski interfejs: da

Većina vizualnih uređivača su slični jedni drugima. Ovo ima svoje prednosti, jer kada jednom shvatite jedan od ovih programa, već ćete se osjećati samopouzdano ako kasnije odlučite isprobati drugi. Međutim, ako nikada prije niste kreirali web stranice, čak i najjednostavniji vizualni uređivač može u početku pokrenuti mnoga pitanja, poput: „šta prvo treba učiniti?“, „koji su programski alati glavni, a koji pomoćni?“ itd.

Program WebSite X5 Evolution implementira nešto drugačiji pristup kreiranju web stranice, zahvaljujući kojem mnoga pitanja nestaju sama od sebe. Aplikacija je izgrađena na principu čarobnjaka korak po korak, tako da korisnik početnik može biti siguran da nije propustio ništa važno.

Unatoč činjenici da vas čarobnjak vodi kroz sve faze kreiranja projekta, korisnik može, po želji, "skočiti" kroz neke faze, birajući iz bočnog izbornika one radnje koje želi izvršiti u ovom trenutku. Ukupno ima pet faza.

Prvi sadrži opća podešavanja. Dakle, ovdje se unosi naziv stranice, autor i jezik, odabiru se ključne riječi, učitava se Favicon, odabire se tip menija (horizontalni ili vertikalni), odabire se odgovarajući šablon (u programu postoji više od stotinu opcija dizajna biblioteku), te je postavljen izgled vrha i dna stranica stranice.

U drugoj fazi predlaže se kreiranje mape lokacije, odnosno promišljanje njene strukture. Koristeći dugmad "copy" i "paste" na traci sa alatkama, možete kreirati nove stranice na osnovu postojećih. Ovdje možete odrediti koje stranice resursa će biti skrivene i odrediti učestalost ažuriranja za svaku stranicu.

Dvostruki klik na naslov stranice vodi vas u sljedeću fazu rada na stranici, a ovdje možete početi direktno raditi na njenom sadržaju. Stranica je prema zadanim postavkama podijeljena na četiri bloka, u svaki od kojih možete dodati objekt: tekst, grafičku datoteku, slajd šou, tablicu, flash animaciju, multimedijalnu datoteku itd. Po želji, broj blokova na stranici može se povećati ili smanjiti. Nakon postavljanja objekta na stranicu, morate odrediti njegove postavke, na primjer, odrediti putanju do grafičke datoteke, upisati tekst itd. Sve ove operacije će se morati obaviti za svaku stranicu.

U četvrtoj fazi, WebSite X5 Evolution će ponuditi specificiranje nekih dodatnih postavki, na primjer, određivanje izgleda uvodne stranice, postavljanje parametara za prikaz flash reklama, dodavanje bloga i RSS vijesti na stranicu.

Među ponuđenim funkcijama nalazi se i element kao što je „kolica za kupovinu e-trgovine“. Koristeći ga, možete brzo kreirati svoju internet prodavnicu. Ulaskom u njegove postavke možete brzo kreirati kategorije proizvoda, definirati uvjete isporuke, odabrati opcije plaćanja, umetnuti ugovor o licenci i prilagoditi izgled elemenata trgovine.

Konačno, posljednji korak je izvoz projekta. Gotova web stranica se može spremiti na vaš tvrdi disk ili odmah prenijeti na FTP server. Osim toga, program vam omogućava da sačuvate projektne datoteke kako biste ih prenijeli na drugi računar. Imajte na umu da se kreirani projekat može sačuvati u bilo kojoj fazi u vlastitom formatu programa.

Možda jedina neugodnost pri radu sa WebSite X5 Evolution je nemogućnost pregleda stranica u pretraživaču. Ako želite vidjeti kako će stranica izgledati, možete koristiti funkciju Test, ali potrebno je neko vrijeme za generiranje projekta. Pored toga, program generiše stranice u sopstvenom pregledniku, kreiranom na pretraživaču Internet Explorer.

⇡ KompoZer 0.7.10

  • programer: Fabien Cazenave
  • veličina distribucije: 7,9 MB
  • distribucija: besplatna
  • Ruski interfejs: da

KompoZer je besplatni vizualni web uređivač otvorenog koda. Program je dostupan ne samo za Windows, već i za Mac, kao i za Linux. Uređivač je kreiran na Gecko engine-u koji pokreće poznati Firefox pretraživač. Ovo pruža niz prednosti: prvo, motor savršeno podržava moderne web standarde kao što su XML, CSS i JavaScript. Drugo, uređivač zasnovan na Gecko-u može se proširiti dodacima.

Možda će prvi dodatak koji želite da instalirate biti paket za lokalizaciju za ruski. Instalira se na isti način kao što se instaliraju dodaci za Firefox: u meniju Alati potrebno je da izaberete naredbu Extensions, a zatim navedete putanju do preuzete lokalizacione datoteke sa ekstenzijom .xpi. Nakon instaliranja dodatka, morat ćete ponovo pokrenuti program, nakon čega će sučelje postati ruski.

FTP klijent je integrisan u program i može se koristiti ne samo za upload gotovog projekta, već i za brzo uređivanje stranica sajta koji se već nalazi na serveru. Određivanjem informacija za prijavu na server, možete se kretati stablom direktorija i birati stranice za uređivanje. Njihov sadržaj će biti učitan u prozor KompoZer-a i može se uređivati ​​u hodu.

KompoZer omogućava rad sa nekoliko stranica istovremeno. Svaki od njih se otvara u posebnoj kartici, između koje se možete brzo prebacivati. Svaka stranica ima svoju istoriju radnji otkazivanja i vraćanja. Pogledom na ikonu u zaglavlju kartice, možete odmah utvrditi da li su napravljene promjene u sadržaju stranice koje još nisu sačuvane.

Iako KompoZer automatski generiše kod za web stranice, možete ga pregledati i napraviti neke promjene ako je potrebno. Na dnu svake stranice nalaze se kartice koje vam omogućavaju prebacivanje između vizualnog prikaza stranice i prikaza koda.

Na alatnoj traci programa se podrazumevano prikazuju najčešće korišćeni alati: dodavanje hiperveze, umetanje slike, tabele, alati za kreiranje veb obrazaca itd. Ako želite, možete promijeniti izgled ovog panela (na primjer, smanjivanjem ikona), te mu dodati i neke druge alate.

Općenito, unatoč činjenici da je KompoZer vizualni web editor, dizajniran je za korisnike koji već imaju određeno iskustvo u kreiranju web stranica. U njemu nećete pronaći gotove šablone i primjere navigacijskih menija, ali program ima ugrađen moćan CSS editor, a tu su i alati za provjeru HTML koda i provjeru pravopisa.

⇡ BestAddress HTML Editor 17

  • programer: Multimedia Australia
  • veličina distribucije: 7,1 MB
  • distribucija: shareware
  • Ruski interfejs: ne

Kada korisnik odluči studirati neku oblast, na primjer, kompjutersku grafiku, video montažu ili programiranje, često pita iskusnije drugove s kojim programom je najbolje započeti učenje novog zanata. U nekim je slučajevima zaista bolje koristiti jednostavne alate u početku, a zatim, nakon što ste shvatili njihove mogućnosti, prijeći na naprednije uređivače. Što se tiče BestAddress HTML Editor 2010 Professional, možemo reći da ovaj program ima sve šanse da postane prvi i posljednji alat za početnike web programera.

Rad u načinu vizualne konstrukcije web stranice podsjeća na rad sa dizajnerom - možete samostalno podesiti veličine i boje elemenata, postaviti dugmad, grafiku, menije i druge komponente web stranice prema vlastitom nahođenju. Zgodno oblikovanje, gotovo kao uređivač teksta, može se koristiti za kontrolu položaja bilo kojeg elementa stranice. Nećete pronaći šablone u BestAddress HTML Editoru 2010 Professional, ali možete preuzeti web stranicu koja se nalazi na navedenoj adresi. Kada otvorite stranicu u programu, možete je uređivati.

Urednik može automatski učitati projekat na server - za to program koristi FTP klijent za digitalni FTP pristup koji dolazi s njim.

BestAddress HTML Editor 2010 Professional takođe uključuje profesionalne alate za pisanje koda. Početnici koji žele razumjeti kako HTML, CSS, Java i PHP kod funkcionišu i pišu mogu se obratiti dokumentaciji. Navodi najvažnija pravila za pisanje koda, kao što su svrha oznaka, primjeri jednostavnih operacija itd. Jednostavne i razumljive lekcije daju kratku ideju o strukturi HTML-a i uvode početnike u brzinu.

⇡ Zaključak

Programi o kojima se govori u ovom pregledu omogućavaju vam da brzo kreirate vlastitu web stranicu i postavite je na Internet. Treba imati na umu da su sve ove aplikacije samo alati u rukama korisnika. Da li će sajt privući pažnju posetilaca, da li će postati dodatna komponenta poslovnog uspeha, zavisi isključivo od mašte autora i od njegove želje da unapredi započeto. I naravno, da bi stranica ispunila vaša očekivanja, vaš poduhvat mora biti uspješan, što želimo svima!