Hozzon létre egy kis helyet (1. rész), az informatikai vezető
Ebben a leckében megnézzük létrehozásának folyamatát egy weboldal, amely egy oldal, amely a HTML 5 az osztályok és Bootstrap 3 alkatrészeket.
Létrehozása egy kis honlap
Oldal kártya - egy egyszerű weboldal, amely egy kis oldalak számát, és alapvető információkat tartalmaz a vállalkozás, vállalat vagy magánszemély. A költségek egy kis hely függ a tervezés és az oldalak számát, kezdve a 4000 rubelt. És van néhány oldalt, hogy a pénzt? Nem! Segítségével a bemutató, akkor megtanulják, hogyan kell fejleszteni a website használatával Twitter Bootstrap 3 technológia, és tedd az interneten.
Hozzon létre egy HTML fájlt, és kapcsolódik a stílusok és scriptek Bootstrap 3
Mielőtt elkezdené létre a honlap, nézzük meg, hogy mit ad nekünk a platform Bootstrap 3. Először is támogatást nyújt a különböző böngészők, ez jó. Másodszor adaptív tervezése, azaz honlapunkon is jól néz ki a készülékek eltérő képernyő átlója. A harmadik nagy sebességű fejlődés, azaz nem kell sok órát töltenek a fejlesztés különböző elemeinek weboldalakat. Az eredmény az, hogy a fejlesztő csak akkor használja előre gyártott elemek, osztályok és szkriptek Bootstrap, és a többi nem rendelkezik a platform maga.
Példaként tekintsük a létrehozásának folyamatát egy üzleti társaság honlapján, amely információt tartalmaz a cég, szolgáltatás, portfolió és elérhetőségét.
Létrehozása oldalon kezdődik fájlletöltést. amely Bootstrap 3 platform fájlok és ikonok Betűtípus félelmetes.
Miután letöltötte és kicsomagolás az archívumban, hozzon létre egy HTML fájlt a neve a index.html csatlakozik a stílusok és Bootstrap 3 platform szkripteket és stílusok ikonok Betűtípus Awesome.
A fájl tartalmát index.html magyarázatokkal ()
Létrehozása elrendezés
A képen látható, hogy a weboldal két fő részből áll: a fő tartály (konténer) és egy pince (lábléc). A fő tartály (konténer) van igazítva, a vízszintes irányban a központ és a következő részekből áll: az oldal fejléc (header); vízszintes navigációs menü (nav); alsó sapka rész (header-lent); blokk a cég szolgáltatásai (fő), amely a 3 oszlop; blokkolja az alapvető módszer (eljárás) használják a cég; egység, amely a portfolió (munka) cég.