, Hogyan kell egy Weboldal A Semmiből (HTML, WordPress, vagy Builders)

a tulajdonos egy kis esküvő startup, a barátom nem sok időt vagy pénzt, hogy a tanulás, hogyan kell egy weboldal, de tudta, hogy szüksége van egy, vagy ő dolga lenne közelében láthatatlan. Annak ellenére, hogy hiányzik a programozási ismeretek, ment teljes sebességgel előre egymaga létre az online jelenlét.

a webhely nulláról történő indítása valójában nem volt az a félelmetes feladat, amelyet félt., A megfelelő eszközökkel néhány héten belül felállt egy WordPress webhely. Miután a kezdeti kiépítése a helyszínen, ő továbbra is bővíteni, majd frissítse magát, ahogy ő üzleti nőtt.

ahogy a tapasztalata szemlélteti, bárki megtanulhatja, hogyan lehet viszonylag könnyedén elkészíteni egy weboldalt. Ez olyan egyszerű, mint a vásárlás web hosting, domain név, majd finomhangolása a design egy weboldal készítő, WordPress, vagy a csupasz csontok HTML. Végigvezetjük az alábbi lépéseket, ezért nyugodtan kattintson az egyik linkre, hogy ugorjon előre.,

Válasszon egy Host|, Hogy A Honlap | Website Builder | WordPress

1. Lépés: Válasszon egy Host, Domain

Az első lépés, hogy létre egy honlapot, nem számít, melyik megközelítés mellett dönt, a kiválasztása web hosting szolgáltatás domain név. A Web host Az a cég, amely a szerver és a tárhely a webhely és az online világ hozzáférést biztosít a márka. A domain név viszont az URL (pl. www.hostingadvice.com), amelyet az emberek közvetlenül a webhelyére navigálnak.

gazdagép kiválasztása

Ez a szuper könnyű rész., A web Legjobb minősítésű házigazdák kihúzta az összes megáll, hogy meggyorsítsák és enyhítse a kezdeti weboldal létrehozása folyamat – gyakran kezdve egy ingyenes domain név regisztráció, egy kattintással létesítmények népszerű CMS és blogplatformok, egy ingyenes honlap készítő, és marketing kredit.

az induláshoz javasoljuk, hogy iratkozzon fel egy web hosting tervre az alábbi szolgáltatók egyikével. A webszerver azonnal beállításra kerül, a legtöbb pedig ingyenes domain nevet ad Önnek., Ha már regisztráltál, akkor épület a honlapon nincs idő:

OLCSÓ ÉRTÉKELÉS
4.8/5.0
  • Ismert, nagy teljesítményű, alacsony áron
  • Jóváhagyta a WordPress.org team
  • INGYENES Weebly site builder, valamint CloudFlare CDN
  • INGYENES domain-korlátlan tárhely
  • Get 63% kedvezmény ma (volt $7.99/hó)
  • induláshoz Bluehost most.,
Starting Price/Mo. $2.,95
Pénz-visszafizetési Garancia 30 nap
lemezterület 50 GB – Korlátlan
Domain Név INGYENES (1 év)
A Szakértő Bluehost Felülvizsgálat

Ha keres megfizethető fogadó, Bluehost szilárd, megbízható választás; A vállalat alacsony költségek, párosul a hatalomért a megosztott tárhely arénában, mi teszi ezt a szolgáltató ilyen értékes dolog., A Bluehost név számos véleményünk kategóriájának tetején szerepel, jó okkal.

ugrás a teljes felülvizsgálatra ”

4.8/5.,0

  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
Pénz-visszafizetési Garancia 30 nap
lemezterület 10 GB-os SSD – 30 GB-os SSD
Domain Név INGYENES (1 év)
A Szakértői Ha Felülvizsgálat

Mint a megosztott hosting piac egyre inkább telített, korlátlan tárhely, sávszélesség, illetve e-mail fiókok váltak meglepően átlagos., A Hostinger azonban kiterjeszti a rutinszerű, várt mutatókat nagyobb hosszúságúra — a webhelyek, adatbázisok, FTP-felhasználók, aldomainek és parkoló domainek száma a legtöbb ügyfél számára korlátlan.

ugrás a teljes felülvizsgálatra ”

4.7/5.,0

  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Pénz-visszafizetési Garancia 45 napon
lemezterület Korlátlan
Domain Név INGYENES (1 év)
A Szakértő HostGator Felülvizsgálat

HostGator nagy kompromisszum teljesítmény, ár. A cég kínál korlátlan e-maileket, MySQL adatbázisok, lemezterület, sávszélesség, plusz egy kattintással telepíti a népszerű nyílt forráskódú projektek, amellett, hogy a 99., ugrás a teljes felülvizsgálat ”

OLCSÓ ÉRTÉKELÉS
4.6/5.0
  • Easy setup kiváló megbízhatóság 1998 óta
  • INGYENES domain Google gazdasági szereplő
  • Korlátlan sávszélességet, tárhelyet, illetve e-mailek
  • INGYENES site builder, valamint bevásárlókosár
  • több, mint 75% ma (volt $7.99/hó)
  • induláshoz iPage most.,
Starting Price/Mo. $1.,99
Pénz-visszafizetési Garancia 30 nap
lemezterület Korlátlan
Domain Név INGYENES (1 év)
A Szakértő iPage Felülvizsgálat

mindegy, hogy egy honlap tulajdonos vagy egy web veterán, iPage kiváló hosting szolgáltatások, valamint egy fantasztikus lista extrák, hogy a márka egyik legjobb értékeket a web hosting., Korlátlan lemezterület, skálázható sávszélesség, és az e-mailek csak egy része annak, ami az iPage megosztott tárhely terv egy nagy.

ugrás a teljes felülvizsgálatra ”

4.6/5.,0

  • egy ingyenes domain-tól világ #1 regisztrátor
  • Iparág vezető oldal betöltési idő a webhelyen
  • Korlátlan sávszélességgel, korlátlan tárhely
  • Válasszon a cPanel vagy Plesk vezérlőpanelek
  • díjnyertes támogatja a kezét 24/7
  • kezdődött a GoDaddy most.

kikiáltási ár/Mo. $1.,00
Pénz-visszafizetési Garancia 30 nap
lemezterület 100 GB – Korlátlan
Domain Név INGYENES (1 év)
A Szakértő GoDaddy Felülvizsgálat

Egy jelentős tényező, hogy a GoDaddy van hosting szolgáltatások természetesen a költségek., Nehéz legyőzni web hosting egy dollár havonta, különösen akkor, ha a cég tartalmaz egy ingyenes domain név, Vezérlőpult, lenyűgözően gyors betöltési idő, valamint korlátlan weboldalak a legtöbb tervek.

ugrás a teljes felülvizsgálatra “

további olcsó web hosts ”

Domain név kiválasztása

a minőségi domain név regisztrálása elengedhetetlen ahhoz, hogy az emberek megtalálják és emlékezzenek webhelyére. A fenti web hosting szolgáltatások ingyenes domain név regisztrációt kínálnak a szolgáltatás első évében, tehát ha már elvégezte az 1. lépést, akkor már rendelkezik domainjével.,

Ha még mindig eldönti, hogy melyik domain nevet választja, itt van néhány tipp, amelyet figyelembe kell venni:

  • rövid és emlékezetes: a rövidebb domain nevek könnyebben megjegyezhetők. A címnek valami olyasminek kell lennie, ami az emberek elméjében tapad. A hosszú domain nevek csak akkor működnek, ha egyediek és fülbemászóak.
  • releváns kulcsszavak használata: a domain név egy másik lehetőség a kulcsszavak beépítésére, amelyek hozzájárulnak az Általános SEO stratégiához. Kulcsszavak, amelyek relevánsak az üzleti niche teszi a domain név tovább kibír az emberek emlékezetében, és növeljék a keresőmotor rangsorban.,
  • kutatási domain nevek: ellenőrizze, hogy más vállalatok vagy egyének túl szorosan kapcsolódó domain nevet használnak-e a konfliktusok vagy zavartság elkerülése érdekében.
  • válassza ki a megfelelő tartománynév-kiterjesztést: amint azt az internetes böngészésből tudja, a domain nevek .com, .org, .biz és egyéb kiterjesztések végén végződhetnek. Válassza ki azt, amely a legjobban megfelel a webhely céljának.

most, hogy megvásárolta a web hosting tervet (és megkapta az ingyenes domaint a hosting tervvel), készen áll a webhely felépítésére és elindítására.,

2. lépés: Válasszon egy webhely-építési módszert

a webhely felépítésének három fő módja van. Ha egy kezdő, messze a legegyszerűbb módja annak, hogy építeni, majd indítsa el a helyszínen, hogy használja a honlap készítő által biztosított web host. Ha legalább kissé webes hozzáértés, használhatja a WordPress-t vagy a tartalomkezelő rendszert (CMS), például a Drupal vagy a Joomla. Ha már jól ismeri a kódolást, akkor kezdheti a semmiből, majd HTML segítségével építheti fel a webhelyet az alapoktól kezdve., Minden megközelítésnek megvannak a maga érdemei és kihívásai:

1. Lehetőség: használjon webhely-Építőt (Kezdő szint)

egy weboldal-készítő használata-egy olyan alkalmazás, amely végigvezeti Önt a weboldal kód nélküli készítésének lépésein-mind felszabadító, mind felhatalmazó lehet. Az összes kódolást a szolgáltató végzi a backend-en, lényegében ez nem sokkal nagyobb kihívást jelent, mint egy szövegszerkesztő használata.

a weboldal-építők, mint például a Wix, lehetővé teszik a nem programozók számára, hogy weboldalakat vizuálisan tervezzenek, know-how kódolása nélkül.,

általában egy webhely-készítő vagy sablonalapú webhely-építési módszer kevesebb testreszabási lehetőséget kínál, mint ha a webhelyet a semmiből építené fel egyenes HTML segítségével, de a szükséges korlátozott készségek érdekében a webhelyépítők rugalmasságot és jó felhasználói élményt nyújtanak kezdőknek.

2. lehetőség: telepítse a WordPress (Intermediate Level)

sok cégtulajdonosnak és alkalmazottnak kevés vagy egyáltalán nincs kódolási képessége. Ugyanakkor, lehet, hogy korlátozza néhány, hogy kell támaszkodni a Web tervező / fejlesztő, hogy hozzon létre egy honlapot, és a frissítéseket., WordPress egy catch-all megoldás a vállalkozások számára, hogy szeretne egy alapvető honlap minimális befektetés az idő és a pénz.

Az internet összes webhelyének csaknem egyharmada létezik a WordPress platformon, sőt a nagyvállalatok, például a CNN és az eBay is használják. A szoftvernek ingyenes és fizetős verziói vannak, és rengeteg felhasználói támogatás érhető el az interneten.

szeretem a WordPress műszerfalát a karcsú, tiszta kialakításhoz. Ha összebarátkozol vele, sosem mész vissza.,

sok téma és elrendezés közül lehet választani, és lehetőség, hogy előre bonyolultabb minták és funkciók, WordPress egy sokoldalú választás mindenféle vállalkozások. Valójában ez a platform, amely hat HostingAdvice.com magát.

3. lehetőség: hozzon létre egy weboldalt a semmiből HTML-vel (Advanced Level)

a webdesign készségek nagyon értékesek a munkaerőpiacon, és talán azt gondoltad, hogy ez valami, amit fel akarsz venni. Épület egy honlap a semmiből megadja az eszközöket, hogy hozzon létre, majd testre a helyszínen, hogy pontosan úgy, ahogy jónak látja., Van egy magasabb tanulási görbe, de nagyobb jutalom, mint tudva HTML lehetővé teszi, hogy finomhangolása a webhely kialakítása, és végezze el ezeket a készségeket előre bővíteni, frissíteni a helyszínen könnyedén.

Ha egy programozó kezdő és elhatározta, hogy tanulni, akkor vegye fel a kódolási készségek szüksége lesz egy számtalan web design könyvek (az O ‘ Reilly sorozat egy jó kiindulási hely), valamint a weboldalak, mint a World Wide Web Consortium (W3C) iskolák.

A webhely kódolásának megtanulása a lehető legnagyobb rugalmasságot biztosítja abban, hogy az idő múlásával pontosan azt tegye, amit akar., Nem is beszélve arról, hogy a kódolás nagyon értékes készségkészlet a mai gazdaságban.

3. lépés: Indítsa el az épületet!

most, hogy már feliratkozott a web hosting egy ingyenes domain, és úgy döntött, a sitebuilding módszer, készen áll, hogy létrehozza a megjelenés a webhely tartalmát. Olvassa el a lépésről-lépésre:

1. Lehetőség: egy Sitebuilder használata a webhely felépítéséhez (kezdő)

egy weboldal ingyenes weboldal-készítővel történő felépítése gyors, egyszerű és egyszerű folyamat., Lehet, hogy már feliratkozott egy hosting fiókra az 1. lépésben, ebben az esetben a web host webhelyének konkrét lépésről-lépésre szóló utasításai lesznek az ingyenes, mellékelt weboldal-készítő telepítéséhez és használatához. Általában azt találjuk, hogy a Wix a legnépszerűbb weboldal-készítő,ezért példaként fogjuk használni.

Ha már feliratkozott a tárhelyre, létrehozott egy fiókot. Ha még nincs web hostja, javasoljuk, hogy iratkozzon fel a Wix sitebuilderre a webhelyén keresztül. Egyszerűen írja be e-mail címét és jelszavát a Wix.com regisztráció oldal kezdeni., Vegye figyelembe, hogy az e-mail cím kezelése az ingyenes domain részévé válik (ha nincs egyéni tartománya), ezért ne feledje ezt a regisztrációkor. Ha még mindig nem biztos benne, üdvözlöm Önt, hogy nézze meg az alábbi Wix platform szakértői áttekintését.

WEBSITE BUILDER RATING
4.9/5.,0

  • Nincs kódolás szükséges készségeket, a drag-and-drop építő
  • 100s sablonok niche-konkrét tervek
  • Új funkciók segítségével az Alkalmazás Piacon Wix Események
  • Könnyen teremt e-kereskedelmi funkciót könnyen
  • Nagyszerű módja annak, hogy kis helyen a költségvetés
  • induláshoz Wix most.
kikiáltási ár/Mo. $0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., A több ezer sablonok, az intuitív szerkesztő, az iparág vezető minták megfeleljenek a különböző területeken, illetve használati esetek — ezek arcát képviselik platform, amely kiemelkedik elősegítése egyszerű web design a nem-tech-savvy felhasználó.

ugrás a teljes áttekintéshez ”

válassza ki azt a kategóriát, amely a legjobban leírja webhelyét. Ez segít az embereknek megtalálni az Ön webhelyét, valamint segít a Wix-nek a platform változatos felhasználói bázisának kiszolgálásában. Az Ön választása meghatározza, hogy milyen sablonokat böngészhet, ezért fontolja meg a legjobb megoldást az építeni kívánt webhely stílusához.,

A Wix-nek most két lehetősége van egy weboldal létrehozására. A hagyományos Wix szerkesztő mellett létezik a Wix ADI is, egy mesterséges intelligencia program, amely egyedi webhelyeket tervez a megválaszolt kérdések alapján. Javasoljuk a Wix szerkesztő használatát, amely teljes ellenőrzést biztosít a platformon elérhető testreszabások felett. Ha azonban meg akarja próbálni a Wix ADI-t, mindenképpen menjen rá!

válasszon a sablonok széles választékából, amelyek mindegyike eltérő a létrehozott webhely típusától függően. Szűrje az opciókat kép, keresés kulcsszó szerint, vagy rendezze át a sablonokat kategória szerint.,

a Wix – ben elérhető iparág-és niche-specifikus témák gazdagsága különösen vonzó.

választhat egy üres sablont is, hogy teljesen a semmiből vagy egy alapvető elrendezéssel induljon el.

minden sablon egy előre kitöltött szöveggel és egy háttérképpel kezdődik. A sablon egy kiindulási pont, hogy a helyszínen a saját. Az egyik első dolog, amit meg kell tennie az új Wix oldalon, az üzleti információk hozzáadása. Töltse ki a márkanév, szlogen, és egyéb vonatkozó részleteket egyszerűen kattintson a szöveget, hogy ki kell cserélni., Megváltoztathatja az oldal vizuális aspektusait is, beleértve a háttérképet is, valamint képeket adhat hozzá vagy cserélhet a webhely más oldalain.

A tartalom hozzáadásának és testreszabásának számos módja van. Kattintson a Hozzáadás gombra a bal oldali menüben egy sor lehetőség — szöveg, gombok, diavetítések,menük, stb. Az alkalmazások gomb alatt számos olyan funkció található, amelyeket hozzáadhat webhelyéhez további funkciókhoz, például megjegyzésekhez, élő csevegéshez vagy egy online áruházhoz. Feltöltheti saját multimédiás tartalmát is, például betűtípusokat, képeket, videókat és zenét, valamint elindíthat egy blogot.,

egyszerűen kattintson a jobb oldali sarokban található “Közzététel” gombra, hogy webhelyét feltegye az internetre! Választhat egy domaint, amely lehet egy ingyenes domain Wix.com vagy egy testreszabott domain, amelyet egy domain regisztrátoron keresztül szerez be.

2. lehetőség: a WordPress használata a webhely létrehozásához (Intermediate)

a WordPress használata a webhely létrehozásához hasonló élmény, mint a weboldal készítőjének használata a folyamat szempontjából. Melyik platformot kell használni a preferencia kérdése. Ez attól függ, hogy melyik érzi leginkább intuitív az Ön számára, és megadja a legnagyobb rugalmasságot a webhely tervezése, karbantartása., A WordPress használatának nagy előnye a nagy támogatási közösség, mind a hivatalos, mind a többi WP szoftver felhasználótól.

a legtöbb tárhelyterv könnyű hozzáférést biztosít a WordPress — hez-a szoftver telepítése egy kattintással, vagy még jobb, ha előre telepítve van az Ön számára. A legtöbb esetben egyszerűen bejelentkezhet a tárhely vezérlőpultjába, majd megtalálhatja a wp platform telepítésének lehetőségét. Ha a hosting szolgáltatás nem rendelkezik ezzel a képességgel, itt megtalálhatja a kézi telepítési utasításokat. Ezek a web hosts teszik telepítése WordPress különösen egyszerű:

1. InMotionHosting.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
Pénz-visszafizetési Garancia 90 nap
lemezterület 40 GB-os SSD – 120 GB-os SSD
Domain Név INGYENES (1 év)
A Szakértő InMotion Felülvizsgálat

InMotion Hosting, régóta ismert a megfizethető árú, nagy teljesítményű, osztott lehetőségek belépett a WordPress tér szilárd opció épül a cég hírnevét a nagy támogatást, valamint a megbízhatóság., Költségszámítás egy kis prémium más költségvetési gondolkodású lehetőségeket, InMotion nem tartalmaz néhány szép funkciók, hogy segítsen igazolni, hogy a költségkülönbség.

ugrás a teljes áttekintésre ”

2. Bluehost.com

4.9/5.,0

  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
Pénz-visszafizetési Garancia 30 nap
lemezterület 50 GB-os SSD – Korlátlan
Domain Név INGYENES (1 év)
A Szakértő Bluehost Felülvizsgálat

Célzó személyes bloggerek, valamint a kezdő felhasználók, Bluehost WordPress tárhely csomagok egy nagyszerű alternatíva, hogy egyszerű megosztott hosting., Ezek a szolgáltatások a Bluehost szokásos megosztott terveihez képest prémiumnak számítanak, de a WordPress optimalizálás és a platformspecifikus erőforrások vitathatatlanul megéri a költségeket.

ugrás a teljes áttekintésre ”

3. A2Hosting.com

4.9/5.,0

  • INGYENES Cloudflare CDN 1-kattintson a WP telepíti
  • Turbo Szerver, az SSD sebességét, optimalizált cache
  • A2-optimalizált dugó, a teljesítmény, valamint a biztonsági
  • INGYENES SSL tanúsítványok, valamint a 24/7
  • INGYENES HackScan, valamint KernelCare
  • induláshoz A2 Hosting most.
kikiáltási ár/Mo. $2.,99
Pénz-visszafizetési Garancia 30 nap
lemezterület Korlátlan SSD
Domain Név Új vagy Átutalással
A Szakértő A2 Hosting Felülvizsgálat

Mint szakértők, teljesítmény optimalizálás, A2 Hosting a legjobb választás bekapcsolása erőforrás-nehéz WordPress honlapok., A vállalat megosztott vagy menedzselt terveket kínál az ultra népszerű tartalomkezelő rendszerhez, az előnyök pedig a Joomla, Drupal és más platformokra is kiterjednek.

ugrás a teljes áttekintésre “

további WordPress hosts ”

szánjon egy kis időt, hogy megismerkedjen a WordPress backend fiókjával. Megtalálja, hol kezelheti a hozzászólásait, oldalait és megjegyzéseit; megváltoztatja a webhely megjelenését; webhelyszerkesztők hozzáadása;pluginek telepítése. Az irányítópulton mindent megtalál, amire szüksége van ahhoz, hogy nyomon követhesse a webhely tartalmát, és testreszabhassa annak megjelenését.,

Az irányítópult megjelenés lapján számos ingyenes téma közül választhat (vagy választhat, hogy fizet-e egyet). A téma telepítése olyan egyszerű, mint a “Telepítés”, majd az “aktiválás” kiválasztása a kívánt sablonhoz. A témát bármikor megváltoztathatja anélkül, hogy megváltoztatná a webhely többi tartalmát.

új oldalak hozzáadásához válassza az “oldalak”, majd az “Új hozzáadása” lehetőséget.”Ezeket az oldalakat a webhely navigációs menüjének részévé teheti a menük opció alatt a megjelenés lapon. Hozzászólások hozzáadásához (ha blogot szeretne a webhelyén), lépjen a “hozzászólások”, majd az “Új hozzáadása” pontra.,”

alapértelmezés szerint a WordPress a legfrissebb bejegyzéseit a honlapjára helyezi. A kezdőlapként szolgáló adott oldal kiválasztásához válassza a “Beállítások” lehetőséget az irányítópult menüben, majd válassza az “olvasás” lehetőséget.”A címlapon megjelenő szakaszban válassza a “statikus oldal” lehetőséget, majd válassza ki a honlapként létrehozott oldalt.

A bővítmények – alapértelmezés szerint nem a WordPress-ben vannak beállítva-új funkciókat adnak a webhelyéhez. A WordPress plugins javíthatja webhelyének funkcionalitását, segít elérni a webhelyére vonatkozó célokat, valamint jobb felhasználói élményt nyújt a webhely látogatóinak.,

Bővítmények bővelkednek a WordPress felhasználók számára! Csak töltse le és telepítse, hogy bővítse a platform már robusztus funkciókat.

például a Google Analytics plugin segít nyomon követni webhelyének tevékenységét, a NextGen Galéria plugin pedig képgalériák megjelenítését teszi lehetővé. A “Plugin” alatt az irányítópulton kereshet az opciókon keresztül — szó szerint több ezer ingyenes plugin. Csak kattintson az “install” gombra, és mehet.

Ezen a ponton, akkor létrehozott egy tartalommal töltött, tetszetős, funkcionális oldalon., A WordPress-ben történő közzététel egy oldalon vagy postai szinten történik, ezért a webhely minden területére kattintson a “Közzététel” gombra. Megvárhatja, amíg a webhely teljesen készen áll a tartalom közzétételére vagy közzétételére, amikor egyedi oldalakat vagy hozzászólásokat hoz létre.

3. lehetőség: használja a HTML-t, hogy a honlap a semmiből (Advanced)

azok számára, akik szeretnének egy kihívás, és van egy kis extra időt, hogy egy honlap HTML egy érdemes törekvés, hogy fejleszti a megértés webszerkesztő és design., Néhány óra alatt beállíthat egy alapoldalt, és építhet rá, miközben több HTML-és CSS-készséget tanul.

mint az első két weboldal-építési útvonal esetében, az első lépés az, hogy regisztráljon egy tárhelyszolgáltatóval.

legjobb általános értékelés
5.0/5.,0

  • INGYENES telephely vagy új webhely beállítása
  • INGYENES napi mentések, CDN, e-mail, pedig SSL
  • 24/7 szakértői támogatása nélkül várni, telefon, vagy chat
  • által Ajánlott, mint a WordPress felső fogadó
  • Ideális üzleti e-mail hosting
  • induláshoz SiteGround most.
kikiáltási ár/Mo. $6.,99
Pénz-visszafizetési Garancia 30 nap
lemezterület 10 GB-os SSD – 30 GB-os SSD
Domain Név Új vagy Átutalással
A Szakértő SiteGround Felülvizsgálat

lenyűgöző szélessége általános hosting szolgáltatások, SiteGround a világ egyik vezető fejlesztője a fogadó tér — tól egyedi szoftver megoldások premier ügyfélszolgálat., A cég kínál a teljes körű web hosting funkciók, beleértve az ingyenes Cloudflare CDN, cPanel SSH hozzáférés, valamint korlátlan MySQL adatbázisok és sávszélesség – nem is beszélve díj méltó ügyfélszolgálat.

ugrás a teljes felülvizsgálatra “

Lásd az összes legjobb web hosts ”

HTML címkék írásához szüksége lesz egy kiváló minőségű szövegszerkesztőre, amely megfelel az internet nyelvének. A Notepad++ jó lehetőség a Microsoft felhasználók számára, míg a TextMate ideális Mac felhasználók számára. A többplatformos szövegszerkesztők közé tartozik az Atom és a Magasztos szöveg.,

weboldalak lehet építeni szigorúan HTML, amely lefordítja a szöveges fájlokat elemzi a kiterjesztés .html. A webhely főoldala általában index.html. Hozza létre ezt a fájlt, mentse el, majd töltse ki a HTML webhely alapvető keretrendszerével. Úgy fog kinézni, mint ez:

a legegyszerűbb, ez az, amit a webhely fő index oldal kell kinéznie, ha éppen megfogalmazása fel a szövegszerkesztő.

<html> A címkék tartalmazzák a webhely teljes tartalmát, és jelzik, hogy ez egy HTML dokumentum., A<head> címke magában foglalja az oldal címét, metacímkéit (mondja el a böngésző adatait az oldal tartalmáról és megjelenítéséről), valamint a külső CSS fájlokra való hivatkozásokat az oldal formázásához. Az oldal tényleges tartalma a <body> címkék között mozog.

a webhely létrehozásakor a fájlokat mappákba szeretné szervezni a webhely megjelenítéséhez szükséges struktúra szerint. Például létrehozhat egy mappát a Névjegy oldalához,amelynek fő neve van.,html fájl, valamint minden kapcsolódó CSS, hogy hozzáteszi stílus a webhely más HTML fájlokat, amelyek támogatják, hogy a tartalom. Ha linkeket ad hozzá a webhelye oldalaihoz, akkor hivatkozni fog a mappa helyére abban a könyvtárban, ahol a fájlokat tárolja.

írja be tartalmát a <body> szakaszba.html fájl (azaz minden oldal) a webhely. Itt van néhány fontos címkét tudni, ahogy épít ki a webhely:

  • <header> jelzi a tetején a dokumentum, ahol az oldal címe és logója jelenik meg.,
  • <nav> A webhely menüjének felépítésére szolgál, amely a webhely fő navigációja, ahol a látogatók felső szintű webhely linkeket találnak.
  • <section> jelöli az oldal fő tartalmát. Arra használják, hogy csoportosítsák a tartalmat egy Oldalon belül. Gondolj az interneten található cikkekre, amelyek egyes fejezetek alatt vannak csoportosítva.
  • <article> egy oldal egyes tartalmaihoz használható, például blogbejegyzéshez, képhez, videóhoz vagy más multimédiához. Ez egy módja az oldal felépítésének, így ezek az elemek könnyen megkülönböztethetők.,
  • <footer> a weboldal alja. Ez a terület gyakran, ahol az emberek fel a kapcsolattartási adatok, szolgáltatási feltételek, Adatvédelmi politika, és egyéb Egyéb Egyéb, de fontos információkat.

ezekkel a címkékkel kitöltve az oldal alapvető szerkezete így néz ki:

HTML címkékkel kiegészítve a webhely alapvető oldalszerkezetének így kell kinéznie a szövegszerkesztőben.

hozzá szeretne adni egy alapvető navigációs sávot a webhelyéhez. Ez könnyű hozzáférést biztosít a webhely fő oldalaihoz., A beállításhoz a <nav> címkét és a <ul> vagy rendezetlen listacímkét használja.

HTML-ben a webhely fő navigációja valójában csak az URL-ek rendezetlen (think bullets) listája.

és voila! Most a webhely látogatói könnyen navigálhat a blog, termék oldalak, csepp egy sort a kapcsolat oldalon, böngésszen ügyfél beszámolók, majd vissza a honlapra újra!

webhelyét vizuálisan érdekesebbé teheti a formázással, a színekkel és a képekkel csak a HTML használatával., Azonban a CSS vagy a lépcsőzetes stíluslapok beépítése a webhelyére sokkal nagyobb ellenőrzést biztosít a megjelenése felett, a CSS-t használó webhelyek pedig összességében professzionálisabbnak tűnnek.

további testreszabási és tervezési szabályok hozzáadása a webhelyéhez CSS fájlok segítségével.

a CSS külön CSS fájlokban van kijelölve. A fő fájl általában stílus.css. A CSS néhány alapvető funkciója a színek, határok és hátterek hozzáadása, valamint a dobozmodell alkalmazása az oldalak tartalmának megszervezéséhez., Ez a lépés fejlettebb, mint az alapvető HTML használata, de nagyban javíthatja webhelyének esztétikáját.

miután elégedett a teljes elrendezéssel, közzéteheti webhelyét. Ez teljesen rendben van,ha a webhely nagyon alapvető kezdeni. Mindaddig, amíg úgy néz ki, szakmai, akkor jól érzi magát, amivel ki az interneten, és javítani, ahogy fejleszteni több HTML, CSS készségek.

Alll Kész!, Most a kemény rész … Tartalom hozzáadása

mint az eseménytervező barátunk esetében, előfordulhat, hogy nem gondolja, hogy először saját webhelyet építhet — de az igazság az, hogy most könnyebb, mint valaha a teljes kezdő számára, hogy hozzon létre egy funkcionális és vizuálisan vonzó webhelyet, amelyet az emberek meg akarnak látogatni. A WordPress közösség Online erőforrásainak és támogatásának segítségével a barátom épített egy olyan webhelyet, amelyre büszke volt-és te is tudsz.

a legfontosabb dolog, hogy fontolja meg a webhely A tartalom, mivel ez lesz az, amit felhívja az embereket, hogy látogassa meg, majd olvassa tovább., Fontolja meg, hogy mit szeretne a webhelyről, függetlenül attól, hogy az Ön vállalkozása vagy egy blog egy adott témában. Gondosan mérlegelje, mert ez meghatározza a web design irányát is. Ha már van néhány tartalom ötletek, valamint egy konkrét terv, készen áll, hogy indítsa el a webhely építési kaland.

HostingAdvice.com egy ingyenes online erőforrás, amely értékes tartalmakat és összehasonlító szolgáltatásokat kínál a felhasználók számára. Annak érdekében, hogy ez az erőforrás 100% – ban ingyenes legyen, kártérítést kapunk a webhelyen felsorolt számos ajánlatból., A legfontosabb felülvizsgálati tényezők mellett ez a kompenzáció hatással lehet arra, hogy a termékek hogyan és hol jelennek meg az oldalon (beleértve például a megjelenésük sorrendjét). HostingAdvice.com nem tartalmazza a rendelkezésre álló ajánlatok teljes univerzumát. A webhelyen kifejezett szerkesztői vélemények szigorúan a sajátjaink, amelyeket a hirdetők nem nyújtanak, nem hagynak jóvá vagy nem hagynak jóvá.

szerkesztői felülvizsgálati politikánk

webhelyünk elkötelezett a szigorú szerkesztői irányelvek által vezérelt független, pontos tartalom közzététele mellett., Mielőtt cikkeket és véleményeket tesz közzé az oldalunkon, alapos felülvizsgálati folyamaton mennek keresztül, amelyet független szerkesztők és tárgyszakértők csapata végez a tartalom pontosságának, időszerűségének és pártatlanságának biztosítása érdekében. Szerkesztőségünk független és független az oldalunk hirdetőitől, és a véleményük, amit az oldalunkon fejeznek ki, a sajátjuk. Ha többet szeretne megtudni a csapat tagjai, valamint a szerkesztői háttérrel, kérjük, látogasson el a honlapról oldal.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

Tovább az eszköztárra