Ako znamo da se blokovi mogu mijenjati na ovaj i onaj na?in, onda to mo?emo koristiti u svom radu.

front-end okviri

Postoje i okviri. Takozvani frontend okviri. Najpopularniji je bootstrap. Tako?e ?u vam pokazati ?ta je to. Ukratko, ovo je skup komponenti koje se ve? mogu koristiti na va?oj web lokaciji. Odnosno oni razli?ite veli?ine, rade na odre?eni na?in. Ovaj set komponenti se mo?e dati layout dizajneru i on sastavlja sve na osnovu ovih komponenti. Ovo sve pojednostavljuje, odnosno umjesto da sami izmi?ljate ove stvari, mo?ete uzeti gotove i koristiti ih. Najpopularniji su getbootstrap, foundation, pure, semantic, itd. (Sl.3,4).

Slika 3 Frontend okviri

Slika 4 Frontend okviri

Postoje okviri za animaciju (slika 5). Mo?emo uzeti i gotove elemente i na osnovu njih kreirati neke stvari. Mo?emo ne?to da izvrnemo, pomerimo, ne?to ispunimo bojom, pomerimo se pod uglom, pomerimo sa izobli?enjem, uve?amo. Sve to nam daje nove mogu?nosti za izra?avanje. Jedno je da samo pritisnemo dugme u interfejsu, a drugo kada ima neku vrstu dodatne animacije. Naravno, sa ovim treba biti veoma oprezan i sprovoditi ga samo kada je to va?no i neophodno.

Rice. 5 Animacijski okviri

Opet, sve je spremno i jednostavno mo?ete dati link svom layout dizajneru i jasno pokazati ?ta treba da uradi.

Stoga, u shemi (slika 6), dizajner rasporeda je zazor (slika 7), kao u primjeru s automobilom, kada okrenemo volan ulijevo, a kota?i po?inju da se okre?u tek nakon odre?enom vremenskom periodu. Shodno tome, iu dizajnu. Vi ka?ete layout dizajneru da ne?to uradi, on to nekako razumije na svoj na?in i nakon nekog vremena dobijete nekakav rezultat. Morate vi?e komunicirati s njim.

Rice. 6 Shema sa dizajnerom izgleda

Rice. 7 Backlash

Dizajn web stranice u html/css

Ako postoji dobar tehnolog. (Sl. 8) Ovo je osoba koja ne pravi samo stranice u blokovima, ve? osoba koja razumije i poznaje tehni?ki dio veoma duboko, razumije bolje od vas, i sama je spremna ne?to ponuditi. Veliki plus je imati tehnologa u timu. Ne?e raditi samo osnovne stvari, radi?e mnogo bolje, ugodnije, ne?to ?e doraditi i time je rezultat mnogo ve?i.

Rice. 8 ?ema sa tehnologom

Tehnolog je va?a poluga (slika 9). Klju?, koji mo?ete odabrati ovisno o zadatku.

Fig.9 Poluga

Ako je dizajner tehnolog. Op?enito je super kada i sam poznaje? mogu?nosti u animaciji (frontent) i sam ih implementira?, proba?, eksperimenti?e?, mo?da kreira? ne?to novo itd. A ovo je idealno. Jer ?to je preciznija kontrola rezultata, to je rezultat bolji.

Rice. 10 ?ema dizajner-tehnolog

Postoji softver koji vam omogu?ava da dizajnirate web stranicu u html/css bez poznavanja koda (slika 11): Adobe Muse, Adobe Edge Animate, Macaw, Webflow. Postoje kursevi na ovim programima, u?ite u skladu s tim i poku?ajte.

Slika 11 Programi za rad sa dizajnom web stranice na html/css bez poznavanja koda

Ukratko, da li je potrebno znati html u web dizajnu? br.

Dizajner ne mora kucati, ali da zna i razumije kako se stranice grade (html/css), razumijevanje okvira je da, jer dizajner mora razumjeti materijal sa kojim radi.

Saznajte vi?e o profesiji web dizajnera u mojoj besplatnoj majstorskoj klasi.

Pogledajmo svaku opciju zasebno i poku?ajmo saznati njene karakteristike.

1) HTML je jezik za ozna?avanje hiperteksta. Ukucamo tekst uz odre?ena pravila i dobijemo prekrasnu web stranicu. Recimo to ovako: ovo je na?in kreiranja web stranice koji oduzima najvi?e vremena. Da biste to provjerili, dovoljno je otvoriti kod ?ak i male html stranice i vidjeti koliko je tu napisano. Nije lako ukucati toliko koda, ?ak i ako koristite html editor, zar ne? A ako ne?to treba promijeniti u ovom kodu, mo?ete li zamisliti koliko dugo mo?e potrajati?

2) Website Builder je program koji vam omogu?ava da kreirate vlastitu web stranicu od gotovih ?ablona.

Prije svega, programi ove vrste mogu se podijeliti u dvije grupe:
- Off-line konstruktori - mogu raditi bez internet veze. Jedini put kada ?e vam trebati ova veza je kada trebate objaviti web-mjesto na mre?i ili napraviti izmjene na web-lokaciji koja je ve? pokrenuta.
- On-line konstruktori - ovdje je obrnuto. Cijeli proces kreiranja stranice odvija se direktno na webu.

Mogu?nosti ovakvih programa su ve?e ?to ih vi?e pla?ate. Ako koristite besplatnu verziju, rizikujete da budete veoma razo?arani. Obi?no vam pla?ene verzije graditelja web stranica omogu?avaju:
- brza promjena dizajna stranice;
— ure?ivati stranicu u on-line modu;
— pove?ite softverske module (usluge pretra?ivanja sajta, glasanje, Povratne informacije, news feed, itd.);
- kontaktiraj podr?ku.

?ta mogu besplatne verzije? Sve zavisi ?ta ta?no koristite. Ali naj?e??e besplatni konstruktori stranice imaju nekoliko predlo?aka dizajna u svom arsenalu i, u principu, tu su njihove mogu?nosti iscrpljene.

3) CMS (Content Management System). To je program napisan u web programskom jeziku koji je instaliran na va?oj web stranici i u potpunosti upravlja informacijama na njoj. Nakon ?to ste instalirali takav sistem, ne morate da brinete o dizajnu, samo unesite tekst i sadr?aj. Program ?e uraditi ostalo. Moje mi?ljenje: ovo je najfunkcionalnije rje?enje. Postoje sve mogu?nosti za izradu profesionalne web stranice. Takvim sajtom mo?ete upravljati direktno na mre?i. Ono ?to je najva?nije, ovdje mo?ete prona?i vrlo dobra besplatna rje?enja.

Ali koliko god nam ove nove tehnologije i programi izgledali privla?ni, oni nas ipak ne osloba?aju znanja o HTML-u, CSS-u, itd. Da, ne tvrdim da je mogu?e napraviti web stranicu bez ovog znanja, ali je malo vjerovatno da ?e biti mogu?e odr?ati odr?ivu, popularnu i poznatu.

Kao ?to znate, na na?ine koje sam naveo gore, stranica je kreirana od gotovih ?ablona. Ti zavisi? od njih. Zamislite da trebate doraditi neku sitnicu, ali takvog ?ablona jednostavno nema. sta da radim? I instalirati ovu reviziju, pa, jednostavno je od vitalnog zna?aja. Ovo je dobro ako koristite pla?eni CMS ili program za izradu web stranica s podr?kom. U tom slu?aju mo?ete napisati pismo i va? li?ni ?ablon ?e biti kreiran za vas. A ako nema mogu?nosti za kori?tenje pla?enih usluga? Onda morate nau?iti HTML i sve raditi sami. Na besplatnim sistemima niko vam ne?e pomo?i.

Smatram da osoba koja ?e kreirati svoju stranicu na internetu u svakom slu?aju treba da ima barem osnovno znanje HTML-a. Na primjer, kada objavim novi broj biltena, objavljujem novi ?lanak, da ?ak i ja ostavim poruku na forumu, da moram koristiti HTML. Zamislite, a ovo je samo mali dio onoga ?to web builder treba da uradi!

Ali postoje i izuzeci. Postoje ljudi kojima dizajn nije toliko va?an, a posebne prilike nisu potrebne. Oni samo ?ele web stranicu koja pohranjuje malo informacija. Obi?no su to mini stranice koje se sastoje od nekoliko stranica. Na primjer, male organizacije ?esto koriste mini-stranice za objavljivanje informacija o sebi. To mogu biti stranice raznih zabavnih ustanova, krugova, sekcija, vatrogasne slu?be, mala radnja i drugih. Njihov glavni cilj je informirati ljude putem interneta da takvo mjesto postoji. Za takav slu?aj je dovoljan web builder ili CMS.

Pa, to je sve ?to sam vam htio re?i u ovom ?lanku. Nadam se da je to barem malo, ali vam je pomoglo da se odlu?ite.
?elim ti uspjeh!

Sa sigurno??u se mo?e re?i da je 21. vijek doba interneta. U svakom domu postoje izvori ovog divnog izuma ?ovje?anstva. Idemo na internet, otvaramo stranice web stranica, dobivamo informacije, zabavljamo se ili kupujemo. Ali niko od nas, korisnika, ne razmi?lja o tome kako su oni izgra?eni i ko sve te resurse stvara. Uglavnom nam ne treba. Ne prou?avamo detaljno kako ra?unar radi. Dobro radi za sebe. Koristimo ga i u redu je.

Ali ponekad postoje slu?ajevi kada postoji potreba za nekim dodatnim znanjem. I ovdje ve? jedno "dobro" i "u redu" ne?e si?i. Na primjer, neki rad na Internetu sam po sebi ve? pretpostavlja osnovno poznavanje HTML-a. Na primjer, rad s tekstovima. Ovo znanje je potrebno barem za jednostavno formatiranje ovog teksta.

?ta je uop?te HTML? Skra?enica HTML je skra?enica od HyperText Markup Language. Prevedeno sa engleskog - Hypertext Markup Language. Treba imati na umu da HTML nije programski jezik, kako neki pogre?no misle, ve? jezik za ozna?avanje. Prili?no je lako nau?iti. Glavna svrha HTML-a je preno?enje stranice pomo?u razli?itih oznaka. posebna vrsta. Na osnovu toga mo?ete napraviti jednostavnu web stranicu. Na takvom sajtu mo?ete postaviti informacije o sebi kao autoru, svom portfoliju, kontakt informacije i jo? mnogo toga. Generalno, sve ?to vam padne na pamet.

Jasno je da se komercijalni projekti i slo?enije lokacije kreiraju druga?ije. U na?inu na koji su kreirani, HTML igra gotovo posljednju ulogu. Me?utim, ove metode ?esto zahtijevaju i HTML. A kuda bez toga? Mo?e se koristiti za ispravljanje izgled stranica, njeni oblici, ako ih ima, i tako dalje.

Naravno, danas uop?e mo?ete bez HTML-a. Po ?elji, mogu?e je napraviti web stranicu koriste?i samo poseban konstruktor. Takvi programi dolaze u offline i online verzijama. Ako se rad na stvaranju vlastitog resursa izvodi pomo?u konstruktora izvan mre?e, tada se sve radnje mogu izvesti bez povezivanja na Internet. Tek na samom kraju, kada je resurs ve? formiran, prilikom postavljanja na Internet potrebna je veza. Pa, na mre?i - jasno je da u bez gre?ke potrebna je mre?a.

Koriste?i konstruktor, ne mo?ete razmi?ljati o vlastitom poznavanju jezika za ozna?avanje hiperteksta. Me?utim, ako trebate napraviti neke prilagodbe, a ne mo?ete prona?i posebne predlo?ke, onda bez HTML-a to ne?e biti dobro. Uostalom, vo?eni osnovnim znanjem ovog jezika, lako mo?ete napraviti potrebne promjene. Plus - vlasnik stranice vi?e ne?e ovisiti o ?ablonima. Sre?om, ako je konstruktor kojim je sajt kreiran pla?en. Tada to mo?ete napisati kreatorima, a oni ?e mo?da posipati potreban predlo?ak. Pa, je li zgodno? Sve je bolje kada tvoje znanje ?ivi u tvojoj glavi. Stoga dobro razmislite prije kreiranja stranice i zabilje?ite za sebe koje znanje mo?e biti potrebno, a ?ta zanemariti.

Ho?e? da ti ka?em tajnu? Kreiranje vlastite web stranice mnogo je lak?e nego ?to mislite, a za to su krive nove tehnologije i programi. Mislite da je za to potrebno poznavanje HTML-a, CSS-a itd. Ni?ta sli?no, sada i 10-godi?nje dijete mo?e napraviti web stranicu.
Dozvolite mi da vam ka?em kako se to mo?e uraditi.

Sve metode kreiranja stranice mogu se podijeliti u tri kategorije. Posljednja dva na?ina su vrlo nove tehnologije i programi.
Mo?e?:
1) kreirati web stranicu ru?no koriste?i HTML, CSS, PHP;
2) koristiti program za izradu web stranica;
3) instalirati sistem za upravljanje sadr?ajem (CMS) na sajtu.

Pogledajmo svaku opciju zasebno i poku?ajmo saznati njene karakteristike.
1) HTML je jezik za ozna?avanje hiperteksta. Ukucamo tekst uz odre?ena pravila i dobijemo prekrasnu web stranicu. Recimo samo da je ovo na?in kreiranja web stranice koji oduzima najvi?e vremena. Da biste to provjerili, dovoljno je otvoriti kod ?ak i male html stranice i vidjeti koliko je tu napisano. Nije lako ukucati toliko koda, ?ak i ako koristite html editor. Nije li? A ako ne?to treba promijeniti u ovom kodu, mo?ete li zamisliti koliko dugo mo?e potrajati?
2) Website Builder je program koji vam omogu?ava da kreirate vlastitu web stranicu od gotovih ?ablona.

Prije svega, programi ove vrste mogu se podijeliti u dvije grupe:
- Off-line konstruktori - mogu raditi bez internet veze. Jedini put kada ?e vam trebati ova veza je kada trebate objaviti stranicu na mre?i ili napraviti izmjene na web lokaciji koja je ve? pokrenuta.
- On-line konstruktori - ovdje je obrnuto. Cijeli proces kreiranja stranice odvija se direktno na webu.

Mogu?nosti ovakvih programa su ve?e ?to ih vi?e pla?ate. Ako koristite besplatnu verziju, rizikujete da budete veoma razo?arani. Obi?no pla?ene verzije graditelja web stranica mogu:
— Brzo promijenite dizajn stranice.
— Mogu?nost ure?ivanja stranice u on-line modu.
- Mogu?nost povezivanja softverski moduli(usluge pretra?ivanja web stranice, glasanje, povratne informacije, vijesti, itd.)
- Stalna podr?ka.

?ta mogu besplatne verzije? Sve zavisi od toga na koga naletite. Ali naj?e??e, besplatni graditelji web stranica imaju nekoliko predlo?aka dizajna u svom arsenalu i, u principu, tu su njihove mogu?nosti iscrpljene.

3) CMS (Content Management System). To je program napisan u web programskom jeziku koji je instaliran na va?oj web stranici i u potpunosti upravlja informacijama na njoj. Nakon ?to ste instalirali takav sistem, ne morate da brinete o dizajnu, samo treba da unesete tekst i sadr?aj. Program ?e uraditi ostalo. Po mom mi?ljenju ovo je najfunkcionalnije rje?enje. Postoje sve mogu?nosti za izradu profesionalne web stranice. Takvim sajtom mo?ete upravljati direktno na mre?i. Ono ?to je najva?nije, ovdje mo?ete prona?i vrlo dobra besplatna rje?enja.

Ali koliko god nam se ove nove tehnologije i programi ?inili atraktivnim, oni nas i dalje ne osloba?aju znanja o HTML-u, CSS-u, itd. Da, ne tvrdim da je mogu?e napraviti web stranicu bez ovog znanja, ali je malo vjerovatno da ?e biti mogu?e odr?ati odr?ivu, popularnu i poznatu.

Kao ?to znate, na na?ine koje sam naveo gore, stranica je kreirana od gotovih ?ablona. Ti zavisi? od njih. Zamislite da trebate doraditi neku sitnicu, ali takvog ?ablona jednostavno nema. sta da radim? I instalirati ovu reviziju, pa, jednostavno je od vitalnog zna?aja. Ovo je dobro ako koristite pla?eni CMS ili program za izradu web stranica s podr?kom. U tom slu?aju mo?ete napisati pismo i va? li?ni ?ablon ?e biti kreiran za vas. A ako nema mogu?nosti za kori?tenje pla?enih usluga? Onda morate nau?iti HTML i sve raditi sami. Na besplatnim sistemima niko vam ne?e pomo?i.

Smatram da bi osoba koja ?e kreirati vlastitu stranicu na internetu u svakom slu?aju trebala imati barem osnovno znanje HTML-a. Na primjer, kada objavim novi broj biltena, objavim novi ?lanak, pa ?ak i objavim na forumu, moram koristiti HTML. Zamislite, a ovo je samo mali dio onoga ?to moram da uradim!

Ali postoje i izuzeci. Postoje ljudi kojima dizajn nije toliko va?an, a posebne prilike nisu potrebne. Oni samo ?ele web stranicu koja pohranjuje malo informacija. Obi?no su to mini stranice koje se sastoje od nekoliko stranica. Na primjer, male organizacije ?esto koriste mini-stranice za objavljivanje informacija o sebi. To mogu biti stranice raznih zabavnih ustanova, krugova, sekcija, vatrogasne slu?be, male trgovine i jo? mnogo toga. glavni cilj takav sajt da informi?e ljude putem interneta da postoji takvo mesto. U ovom slu?aju, upotreba graditelja web stranica ili CMS-a bila bi dobrodo?la.

Dana?nji post ?e biti odgovor na interes Pitajte, koji sam nedavno dobio od jednog od pretplatnika. Evo teksta pisma:

Zdravo Eugene!

AT novije vrijeme, sve ?e??e sam po?eo obra?ati pa?nju na materijale na CMS-u i od onoga ?to sam ?itao i slu?ao moje raspolo?enje je sve vi?e padalo)))).

?injenica je da, sude?i po recenzijama, gotovi motori prakti?ki nemaju minusa, solidnih pluseva i mo?e ih koristiti, op?enito, tko nema pojma
programiranje. To jest, postalo je web programeri dizajneri izgleda da
a svi koji su s tim povezani mogu i?i na po?inak (po?to je prona?ena "panaceja").

Ali kako moja praksa pokazuje, ne de?ava se da ne?to za ?ta se pla?ao novac i na tome su radili ljudi sa odre?enim iskustvom i ve?tinama odjednom postane besplatno, a znanje tako?e postane generalno nepotrebno, dovoljno je pro?itati priru?nik na
?ini se da je upotreba CMS-a i debelih knjiga o programiranju postala nepotrebna...

Zato sam odlu?io da vam se obratim sa pitanjem kako stvari zaista stoje i koje mesto gotovi CMS-ovi zauzimaju u profesionalnoj izgradnji sajtova?

Zapravo, sada postoji trend da se za kreiranje sajtova sve vi?e koriste razli?iti gotovi motori (CMS), kao ?to su Joomla, Drupal, Wordpress, DLE itd.

Uostalom, u stvari, ako stranica treba da implementira samo osnovnu funkcionalnost, a nema posebnih zahtjeva, onda nema potrebe za ponovnom izmi?ljanjem kota?a i lak?e je napraviti web stranicu zasnovanu na najpogodnijem CMS-u za ovaj zadatak.

Ali s druge strane, mislim da je prerano otpisivati HTML, CSS i PHP jer bez poznavanja ovih stvari, bi?e te?ko stvoriti zaista vrednu i jedinstvenu stranicu. Na kraju krajeva, CMS nije lijek i vrlo ?esto morate kopati u sistemski kod kako biste postigli ?eljeni rezultat. A kod ve?ine CMS-a je gomila HTML+CSS+PHP.

Trenutno radim na kursu o popularnom CMS sistemu. I svaki dan provodim dosta vremena rade?i sa ovim sistemom. I mogu re?i da nije bilo dana da nisam koristio znanje HTML-a, CSS-a i PHP-a.

Da, mo?ete napraviti web stranicu na CMS-u, prilo?iti neku vrstu besplatni dizajn, napunite materijalima i dobijete sajt koji je kao brat blizanac sli?an drugim sajtovima napravljenim na isti na?in.

Ali danas sa takvim sajtom ne mo?ete daleko, potrebna vam je jedinstvenost, potrebno je da sajt doradite kako bi odgovarao va?im potrebama, a za to je potrebno znanje.

Dakle, u ovoj fazi razvoja interneta, ?ini mi se da ne treba zanemariti studij osnovni jezici web programiranja, na kojima ovi motori rade, ali i da ne zanemarimo najdostojnije CMS sisteme, jer. ?esto uz pomo? njih mo?ete napraviti stranicu ili mre?u stranica mnogo br?e nego ?to sve sami pi?ete.