Om vi vet att block kan ?ndras p? det och det s?tt, d? kan vi anv?nda detta i v?rt arbete.

front-end ramar

Det finns ocks? ramar. De s? kallade frontend-ramverken. Den mest popul?ra ?r bootstrap. Jag ska ocks? visa dig vad det ?r. I ett n?tskal ?r detta en upps?ttning komponenter som redan kan anv?ndas p? din webbplats. Det vill s?ga de olika storlekar, de fungerar p? ett visst s?tt. Denna upps?ttning komponenter kan ges till layoutdesignern och han monterar allt utifr?n dessa komponenter. Detta f?renklar allt, det vill s?ga ist?llet f?r att uppfinna dessa saker sj?lv kan du ta f?rdiga och anv?nda dem. De mest popul?ra ?r getbootstrap, foundation, pure, semantic, etc. (Fig. 3,4).

Fig.3 Frontend-ramverk

Fig.4 Frontend-ramverk

Det finns animationsramverk (fig. 5). Vi kan ocks? ta f?rdiga element och skapa n?gra saker utifr?n dem. Vi kan vrida n?got, flytta n?got, fylla n?got med f?rg, r?ra oss i vinkel, r?ra oss med f?rvr?ngning, f?rstora. Allt detta ger oss nya uttrycksm?jligheter. Det ?r en sak vi bara trycker p? en knapp i gr?nssnittet, det ?r en annan sak n?r det har n?gon form av extra animation. Naturligtvis ska du vara riktigt f?rsiktig med detta och implementera det bara n?r det ?r viktigt och n?dv?ndigt.

Ris. 5 animationsramar

?terigen ?r allt klart och du kan helt enkelt ge en l?nk till din layoutdesigner och tydligt visa vad du vill att han ska g?ra.

D?rf?r, i schemat (fig. 6), ?r layoutdesignern ett bakslag (fig. 7), som i exemplet med en bil, n?r vi vrider ratten till v?nster, och hjulen b?rjar sv?nga f?rst efter en viss tidsperiod. F?ljaktligen ?ven i design. Man s?ger ?t layoutdesignern att g?ra n?got, han f?rst?r det p? n?got s?tt p? sitt s?tt, och efter ett tag f?r man n?got slags resultat. Du m?ste interagera med honom mer.

Ris. 6 Schema med layoutdesigner

Ris. 7 Bakslag

Webbplatsdesign i html/css

Om det finns en bra teknolog. (Fig. 8) Det h?r ?r en person som inte bara skapar sidor i block, utan en person som f?rst?r och kan den tekniska delen v?ldigt djupt, f?rst?r b?ttre ?n du, han ?r sj?lv redo att erbjuda n?got. Att ha en teknolog i teamet ?r ett stort plus. Han kommer inte bara att g?ra grundl?ggande saker, han kommer att g?ra mycket b?ttre, trevligare, han kommer att f?rfina n?got och d?rmed blir resultatet mycket h?gre.

Ris. 8 Schema med en teknolog

Teknologen ?r din spak (Fig. 9). Rycka, som du kan v?lja beroende p? uppgiften.

Fig.9 Spak

Om designern ?r en teknolog. Det ?r generellt bra n?r man sj?lv k?nner till m?jligheterna inom animation (frontent) och man implementerar dem sj?lv, provar, experimenterar, kanske skapar n?got nytt osv. Och detta ?r idealiskt. F?r ju mer exakt kontroll ?ver resultatet, desto b?ttre blir resultatet.

Ris. 10 Schema designer-teknolog

Det finns programvara som l?ter dig designa en webbplats i html / css utan att k?nna till koden (bild 11): Adobe Muse, Adobe Edge Animate, Macaw, Webflow. Det finns kurser p? dessa program, studera d?refter och prova.

Fig. 11 Program f?r att arbeta med webbdesign p? html / css utan att k?nna till koden

Sammanfattningsvis, ?r det n?dv?ndigt att kunna html i webbdesign? Nej.

Designern beh?ver inte typs?tta, men f?r att veta och f?rst? hur sidor ?r uppbyggda (html / css), f?rst?else av ramverket ?r ja, eftersom designern m?ste f?rst? materialet som han arbetar med.

L?r dig mer om yrket som webbdesigner i min gratis m?starklass.

L?t oss titta p? varje alternativ separat och f?rs?ka ta reda p? dess funktioner.

1) HTML ?r ett hypertextmarkeringsspr?k. Vi skriver text med vissa regler och f?r en vacker webbsida. L?t oss uttrycka det s? h?r: det h?r ?r det mest tidskr?vande s?ttet att skapa en webbplats. F?r att verifiera detta r?cker det med att ?ppna koden f?r ?ven en liten html-sida och se hur mycket som st?r d?r. Det ?r inte l?tt att skriva s? mycket kod, ?ven om du anv?nder en html-editor, eller hur? Och om n?got beh?ver ?ndras i den h?r koden, kan du f?rest?lla dig hur l?ng tid det kan ta?

2) Website Builder ?r ett program som l?ter dig skapa din egen hemsida fr?n f?rdiga mallar.

F?rst och fr?mst kan program av detta slag delas in i tv? grupper:
- Off-line konstrukt?rer - kan arbeta utan internetanslutning. Den enda g?ngen du beh?ver den h?r anslutningen ?r n?r du beh?ver publicera en webbplats p? n?tverket eller g?ra ?ndringar p? en webbplats som redan k?rs.
– Online-konstrukt?rer – h?r ?r det tv?rtom. Hela processen med att skapa en webbplats sker direkt p? webben.

M?jligheterna med s?dana program ?r st?rre ju mer du betalar f?r dem. Anv?nder du gratisversionen riskerar du att bli mycket besviken. Vanligtvis till?ter betalversioner av webbplatsbyggare dig att:
- snabbt ?ndra designen p? webbplatsen;
— redigera webbplatsen i on-line-l?ge;
— ansluta mjukvarumoduler (webbplatss?kningstj?nster, r?stning, Respons, nyhetsfl?de, etc.);
- kontakta supporten.

Vad kan gratisversioner g?ra? Allt beror p? exakt vad du anv?nder. Men oftast gratis konstrukt?rer webbplatser har flera designmallar i sin arsenal och i princip ?r det h?r deras m?jligheter ?r utt?mda.

3) CMS (Content Management System). Det ?r ett program skrivet i ett webbprogrammeringsspr?k som ?r installerat p? din webbplats och helt hanterar informationen p? den. Efter att ha installerat ett s?dant system beh?ver du inte oroa dig f?r designen, skriv bara in text och inneh?ll. Programmet g?r resten. Min ?sikt: detta ?r den mest funktionella l?sningen. Det finns alla m?jligheter att skapa en professionell hemsida. Du kan hantera en s?dan webbplats direkt p? n?tet. Viktigast av allt, h?r kan du hitta mycket bra gratisl?sningar.

Men oavsett hur attraktiva dessa nya teknologier och program kan verka f?r oss, s? befriar de oss fortfarande inte fr?n kunskap om HTML, CSS, etc. Ja, jag argumenterar inte f?r att det ?r m?jligt att skapa en webbplats utan denna kunskap, men det ?r osannolikt att det kommer att vara m?jligt att beh?lla den livskraftig, popul?r och ber?md.

Som ni vet, p? de s?tt som jag har gett ovan, ?r webbplatsen skapad av f?rdiga mallar. Du ?r beroende av dem. F?rest?ll dig att du beh?ver f?rfina n?gon liten sak, men det finns helt enkelt ingen s?dan mall. Vad ska man g?ra? Och f?r att installera denna revidering, ja, det ?r helt enkelt livsn?dv?ndigt. Detta ?r bra om du anv?nder ett betalt CMS eller en webbplatsbyggare med support. I det h?r fallet kan du skriva ett brev, s? skapas din personliga mall ?t dig. Och om det inte finns n?gon m?jlighet att anv?nda betaltj?nster? D? m?ste du l?ra dig HTML och g?ra allt sj?lv. P? gratissystem kommer ingen att hj?lpa dig.

Jag anser att en person som ska skapa sin sida p? Internet i alla fall b?r ha ?tminstone grundl?ggande kunskaper i HTML. N?r jag till exempel publicerar ett nytt nyhetsbrev publicerar jag ny artikel, ja till och med jag l?mnar meddelandet i ett forum, till mig f?r att beh?va anv?nda HTML. T?nk dig, och det h?r ?r bara en liten br?kdel av vad en webbbyggare beh?ver g?ra!

Men det finns ocks? undantag. Det finns m?nniskor f?r vilka designen inte ?r s? viktig, och speciella m?jligheter beh?vs inte. De vill bara ha en webbplats som lagrar lite information. Vanligtvis ?r det minisajter som best?r av flera sidor. Till exempel anv?nds minisajter ofta av sm? organisationer f?r att publicera information om sig sj?lva. Dessa kan vara platser f?r olika underh?llningsanl?ggningar, kretsar, sektioner, en brandk?r, liten aff?r och andra. Deras fr?msta m?l ?r att informera m?nniskor via Internet om att det finns en s?dan plats. F?r ett s?dant fall r?cker det med en webbplatsbyggare eller CMS.

Tja, det var allt jag ville ber?tta f?r dig i den h?r artikeln. Jag hoppas det ?tminstone lite, men hj?lpte dig att best?mma dig.
Jag ?nskar er framg?ng!

Det ?r s?kert att s?ga att 2000-talet ?r Internets tids?lder. I varje hem finns det k?llor till denna underbara uppfinning av m?nskligheten. Vi g?r online, ?ppnar sidor p? webbsidor, f?r information, har roligt eller g?r k?p. Men ingen av oss, anv?ndare, t?nker p? hur de ?r byggda och av vem alla dessa resurser skapas. F?r det mesta beh?ver vi det inte. Vi studerar inte i detalj hur en dator fungerar. Fungerar bra f?r sig sj?lv. Vi anv?nder det och det ?r okej.

Men ibland finns det fall d? det finns behov av ytterligare kunskap. Och h?r kommer redan en "bra" och "okej" inte att g? av. Till exempel f?ruts?tter visst arbete p? Internet i sig redan grundl?ggande kunskaper om HTML. Arbeta till exempel med texter. Denna kunskap beh?vs ?tminstone f?r att helt enkelt formatera samma text.

Vad ?r HTML egentligen? F?rkortningen HTML st?r f?r HyperText Markup Language. ?versatt fr?n engelska - Hypertext Markup Language. Man m?ste komma ih?g att HTML inte ?r ett programmeringsspr?k, som vissa felaktigt tror, utan ett uppm?rkningsspr?k. Det ?r ganska l?tt att l?ra sig. Huvudsyftet med HTML ?r att f?rmedla sidan med olika taggar. speciell sort. Baserat p? det kan du bygga en enkel webbplats. P? en s?dan sida kan du placera information om dig sj?lv som f?rfattare, din portfolio, kontaktinformation och mer. I allm?nhet allt som kommer att t?nka p?.

Det ?r tydligt att kommersiella projekt och mer komplexa sajter skapas p? olika s?tt. I s?ttet de skapas spelar HTML n?stan den sista rollen. Men dessa metoder kr?ver ofta ocks? HTML. Och var utan den? Den kan anv?ndas f?r att korrigera utseende webbplats, dess former, om n?gon, och s? vidare.

Sj?lvklart kan du idag klara dig utan HTML alls. Om s? ?nskas ?r det m?jligt att skapa en webbplats med endast en speciell konstrukt?r. S?dana program finns i offline- och onlineversioner. Om arbetet med att skapa din egen resurs utf?rs med hj?lp av konstruktorn offline, kan alla ?tg?rder utf?ras utan att ansluta till Internet. F?rst i slutet, n?r resursen redan har bildats, n?r du laddar upp den till Internet, beh?vs en anslutning. Tja, online - det ?r tydligt att i utan misslyckande ett n?tverk kr?vs.

Med hj?lp av konstruktorn kan du inte t?nka p? dina egna kunskaper om hypertextmarkeringsspr?ket. Men om du beh?ver g?ra n?gra justeringar och du inte kan hitta speciella mallar, kommer det inte att vara s?rskilt bra utan HTML. N?r allt kommer omkring, styrd av de grundl?ggande kunskaperna i detta spr?k, kan du enkelt g?ra de n?dv?ndiga ?ndringarna. Plus - ?garen av sajten kommer inte l?ngre att vara s?rskilt beroende av mallar. Lyckligtvis, om konstrukt?ren som webbplatsen skapades med betalas. Sedan kan du skriva det till skaparna, och de kanske kommer att str? den n?dv?ndiga mallen. Tja, ?r det bekv?mt? Allt blir b?ttre n?r din kunskap bor i ditt huvud. D?rf?r b?r du t?nka noga innan du skapar en sajt, och notera sj?lv vilken kunskap som kan beh?vas och vad som b?r f?rsummas.

Vill du att jag ska ber?tta en hemlighet f?r dig? Att skapa din egen webbplats ?r mycket enklare ?n du tror, och nya teknologier och program b?r skulden f?r detta. Du tror att detta kr?ver kunskaper i HTML, CSS etc. Inget s?dant, nu kan ?ven ett 10-?rigt barn skapa en hemsida.
L?t mig ber?tta hur detta kan g?ras.

Alla metoder f?r att skapa en webbplats kan delas in i tre kategorier. De tv? sista s?tten ?r de mycket nya teknologierna och programmen.
Du kan:
1) skapa en webbplats manuellt med HTML, CSS, PHP;
2) anv?nd en webbplatsbyggare;
3) installera ett inneh?llshanteringssystem (CMS) p? webbplatsen.

L?t oss titta p? varje alternativ separat och f?rs?ka ta reda p? dess funktioner.
1) HTML ?r ett hypertextmarkeringsspr?k. Vi skriver text med vissa regler och f?r en vacker webbsida. L?t oss bara s?ga att detta ?r det mest tidskr?vande s?ttet att skapa en webbplats. F?r att verifiera detta r?cker det med att ?ppna koden f?r ?ven en liten html-sida och se hur mycket som st?r d?r. Det ?r inte l?tt att skriva s? mycket kod, ?ven om du anv?nder en html-editor. ?r det inte? Och om n?got beh?ver ?ndras i den h?r koden, kan du f?rest?lla dig hur l?ng tid det kan ta?
2) Website Builder ?r ett program som l?ter dig skapa din egen hemsida fr?n f?rdiga mallar.

F?rst och fr?mst kan program av detta slag delas in i tv? grupper:
- Off-line konstrukt?rer - kan arbeta utan internetanslutning. Den enda g?ngen du beh?ver den h?r anslutningen ?r n?r du beh?ver publicera webbplatsen p? n?tverket eller g?ra ?ndringar p? en webbplats som redan k?rs.
– Online-konstrukt?rer – h?r ?r det tv?rtom. Hela processen med att skapa en webbplats sker direkt p? webben.

M?jligheterna med s?dana program ?r st?rre ju mer du betalar f?r dem. Anv?nder du gratisversionen riskerar du att bli mycket besviken. Vanligtvis kan betalda versioner av webbplatsbyggare:
— ?ndra snabbt designen p? webbplatsen.
— M?jlighet att redigera webbplatsen i onlinel?ge.
- M?jlighet att ansluta mjukvarumoduler(webbplatss?kningstj?nster, r?stning, feedback, nyhetsfl?de, etc.)
- P?g?ende st?d.

Vad kan gratisversioner g?ra? Allt beror p? vem du st?ter p?. Men oftast har gratis webbplatsbyggare flera designmallar i sin arsenal och i princip ?r det h?r deras m?jligheter ?r utt?mda.

3) CMS (Content Management System). Det ?r ett program skrivet i ett webbprogrammeringsspr?k som ?r installerat p? din webbplats och helt hanterar informationen p? den. Efter att ha installerat ett s?dant system beh?ver du inte oroa dig f?r designen, du beh?ver bara ange text och inneh?ll. Programmet g?r resten. Enligt min mening ?r detta den mest funktionella l?sningen. Det finns alla m?jligheter att skapa en professionell hemsida. Du kan hantera en s?dan webbplats direkt p? n?tet. Viktigast av allt, du kan hitta mycket bra gratisl?sningar h?r.

Men oavsett hur attraktiva dessa nya teknologier och program verkar f?r oss, s? befriar de oss fortfarande inte fr?n kunskap om HTML, CSS, etc. Ja, jag argumenterar inte f?r att det ?r m?jligt att skapa en webbplats utan denna kunskap, men det ?r osannolikt att det kommer att vara m?jligt att beh?lla den livskraftig, popul?r och ber?md.

Som ni vet, p? de s?tt som jag har gett ovan, ?r webbplatsen skapad av f?rdiga mallar. Du ?r beroende av dem. F?rest?ll dig att du beh?ver f?rfina n?gon liten sak, men det finns helt enkelt ingen s?dan mall. Vad ska man g?ra? Och f?r att installera denna revidering, ja, det ?r helt enkelt livsn?dv?ndigt. Detta ?r bra om du anv?nder ett betalt CMS eller en webbplatsbyggare med support. I det h?r fallet kan du skriva ett brev, s? skapas din personliga mall ?t dig. Och om det inte finns n?gon m?jlighet att anv?nda betaltj?nster? D? m?ste du l?ra dig HTML och g?ra allt sj?lv. P? gratissystem kommer ingen att hj?lpa dig.

Jag anser att en person som ska skapa sin egen sida p? Internet i alla fall b?r ha ?tminstone grundl?ggande kunskaper i HTML. Till exempel, n?r jag publicerar ett nytt nyhetsbrev, publicerar en ny artikel och till och med postar i ett forum, m?ste jag anv?nda HTML. T?nk dig, och det h?r ?r bara en liten del av vad jag m?ste g?ra!

Men det finns ocks? undantag. Det finns m?nniskor f?r vilka designen inte ?r s? viktig, och speciella m?jligheter beh?vs inte. De vill bara ha en webbplats som lagrar lite information. Vanligtvis ?r det minisajter som best?r av flera sidor. Till exempel anv?nds minisajter ofta av sm? organisationer f?r att publicera information om sig sj?lva. Dessa kan vara platser f?r olika underh?llningsanl?ggningar, cirklar, sektioner, en brandstation, en liten butik med mera. huvudm?let en s?dan sida f?r att informera m?nniskor via Internet att det finns en s?dan plats. I det h?r fallet skulle anv?ndningen av en webbplatsbyggare eller CMS vara mycket v?lkommen.

Dagens inl?gg kommer att vara ett svar p? intresse Fr?ga, som jag nyligen fick av en av prenumeranterna. H?r ?r texten i brevet:

Hej Eugene!

P? senare tid, Jag b?rjade mer och oftare uppm?rksamma material p? CMS och fr?n vad jag l?ste och lyssnade p? f?ll mitt hum?r mer och mer)))).

Faktum ?r att, att d?ma av recensionerna, har f?rdiga motorer praktiskt taget inga minus, solida plus och vem som helst kan anv?nda dem i allm?nhet, som inte har n?gon aning om
programmering. Dvs det blev att vara webbprogrammerare layoutdesigners ja
och alla som ?r kopplade till detta kan g? till vila (eftersom ett "universalmedel" har hittats).

Men som min praxis visar, det h?nder inte att n?got som man tidigare betalade pengar f?r och personer med viss erfarenhet och kompetens arbetade med det pl?tsligt blev gratis och kunskaper blev ocks? allm?nt on?diga, det r?cker med att l?sa manualen p?
anv?ndandet av CMS och tjocka b?cker om programmering verkar ha blivit on?digt ...

S? jag best?mde mig f?r att v?nda mig till dig med fr?gan om hur saker och ting egentligen ?r och vilken plats tar f?rdiga CMS:er i professionellt byggande av webbplatser?

Faktum ?r att det nu g?r en trend mot att olika f?rdiga motorer (CMS), som Joomla, Drupal, Wordpress, DLE, etc., i allt h?gre grad anv?nds f?r att skapa sajter.

N?r allt kommer omkring, i sj?lva verket, om webbplatsen bara beh?ver implementera grundl?ggande funktionalitet och det inte finns n?gra speciella krav, s? finns det inget behov av att uppfinna hjulet igen och det ?r l?ttare att skapa en webbplats baserad p? det mest l?mpliga CMS f?r denna uppgift.

Men ? andra sidan tycker jag att det ?r f?r tidigt att skriva av HTML, CSS och PHP pga utan att veta dessa saker kommer det att vara sv?rt att skapa en verkligt v?rdefull och unik webbplats. N?r allt kommer omkring ?r CMS inte ett universalmedel, och mycket ofta m?ste du gr?va i systemkoden f?r att uppn? ?nskat resultat. Och koden f?r de flesta CMS ?r en massa HTML+CSS+PHP.

Jag h?ller just nu p? med en kurs i ett popul?rt CMS-system. Och varje dag tillbringar jag mycket tid med det h?r systemet. Och jag kan s?ga att det inte fanns en dag d? jag inte anv?nde kunskapen om HTML, CSS och PHP.

Ja, du kan g?ra en webbplats p? CMS, bifoga n?gon form av gratis design, fyll p? med material och skaffa en sajt som likt en tvillingbror liknar andra sajter gjorda p? samma s?tt.

Men idag kan du inte komma l?ngt med en s?dan sida, du beh?ver unikhet, du m?ste f?rfina webbplatsen f?r att passa dina behov, och detta kr?ver kunskap.

S?, i detta skede av utvecklingen av Internet, f?refaller det mig att man inte b?r f?rsumma studien basspr?k webbprogrammering, som dessa motorer fungerar p?, men inte heller f?r att bortse fr?n de mest v?rdiga CMS-systemen, eftersom. ofta med hj?lp av dem kan du g?ra en webbplats eller ett rutn?t av webbplatser mycket snabbare ?n att skriva allt sj?lv.