Hogyan kell építeni egy honlapot, és ez a saját és a szabad

Jó napot, kedves barátaim! Szinte minden kezdő webmester azt a kérdést - hogyan kell építeni egy honlapot saját befektetés nélkül, ha nincs pénz. Természetesen egyáltalán nem készpénz infúziót, és nem tud vásárolni hosting és domain regisztráció kell tölteni bizonyos minimális összeget. Később a cikkben azt vizsgálja részletesen minden egyes lépését egy független oldalon.

Általában két alapvető módon lehet létrehozni egy független telek nélkül pénzügyi költségeket. Ez vagy egy oldalra magad teljesen saját kezűleg - a tervezés, hogy szabjon ki elrendezés, írni egy forgatókönyvet motor, vagy felfedezni néhány szabad szoftver motor (CMS), mint a Joomla vagy a WordPress, és annak alapján, hogy nem web design.

Ma egy rövid pillantást, hogyan kell tanulni teljesen függetlenül hozzon létre egy honlapot egy részletes leírást minden lépést.

Szóval, minden honlap fejlesztése kezdődik tervezés.

tervezési terület

Ha a cél a helyén, minden világos és tanulmányozta versenytársak telek, tartalmának meghatározását a honlap, amelyet el kell különíteni, és a funkció blokkok. Itt, kívánatos, hogy dolgozzon a webhelyről prototípus.

Oldal prototípus - egy rajz vagy durva vázlatot a webhelyen. Azaz, minden egyes része a helyszínen :. Kezdő oldal, a kapcsolat oldalon, termék információk, bevásárlókosár, stb - akkor felhívni a alapegységek elrendezés (logó, név, menü, navigációs rendszer stb) A forma téglalapok, körök. A prototípus weboldal húzható, mint papíron, és segítségével speciális programok. Egy példa egy egyszerű prototípus honlapon:

Hogyan kell építeni egy honlapot, és ez a saját és a szabad

A prototípus segít felgyorsítani a weboldal létrehozását tervezés és megoldani a legtöbb kérdés az ügyfél már a korai szakaszban.

site design

Miután tervezés folytassa létre a site design. Ebben a szakaszban semmilyen grafikai program (általában photoshop-e) felhívja a megjelenése a helyszínen. Ha felhívni a tervezés előbb meg kell adni az alapszínek és betűtípusok oldalon. Ellentétben a prototípus honlapján, itt, minden funkciót blokk és egy része a helyszínen készül a legapróbb részletekig.

Fontos, hogy a site design okozott jó benyomást, és a pozitív érzelmek látogatói a jövőben oldalon.

Ennek eredményeként ezt a lépést, meg kell, hogy az elrendezés (vagy több képet) a webhelyen.

lápviláguk

Ha felkészülnek arra, elrendezése a helyszínen lehet kezdeni elrendezés. Oldal elrendezés létrehozásának folyamatát egy internetes oldal esetében. hogy már a tervezési fázisban. Azaz, a nyelv a HTML és CSS kép lefordítani egy weboldal.

Ebben a szakaszban, akkor is kell készségek Photoshope, de nem olyan szinten, mint a teremtés site design (elrendezés kell vágni, és módosítsa a kívánt képek mérete, színe, stb.) A fő eszköze ugyanaz kódoló ismerete HTML és CSS.

A második fő eszköze coder CSS nyelv, amely felelős a design weboldalakat. Általában nyelv HTML és CSS tanul együtt, mivel ezek a modern web vorstke egységet. Csak HTML felelős a weboldal szerkezete és CSS a megjelenését.

Használja CSS kóder beállítja a tömb méretét, és jelzi a betűméretet, a szöveg színe, a háttér színek és képek és egyéb paramétereket. CSS meg lehet változtatni a színét, háttér, betűtípus, szélesség, magasság, helyzete, formája, és még sok más minden oldalelem.

Ha használ HTML címkéket a CSS fogalmát CSS-tulajdonságok vannak hozzárendelve címkéket. Kiosztása rendszerének CSS-tulajdonságok a tag a következő: kulcsszó , azaz CSS-kódot, először kérés tag nevét, majd rá, mi adja meg a kívánt tulajdonságokat a megfelelő értékekkel.

  • Tanulságok CSS
  • Ingyenes tanfolyam HTML5 és a CSS3 kezdőknek

Vagy fizetett, de részletesebb:

  • Példák elrendezés PSD-elrendezés ingyenes mini-tanfolyam.

És a fizetett változat, de sokkal részletesebb:

  • Oldal elrendezés a semmiből.
  • Website a semmiből

weboldal programozás

Miután a PSD-elrendezés kapott a színpadon, hogy megteremtse a site design, már lefordított egy html-sablont itt az ideje, hogy hozzon létre egy szerver oldali web design, a motor a webhelyen. Itt az ideje, hogy legyen egy web-programozó. Programozási nyelvek létrehozásához használt weboldalak sokat, de a túlnyomó többsége a weboldalak felhasználásával készült PHP és SQL.

Együttműködik következő nyelveken számítógépén kell állítani, hogy bármely web szerver (web serverApache általánosan használt webszerver.), A PHP értelmező és MySQL adatbázis szerver.

Mindezek a programok telepítése és konfigurálása egy hosszú és unalmas, de szerencsére a hálózat sok speciális szerelvények, ahol minden már telepítve és konfigurálva van. Akkor csak letölteni az egyiket, és telepítse a számítógépére.

Az egyik legnépszerűbb hazai szerelvények OpenServer webszerver. beállítást azonnal az Ön rendelkezésére egy webszerver, PHP értelmező, a MySQL adatbázis és sok más hasznos zsemle szükséges hely létrehozásához. Most meg kell tanulni a nyelvet PHP és SQL, hogy hozzon létre egy php-script és írni SQL-lekérdezések adatbázisok.

PHP és a MySQL

PHP kezeli adatok (információk) tárolt szöveges fájlokat a szerveren, vagy egy adatbázisban, és továbbítja azokat formájában html-kódot webhelye látogató böngészője. Szintén segítségével PHP, akkor küldje SQL-lekérdezéseket az alapja az információ kezelése tárolt adatot.

  • Létrehozása és előmozdítása Landing kezdőknek
  • Internet-shop kulcsrakész.
  • Létrehozása és előmozdítása helyszínen tól Z-ig
  • Létrehozása motor PHP és a MySQL 2.0.
  • A könyv „Építsük honlap az elejétől a végéig.”

Miután a telek van, és fut a helyi számítógépen kell elhelyezni az interneten, így jöhetett a látogatókat a világ bármely pontján.

Ehhez meg kell vásárolnia egy hosting szolgáltatás, amely a valós web szerver az interneten. Akkor mi át az összes fájlt a helyi webszerver, amely megkapta a fejlesztés az oldalon.

Látogatói könnyebb volt megtalálni a webhely kell vásárolni a domain - neve az oldalon. Általában a domain és hosting vásárolt egy helyen, egy és ugyanaz a cég.

Ez minden, néztük minden fázisában honlap fejlesztése és a tudás milyen eszközöket kell ezt csinálni.