A WordPress évről évre egyre inkább eltávolodik a „blogmotor” címkétől a névjegykártyás oldalak, az online áruházak és az egyoldalas webhelyek javára. A felhasználói kérések is változnak.
A névjegykártya-webhelyek tulajdonosai az első dolog, amire vágynak, hogy statikus kezdőlapot készítsenek, mert... Ő az, aki azonnal elmondja a látogatónak a céget, annak szolgáltatásait, és lehetőséget ad az ismerkedés folytatására.
Ebben az oktatóanyagban a statikus kezdőlap létrehozásáról fogunk beszélni. Videó lesz a végén! Megy! 😉
Sok prémium témának (amelyeket pénzért vásárolnak) megvan a saját mechanizmusa a főoldal testreszabásához, és előfordulhat, hogy az ebben az utasításban szereplő anyag használhatatlan. Kérlek emlékezz erre.
Ha nem tudja megváltoztatni a főoldalt az ajánlásaim szerint, akkor érdemes áttanulmányoznia a témája dokumentációját, talán vannak árnyalatok a beállításban. 🙂
Tanács: Nagyon gyakran oldalkészítéskor van lehetőség az oldalkészítési felületen sablon kiválasztására. Vagy „Kezdőoldal” lesz, vagy valami más, de általában ebben a szellemben. Kérjük, vegye figyelembe, hogy pontosan ez lehet az Ön esete.
Bevezetés
Alapértelmezés szerint a WordPress az utolsó N bejegyzést jeleníti meg a főoldalon fordított időrendi sorrendben. A szokásos blogformátum, semmi szokatlan, és már ismerős is.
Ezt a viselkedést szinte mindig használják a legtöbb ingyenes témában. Néhány kivételtől eltekintve az ingyenes témák a főoldalt statikus oldallá tehetik blog helyett.
Erre az utasításra csak azok számára lesz szükség, akik a téma telepítése után bejegyzéseket jelenítenek meg a főoldalon, nem pedig csúszkákat, szolgáltatásblokkot és egyéb, nem blogon kívüli elemeket.
Oldalak létrehozása
Statikus kezdőlap telepítéséhez először létre kell hoznia azt. Lépjen az „Oldalak” menübe - „Új hozzáadása”, írja be a kívánt szöveget, és tegye közzé.
Van itt egy árnyalat: mert A blogbejegyzéseket eltávolítjuk a főoldalról, továbbra is létre kell hoznunk egy külön oldalt például „Blog” néven. Ez a bejegyzések megjelenítésére szolgál.
Összességében ezen műveletek után két oldala lesz: „Kezdőlap” és „Blog”, Ön választhat. Inkább a "glavnaya" és a "blog" kifejezéseket használom, egyszerű és egyszerű.
A kezdőlap beállítása
Most már csak apró dolgokról van szó: főoldalként kell megjelölnünk az újonnan létrehozott oldalunkat. Ehhez lépjen a „Beállítások” - „Olvasás” szakaszba, és nézze meg a minket érdeklő beállítási blokkot:
Átváltjuk a „Statikus oldal” opciót, és lehetőségünk van az oldalak listájából kiválasztani a nemrég létrehozott új oldalakat. Csináljuk így:
Mentjük, és a főoldalra lépünk, győződjön meg arról, hogy helyette most nem rekordok, hanem a cégével vagy projektjével kapcsolatos információk vannak. Pont amit szerettünk volna! 🙂
Használjon meglévő oldalt
Valójában nem kell külön honlapot létrehozni, hanem a meglévők valamelyikét kell használni ehhez, például „A cégről” vagy „Szolgáltatások”. Ez a legjobb lehetőség egy névjegykártyás webhely számára.
Egy blog esetében ez lehet egy üdvözlő oldal, vagy a szerzőről szól. De valami mást csináltam a személyes blogomon - úgy módosítottam a sablont, hogy a főoldalon lévő bejegyzések és a szükséges üdvözlet is látható legyen.
A világháló
A World Wide Web (WWW) információs források hálózata a világ minden tájáról. Az erőforrás itt minden olyan információt jelent, amely a hálózat felhasználói számára elérhető. Ez lehet egyszerű szöveges dokumentum, vagy program, archívum, vagy valamilyen szolgáltatás a felhasználó számára (például pontos időt biztosító szolgáltatás).
A felhasználók az internetet általában böngészőn keresztül látogatható webhelyek halmazaként értelmezik, amelyeket linkek (hiperhivatkozások) kapcsolnak össze.
Ez csak egy az internet számos aspektusa közül. Amikor azonban webdizájnról beszélnek, akkor a felhasználók számára böngészőn keresztül elérhető oldalak létrehozására gondolnak. Ezért kifejezetten a HTML nyelvű dokumentumokra fogunk összpontosítani.
Egyszerűen fogalmazva, a böngészők HTML dokumentumok megjelenítésére szolgáló programok. Ez azt jelenti, hogy amikor beír egy webhelyet a címsorba, a böngésző letölti a html kódot, és weboldalként jeleníti meg. Jelenleg a legnépszerűbb böngészők:
Microsoft Internet Explorer (IE)
· Vitathatatlan vezető szerepet tölt be az azt használók számában. Különböző becslések szerint ennek a böngészőnek a részesedése 85-95%. Az utóbbi időben a Firefox kiszorította, de az IE7 megjelenésével a Firefoxnak gondjai lehetnek a további piacnyeréssel.
Mozilla Firefox
· A 90-es évek végén a haldokló Netscape Navigator hamvaiból felemelkedett böngésző gyorsan lendületet kap. Népszerűsége két összetevő összessége: nyílt forráskód és rengeteg kiterjesztés (plugin), amit bárki írhat. Néhány bővítmény egyszerűen remekmű. Személy szerint én a HTML Validator kiterjesztést használom, ami megmutatja a html hibákat a weben oldal a hiba részletes leírásával. Ez nagyon hasznos weboldalak fejlesztésekor.
· Nagyon szép böngésző skandináv programozóktól. Ingyenes és nagyon gazdag funkciókban.
Számos olyan böngésző is létezik, amely az Internet Explorer programkönyvtárait használja.
Statikus és dinamikus oldalak
Valószínűleg gyakran hallotta már a statikus és dinamikus weboldalak fogalmát. Itt fontos világosan megérteni, miről beszélünk, és mire vonatkoznak ezek a fogalmak.
Az oldalak statikus és dinamikus oldalakra vannak felosztva a dokumentum böngészőben való viselkedése szerint. Másrészt ezeket a fogalmakat gyakran más értelemben is használják. A dokumentumokat statikus és dinamikusra is osztják a dokumentum létrehozásának módja alapján.
A dokumentum viselkedése alapján a felhasználó böngészőjében a következők:
· Statikus html oldalak
· Statikus – azt jelenti, hogy az oldal mindig ugyanúgy néz ki, a felhasználói műveletektől függetlenül. A menü például az egyes oldalakra mutató hivatkozások alapján van rendezve, nem pedig egy legördülő lista szerint.
· Dinamikus html oldalak
· Ezek az oldalak már képesek reagálni a felhasználói műveletekre és változásokra. Például, amikor a szövegre kattint, felbukkanhat egy szövegblokk a szó fordításával. Egyébként pontosan így valósul meg a Firefox böngésző egyik fordító pluginja.
A weboldalak dinamikája a böngésző által végrehajtott szkriptek segítségével valósul meg. A HTML nyelv számos eleme támogatja az eseménykezelők meghatározását. Például beállíthatja a képen az „egérkattintás” esemény feldolgozását. Majd ha a felhasználó rákattint erre a képre, akkor az ehhez meghatározott kezelő kerül meghívásra.
Ez kissé zavaróan hangzik, de ne aggódj. Ha ezzel találkozol, minden könnyebb lesz.
A dinamikus weboldalak létrehozásának leggyakoribb nyelve a JavaScript. (Nem tévesztendő össze a Java programozási nyelvvel. Két teljesen különböző entitásról van szó.)
A VBscriptet (visual basic script) ritkábban használják. (A Microsoft, mint mindig, a maga útját járta.)
A készítés módja alapján a dokumentumokat ismét statikusra és dinamikusra osztják.
Az oldalakat statikusnak nevezzük, ha html formában vannak a szerveren.
A dinamikusak pedig azok, amelyek „menet közben” jönnek létre a böngésző kérésére.
Amint könnyen látható, ha van egy normál HTML oldal a szerveren, akkor ez a megközelítés nagyon korlátozott. Például van egy online áruháza, és hozzáadott egy új terméket. Ha áruháza „statikus” html oldalakból áll, akkor több másik oldalt is manuálisan kell szerkesztenie. Ez legalább egy termékkatalógus és valószínűleg egy megrendelőlap. Ha elfogy egy termék, újra frissítenie kell az oldalt. Nagyon kényelmetlen. Ezért egyetlen webáruházat sem talál html-en. (Bár lehet olyan rendszert kitalálni, ami termékváltáskor automatikusan regenerálja az oldalt. De ez nem túl elegáns megoldás).
Ha az oldal gyakran változó tartalmat tartalmaz (tartalom - információ az oldalon), akkor a szerveren futó szkriptek állnak a segítségedre. És ez a legfontosabb különbség ezek és a korábban leírt szkriptek (a JavaScript-ben írottak) között. Ez így működik:
1. A böngésző dokumentumot kér a szervertől
2. A szerver megállapítja, hogy a dokumentum egy parancsfájl, és elindítja a végrehajtást
3. A szkript létrehoz egy html oldalt
4. A szerver elküldi a generált oldalt a böngészőnek, így a böngészőnek fogalma sincs arról, hogy a script lefutott a szerveren.
Számos programozási nyelv használható "dinamikus" oldalakat generáló szkriptek írásához. Közülük a leggyakoribbak:
7. Bináris kód (C vagy C++ program futtatható kódba fordítva)
Ezen nyelvek mindegyike saját alkalmazási jellemzőkkel rendelkezik. Bármilyen nyelven írhat szkripteket. A lényeg az, hogy ismerjük erősségeit és gyengeségeit, és hatékonyan használjuk őket. Ezekről a nyelvekről bővebben hírlevelünk oldalain fogok mesélni. Addig is fontos tudni, hogy vannak különböző programozási nyelvek, amelyeken a gyakran változó tartalmú weboldalak programozhatók.
Általános szabály, hogy ha azt látja, hogy az oldal címe .html vagy .htm végződésű, akkor ez egy szokásos statikus oldal. (Természetesen beállíthatja a kiszolgálót úgy, hogy olyan szkripteket hajtson végre, amelyek ugyanazokkal a végződésekkel végződnek, de ez nem praktikus. Ennek ellenére a .html és a .htm a szabvány, és nem szabad újradefiniálni ezeket a végződéseket.) Ha más végződést látni, akkor ez valószínűleg egy forgatókönyv. Például a PHP-ben a szkriptek általában .php kiterjesztéssel rendelkeznek, Perlben - .pl, ASP - .aspx
Ha a cím nem tartalmazza az oldal nevét (például www.neomoon.ru), akkor a szerver az alapértelmezett dokumentumot fogja használni (általában index.html vagy index.htm vagy index.php).
El kell mondani, hogy a hibrid rendszer mostanra egyre inkább erősödik. A neve olyan, mint egy holland futballklubé - AJAX, ami azt jelenti: Asyncronous JavaScript And XML (nem tudom, hogy a holland klub neve mit jelent :)). Ez a technológia lehetővé teszi a JavaScript szkriptek számára, hogy hozzáférjenek a szerveren lévő bármely szkripthez, és információkat kapjanak a szervertől. Ez viszont rugalmasságot biztosít a felhasználó számára, hogy az oldal tartalmának csak egy részét töltse be újra, nem pedig a teljes oldalt (ami sok forgalmat takarít meg).
A statikus html oldalak nem túl rugalmas megoldások. Csak akkor használja őket, ha teljesen statikus tartalommal rendelkezik. Például közzétesz egy könyvet az interneten. A könyvet már megírták, és nem fog változni. Ebben az esetben sokkal hatékonyabb és egyszerűbb a könyvet statikus HTML dokumentumként megtervezni.
Ha gyakran változó információi vannak webhelyén, akkor a szkriptek használatát kell választania.
A szkripteknek azonban van egy hátránya: munkájukhoz további erőforrásokra van szükségük a szervertől. Ha csak egy html oldalt kell beolvasnia a szerverről, és el kell küldenie a böngészőnek, akkor először el kell indítania és végre kell hajtania a szkriptet. Ezenkívül a parancsfájlok nagyon gyakran adatbázis-kezelő rendszert (DBMS) használnak a változó adatok tárolására, ami további terhelést jelent.
Hát nem csodálatos, ha saját maga is létrehozhat és karbantarthat egy weboldalt anélkül, hogy bárkihez fordulna segítségért? Amellett, hogy pénzt takarít meg (elvégre a webfejlesztési szolgáltatások sokba kerülnek), ez lehetővé teszi számos probléma önálló megoldását: személyes weboldal, vállalati webhely, online áruház létrehozása, érdekes projektek megvalósítása - ez nem a webfejlesztési technológiákban jártas személy teljes listája, hogy mire képes.
A könyv elolvasása után megtudhatja, mi a modern weboldal, hogyan alakul ki a koncepciója, mi a tárhely és a domain név, miben különbözik a statikus weboldal a dinamikustól, hogyan jön létre az oldal tartalma, miért van rá szükség legyen optimalizálva, és még sok más. Megtanulja, hogyan lehet önállóan programozni weboldalakat a HTML hipertext jelölőnyelv használatával, valamint közelebbről megismerkedhet a kifejezetten webfejlesztők számára készült szoftvertermékekkel, amelyek lehetővé teszik, hogy minimális idő és erőfeszítés ráfordításával automatikusan létrehozzanak egy teljes értékű webhelyet.
A könnyű, hozzáférhető prezentációs stílus, valamint a nagyszámú vizuális illusztráció és gyakorlati példa izgalmas folyamattá varázsolja ennek a könyvnek a tanulmányozását, amelynek eredményeként gyorsan létrehozhatunk egy vonzó modern webes erőforrást és teljesíthetünk. minden szükséges intézkedést annak támogatására, karbantartására és optimalizálására.
Könyv:
Statikus és dinamikus weboldal fogalma
Korábban röviden beszéltünk arról, hogy mi a statikus és dinamikus weboldal. Ebben a részben ezt a kérdést részletesebben megvizsgáljuk.
A statikus oldal neve önmagáért beszél: egy ilyen oldal statikus, állandó és változatlan információkat mutat be. Illetve módosíthatja, de ehhez megfelelő módosításokat kell végrehajtania az oldal programkódjában.
A statikus oldalfájlok általában HTML formátumúak. A webfejlesztő HTML kódot ír, létrehozva az oldal tartalmát, a fájl nevet kap, amely után az oldal feltöltődik a webszerverre és elérhetővé válik az internetezők számára. Például egy vállalati weboldalon egy statikus oldal információkat tartalmazhat a cég történetéről, tevékenységének fő irányairól stb. Vegye figyelembe, hogy a webfejlesztés terén szerzett első tapasztalatait statikus weboldalak létrehozásával kell kezdenie. Erről részletesebben a HTML használatával történő webes programozás alapjai című fejezetben lesz szó.
JEGYZET
A HTML-ben írt oldal címe a pontot követő karakterekkel végződik.
Az alapvető különbség a dinamikus és a statikus weboldal között, hogy tartalma nem állandó, hanem változhat. A felhasználó kívánságaitól függően, pontosabban a látogatók által létrehozott és a webszervernek küldött kérések alapján alakul ki. Amint azt korábban megjegyeztük, a dinamikus weboldal legjellemzőbb példája egy olyan oldal, amelyen egy keresőmotor (ugyanaz a www.google.ru) a felhasználó által beküldött keresési lekérdezés alapján ad vissza keresési eredményeket. A weboldalak használatának másik tipikus példája az online áruházak: a látogató a lehetőségek segítségével jelzi, hogy melyik termék és milyen tulajdonságok iránt érdeklődik, kérést küld (a megfelelő gomb általában erre szolgál - , stb.), és néhány másodperc múlva megjelenik a képernyőn azon áruk listája, amelyek megfelelnek a megállapított kritériumoknak. Ezenkívül a dinamikus oldalakat széles körben használják más webhelyeken, sokféle célra és tájolásra.
Dinamikus oldalak HTML használatával is készíthetők, de erre egy másik nyelv, a PHP alkalmasabb (elsősorban szélesebb funkcionalitása miatt). Ennek megfelelően az oldal fájlformátuma már nem HTML, hanem PHP lesz, internetcíme pedig a pontot követő karakterekkel végződik.
Statikus html (htm, dhtml, xhtml) oldalakból áll, amelyek egyetlen egészet alkotnak. Tartalmaz (HTML jelölés formájában) szöveget, képeket, multimédiás tartalmat (audió, videó) és HTML címkéket. A címkék lehetnek szolgáltatáscímkék, amelyek a böngésző számára készültek, vagy az információk elhelyezésére, megjelenésének és megjelenítésének kialakítására szolgálnak. Az oldal minden módosítása a webhely dokumentumainak (oldalainak) forráskódjában történik, amihez hozzáféréssel kell rendelkeznie a webszerveren lévő fájlokhoz.
Előnyök és hátrányok
Előnyök
- Egy oldal létrehozásához nem kell ismernie a webes programozási nyelveket.
- Jó az oldal gyorsítótárazhatósága.
- Gyors oldalbetöltési sebesség.
- A webszerver minimális követelményei és minimális terhelése.
- Könnyen átvihető másik szerverre vagy helyi számítógépre.
- Lehetőség a fájlok közvetlen megtekintésére böngészőben, köztes szoftver (webszerver, CGI) nélkül.
Hibák
- Képtelenség dinamikusan tartalom létrehozására.
- Képtelenség teljes mértékben támogatni a látogatókat (megjelenés választása, sütik).
- A webhely információkkal való feltöltéséhez FTP-n keresztül kell hozzáférnie az oldalfájlokhoz, vagy harmadik féltől származó webszkriptekkel, amelyek lehetővé teszik az oldalak szerkesztését.
- Nagyszámú oldal (fájl) esetén, ha hasonló változtatásokra van szükség (terv, elrendezés, új szakaszok hozzáadása), harmadik féltől származó szoftvert (segédprogramokat) kell használnia.
Modern használat
- Névjegykártya webhely - a legáltalánosabb információkat tartalmazza a webhely tulajdonosáról (szervezetről vagy egyéni vállalkozóról). Tevékenység típusa, előzményei, árlista, elérhetőségei, részletek, útbaigazítás. A szakemberek közzéteszik önéletrajzukat. Azaz egy részletes névjegykártya.
- Termékkatalógus - a katalógus tartalmazza az áruk/szolgáltatások részletes leírását, tanúsítványokat, műszaki és fogyasztói adatokat, szakértői véleményeket stb. Az ilyen oldalak olyan árukról/szolgáltatásokról tartalmaznak információkat, amelyek nem szerepelhetnek az árlistában.
- Felhasználói honlapok.
Ezenkívül a statikus oldalakat gyakran használják dinamikus webhelyek sablonjaként.
Most, miután részletesen megnéztem a kérést/választ HTTP, figyeljünk a különböző típusú tartalomra (egy információs forrás bármely értelmes tartalma), amelyeket az interneten látni szeretne. Négy típusra osztottam - egyszerű szöveg, szabvány Web, dinamikus Web-oldalak és formátumok, amelyekhez más alkalmazások vagy beépülő modulok szükségesek.
Egyszerű szöveg
A legelején, még mielőtt bármilyen szabvány megjelent volna Web vagy beépülő modulok, az internet elsősorban képekből és egyszerű szövegből állt – .txt vagy hasonló kiterjesztésű fájlokból. Amikor egy egyszerű szöveges fájl átjön az interneten, a böngésző egyszerűen megjeleníti azt úgy, ahogy van, minden további feldolgozás nélkül. Az egyszerű szöveges fájlok továbbra is gyakoriak az egyetemi webhelyeken.
Webes szabványok
A World Wide Web alapvető építőkövei három fő szabvány Web- HTML (vagy XHTML, a kettőt felváltva használjuk itt céljainkra), CSS és JavaScript.
A Hypertext Markup Language (HTML) valójában nagyon találó név, mert jól kifejezi a célját. A HTML-t egy dokumentum feldarabolására, tartalmának és szerkezetének meghatározására, valamint az egyes részek jelentésének meghatározására használják (mit tartalmaz az összes szöveg stb., mit látunk az oldalakon Web). Speciális elemeket használ az oldal különféle összetevőinek meghatározásához.
A Cascading Style Sheets (CSS) segítségével teljes mértékben szabályozhatja az elemek megjelenítési módját. Stílusdeklarációkkal nagyon egyszerű az összes bekezdést két sorban megjeleníteni (sormagasság: 2em;), vagy az összes második szintű címsort zöldre tenni (szín: zöld;). A szerkezet és a formázás szétválasztásának számos előnye van, ezt a következő előadásban részletesebben is megvizsgáljuk. A HTML és a CSS együttes használatának erejének bemutatására a 3.2. ábra bal oldalon egy egyszerű HTML-kódot mutat be, további formázás nélkül, a jobb oldalon pedig ugyanazt a HTML-kódot láthatja CSS stílusokkal.
Rizs. 3.2. Sima HTML a bal oldalon, HTML CSS-t használva a jobb oldalon
Végül a JavaScript nyelv biztosítja Web-webhely dinamikus funkciókat. Írhat kis JavaScript-programokat, amelyek telepítés nélkül futnak az ügyfélszámítógépen szerver bármilyen speciális szoftver. A JavaScript lehetővé teszi a hozzáadást Web-a webhelynek van néhány alapvető funkciója és interaktivitása, de megvannak a korlátai, ami elvezet minket a szerveroldali programozási nyelvekhez és dinamikus Web oldalakat.
Dinamikus weboldalak
Néha az internet böngészése közben oldalakra bukkanhat Web amelyek nem használják a .html kiterjesztést – lehet, hogy .php, .asp, .aspx, .jsp vagy más furcsa kiterjesztésűek. Ezek mind példák dinamikus technológiákat Web, amivel oldalakat lehet létrehozni Web amelynek dinamikus szakaszok - olyan kód, amely különböző eredményeket produkál egy adatbázisból vagy más adatforrásból a számára meghatározott értékektől függően. Átnézzük az oldalakat Web az „Összehasonlítás” részben statikusÉs dinamikus Web-oldalak".
