HTML-mallar utan css. Enkla HTML-mallar. AdminLTE - mall för admin kontrollpanel

När HTML5 började stödjas av moderna webbläsare började det användas på nästan alla moderna webbplatser. HTML5 i kombination med CCS3 ger enorma möjligheter att skapa fantastiska, funktionella och användarvänliga webbplatser.

I den här samlingen försökte jag samla responsiva webbplatsmallar av högsta kvalitet byggda på HTML5 och CSS3. Även om de är gratis kan du se att de flesta av dessa mallar ser ut som premiummallar.

5. SquadFree – Gratis Bootstrap HTML5-mall

Squad Free - responsiv bootstrap-mall

6. Pluton – Gratis Bootstrap HTML5 One Page Mall

Pluton - Gratis Bootstrap HTML5 One Page Mall

9. E-Shopper - gratis mall för en webbutik

E-Shopper - gratis mall för en webbutik

10. AdminLTE - mall för admin kontrollpanel

AdminLTE - mall för admin kontrollpanel

11. Magnetisk - gratis mall för en fotografs webbplats

Magnetisk - gratis mall för en fotografs hemsida

12. Mabur - responsiv portföljmall

Mabur - responsiv portföljmall

13. Moderna - responsiv webbmall på Bootstrap

Moderna - responsiv webbmall på Bootstrap

14. Sport Here - minimalistisk webbplatsmall

Sport Here - minimalistisk webbplatsmall

15. Crafty - responsiv företagswebbmall

Crafty - responsiv företagswebbplatsmall

16. Infusion - en sidas portföljmall

Infusion - Portföljmall för en sida

17. Yebo – HTML/CSS webbplatsmall i platt stil

Yebo – Platt stil HTML/CSS webbplatsmall

18. Tjugo - HTML5-mall med parallaxeffekt

Tjugo - HTML5-mall med parallaxeffekt

19. Urbanic - Bootstrap mall

Urbanic - Bootstrap mall

20. Lugn - Portföljmall

Lugn - Portföljmall

21. Mamba - mall på en sida

Mamba - mall för en sida

23. Borstad - en sidas responsiv webbplatsmall

Borstad – responsiv webbmall på en sida

24. Stor bild - HTML5 webbplatsmall

Stor bild - HTML5 webbplatsmall

25. Tesselatte - gratis responsiv webbplatsmall

Tesselatte - Gratis responsiv webbplatsmall

26. Overflow - responsiv HTML5-webbplatsmall

Overflow - responsiv HTML5-webbplatsmall

27. Runkeeper - webbplatsmall för mobilapplikationer

Runkeeper - webbplatsmall för mobilapplikation

28. Pinball - Responsiv bloggmall

Pinball - Responsiv bloggmall

29. Bak One - en sidas responsiv webbplatsmall

Bak One - en sidas responsiv webbplatsmall

30. Andia - gratis webbplatsmall

Andia - gratis webbplatsmall

31. Produkta - 4 HTML-mallar i en

Produkta - 4 HTML-mallar i en

33. Studio Francesca - responsiv webbplatsmall

Studio Francesca - responsiv webbplatsmall

34. Prolog - HTML5 webbplatsmall

Webbplatsbyggareär ett system från en uppsättning verktyg som låter dig skapa webbplatser och administrera dem utan någon speciell kunskap. Med dess hjälp kan du välja vilken typ av framtida webbplats (visitkort, butik, etc.), en färdig designmall, färgdesign och moduler som kommer att visas på den. Du behöver inte studera programmeringsspråk i flera år för att publicera olika sidor - webbplatsbyggare kommer att göra allt det rutinmässiga och komplexa arbetet åt dig.

När det gäller användarvänlighet ger små studior ofta efter för designers, eftersom de alltid kräver en avgift för att göra även mindre ändringar av en resurs. Med hjälp av konstruktorn kan du göra ändringar självständigt och snabbt om du vill, och helt kostnadsfritt!

Betyg av webbplatsbyggare (TOP10)

Vi har förberett för dig ett betyg av de bästa gratis webbplatsbyggarna 2019, samtidigt som vi försökte vara så objektiva som möjligt och ta hänsyn till både fördelar och nackdelar, sortera dem efter vikt. Du kan hitta mer detaljerad information om var och en av designarna i recensionerna som finns tillgängliga för var och en och i dem kan du också läsa detaljerade instruktioner för att skapa en webbplats på den.

Låt oss lista de viktigaste fördelarna med webbplatsbyggaren:

  • De är lätta att använda. Allt görs steg för steg och enkelt. Du behöver inte hantera komplexa HTML- och FTP-koder.
  • Separation av design- och textdelar: layouten lagras separat från texten. Om du vill ändra designen - inga problem, några klick och du är klar!
  • Tillgänglighet av färdiga layoutmallar, vars skapande utanför konstruktören kräver kunskap om HTML-programmeringsspråket.
  • Lätt att ladda bilder. Du kan lägga till bilder utan att lämna webbläsaren och omedelbart placera dem på sidor, skapa gallerier eller göra dem till en del av layoutdesignen.
  • Tillförlitlighet – alla filer lagras på designerns server. Därför behöver du inte oroa dig för att skapa säkerhetskopior av data eller möjligheten att hacka - allt detta tas om hand av serverunderhållspersonalen för den valda webbplatsbyggaren.
  • Dessutom låter vissa designers dig överföra din färdiga webbplats till ett annat webbhotell.

#1: Wix webbplatsbyggare

Ett gediget utländskt projekt, förmodligen den bästa webbplatsbyggaren idag. Det ger en mängd verktyg för att skapa verkligt vackra och funktionella webbplatser, oavsett om det är en onlinebutik, en visitkortswebbplats eller en blogg. Gränssnittet är kraftfullt och bekvämt, du kan omedelbart se professionalismen hos utvecklingsteamet, vilket inger förtroende för resursen.

Förmånerna inkluderar:

Brister:

  • Sidadressen i gratisversionen är inte minnesvärd nog, den ser ut som yourwixlogin.wix.com/webbplatsnamn;
  • Den kostnadsfria versionen har en begränsning av webbplatsens laddningshastighet. Många komplexa element kan ta längre tid att ladda än vanligt.

Så Wix är en fantastisk webbplatsbyggare med fantastiska möjligheter för webbdesign och mycket gynnsamma villkor. Vi beskrev i detalj hur du skapar en webbplats på Wix, startar din onlinebutik och skapar en landningssida.

Skapa din egen webbplats på Wix!

Nr 2: Webbplatsbyggare för Nethouse

En utmärkt designer som är lämplig för att skapa hemsidor för småföretag (portfölj, visitkort, butik). Ganska lätt att lära sig. Enligt utvecklarna är det inte svårare att skapa en webbplats på portalen än att fylla i en sida på Odnoklassniki.
Alla som registrerar sig med vår länk kommer att få 300 rubel till sitt konto gratis!


Fördelar:
  • Den färdiga webbplatsen kan länkas till din domän;
  • Obegränsat diskutrymme;
  • Ingen påträngande reklam;
  • Fri tillgång till huvuddelen av portalens möjligheter;
  • Användarvänligt gränssnitt, vackra mallar;
  • Möjlighet att implementera ett system för att acceptera elektroniska betalningar;
  • Integration med sociala nätverk;
  • Gåva till nya användare i form av annonsering i GoogleAdWords;
  • Möjlighet till SEO-inställningar av sidor.
  • 100 rubel på ditt konto för att prova betaltjänster.
  • Bra teknisk support.

Brister:

  • Det är inte möjligt att infoga HTML-kod eller banners;
  • Inget forum.

Skapa en webbplats på nethouse

#3: uKit webbplatsbyggare

En mycket lovande och funktionell webbplatsbyggare. Den skapades av utvecklare som nyligen hade arbetat med tjänsten. För närvarande har uKit-webbplatsbyggaren lämnat betatestningsstadiet och all dess funktionalitet är tillgänglig för alla för en nominell avgift per månad jämförbar med kostnaden för enkel delad hosting.
För att testa det finns en gratis provperiod på 14 dagar.


Fördelar:
  • Omfattande funktionalitet;
  • Möjligheten att skapa attraktiva, fullt fungerande webbplatser utan teknisk kunskap;
  • Ganska breda möjligheter för efterföljande SEO marknadsföring av den skapade webbplatsen;
  • Omedelbar tillgång till omfattande statistik och analyser av den skapade webbplatsen.

Brister:

  • Vissa brister i funktionalitet och användargränssnitt.

UKit-byggaren förtjänar verkligen uppmärksamheten från dem som vill skapa en modern, fullt fungerande webbplats med en mycket attraktiv design, men inte har någon speciell kunskap. Speciellt för att du ska kunna göra detta så effektivt som möjligt har vi skapat en steg-för-steg-guide för att skapa en webbplats i uKit-byggaren.

Skapa en webbplats på ukit

Nr 4: Umi webbplatsbyggare

Designern är också lätt att lära sig. En hemsida eller butik kan skapas på cirka 5-10 minuter. Dessutom går det att övergå till ett annat hosting, fast tjänsten är betald. Tjänsten är baserad på sin egen proprietära motor Umi.CMS.


Fördelar:
  • Rik funktionalitet, många möjligheter;
  • Sida SEO-optimeringsinställningar;
  • Använda XML-format för att visa systemdata;
  • Använda REST-protokoll för att komma åt XML-representation av data;
  • Integration med sociala nätverk och förmågan att koppla samman kommentarer;
  • Verktyg för onlinebutiker (synkronisering av katalog och beställningar med 1C, skapande av produktkategorier och egenskaper, synkronisering av katalog och beställningar med 1C, synkronisering av lager och priser, anslutning av betalningssystem, etc.);
  • Dra stöd
  • Det finns ett lönsamt partnerskap.

Brister:

  • Endast 100 MB diskutrymme i gratispaketet.
  • Höga inlösenpriser.

Skapa en webbplats på umi

Nr 5: Jimdo webbplatsbyggare

En annan intressant webbplatsbyggare på nätet, som är särskilt lämplig för dem som inte har en speciell önskan att fördjupa sig i processen att skapa mallar, samt på allvar studera teknologier som HTML och CSS.


Fördelar:
  • Ganska stort utbud av färdiga mallar;
  • Intuitivt användargränssnitt;
  • Finjustera parametrarna för den skapade webbplatsen;
  • Möjlighet till SEO-inställningar för sidor;
  • Ingen påträngande reklam;
  • Möjlighet att ladda upp din egen mall.

Brister:

  • Relativ komplexitet att integrera din egen mall;
  • Vissa begränsningar när du arbetar med grafiska delar av webbplatsen.
  • Länka blocken för den skapade webbplatsen till specifika koordinater (på grundläggande mallar).

Trots vissa svårigheter i användargränssnittet är Jimdo-webbplatsbyggaren definitivt värd din uppmärksamhet. Och speciellt för att du ska kunna komma igång så snabbt och effektivt som möjligt har vi skapat en steg-för-steg-guide för att arbeta med Jimdo.

Skapa en webbplats på jimdo

#6: Redham Website Builders

En högkvalitativ tjänst, men helt fokuserad på kommersiella fördelar - provperioden för gratis användning är 30 dagar, varefter du måste betala. I princip är detta dess största nackdel (kostnaden för den ursprungliga tariffen per år är 2000 rubel, premien är 5000 rubel). För dem som verkligen vill underhålla en webbplats gratis i mer än en månad, är denna plattform omedelbart eliminerad.


Fördelarna är värda att notera:
  • Enkelhet;
  • En tillräcklig uppsättning funktioner för att skapa en funktionell webbplats;
  • Vänlig teknisk support.

Brister:

  • Alla ovanstående förmåner är gratis i endast 1 månad, och sedan måste du betala.

Det finns alternativ som är redo att tillhandahålla samma sak, om än med vissa begränsningar, men gratis. Om du ska betala så mycket är det bättre att köpa dig ett separat webbhotell och skapa en webbplats på Joomla eller WordPress. Men det här är för avancerade användare. Och nybörjare kommer att kunna hitta en lika enkel och gratis konstruktör. Vi rekommenderar dock att du läser instruktionerna för att skapa en webbplats i Redham.

Skapa en webbplats på redham

Nr 7: Konfiguration av webbplatsbyggare

En av de enklaste konstruktörerna för nybörjare: bekvämt och intuitivt gränssnitt, 5000 anpassningsbara designalternativ. Dessutom, som en bonus, erbjuder portalen en gratis domän i zone.ru och möjligheten att marknadsföra lågfrekventa frågor, vilket gör att du kan locka besökare till din webbplats utan extra kostnader.


Låt oss lista fördelarna:
  • Vackra och många mallar;
  • Inledningsvis optimala parametrar för SEO-kampanj;
  • Full integration med SeoPult - ett system som gör att du automatiskt kan köpa länkar på populära länkbyten;
  • Bra teknisk support.

Brister:

  • Din webbplats är helt bunden till Setup-plattformen utan möjlighet att överföra till en annan värd (i gratisversionen);
  • En gratis domän är svår att få - du måste fylla i 20 sidor på webbplatsen, varefter den kommer att modereras med möjlighet att avslå ansökan;
  • Lite diskutrymme i gratisversionen (100 MB);
  • Oförmåga att indexera externa länkar av sökmotorer (i gratisversionen).

Skapa en webbplats med hjälp av setup

Nr 8: Webbplatsbyggare uCoz

Förmodligen en av de mest kända och äldsta tjänsterna i RuNet, men med ett kontroversiellt rykte. Lämplig för att skapa nästan vilken webbplats som helst. Jämfört med många andra designers har den rikare funktionalitet, så den kräver en viss grad av medvetenhet att använda.


Fördelar:
  • Ett stort antal mallar och anpassade moduler (forum, omröstningar, gallerier, butik, blogg, etc.);
  • Överflöd av möjligheter och inställningar;
  • Gradvis växande mängd diskutrymme när webbplatsen utvecklas (utan extra kostnad);
  • Väl indexerad av sökmotorer;
  • PHP tillgängligt (betald);
  • RSS import och export möjlig;
  • Tillgång till teknisk support.

Brister:

  • En enorm reklambanner i det övre högra hörnet, som täcker en fjärdedel av skärmen, och inte alltid med anständigt innehåll;
  • Oförmåga att helt överföra webbplatsen till ett annat webbhotell;
  • Du kan inte installera tredjepartsskript på ditt webbhotell, du kan bara använda standard;
  • Ibland förbjuder administrationen webbplatser utan möjlighet till återhämtning och kan inte överklagas;
  • Konstruktören kommer att vara svår för nybörjare;
  • Ganska monotona mallar.

uCoz är kontroversiellt. Om du är nybörjare, då blir det svårt för dig, om du är en avancerad användare, då behöver du det helt enkelt inte.

  • Ett stort antal mallar (cirka 300);
  • Ett enkelt gränssnitt plus tillgången till högkvalitativa videohandledningar om hur man använder det.
  • Utmärkt pris/kvalitetsförhållande vid uppgradering till ett betalpaket.
  • Brister:

    • Unmemorable digital domän av den tredje nivån, som 2834234.mya5.ru, i den fria versionen;
    • Det finns en annons för designern i det övre högra hörnet och sticky copyrights i gratispaketet.

    A5 är en enkel, men ganska begränsad byggsats i gratispaketet. Den här konstruktören är dock utmärkt för vissa ändamål, vilket återspeglas väl i artikeln: att skapa en webbplats på A5.

    Skapa en webbplats på a5

    Nr 10: Fo.ru webbplatsbyggare

    Den här tjänsten är perfekt för att skapa en webbplats eller blogg för visitkort. Det är väldigt lätt att använda även jämfört med andra byggare. Perfekt för absoluta nybörjare som inte behöver mycket funktionalitet.


    Fördelar:

    Brister:

    • Svag teknisk support, ofta inget svar;
    • Det finns få alternativ för avancerade användare, adminpanelen är ganska svag, du kommer inte att kunna komma in i koden;
    • Webbplatsen kan inte registreras på börser för att sälja länkar;
    • Administrationen ålägger betalpaket på alla möjliga sätt.

    Fo.ru är generellt sett en bra resurs, speciellt för nybörjare som snabbt vill skapa sin första webbplats. För seriösa projekt är den inte tillräckligt flexibel i konfiguration och funktion. Om du är intresserad av Fo.ru-projektet finns en detaljerad beskrivning av skapandet av webbplatser på det.

    Skapa en webbplats på foru

    Slutsatser

    Så vilken webbplatsbyggare ska du välja? Som du kan se finns det inga idealiska lösningar. Först måste du bestämma dig för hur du vill att din webbplats ska se ut och vilka webbplatsbyggare som kommer att kunna tillhandahålla de mest värdefulla fördelarna för dig, samtidigt som de har nackdelar som är obetydliga specifikt för dig.

    De flesta webbplatsbyggare är gratis ( utbyggnad av funktionalitet kommer att kräva byte till en betald tariff), har ett mer eller mindre användarvänligt gränssnitt, en bra uppsättning mallar, kampanjer etc. Konkurrensen är stor, så varje resurs strävar efter att locka så många kunder som möjligt med alla tillgängliga medel.

    De bästa webbplatsbyggarna gör det möjligt, även med ett gratispaket, att skapa något mer eller mindre anständigt och marknadsföra din webbplats på Internet. Av de ovan beskrivna konstruktörerna skulle jag vilja uppmärksamma Wix, Nethouse och uKit. De ser lite bättre ut jämfört med sina konkurrenter. Men valet är såklart ditt!

    Hej alla vänner! I det här majinlägget kommer jag att presentera dig för enkla, rena, minimalistiska responsiva WordPress-mallar och teman.

    Detta är mycket relevant nu, eftersom design är ansiktet utåt på din webbplats, och när den är fullproppad med allt och är fylld med alla regnbågens färger, inger det inte särskilt förtroende, och ibland till och med visuellt avslag.

    Min blogg kommer också mycket snart att göras i en enkel stil med gummilayout. Förresten, i min anteckning kan du göra det utan problem med en cool plugin. Så låt oss börja granska de coolaste och enklaste responsiva mallarna. Det finns 67 av dem totalt.

    De är alla gratis, du kan ladda ner dem och börja använda dem redan nu. I slutet av artikeln bestämde jag mig för att göra en present till dig, men skynda dig inte att gå direkt till slutet av inlägget :) Låt det vara lite intriger.. Om du vill ladda ner ämnena separat, då KLICKA BARA PÅ MALLBILDEN

    En enkel mall gjord i en minimalistisk stil för författare och publicister, med en uppsättning typsnitt och gummilayout. Som alltid, inget extra, bara innehåll.

    Dagligen

    Portfölj WordPress-tema. Enkelt och snyggt med ett stort reglage. Av de speciella egenskaperna:

  • Unik sidnavigering
  • Inbyggd ljuslåda
  • 3 stiliserade widgetområden
  • En ren WordPress-mall tillgänglig på den officiella webbplatsen med samma namn. Portföljtema med cool kakellayout.

    Fukasawa

    En trevlig mall för fotografer med bekväm visning på mobila enheter. Finns på både stora breda 27-tums Mac-skärmar och 3,5-tums iPhones. Du kan ändra bakgrundsfärgen efter eget gottfinnande, ladda upp din logotyp, sidofältet innehåller ett område med 5 widgets. Stöder video- och fotogallerier. Designen är gjord i stil med Pinterest-uppmärkning. Ett erfaret öga kommer att märka detta.

    Ren snygg design för fotografer och designers. Kan laddas ner från det officiella wordpress.org-förrådet

    Cody

    Ett vackert och mångsidigt bloggtema, enkelt och smakfullt utformat. Funktioner i temat:

    • Färdigt område med widgets (i sidofältet)
    • Enkel installation, temaalternativ för sidan (du kan ställa in din egen design för varje)
    • Område för att ladda en anpassad logotyp,
    • Inbyggt stöd för Google-teckensnitt och växlingsbar typografi (du kan ändra teckensnitt med ett klick)
    • Sociala ikoner
    • Enkel SEO
    • Område för att infoga statistikkod och
    • Jquery PrettyPhoto Lightbox
    • Anpassad meny

    Du måste registrera dig på webbplatsen för att ladda ner temat.

    Rymligt minimalistiskt portföljtema. Arrangemang i form av plattor.

    Ren

    Ett lekfullt och rent tema för kreativa proffs. Låt oss ta en titt på dess innehåll:

    • Stretchdesign i brett format
    • Full visning av alla färger på Retina-skärmar
    • Rutnätsposition för alla element
    • 5 olika rubriktyper
    • Olika portföljstilar (val av kolumner från 1-4 för att bättre visa ditt arbete och skapa en original struktur)
    • Giltig HTML5- och CSS3-kod och uppmärkning
    • GT3-sidkonstruktor (du kan sätta ihop dina element på sidan visuellt).
    • Kraftfulla funktionella teman
    • Snabb och enkel installation
    • Lokaliserat tema (för olika språk)
    • 430 Font Awesome ikoner
    • Enkel och enkel färghantering
    • SEO-vänligt gränssnitt
    • 600+ teckensnitt från Google
    • Utökad dokumentation om ämnet

    Detta är kraften gömd i ett enkelt och prisvärt gratis tema.

    Pho

    Bra tema i full bredd (om du inte använder ett sidofält)

    2-sidiga mallar (standard och kakel). Följande typsnitt medföljer:

    • Helvetica
    • Stuga
    • Öppna Sans
    • Droid Sans
    • Droid Serif
    • Raleigh

    2 områden med widgets (sidfot och sidofält)

    • En enkel responsiv mall redo för visning på retinaskärmar
    • Inbyggda sociala knappar i sidhuvudet, sidfoten och sidorna
    • Lägg till färger för bakgrunden, och du kan också ställa in en bild och allt detta kan enkelt bytas
    • JetPack integration
    • 3 anpassade widgets – senaste inlägg med miniatyrer, senaste kommentarer, Flickr

    Bloggtema med djärva typsnitt.

    Snyggt och enkelt responsivt tema i platt stil. Idealisk för portfölj och affärer. Denna mall:

    • Kompatibel med de senaste versionerna av WordPress
    • Har omfattande dokumentation för installation och drift J
    • Användarstöd från utvecklarna själva
    • Responsiv design (ser bra ut på alla enheter, oavsett skärmbredd)
    • Inbyggd "customizer" (ladda upp en logotyp, ändra temafärger, ändra text i sidfoten, infoga spårningsskript i realtid)
    • Anpassade widgets
    • Tillgänglig för översättning till många språk (det finns .po .mo-filer)
    • Hundratals Google-teckensnitt och ikoner

    Baggar

    En enkel responsiv mall med massor av stilar för bloggare.

    Tid

    Ett enkelt enkolumnstema för en personlig blogg.

    Ravel

    En enkel WordPress-mall gjord i två färgkombinationer – ljus och mörk. Perfekt för dig som vill visa upp sitt arbete (designers, webbutvecklare).

    Snyggt och rent tidningstema för WordPress

    Isola

    Idealisk för att visa dina inspelningar, fotografier, videomaterial. Tack vare arrangemanget av elementen verkar temat "andas" fritt, vilket ger dig friheten att lägga upp innehåll.

    För de utgivare och webbansvariga som sätter innehållet först.

    Det goda spöket har nu flyttat in i webbdesign med sitt minimalistiska och stilrena tillvägagångssätt. Ladda ner från den officiella WordPress-webbplatsen

    Bara Skriv

    Multifunktionellt och rent tidningstema för WordPress.

    Fånga Kathmandu

    Denna enkla adaptiva mall har inget överflödigt som kan distrahera från uppfattningen av information på webbplatsen. Den stora bilden längst upp fångar tydligt dina besökares uppmärksamhet och fantasi. Fina sans serif-teckensnitt. Du kan också posta statusuppdateringar och klibbiga meddelanden i den här tråden.

    Minimaliste visar allt ditt innehåll med extrem enkelhet. Du behöver inte oroa dig för att din information försvinner på sidan, eftersom den inte har sidofält som standard.

    Den har ett stort skjutreglage som färdas med dig genom sidorna, och 11 snygga typsnitt. Den integrerar ikoner för sociala medier och andra alternativ som att ändra bakgrundsfärg och logotyp.

    Denna mall är unik genom att den har inställningar och alternativ för alla inläggsformat. Du kan välja mellan en och två kolumnalternativ och ändra färgprofilen.

    Den har också möjlighet att fästa inlägg och ställa in WordPress-trädkommentarer. Du kan också välja antingen ett sidofält till höger eller en hel sida med tre widgets anslutna precis under själva innehållet.

    WriterStrap

    Så, kära nybörjare webmasters, vi har lärt oss grunderna i HTML.

    Låt oss nu tillämpa denna kunskap och snabbt göra oss själva en liten webbplats och lägga den på Internet.

    Det är sant att det är svårt att skapa en fullfjädrad resurs med bara html, men en visitkortswebbplats på flera sidor är fullt möjlig.

    Om någon har exakt detta mål och inte har någon lust att lära sig andra programmeringsspråk, då är den här artikeln för dem.

    Kort sagt, i en självskriven version, utan att använda ett CMS, finns inget enklare.

    Och för den som behöver något coolare, i slutet av artikeln finns länkar till artiklar med blockmallkod med CSS och dynamisk webbplatskod med PHP.

    Vi kommer att skapa en hemsida i ren html direkt på denna sida så att säga - en hemsida inom en hemsida, fullt fungerande och redo att fyllas med innehåll.

    Låt oss dela upp hela processen i tre delar.

    1. Skapa en webbplatskatalog på din dator.

    2. Skapande av webbplats.

    3. Överföring av webbplatsen från vår dator till hosting, det vill säga till Internet.

    Skapa en webbplatskatalog på din dator

    Den första punkten är den enklaste. Hur man skapar en katalog visas mycket tydligt i artikeln (alla länkar från denna sida öppnas i ett separat fönster för att inte gå vilse).

    Jag kommer att visa dig i detalj vad och i vilken mapp du ska lägga den efter koden på huvudsidan, så att du redan har något att gå till katalogen med.

    Låt oss sedan gå vidare till den andra punkten, den mest kreativa.

    Skapa en webbplatsmall

    För att skapa en mall behöver du en editor där du måste klistra in koden nedan.

    Detta kan antingen vara ett enkelt Windows-anteckningsblock eller någon annan textredigerare.

    Låt oss ta en HTML-tabell med flera lager som grund för mallen. Tidigare, före tillkomsten av CSS, var alla webbplatser skrivna i tabeller, men nu har blocklayout blivit mer populärt.

    Men än i dag är tabellstrukturen inte föråldrad och används framgångsrikt.

    Till exempel ett investerings-CMS H-script med komplex funktionalitet, helt designad utifrån tabeller.

    Så här är en webbplats med minimal design.

    Hur man designar tabeller i framtiden visas i detalj i artikeln.

    Namn på webbplatsen (organisationen)

    Beskrivning av webbplatsen

    Hem

    Hej kära framtida webbansvariga! Jag är 55 år gammal och jag är glad att välkomna dig till min hemsida.
    Den här sidan är den första som jag utvecklade på egen hand, och innan dess visste jag bara hur jag fick åtkomst till Internet.

    Varför bestämde jag mig för att göra det? Under de tre månader som jag förstod att bygga webbplatser och skapa den här resursen upptäckte jag att författarna till guider för att skapa webbplatser tar många av nyanserna för givna och inte uppmärksammar dem.
    Och för mig, med tanke på min ålder och brist på erfarenhet, var det inte lätt för mig att förstå just dessa nyanser de tog mest tid.

    Meny

    allmän information

    Allmän informationstext





    Namn på webbplatsen


    <!--Skapa en containertabell, som vi anger följande
    dekor:
    border="1" - ram runt behållaren. Genom att öka antalet kan du öka tjockleken på ramen.
    align="center" - placera behållaren i mitten av skärmen.
    rules="rows" - ta bort den dubbla kanten.
    style="width:60%;" - lägg till stilegenskaper som gör
    behållaren och hela platsen är "gummi".
    Det är omöjligt att göra en fullfjädrad adaptiv design på detta sätt.--
    >

    border="1"
    align="center"
    regler="rader"
    style="width:60%;">
    <!--Skapa en rad-->

    <!--Skapa en radcell-->