Wat heb je nodig om tos te maken. Wat heb je nodig om een ​​eigen bedrijf te starten? Wat moet er gebeuren om te creëren?

2 stemmen

Als u besluit de moeilijke weg te gaan, heeft u specialisten nodig. Wat precies? U kunt eerst een ontwerper inhuren die uw site in Photoshop tekent, vervolgens een lay-outontwerper die de afbeelding omzet in een elektronische bron en vervolgens een programmeur. Het zal uw eigen controlepaneel en benodigde scripts voor u schrijven, bijvoorbeeld .

Om geen geld en tijd te verspillen aan specialisten, stelde ik voor om een ​​gratis engine te gebruiken. Er zijn kant-en-klare sjablonen voor en (scripts, applicaties) kunnen opnieuw gratis worden gedownload en geïnstalleerd. Omdat de engine populair is, schrijven en plaatsen veel specialisten hun creaties voor gratis toegang.

Je hebt misschien ook een lay-outontwerper nodig als je een ontwerp hebt en het een beetje wilt veranderen, maar niets wilt weten over de code. Op de websites vind je een specialist voor een passende prijs fl.ru en webschrijver . Ook vind je hier een copywriter die teksten voor je schrijft of een redacteur.

Belangrijke eigenschappen

Om je eigen site te maken, heb ik het hier al over gehad, programma's zijn niet zo belangrijk, maar bepaalde karaktereigenschappen. De meest fundamentele is de wens om vooruit te gaan, om te leren, niet om op zijn plaats te blijven.

Iemand maakt bijvoorbeeld een website, alles past bij hem. Hij denkt niet na over hoe hij meer kan verdienen, hoe hij de blog aantrekkelijker kan maken voor de lezer. Zo iemand staat op de ene plek, schrijft de een na de ander artikelen en dat is het dan. Deze strategie is niet zo slecht, maar als je wilt leren, dan kun je meer bereiken.

Sinds een jaar ben ik op de school van bloggers Alexander Borisov en ik leer constant iets nieuws. Ik ben nog niet eens op de helft. Ik ben constant bezig met het ontwikkelen van mijn blog. Daarnaast probeer ik iets extra's te begrijpen: Yandex Direct, lay-out, codering.


Ik kan je een cursus aanbieden WordPress 4. Voorbeeld van het maken van een blog ". Je leert zelf hoe je sjablonen tekent, websites opmaakt. Je kunt het van begin tot eind in één avond doorlopen. Je leert alles wat er te weten valt over WordPress.


Alles is goed aan deze motor, maar er zijn ook nadelen. Niets is perfect. Als u een online winkel wilt maken, kunt u dit vergeten. Niet alle plug-ins op internet zijn gratis en nuttig. Helaas is degene die draait vrij duur en niet te "correct".

In dit geval zou ik OpenCard aanraden. Mikhail Rusakov heeft ook een cursus over het maken van een website met dit CMS. Het heet " Een online winkel maken op OpenCart 2.0 ". Naast basisvaardigheden ontvangt u handige bonussen: hoe u geld kunt besparen op Yandex Direct, uw site kunt promoten, enzovoort.


Het belangrijkste bij websites is de wil en het vermogen om te leren, maar nog belangrijker is het zetten van de eerste stap. Krijg uw portaal en ontwikkel het vervolgens, vergroot het momentum, leer nieuwe methoden.

In onze branche kun je geen theoreticus zijn. Het is onmogelijk om met je hoofd in één branche te graven. Probeer nu nuttige kennis op te doen en probeer het zo snel mogelijk te doen. We hebben de code bedacht - we gaan verder, we hebben geleerd hoe we de winst kunnen vergroten - de volgende vraag.

Als je op één plek ronddraait, alles probeert te begrijpen, duik je in één branche en loop je het risico erin te blijven. Het is niet erg om zelf een goede ontwerper, lay-outontwerper of copywriter te worden, maar het is veel beter om alles op zijn minst een beetje te begrijpen en te delegeren wat je niet graag delegeert aan andere mensen. In dit geval krijgt u meer winst.

Een beetje theorie

Sites kunnen anders zijn, dit is het eerste dat u moet begrijpen. Het ontwikkelen van een online winkel is iets anders dan het maken van een blog of website voor visitekaartjes. En een portal kan bijvoorbeeld over het algemeen vele maanden worden gemaakt door een team van ervaren ontwikkelaars. Toch zijn de basisstappen om te creëren altijd hetzelfde: het registreren van een domein en het kopen van hostingdiensten zodat uw project ergens op het netwerk wordt gehost.

De vraag wat er nodig is om websites te maken, kan eigenlijk op verschillende manieren worden beantwoord, omdat er veel manieren zijn om ze te maken. Ik zou alles beschrijven wat nodig is, ongeveer als volgt:

Jouw wens. Geen commentaar.

Kennis. Hoe meer kansen je wilt krijgen, hoe meer kennis je nodig hebt.

JavaScript. Snelle start

Geld. Dienovereenkomstig hetzelfde. Hoe steiler je een project plant, hoe meer geld je ervoor nodig hebt. U kunt gratis een testbron maken.

Welnu, alles wat de site zelf en de werking ervan betreft: domein, netwerklocatie, engine, enz.

Laten we eerst kijken naar de eenvoudigste creatie-opties, waarbij je geen kennis en geld nodig hebt.

De gemakkelijkste manieren

Er zijn dus platformgiganten als: Blogger.com, livejournal, wordpress.com en vele anderen. Op dergelijke platforms is het mogelijk om gratis je eigen blog te maken. Dat wil zeggen, u krijgt een gratis plaats op het netwerk waar uw site wordt gehost. Hetzelfde geldt voor het domein, alleen zal het het derde niveau zijn, niet het tweede. Dat wil zeggen, met prefixes.blogger.com, .wordpress.com. Het is duidelijk dat niemand je gratis een normaal domein zal geven.

Rijst. 1. Een thema kiezen voor het maken van een blog op het wordpress-platform

Dit zijn de eenvoudigste manieren om uw webresource zo te maken dat u minimale computerkennis nodig heeft op het niveau van het vermogen om internet te gebruiken en de eenvoudige instructies van de ontwerpers te volgen.

Als u geld heeft, kunt u op dergelijke platforms premiumservices kopen en geavanceerde beheeropties krijgen, dit is al voor geavanceerde gebruikers.

Meer gecompliceerde manier

De constructor elimineert de noodzaak voor u om zelf een domein te registreren, een hoster te selecteren om een ​​plaats op het netwerk te kopen, een engine te installeren en vele andere zorgen. Doe je dit allemaal zelf, dan krijg je in eerste instantie veel meer vrijheid qua sitebeheer. Het enige is dat je al bepaalde kennis nodig hebt, in ieder geval op het initiële niveau. Het zal moeilijk voor je zijn om aan de slag te gaan als je geen idee hebt wat het is: databases, FTP-toegang, gebruikers, back-ups, cPanel, enz. Maar dit alles is de basis van het bouwen van een site en wordt in slechts een paar dagen bestudeerd door te googlen. Laten we het proces eens nader bekijken.

Domeinselectie (sitenaam)

Eigenlijk de eerste stap. Het domein moet worden geregistreerd, zelfs voordat u een plaats op het netwerk voor de site koopt. Ga er verantwoord mee om. De titel moet het hoofddoel van uw project weerspiegelen. Laten we bijvoorbeeld eens kijken naar de naam van deze portal - webformyself. internet voor mij. Al in mijn hoofd wordt het duidelijk dat dit een site is over webtechnologieën en het doel is om deze technologieën voor iedereen gemakkelijker en begrijpelijker te maken. Dienovereenkomstig moet je een mooie en onbezette naam bedenken en kiezen.

JavaScript. Snelle start

Leer de basis van JavaScript met een praktisch voorbeeld van het bouwen van een webtoepassing

Rijst. 2. Kosten van domeinregistratie in verschillende zones

Een domein kan bij elke registrar geregistreerd worden. De meest populaire: reg.ru, 2domains.ru. Welke domeinzone kiezen? Allereerst hangt het af van de mensen uit welk land je vooral op de site wilt zien. Meestal is de .ru-zone geschikt, daarnaast zijn domeinen in deze zone het goedkoopst.

Stel dat u een leraar bent en een website maakt om uw potentiële klanten (studenten) aan te trekken. Je woont in Oekraïne en misschien heb je mensen uit dit land nodig. Uiteraard is het in dit geval beter om u te registreren in de zone.ua. Ook s.by, .kz zijn Wit-Russische en Kazachse sites.

Een domein in de .com-zone betekent een commerciële organisatie. Heeft u alleen bezoekers uit een bepaalde stad nodig, dan kunt u zich inschrijven in nog smallere zones, hierover kunt u meer lezen op de websites van registrars. Registratie voor een jaar kost meestal 100-1000 roebel.

Een plaats op het netwerk kopen waar de site wordt opgeslagen

Het is erg belangrijk. U moet een betrouwbaar hostingbedrijf vinden en diensten van hen kopen waarmee u uw bestanden op hun harde schijven kunt hosten. Dat zijn in feite sites.

Dergelijke diensten kosten 50 tot enkele duizenden roebel per maand, afhankelijk van de mogelijkheden van het tarief. Ik zal geen bepaalde hostingprovider aanbevelen, je kunt het zelf zien in een beoordeling.

Tarieven zijn onder te verdelen in: gratis (testperiode, minimum features), betaald, vip-tarieven, vps, vds, dedicated servers. De nieuwste optie is de coolste - je krijgt een echte externe computer tot je beschikking! Het kost 2000-20000 roebel per maand en is geschikt voor zeer serieuze en populaire sites. VPS / VDS is praktisch hetzelfde, alleen krijg je niet de hele computer, maar slechts een deel van zijn ruimte en middelen. U betaalt natuurlijk veel minder. Dit is de beste optie voor alle webmasters die om hun projecten geven.

Reguliere betaalde hosting heeft, hoewel je ervoor betaalt, een aantal nadelen ten opzichte van VDS. Ten eerste kunnen tientallen sites zich op één IP-adres bevinden. Uw project zal dus veel slechter worden beschermd, omdat het veel buren zal hebben.

Ik ga niet verder op dit onderwerp in, want dit is niet het enige waar ik je over wil vertellen. Hoewel het subtotaal is dat u een domein en hosting nodig heeft om een ​​website te maken, zullen uw totale kosten in dit stadium nauwelijks hoger zijn dan 1000 roebel.

Een engine installeren of webpagina's maken zonder deze

Wanneer de plaats is gekocht, hoeft u alleen het domein eraan te koppelen door de juiste DNS-adressen op te geven, waarna u kunt doorgaan met het installeren van de engine waarop de site zal werken. Ze zijn betaald en gratis. Ik raad WordPress aan, het is gratis, erg populair en gemakkelijk voor een beginner.

U zult de engine zelf moeten installeren, of medewerkers van het bedrijf waar u de hosting heeft gekocht, installeren deze voor u. Dan begint een nieuwe fase - het opzetten van een nieuw project op de motor, het toevoegen van een sjabloon, enz. Er zijn veel kant-en-klare sjablonen op internet (eigenlijk website-ontwerpen), maar feit is dat serieuze webbronnen een uniek ontwerp nodig hebben.

Als u dus niet over de kennis beschikt en niet zelf zo'n sjabloon kunt maken, moet u kiezen: ofwel de gratis opties gebruiken of specialisten betalen om de sjabloon te ontwikkelen. Meestal kost het vanaf 10 duizend roebel.

Eigenlijk kunt u alles turn-key bestellen. Er wordt een domein voor je geregistreerd, er wordt een plek gekocht, alles wordt opgezet, ingericht, er wordt een uniek ontwerp gemaakt, etc. Alles wat je wilt. Als je het geld hebt om dit allemaal te betalen, alsjeblieft. Het kost je van 20-30 duizend roebel tot vele miljoenen. Had ik je al verteld dat bijvoorbeeld portalen binnen een paar maanden worden gemaakt?

Resultaat

Dus, wat is er nodig om helemaal opnieuw een website te maken? Kennis en geld. En als je technisch antwoordt, dan: domein, hosting, engine, database en nog veel meer. Doe je bijvoorbeeld alles zelf, dan heb je ook kennis nodig van talen als HTML, CSS, PHP en een soort engine.

Laten we het nog eens samenvatten, zodat je heel goed onthoudt wat je moet doen om zelf een site te maken. Bekijk het en je krijgt het best mogelijke idee van wat je nodig zou kunnen hebben. Alle verdere informatie kunt u zeker op onze website vinden, want op dit moment hebben we duizenden artikelen en veel goede cursussen, en door u te abonneren op updates kunt u ook meldingen ontvangen over de release van nieuw trainingsmateriaal.

JavaScript. Snelle start

Leer de basis van JavaScript met een praktisch voorbeeld van het bouwen van een webtoepassing

Hoe maak je vanaf het begin gratis je eigen website op internet? Wat is een domein, hosting, CMS-platform, websitebouwer, wat is het verschil en hoe kies je de juiste? Hoe maak je een winstgevende website en verdien je er geld mee?

Welkom vriend! De oprichters van het zakenmagazine HiterBober.ru, Alexander Berezhnov en Vitaly Tsyganok, hebben contact.

In dit artikel delen we onze ervaring met het maken van websites. Wij maken al 3 jaar websites. Gedurende deze tijd hebben we onafhankelijk ongeveer 30 internetprojecten van verschillende complexiteit ontwikkeld en zijn we helemaal opnieuw begonnen.

Nu zijn we professioneel thuis in dit onderwerp en we hopen dat onze kennis u zal helpen.

Nadat u hebt geleerd hoe u websites kunt maken, kunt u niet alleen een internetbron voor uzelf of uw bedrijf maken, maar ook, als u dat wilt, uw bedrijf op het web bouwen.

Dus op dit moment heb je twee opties:

  1. Lees ons artikel tot het einde om zelfstandig alle kennis op te doen die nodig is om een ​​website te maken.
  2. Volg een gratis cursus over het maken van een site, waarbij u vanaf het moment van idee tot het maken van de site "aan de hand" wordt geleid. Ze laten u zien hoe u het kunt promoten en hoe u er geld mee kunt verdienen (zowel door uw goederen / diensten te verkopen als gewoon door advertenties te verkopen). Op de cursus heb je een ondersteuningsdienst + elke dag online webinars + daardoor kan je je aanmelden voor een gratis persoonlijk consult met een analyse van je project.

1. Waar begint het maken van een website?

Als je wordt geconfronteerd met de kwestie van het maken van een website, dan wil je die hoogstwaarschijnlijk niet zomaar maken, maar voor een specifiek doel, toch? Elk project begint met het stellen van een doel, en de site in deze situatie is geen uitzondering.

Laten we eens kijken wat het doel van het maken van een website voor u kan zijn.

Globaal kunnen alle doelen worden onderverdeeld in twee categorieën:

  1. Commercieel doeleinde website creatie (in 95% van de gevallen);
  2. niet-commercieel doel website maken.

Aangezien de overgrote meerderheid van de site voor commerciële doeleinden is gemaakt, zullen deze sites in het artikel worden besproken.

De commerciële doeleinden van het maken van een site omvatten:

  • verkoop van goederen en diensten;
  • persoonlijke en politieke PR;
  • het informeren van de doelgroep om in de toekomst winst te maken;
  • het creëren van een positief imago voor een commercieel bedrijf;
  • creatie van websites door ruilhandel;
  • gratis ontwikkeling van internetprojecten als bonus bij reeds geleverde diensten (verkochte goederen);
  • websites op bestelling maken.

Niet-commerciële doeleinden omvatten de creatie van een website voor liefdadigheidsorganisaties of een groep individuen die deze website zullen gebruiken als platform voor communicatie en uitwisseling van inhoud (foto's, video's, berichten) en informatie onderling.

We bepalen de taken die de site moet oplossen

Het type site wordt geselecteerd op basis van de taken die het moet uitvoeren.

Als u bijvoorbeeld online wilt handelen en producten wilt verkopen via de site, dan heeft u een online winkel nodig.

Of misschien bent u een privé-ontwerper, advocaat of leraar. Dan heeft u een ander type site nodig, dit wordt een visitekaartjessite genoemd, zodat potentiële klanten meer te weten kunnen komen over uw diensten, prijzen voor hen, uw portfolio kunnen zien, klantbeoordelingen en contacten kunnen vinden voor communicatie.

We herhalen dat het gebaseerd is op de taken die u kiest voor het type site waaraan u gaat werken.

Taken die de site helpt oplossen:

  • creëer een stroom van gerichte bezoekers voor uw bedrijf;
  • helpen bij het verwerken van aanvragen van potentiële klanten;
  • de bekendheid van het bedrijf of het persoonlijke merk van de maker van de site vergroten;
  • vertrouwen wekken bij potentiële kopers;
  • gedetailleerde informatie verstrekken in tekst-, audio- en videoformaat;
  • de gebruiker toestaan ​​een bestand te downloaden (prijslijst, presentatie);
  • automatiseer het bedrijfsproces van het bedrijf in het werken met klanten, bereken bijvoorbeeld automatisch de rente op een lening "online".

Hieronder hebben we de meest populaire soorten sites beschreven, met de nadruk op hun kenmerken en onderscheidende kenmerken.

2. Soorten sites

Beste lezer, wij vestigen uw aandacht op het feit dat alle soorten sites vergelijkbare kenmerken hebben en deze indeling is zeer voorwaardelijk.

Alle sitebouwers of zogenaamde webmasters gebruiken deze termen (namen van sitetypes) echter in hun werk en u moet begrijpen wat er op het spel staat.

Ik heet u welkom, beste lezer, op de blog InetSovety.ru. In dit artikel zal ik je in detail vertellen hoe je een website vanaf nul en praktisch gratis kunt maken. Ik zal praktische informatie en ervaringen van de afgelopen 5 jaar met u delen.

Nadat u kant-en-klare stapsgewijze instructies hebt ontvangen om zelf een site helemaal opnieuw te maken, kunt u niet alleen een website voor uzelf ontwikkelen en openen, maar ook voor een bedrijf of een freelance klant.

Hoe te beginnen met creëren?

Voordat u uw site op internet opent, moet u voor uzelf duidelijk begrijpen waarom u deze nodig heeft? Wat is je doel om het te maken? Uw verdere acties om het project uit te voeren zullen hiervan afhangen.

Laten we eens kijken voor welke behoeften websites meestal worden gemaakt:

  • voor winst - commerciële websites;
  • niet-commerciële projecten voor onderlinge communicatie en uitwisseling van informatie, zeldzaam, maar er zijn;
  • informatie- en educatieve portals met beperkte toegang tot inhoud (tegen een abonnement of tegen betaling wordt toegang tot informatie verleend voor een bepaalde periode);
  • onlinewinkels voor de verkoop van goederen en pagina's voor besteldiensten;
  • thematische informatie Internetportalen voor het verzamelen van de doelgroep om geld te verdienen met advertenties en partnerprogramma's.

U wilt bijvoorbeeld geld verdienen met het leveren van uw diensten. In dit geval heeft u een site voor visitekaartjes nodig. Een plek waar u uw portfolio kunt posten met voorbeelden van werk, een beschrijving van de geleverde diensten, prijzen daarvoor, contactgegevens, klantbeoordelingen.

De volgende taak is direct gerelateerd aan commercie - handel in goederen via internet. Een simpele site op de constructor past hier niet meer. En je hebt een multifunctioneel portaal nodig waar je niet alleen op een voor de gebruiker handige manier een beschrijving van de verkochte goederen kunt plaatsen, maar ook bestellingen kunt opnemen, adviseren en klantvragen kunt beantwoorden. Deze sites worden online winkels genoemd.

Als het doel van het maken van uw eigen website is om uw gedachten met lezers te delen. Precies goed voor een blog over de WordPress-engine. Ik zal er later in het artikel uitgebreider over praten.

Als je een platform wilt creëren waarop mensen kunnen communiceren, is zo'n soort website als een forum precies goed.

Een apart artikel is gewijd aan de kwestie van geld verdienen op verschillende soorten sites -.

Bepaal eerst waarom u een website nodig heeft en welke taken deze moet uitvoeren, en selecteer vervolgens een van de soorten projecten om uw idee uit te voeren. Vervolgens zullen de belangrijkste soorten sites worden beschouwd en hun kenmerken worden gegeven.

Overzicht van de belangrijkste soorten webbronnen

Verschillende soorten sites hebben hun eigen speciale namen, vanwege hun focus en taken die ze uitvoeren. U, als toekomstige webmaster, moet weten welke functies elk van hen heeft.

Ondanks de overeenkomsten tussen internetprojecten, zullen we ze op commerciële basis indelen. Ten eerste zullen we de projecten bekijken die rechtstreeks zijn gemaakt om geld uit verkoop te ontvangen, en de tweede - projecten voor het verstrekken en uitwisselen van informatie die indirecte inkomsten uit advertenties ontvangen.

Commerciële sites

Online winkel voor de verkoop van goederen

Het is niet alleen een site met meerdere pagina's met pagina's met productbeschrijvingen, maar ook aanvullende diensten (online adviseur, bestelformulier en online betaling van goederen via plastic kaarten of elektronisch geld).
De aanvraag die de koper voor de goederen heeft ingevuld, wordt ter verwerking naar de beheerder gestuurd die deze verwerkt. Vaak geschiedt de betaling onder rembours bij ontvangst van de bestelling door de klant.

Het helemaal opnieuw ontwikkelen van een hoogwaardige online winkel kost minstens 50.000 roebel.

Het belangrijkste doel is om potentiële klanten informatie te verstrekken over een particuliere specialist of een klein bedrijf dat hun diensten verleent.

Zo'n internetproject bevat pagina's met informatie over het bedrijf, geleverde diensten, tarieven voor werk, klantbeoordelingen en contactgegevens.

Omdat de site vrij klein is en uit 4-5 pagina's bestaat, bedragen de kosten voor het maken ervan 5000 roebel. Als u vrije tijd heeft en graag met ontwerpers of CMS-engines omgaat, kunt u met uw eigen handen en praktisch gratis een website maken met kant-en-klare sjablonen. En je hoeft niemand te betalen.

Bedrijfsproject

Dit is een complexere versie van een site voor visitekaartjes. Het wordt gemaakt door grote bedrijven. De bedrijfswebsite publiceert niet alleen informatie over diensten, bedrijven en contactgegevens, maar kan ook een productcatalogus, nieuwsfeed, productselectieservices, rekenmachines en een online adviseur bevatten.

De ontwikkeling van een bedrijfsmiddel kost minstens 30.000 roebel.

Langling-pagina

Een site van één pagina om één product te verkopen of één dienst te adverteren. In sommige gevallen adverteert de bestemmingspagina voor een reeks producten die van elkaar verschillen in meer verfijnde kenmerken.

De kosten van bestellen bij webontwikkelaars kosten minimaal 20.000 roebel.

Vervolgens gaan we het hebben over projecten die vooral informatie verstrekken aan bezoekers en indirect verdienen, bij plaatsing. verschillende soorten reclame waarmee goederen en diensten aan gebruikers worden geadverteerd. Dergelijke sites ontvangen geld voor het binnenhalen van klanten via advertenties. Meestal worden klikken op advertenties betaald en zijn bepaalde acties (aankoop van goederen, registratie, abonnement op de nieuwsbrief) veel minder gebruikelijk.

Informatieprojecten

Nieuwsportaal

Een site over de evenementen van de stad, regio, niche (de nieuwste gadgets, auto's, etc.) of over alle evenementen in het land en de wereld. Alleen grote websites met een hele staf journalisten kunnen het zich veroorloven om over alles tegelijk te schrijven. Beginners moeten beginnen met projecten met een beperkte focus als het budget beperkt is en er weinig ervaring is.

Het belangrijkste kenmerk van deze webbronnen is de frequente publicatie van notities. Bezoekers gaan naar de site terwijl het nieuws relevant is. Na korte tijd verliest ze de interesse van het publiek. En als je het internetproject niet blijft vullen met nieuwe artikelen, gaan mensen er ook niet naar toe.

De creatie kost vanaf 40.000 roebel.

Blog

Er wordt aangenomen dat een blog een persoonlijke pagina is van één persoon, waarop hij zijn gedachten deelt en zijn houding ten opzichte van verschillende gebeurtenissen en dingen uitdrukt. Naast het feit dat het is gemaakt voor de persoonlijke zelfexpressie van de auteur, is het niet mogelijk om inkomsten te verdienen met advertenties en een abonnementsbasis te verzamelen om hen promotionele aanbiedingen van hun eigen of partnerproducten en -diensten te sturen.

Ondanks het feit dat er al lang speciale blogplatforms zijn waar je gratis je blog op internet kunt starten (de meest populaire is livejournal.com), is het beter om ongeveer 1.500 roebel per jaar uit te geven en een prachtig domein en zelfstandige hosting aan te schaffen .

Nu is er veel informatie op het net over hoe je een website vanaf het begin kunt maken op het WordPress-platform. Bekijk deze eens. Het beschrijft het hele algoritme voor het opzetten van een project met een second-level domein op een betaalde hosting.

Voor freelance programmeurs kost het opzetten van een eenvoudige blog zonder een uniek ontwerp 2000-3000 roebel. Als het gaat om het ontwikkelen van een unieke look en feel, bereid je dan voor om een ​​extra hoeveelheid van vier nullen te gebruiken voor een kwaliteitsontwerp.

Informatiesites

De afgelopen jaren is de regie van informatiesites actief in ontwikkeling, waarop bezoekers antwoorden vinden op hun vragen van praktische aard. De makers van dergelijke projecten analyseren de statistieken van de gevraagde sleutelzinnen en schrijven artikelen met informatie die voldoet aan de behoeften van gebruikers. En ze verdienen geld met advertenties.

In tegenstelling tot nieuwssites, waar het verkeer afhangt van de frequentie waarmee nieuw materiaal wordt gepubliceerd, veroudert informatiemateriaal niet zo snel. Een kwaliteitsartikel brengt bezoekers voor meerdere jaren op rij. Mensen zijn constant op zoek naar antwoorden op de vragen “Hoe? Hoe? Wat?" op het internet.

U kunt zelf een informatiesite openen, waarbij u 3-4 uur per dag besteedt aan het leren van de nodige vaardigheden en het toepassen van de opgedane ervaring in de praktijk. Of delegeer het opzetten van een internetproject, het creëren van een semantische kern, het schrijven en publiceren van artikelen aan freelancers. Je hebt minimaal 30.000 roebel nodig. om te betalen voor de diensten van verschillende specialisten. Maar om zeker te zijn van het resultaat en om de activiteiten van het team te beheersen, moet je begrijpen hoe het goed moet zijn. Ik raad aan om cursussen te volgen over het maken van websites en er geld mee te verdienen.

internetportalen

Ga naar belangrijke sites over onroerend goed, financiën of auto's om te begrijpen wat er op het spel staat. In de regel bevatten dergelijke webbronnen een feed met het laatste nieuws in de branche, een catalogus met bedrijven of producten en een forum.

Zonder een serieuze basis van kennis en ervaring, evenals financiële middelen, is het moeilijk om een ​​dergelijk project te creëren, laat staan ​​te beheren. Wat betreft de kosten, bereid je voor op een grote som van 200.000 roebel.

Wat zijn de kenmerken van bepaalde soorten sites, hebben we onderzocht. Nu moet u nadenken over de taken waarvoor u een internetproject wilt maken en het type bepalen. Daarna kunt u doorgaan naar de volgende fase van het helemaal opnieuw maken van een site - technische implementatie.

De volgorde van het maken en lanceren van de site

Overweeg de fasen van het ontwikkelen van een internetproject. Nadat je hebt bepaald voor welke taken je het type site gaat maken dat je nodig hebt, moet je kiezen hoe technisch het zal worden geïmplementeerd. Vervolgens leer je over websitebouwers en contentmanagementsystemen waarmee je het uiterlijk en de functionaliteit van een webresource kunt aanpassen.

Technische implementatie met behulp van een constructor- of CMS-platform

De online website builder is een dienst die alle tools in huis heeft voor het opzetten en beheren van een website zonder technische kennis op het gebied van programmeren, HTML en CSS talen. Om een ​​site die op de constructor is gemaakt te beheren, hoeft u alleen maar in te loggen op uw account. De intuïtieve interface van het configuratiescherm van de ontwerper bevat een editor waarin u het ontwerp van de site kunt wijzigen, secties en functionaliteit kunt beheren en pagina's kunt maken en aanpassen.

Alle constructeurs zijn voorwaardelijk vrij. Zodra je een mooi second level domein of functionaliteit wilt koppelen, krijg je het aanbod om over te stappen naar een betaald abonnement. Sommige constructeurs van gratis pakketten zenden hun advertenties uit.

Hier is een vergelijking van populaire ontwerpers:

uKit WIX uCoz
Sitetypen Visitekaartjessite, one-pager, online winkel Blog, forum, website voor visitekaartjes, one-stop-shop, online winkel Blog, forum, visitekaartjessite, online winkel, co-eigendomssite, informatieproject
Kant-en-klare sjablonen met aanpasbaarheid voor apparaten Meer dan 150 Vanaf 390 300+ maar niet responsief
Gratis/proefabonnement Ja/15 dagen Welnee Welnee
Minimumtarief vanaf $5 per maand vanaf 4.08$ per maand vanaf $ 2,99 / maand
Niveau 2 domeinbinding Alleen beschikbaar op een betaald abonnement Gratis bij betaalde abonnementen Toegestaan ​​op het gratis abonnement, als u het jaar van het "Optimal"-abonnement als een geschenk betaalt
Koppeling Gaan Gaan Gaan

CMS-platform (engine) is een sitebeheersysteem voor het werken met de inhoud en functionaliteit ervan. Het biedt onbeperkte mogelijkheden voor het implementeren van verschillende functies met behulp van kant-en-klare add-ons of voor programmeurs om modules te schrijven voor speciale taken.

Er zijn gratis en betaalde CMS. Ik wil opmerken dat er in het geval van gratis CMS-engines geen verborgen beperkingen zijn, zoals websitebouwers. Dit is wat ik leuk vind aan WordPress, waarop de blog "Inetsovety.ru" en vele andere projecten van mij zijn gemaakt. Ik betaal alleen voor het domein en de hosting. En ooit moest ik geld uitgeven aan het bestellen van een uniek sjabloon.

Welke engine geschikt is voor de soorten sites die hierboven zijn besproken, kan duidelijk worden begrepen uit de tabel:

CMS Wat kan er gemaakt worden?
WordPress Blog, visitekaartje, bedrijfs- en nieuwssites, informatieproject, portaal met eenvoudige functionaliteit
Joomla Blog, visitekaartjeswebsite, bedrijfswebsite met eenvoudige functionaliteit, nieuwsproject, online winkel met eenvoudige functionaliteit
Drupal Visitekaartjessite, blog, bedrijfs- en nieuwsbron, online winkel met complexe functionaliteit, portals en diensten, zelfs een sociaal netwerk
opencart Alleen online winkel
1C-Bitrix - betaald Visitekaartjessite, blog, nieuws- en bedrijfssite, online winkel met complexe functionaliteit, portals en diensten, promosite, sociaal netwerk
UMI.CMS - betaald Visitekaartjessite, bedrijfs- en nieuwssite, online winkel met complexe functionaliteit, webportaal
osCommerce - betaald Online winkel

Laten we eens kijken naar de verschillen tussen ontwerpers en CMS-platforms om u te helpen een keuze te maken over hoe u zelf een site kunt maken:

  1. Met de hulp van ontwerpers kun je met je eigen handen een website maken zonder technische vaardigheden en kennis van programmeertalen - dit is een groot pluspunt;
  2. Het eerste minpuntje volgt uit het eerste punt - er is een beperking van functionaliteit op gratis tarieven. Als u een functie aan het project moet toevoegen die niet in de standaardbibliotheek van constructoropties staat, kan zelfs een programmeur u niet helpen, aangezien u geen wijzigingen kunt aanbrengen in de broncode van constructorsites.
  3. Een belangrijk nadeel van de ontwerpers is dat je de site niet kunt overzetten naar een andere hosting. Eenmaal daar gemaakt, blijft een internetproject er voor altijd op staan. Terwijl webbronnen op CMS worden geback-upt en overgedragen tussen hosters is vrij eenvoudig.
  4. Door een domeinnaam op het tweede niveau aan de site te koppelen, laten de meeste ontwerpers alleen betaalde abonnementen toe.
  5. Ontwerpers hebben beperkingen op het aansluiten van Seo-modules, wat de promotie in zoekmachines bemoeilijkt.

Zoals u kunt zien, kunt u gratis een site maken met uw eigen handen op de constructor, maar deze is beperkt in functionaliteit. Als we de aanschaf van een betaald tarief overwegen, kunnen de kosten hoger uitvallen dan bij het plaatsen van een internetproject op een gratis of betaald CMS van een hoster.

Domeinnaam

De volgende stap bij het maken van een site met uw eigen handen is het kiezen van een unieke naam ervoor op het netwerk. Een domein is het adres van een site op internet. Alle domeinnamen hebben twee componenten. Een voorbeeldsite bevat de naam inetsovety en de zone waarin deze is geregistreerd is geschreven door een punt - .ru. De zone geeft de regio of het land van hosting aan, of het doel van de site.

Bovengenoemde domeinen van het tweede en derde niveau. Het aantal niveaus wordt bepaald door het aantal delen gescheiden door een punt.

site - is een domein op het tweede niveau, en forum.site zal het derde zijn. Als een 3e niveau domein wordt gecreëerd op basis van een 2e niveau domein, hebben ze een speciale naam - subdomeinen.

Als u besluit om uw website op internet te maken met behulp van een van de ontwerpers, kunt u gratis een domein op het derde niveau registreren. Het zal ongeveer zo zijn - moydomen.ucoz.com.

Hosting

Internetprojecten die op het CMS-platform zijn gemaakt, worden gehost door hostingbedrijven die sitebestanden op hun servers kunnen opslaan.

U kunt uw website op internet plaatsen voor minimaal 120 roebel per maand van een goede host. Met een toename van het verkeer van een internetproject, kan het een krachtigere server vereisen, daarom zullen de kosten voor het huren van een hosting stijgen.

Ik host mijn sites met twee goede hosters - Beget en Makhost. Allereerst omdat ze een uitstekende kwaliteit hosting hebben voor een normale prijs. Sites werken zonder storingen en in geval van problemen zal een responsieve ondersteuningsservice helpen om de ontstane problemen op te lossen.

Extern ontwerp

In eerste instantie kunt u een gratis sjabloon kiezen en installeren. Op internet zijn er veel thema's voor verschillende CMS, die gratis worden verspreid. Als u een serieus commercieel project maakt, is het beter om te investeren in een ontwerp dat uw middelen onderscheidt van concurrenten.

Prachtig thema te koop voor WordPress wortel, het heeft flexibele ontwerpinstellingen en is cool seo-geoptimaliseerd voor promotie in zoekmachines.

In dit geval moet u contact opnemen met de ontwerper om de lay-out van de site te ontwikkelen. Om te begrijpen welke elementen op de site aanwezig moeten zijn, analyseert u uw concurrenten. Markeer succesvolle oplossingen en geef in de taakomschrijving uw wensen voor de structuur van het toekomstige project aan.

Nadat je een psd-bestand hebt ontvangen met website-elementen getekend in Adobe Photoshop, wend je je tot programmeurs. Zij maken de layout - aanpassing van het ontwerp aan het eerder gekozen CMS systeem.

U kunt site-ontwikkelaars vinden op freelance-uitwisselingen, zie de lijst met de meest populaire.

Gratis sjablonen kunnen ook in snoep worden omgezet als u een beetje HTML en CSS begrijpt. Maak een uniek logo voor je website in Photoshop, installeer een favicon, stel een persoonlijke stijl in voor het ontwerp van publicatiemateriaal.

Besteed aandacht aan de volgende gratis cursussen, ze zullen je niet alleen helpen om je website gratis te maken, maar deze ook prachtig met je eigen handen te versieren.

Inhoud vullen

Inhoud verwijst naar tekst, afbeeldingen, videomateriaal dat op de site is geplaatst. Het hangt allemaal af van de doelen van de site. De visitekaartjessite moet afbeeldingen met voorbeelden van werk bevatten op de portfoliopagina, een prijslijst met prijzen voor het werk. Op bedrijfsprojecten kan men niet zonder het plaatsen van representatieve promotievideo's, beschrijvingen van de activiteiten van het bedrijf.

Een van de fasen van de voorbereiding van de inhoud is het verzamelen van de semantische kern van de site. Die. belangrijkste zoekopdrachten waarvoor het zal worden gepromoot in de populaire zoekmachines Yandex en Google. Als contextuele advertenties de bron van verkeer zijn, moet u weten welke zoekwoorden uw concurrenten gebruiken om hun advertenties te rouleren.

Het werk van het schrijven van teksten over het bedrijf kan worden toevertrouwd aan copywriters en professionele contentmanagers zullen helpen bij het regelen van publicaties op de site. Ze zijn allemaal freelance te vinden.

Hoe te leren om helemaal opnieuw websites te maken

Niet alleen met de hulp van een constructeur, maar ook dankzij verschillende trainingsmaterialen kun je zelf helemaal gratis een website maken. Op internet is veel informatie te vinden over dit onderwerp. Het volstaat om naar YouTube te kijken, video's te vinden en een maand niet te kijken. De opgedane kennis helpt je om zelf en gratis een website te maken met het .ru-domein en deze op een hosting te plaatsen. Maar je krijgt niet de volledige opleiding.

Hoewel je veel technische punten leert over het opzetten, zijn ze allemaal verspreid en geen stapsgewijs systeem van acties van A tot Z. Je kunt belangrijke details missen. Probeer de video op een nieuwere manier te bekijken, sommige materialen raken snel verouderd.

Er is een betaalde training voor het maken van sites vanaf nul, waar alle benodigde en relevante informatie op een gestructureerde manier wordt gepresenteerd. Het is belangrijk om goedkope dummy-cursussen te kunnen onderscheiden van professionele trainingsmaterialen.

De snelste manier om te leren hoe je websites maakt, is door je te laten trainen door professionals in hun vakgebied. Dit is een investering in kennis die je helpt een nieuw beroep te verwerven en extra inkomsten te krijgen uit het zelf ontwikkelen van websites voor jezelf of freelance opdrachtgevers.

Na het artikel tot het einde te hebben gelezen, heb je een duidelijk beeld gekregen van wat er nodig is om een ​​website vanaf nul te maken en uit welke fasen dit proces bestaat. Nu moet u beslissen of u alles zelf en gratis gaat doen of een deel van de processen uitbesteedt (delegeer werk aan professionals in uw vakgebied - ontwerpers, programmeurs, semantiek, SEO-optimizers).

Het maken van een site met uw eigen handen is niet beperkt tot het definiëren van de taken, het kiezen van het type project, de methode van technische implementatie en de daaropvolgende configuratie. De ontwikkeling wordt gevolgd door een even belangrijke fase - SEO-promotie (bezoekers naar de site trekken). Maar dit is een onderwerp voor een apart artikel, houd ons in de gaten voor blognieuws. Ik wens je veel succes met het beheersen van de kennis en vaardigheden van het vak webmaster.

Op de universiteit waar ik lesgeef "ontwikkeling van een elektronisch portaal", begon eind augustus een sessie met correspondentiestudenten. Een van de studenten bij de les stelde me de vraag - "Welke vaardigheden moet een webmaster hebben? Nu zijn er zoveel verschillende talen en webprogrammeertechnologieën - moet je ze echt allemaal beheersen?" Om eerlijk te zijn, heb ik zelf nog nooit over dit probleem nagedacht - ik deed gewoon mijn werk, gebruikte mijn kennis op het gebied van programmeren en vaardigheden in het werken met CMS, en vroeg soms aan Yandex of Google hoe deze of gene functie op de site te implementeren . Maar wat is belangrijker? In dit artikel zal ik proberen een gedetailleerd antwoord te geven.

Op het creatieve en professionele pad van een webmaster zou ik voorwaardelijk verschillende niveaus selecteren - nogmaals, terugkijkend op mijn ervaring.

"Nul niveau". HTML-basisprincipes

HTML is een hypertext-opmaaktaal die tags gebruikt om bepaalde objecten en structuren te markeren. Het is dankzij deze taal dat links, afbeeldingen, tabellen, lijsten, enz. op webpagina's verschijnen.

Met basiskennis van de HTML-taal kun je je eerste eenvoudige webpagina maken - deze waren populair in de late jaren '90 en vroege jaren 2000. Hier is de hoofdpagina van mijn eerste site:

De pagina ziet er vandaag uit als een dinosaurus, maar het illustreert duidelijk wat Web 1.0 is - een webdesignconcept van eind jaren negentig en begin nul jaar. Grafische knoppen met "handgeschreven" volumetrische inscripties, een achtergrond met een eenvoudig luspatroon, tekst direct op de achtergrond van de achtergrond van de pagina. Zelfs in die tijd was de inscriptie typisch - "deze site is geoptimaliseerd voor Netscape Navigator" (nu weten velen waarschijnlijk niet eens wat het is!) Het werd als een goede vorm beschouwd om bijvoorbeeld een geanimeerde afbeelding aan de zijkant te plakken , een draaiende schedel in 3D , een weerwidget, een link naar je favoriete site met grappen en andere onzin.

Om dergelijke pagina's te maken, is het goed mogelijk om rond te komen met een gewoon kladblok. Sommige "luie" gebruikers gebruiken speciale visuele editors of zelfs Microsoft Word om dergelijke webpagina's te maken (naar mijn mening is dit een doodlopende weg!).

Tweede verdieping. Beheersing van de "tafel"-indeling

Dankzij de lay-out in tabelvorm wordt het mogelijk om de pagina in meerdere kolommen te verdelen - dit presentatieformaat was, is en wordt een "klassieker van het genre".

Paginakolommen zijn ingeschreven in tabelcellen, de randen van deze cellen zijn meestal kleurloos. Hier is een van de recentere versies van mijn site, gemaakt met behulp van een tabelindeling:

Mee eens, het ziet er niet zo slecht uit als het eerste voorbeeld, hoewel het ontwerp duidelijk achterhaald is naar moderne maatstaven - toch is deze site uit 2002! Bovendien zag het er destijds best goed uit voor een persoonlijke pagina.

Derde niveau. Samenstelling, kleur

Als we op zijn minst al hebben geleerd webpagina's te zetten, moeten we het probleem bekijken vanuit de esthetiek en perceptie. Het zou leuk zijn om te weten dat niet alle kleuren met elkaar worden gecombineerd en dat "helder en kleurrijk" niet altijd goed is.

Zeker, niet elke beginnende webdesigner kan met het oog bijpassende kleuren oppikken. In dit geval kan de volgende service erg handig zijn: http://colorscheme.ru

Hoe gewaagd er ook wordt geëxperimenteerd met het kleurenschema van de site, geleidelijk komt bijna iedereen tot de conclusie dat het beste het schema is waarin de hoofdtekst van de pagina zwart is op een witte achtergrond.

Webpaginacomposities zijn de relatieve positionering van objecten en hun visuele interactie. Wanneer er te veel objecten op de pagina staan, ziet het er overbelast uit en wordt het vervelend. Wanneer daarentegen één eentonige tekst - de pagina ziet er saai uit.

De belangrijkste taak in dit stadium is om te leren hoe u het kleurenschema van de site en de locatie van de belangrijkste elementen kiest.

Vierde niveau. Inleiding tot CMS.

CMS - content management systeem, zoals Wordpress of Joomla. Dit is de "motor" van de site, die, eenmaal geïnstalleerd, het uiterlijk heeft geconfigureerd en het enige dat vervolgens moet worden gedaan, is de site vullen met materialen. Dit wordt gedaan met behulp van een editor die lijkt op Microsoft Word, maar wordt uitgevoerd in een browservenster. Vergeleken met het handmatig markeren van elke pagina in HTML, is een contentmanagementsysteem een ​​enorme stap voorwaarts op het gebied van productiviteit. Jouw taak is om teksten te schrijven, de engine zal ze zelf "aankleden" in het gewenste ontwerp in overeenstemming met het geselecteerde sjabloon.

CMS heeft ook een nadeel, of liever een feature. Het kan niet zomaar worden gedownload en uitgevoerd (zoals een installatieprogramma voor een Windows-toepassing). In feite is dit een set scripts geschreven in PHP, waarvoor bepaalde serversoftware nodig is - een webserver, een MySQL-databaseserver, een mailserver. Dit is het zeer basale minimum, dat min of meer volwaardig werk van het CMS zal opleveren.

Als we het hebben over het installeren van een CMS op een commerciële hosting, kan dit in de regel in een paar muisklikken worden gedaan - in het hostingbeheerpaneel is er bijna altijd een sectie "CMS installeren", die veel verschillende engine-opties biedt . Als er nog geen hosting is, kan deze op een thuiscomputer worden aangemaakt. De beste manier om dit te doen is door een gratis versie van serversoftware genaamd Denwer (gentleman's web developer's kit) te gebruiken. Je kunt het helemaal gratis downloaden van de officiële site - voer je e-mailadres in en je ontvangt een downloadlink (vergeet niet om "nieuws ontvangen" uit te schakelen).

De Denver-website heeft een videozelfstudie over het installeren van het systeem op een thuiscomputer. Daar is niets ingewikkelds - je moet een paar eenvoudige vragen beantwoorden, waarna een bijna volwaardige webserver op onze computer wordt "opgewekt".

Daarna wordt het CMS zelf op Denver geïnstalleerd. Ik zal hier niet beschrijven hoe het wordt gedaan. Voer de zoekopdracht "Install Joomla on Denwer" in Yandex in en u ontvangt een groot aantal instructies, inclusief video's. Ik raad het product van mijn broer Dmitry Kashkanov aan - Joomla 3 Website Development Day by Day. De cursus is betaald, maar alles wordt gedetailleerd beschreven en, wat waardevol is, in een toegankelijke taal, letterlijk op de vingers!

Vijfde niveau. CSS leren, de sjabloon "kiezen"

Hoe goed Joomla of Wordpress ook is, reguliere templates onderscheiden zich niet door schoonheid en verfijning. Sites die op standaardsjablonen zijn gemaakt, lijken enigszins op Chroesjtsjov-huizen - ze lijken hun functie te vervullen, maar ze zien er allemaal hetzelfde uit. Bijna altijd is er een taak om kleuren in "merkkleuren" te schilderen, lettertypen te wijzigen, de kleur van links te veranderen, afbeeldingen afgeronde hoeken te maken, enzovoort. Dit alles wordt gedaan door het stijlbestand te bewerken - meestal style.css of template.css genoemd.

Vanaf de eerste fase onthouden we waar tags verantwoordelijk voor zijn - hoe een link, afbeelding, teken, enz. in te voegen. De stijl van deze elementen wordt in het CSS-bestand geschreven - kleur, achtergrond, transparantie, formaten en inspringingen, uitlijning, reactie op mouseover. Met behulp van CSS kunt u de "gewone" sjabloon onherkenbaar veranderen en het site-ontwerp uniek en mooi maken. Persoonlijk ging ik precies deze kant op - ik nam de standaard Protostar Jooml-sjabloon als basis en bewerkte deze naar behoefte. Met behulp hiervan zijn er veel unieke sites gemaakt die totaal van elkaar verschillen.

Zesde niveau. Bloklay-out, de basis van aanpassingsvermogen.

Bloklay-out met tags

- een moderne benadering voor het maken van de structuur van een webpagina, die de lay-out in tabelvorm bijna volledig heeft vervangen. U hebt waarschijnlijk gemerkt dat op veel sites, wanneer ze op een grote monitor worden bekeken, informatie in verschillende kolommen wordt weergegeven, meestal drie. Wanneer de schermresolutie afneemt, neemt ook het aantal kolommen af ​​- er zijn er twee, met een verdere afname - één. In dit geval blijven alle blokken op de pagina - ze worden alleen relatief ten opzichte van elkaar opnieuw opgebouwd. Zo krijgen we de mogelijkheid om de site comfortabel te bekijken, zowel op grote pc-schermen als op kleine schermen van smartphones. Dit is de essentie van aanpassingsvermogen.

Met een tabellay-out werken dergelijke trucs niet - wanneer de schermbreedte kleiner wordt, zullen de kolommen in de breedte krimpen en in de hoogte groeien, het aantal kolommen blijft hetzelfde. Tegelijkertijd ziet de site op mobiele apparaten er lelijk uit en is het onhandig om hem te gebruiken.

Bijna alle moderne CMS-sjablonen zijn gebouwd met behulp van bloklay-out en zijn bijna altijd adaptief. Om het ontwerp van de site op de een of andere manier uniek te maken, moet je op zijn minst een beetje begrijpen hoe deze bloklay-out werkt.

Het beheersen van bloklay-out vereist een diepgaande studie van CSS - u moet zeker zijn van eigenschappen zoals positionering, omhulling, opvulling, blokgroottes en ook voorzien dat het anders kan worden weergegeven als de site op een smartphone wordt bekeken. Over het algemeen geldt: hoe verder, hoe interessanter!

U kunt de andere kant op gaan - gebruik een kant-en-klare oplossing. Het Bootstrap-framework is bijvoorbeeld een set CSS + Javascript die in een paar regels code zijn verbonden en bijna out-of-the-box werken - u hoeft alleen de namen van de belangrijkste stijlen te leren. Bootstrap maakt het gemakkelijk om responsieve lay-out met meerdere kolommen, pop-upformulieren, vervolgkeuzemenu's, schuifregelaars, tabbladen en nog veel meer te implementeren.

Het nadeel van Bootstrap is het "typische" uiterlijk, zonder een twist, maar het is goed mogelijk om het te verdunnen met je eigen CSS-elementen. Bootstrap is erg handig voor het bouwen van een "backend", in eenvoudige bewoordingen - voor het maken van een sitebeheerder. U hoeft het uiterlijk van de elementen niet uit te vinden, alles is al klaar. En designer-chips voor de backend zijn helemaal niet nodig.

Zevende niveau. Javascript en jQuery.

Op dit niveau begint de webmaster zich langzaam om te scholen tot webprogrammeur. Kennis van webprogrammering begint in de regel met de taal Javascript.

Javascript is een programmeertaal waarin scripts op een pagina worden geschreven. Deze scripts worden uitgevoerd aan de clientzijde, dat wil zeggen in de browser. De meeste interactieve elementen op de pagina's zijn gemaakt met Javascript. Het eenvoudigste voorbeeld van een dergelijk scenario is het wijzigen van de afbeelding wanneer u er met de muis overheen beweegt. Met Javascript worden pop-upvensters gemaakt op een doorschijnende achtergrond, allerlei soorten diavoorstellingen, een soepele scroll-knop naar de bovenkant van de pagina en nog veel meer.

Vanuit een Javascript-oogpunt is een webpagina een set objecten (DOM - "Document Object Model"), die elk hun eigen set eigenschappen en functies hebben. Een object is elk blok, elke link of afbeelding op de pagina. Het object heeft zijn eigen unieke ID, die is geschreven in de tagparameters - ongeveer

. Om deze objecten te beheren, worden functies gemaakt die bij bepaalde gebeurtenissen worden aangeroepen, bijvoorbeeld met de muis over het object wijzen, klikken, de muis van het object laten, enz.

In de regel werkt Javascript nauw samen met de CSS-stijl van pagina-elementen, waardoor hun eigenschappen worden gewijzigd - positie, rotatiehoek, transparantie, enzovoort. Op basis van deze interactie wordt animatie op pagina's gebouwd (niet Flash!). Om het werk van webprogrammeurs te vergemakkelijken, zijn er kant-en-klare bibliotheken met functies, waarvan het jQuery-framework het bekendste is. Dankzij dit is een webprogrammeur verlost van veel routinewerk van het handmatig schrijven van Javascript-code om typische taken van het maken van interactieve elementen op een pagina op te lossen. De syntaxis voor jQuery-scripts ziet er iets anders uit dan traditionele Javascript-code, maar de syntaxis is gemakkelijk te wennen.

Zoals de praktijk heeft aangetoond, kunnen zelfs degenen die nog nooit in "pure" Javascript hebben geschreven, leren werken met JQuery.

De belangrijkste beperking van Javascript en jQuery is dat scripts alleen in de browser worden uitgevoerd. Javascript kan geen bestanden maken op de server, het kan niet rechtstreeks communiceren met de database. Bovendien kan hij niet eens een bestand op je computer aanmaken, maar eenvoudig via een link van de server downloaden.

Daarover gesproken, jQuery is niet het enige nuttige dat op Javascript is gebaseerd. Er zijn andere JS-frameworks - Angular, Backbone, Ember en meer. Ze worden actief gebruikt door professionele front-end developers.

Achtste niveau. PHP en MySQL.

PHP is de webprogrammeertaal waarin de meeste CMS zijn geschreven, inclusief Joomla. In tegenstelling tot Javascript draaien PHP-scripts aan de serverzijde, dat wil zeggen dat u met behulp hiervan bestanden (op de server) kunt maken en wijzigingen kunt aanbrengen in de database, indien aanwezig. Dankzij de interactie van PHP-scripts en MySQL DBMS werkt alles met betrekking tot gebruikersfeedback - feedbackformulieren, fotogalerijen met de mogelijkheid om foto's te uploaden via een browser, site-engines en al het andere.

MySQL is een databasebeheersysteem. De meeste contentmanagementsystemen hebben alle nuttige informatie niet in bestanden op de server, maar in een database. Dit zijn gebruikersaccounts, de structuur van de sitesecties, navigatie, nuttige inhoud en een grote hoeveelheid service-informatie. De database wordt benaderd met behulp van speciale functies van de PHP-taal (mysql_query(...), mysql_fetch_object(...), etc.), de database retourneert de queryresultaten in de vorm van een array of een object. De PHP-handler genereert een HTML-code van de ontvangen gegevens, die naar de browser wordt verzonden.

In tegenstelling tot Javascript kan een PHP-script de browser niet rechtstreeks besturen, aangezien het aan de serverzijde wordt uitgevoerd. Het is echter mogelijk om interactie tussen Javascript en PHP-scripts te organiseren met behulp van AJAX-technologie.

Negende niveau. AJAX.

AJAX is een benadering voor het bouwen van webapplicaties op basis van de interactie van server-side (PHP) en client-side (Javascript) scripts. In de praktijk is een voorbeeld van het gebruik van AJAX een interactief formulier voor het invoeren van uw e-mailadres. Eerst op de pagina is een vervolgkeuzelijst met landen. We selecteren "Rusland", een tweede vervolgkeuzelijst met steden verschijnt. We selecteren onze stad, waarna een derde lijst verschijnt met de straten van deze bepaalde stad en vervolgens een lijst met huizen. En dit alles gebeurt zonder de pagina opnieuw te laden.

AJAX heeft veel voordelen ten opzichte van het bouwen van formulieren in "gewone" PHP, omdat het ten eerste verkeer bespaart (u hoeft de pagina niet elke keer opnieuw te laden, nieuwe informatie wordt indien nodig geladen), en ten tweede is het gebruiksvriendelijk .

De grootste moeilijkheid van AJAX is een voldoende grote hoeveelheid programmeer "schrijven" om een ​​event handler te creëren. Het internet staat echter vol met kant-en-klare oplossingen die "zoals ze zijn" of een beetje "afgewerkt met een bestand" kunnen worden gebruikt.

En hier komt het jQuery-framework weer te hulp - met behulp hiervan is het veel gemakkelijker om het werk van scripts via Ajax op te zetten dan om het op "pure" Javascript te doen.

Tiende niveau. PHP-frameworks.

Vlei jezelf niet met de hoop dat als we alle 10 niveaus hebben gehaald, je onmiddellijk verlichting zult bereiken. Technologieën voor webprogrammering ontwikkelen zich en wat nu relevant was, kan over een jaar al achterhaald zijn.

Een bijzonder interessante situatie doet zich voor wanneer u een soort atypisch project moet maken waarvoor geen kant-en-klare oplossingen voor een CMS zijn. Dan is er een directe behoefte om een ​​project "from scratch" in PHP aan te maken. Om deze taak te vergemakkelijken, zijn er speciale frameworks - Laravel, Symfony 2, Codeigniter, Zend, etc.

Over het algemeen is een PHP-framework een set "stenen" voor het bouwen van uw eigen CMS, en de complexiteit en verfijning van het project wordt door niets beperkt. Om het raamwerk te begrijpen (in ieder geval met de basisprincipes om ermee te werken), moet je PHP min of meer goed kennen, SQL-query's kunnen opstellen en de essentie van objectgeoriënteerd programmeren begrijpen. De volgende stap is om te begrijpen wat MVC is. Voor mij persoonlijk, bij het herstructureren van mijn programmeerdenken van procedureel programmeren naar objectgericht, en zelfs het gebruik van het patroon m odel- V ie- C controleur. Waarschijnlijk speelde het feit dat tijdens mijn studie aan het instituut 99% van de taken precies werden opgelost door de ouderwetse methoden van het schrijven van code, een grote rol, en ik raakte er zo aan gewend dat ik niet naar OOP overstapte lange tijd - alles leek zo ingewikkeld en verwarrend, maar op een goed moment verzamelde ik mijn wil in een vuist en nog steeds "gedreven" hoe het werkt - en had er geen spijt van!

Nu ben ik actief bezig met de ontwikkeling van het Laravel framework en mijn enthousiasme kent geen grenzen. Natuurlijk is nog niet alles duidelijk, maar toen ik een echt werkend project maakte - de Photoclub, heb ik geen zin meer om terug te gaan naar programmeren "op de ouderwetse manier". Nou, behalve dat, als ik met kleine en eenvoudige projecten werk, schrijf ik in "gewone" PHP.

En interessant, hoe meer ik in webprogrammering duik, hoe meer ik besef hoe weinig ik nog weet! Naar het beruchte "80-niveau" en "oh, hoe ver weg ...

Wat is het volgende?

Hier is het al moeilijk om de belangrijkste richtingen voor verdere ontwikkeling te onderscheiden, alles hangt af van de toegepaste taken die worden opgelost. Het zou waarschijnlijk passend zijn om ons te concentreren op de technologieën en protocollen van interserver-interactie. In dit stadium komt het besef dat webprogrammering niet beperkt is tot de ontwikkeling van één enkele dienst, ook al is deze complex en multifunctioneel.

Vroeg of laat komt de opgave om te werken met verschillende API's, integratie met bepaalde diensten - sociale netwerken, zoekmachines, mailservers, sms-gateways, online betaaldiensten, bankservers.

Een andere interessante en populaire richting is de ontwikkeling van mobiele applicaties die werken met webservices. Dit is weer een enorm gebied waar creativiteit geen limiet kent!

Deze taken omvatten bijna altijd een diepgaande studie van internetworking-protocollen (http, smtp, soap, enz.), waarmee we eerder op gebruikersniveau werkten en niet eens nadachten over welke informatie daadwerkelijk wordt verzonden tussen de clienttoepassing en de server om op het scherm de zin "Hello, World" weer te geven. Daar ben ik nog niet aan toegekomen... Als ik daar aankom, zal ik zeker mijn indrukken delen :)

Resultaten

De 10 hierboven genoemde niveaus zijn een pad naar webprogrammering dat niet iedereen volgt. Veel webmasters kiezen een ander pad - optimalisatie, promotie, marketing, verkoop. Dit zijn niet minder populaire en interessante richtingen! Het is geweldig als een programmeur, een contentmanager en een "promotor" tegelijkertijd aan het project werken, terwijl ze elk hun eigen taken uitvoeren - in dit geval is de kans dat het project "schiet" erg groot.