Hogyan lehet azonosítani a megfelelő weboldal tervezését?
Nem fejlesztem weboldal tervezést, ezért a megrendelés során meg kell adnod a design néhány verzióját, amelyet alapul véve alapul. Alapvető változatként általában egy meglévő webhelyet, vagy gyakrabban a kész sablongyűjtemények egy változatát veszi fel. Számos galéria található, és a sablonok száma ezer fontban mérhető.
Ebben az esetben különös figyelmet fordítok arra, hogy a sablon elrendezését a talajból kiindulva azonnal figyelembe veszem a MaxSite CMS összes funkcióját. Ezért az alapsablon bármely más CMS-hez tervezhető. A legfontosabb dolog az, hogy a sablonnak van néhány on-line demo verziója.
kép
A sablon kiválasztásakor rendszerint a szépség és a szokatlan tervezés irányítja őket, ami nem elég a megoldás, hiszen a sablonok túlnyomó többsége egyszerűen vonzó képeket és fényképeket tartalmaz. Hasonlítsa össze a két lehetőséget:
Ez ugyanaz a sablon, csak a második verzióban festettem a képeket.
Amint megváltoztatod a képeket (és a sablonodban saját képed lesz), a design "szépsége" megváltozik.
Különösen "erős" képek a csúszkákból, valamint a tematikusan kiválasztott fotók. Például egy és ugyanazon sablont lehet kulináris, vagy sportos, a kiküldetés a megfelelő fotókat.
Így a sablon / design kiválasztásakor először mentálisan módosítsa vagy teljesen kizárja a sablonképeket.
Háttérkép
Itt azonnal meg kell határoznia, hogy megtartja-e a sablon hátterét, vagy megváltoztatja-e azt. Ha megváltozik, jó lenne pontosan tisztázni, hogy ez a háttér hogyan valósult meg. Számos lehetőség van:
- egyszerű szín
- kis ismétlődő textúra
- függőleges gradáció
- a fotó statikus
- a böngészőre méretezett fotó
Ez egy nagyon fájdalmas téma, mivel a nyugati tervezők nem habozzák használni a különböző betűtípusokat, amelyeket a látogatók automatikusan letölnek. A probléma az, hogy gyakorlatilag nincsenek ingyenes cirill betűtípusok az interneten. Ha összeállítod az összes lehetőséget, akkor valahol akár 50 db. A legtöbbjük megismétli a szabványosakat, mint az Arial, a Times stb.
Ezért, ha a szöveget szokatlan betűtípus jeleníti meg a terven, akkor webhelyén, 99% -os valószínűséggel ez a betűtípus nem fog működni.
A betűtípus-biztonságos betűtípusok közül a következőket használják (kattintson a nagyításhoz):
Ez rájuk van és vezetni kell.
Képek a hozzászólásokhoz
Most divatos, hogy kiadja a rekordok listáját, kísérje őket egy kis miniatűrvel.
Különböző kimenetek a webhelyen
Például a legfontosabb, elrejtjük az oldalsávot és megmutatjuk a nagy csúszkát. A többit - az oldalsávot és egy kis képet mutatunk a csúszka helyett. Lehetőség nyílik sok lehetőségre, de általában három kimeneti lehetőséget kell biztosítania:
Először rajzolok egy oldalt. hibakeresés minden stílus design, a kategória után, és csak a végén home.
Ha más oldalról tervez más következtetéseket, akkor gondold át, hogyan kell megszervezni.
Az oldal általános szerkezete (moduláris rács)
Gyakorlatilag minden modern helyszínen csak 3 blokk van egy moduláris rácson.
- kalap
- fő tartalom (tartalom + oldalsáv / s)
- pince
Bármely sablont szellemileg lehet osztani a három részre. Mindegyik rész különböző funkcionális blokkokból áll. Például a fejléc lehet:
- első menü
- logo
- keresési sztring
- közösségi hálózati ikonok
- második menü
- csúszka
A fő tartalomblokk általában csak tartalmat tartalmaz (ez a webhely fő tartalma) és egy oldalsáv.
Az alagsorban további oldalsávok, szerzői jogokkal rendelkező vonalak, statisztikák stb.
Tehát technikailag a funkcióblokkok önkényesen megváltoztathatók. Más rendszerekben ez nem lehetséges, de nem a MaxSite CMS-ben: ha ilyen funkcióra van szükség, akkor a blokkok sorrendje (a MaxSite CMS összetevők szempontjából) az admin panelből önkényesen állítható be.
Így a design / sablon kiválasztásakor megadhatja
- blokkok hozzáadásával
- blokkok törlése
- módosítsa a blokkok sorrendjét
- adjon hozzá további oldalsávokat
- távolítsa el a felesleges oldalsávokat
Ráadásul egy másik sablonból is "megtehetjük" néhány blokkot!
Következtetés a főből
A webhely főoldalára számos lehetőség található. A standard lehetőség egy blog. kimeneti rekordokat fordított sorrendben.
Egy bonyolultabb változat a tömbök blokkok szerinti megnevezése. Itt vannak a rubinok száma, amelyeket nyomtatni kell. A MaxSite CMS a rekordok kimenetét generálja csoportosítással:
Egyszerűen megadhatja a master rekordszámát. Vagy adja meg a felső bevitel számát. Ezenkívül tetszőleges szöveget is hozzáadhat a bejegyzések előtt.
Mindezek a beállítások a MaxSite CMS-hez szabványosak, és minden sablonban jelen kell lenniük. Konfigurálható az admin panelen.
A kimenet módosításához további programozás szükséges. Milyen lehetőségek állnak rendelkezésre? A legkedveltebb következtetés az oszlopokban található. Ez vizuálisan a legfontosabb osztható a szükséges oszlopok számára, ahol minden egyes cellában bizonyos adatok kerülnek kibocsátásra.
Az oszlopok önkényesek lehetnek. Kombinálhatsz, ahogy ez az oldalon történik: itt és három, négy és két egyenlőtlen oszlop. Az ilyen lehetőségek semmilyen módon nem befolyásolják a végrehajtás összetettségét.
Az oszlopok kiválasztásakor meg kell fontolnod, hogy pontosan hogyan kívánja kitölteni a cellákat / blokkokat. Általában három lehetőség közül választhat:
- az adatok nyilvántartásból származnak
- az adatok a lehetőségekből származnak
- az adatok kívülről kerülnek
A fenti példa egy adott oszlopból származó rekordok kimenetét mutatja. Ez azt jelenti, hogy az admin panel jelzi az egyes blokkok fejlécének számát, majd a MaxSite CMS automatikusan létrehozza a kimenetet.
Van egy bonyolultabb következtetés, a kód csak egy bejegyzést jelenít meg szöveggel és miniatűrvel, az alább pedig röviden a következő részek listája:
A sejtek egyszerű szöveggel tölthetők meg. Ebben az esetben minden blokk "kötődik" az opcióhoz, és bármilyen szöveges vagy html kódot tartalmazhat.
Böngésző támogatás
A jelenlegi trend az, hogy a webmesterek már nem támaszkodnak a régi böngészőkre. Szerencsére elegendő alternatíva van: a FireFox, a Chrome, az Opera, a Safari és a Maxthon - ezek a böngészők elégedetten támogatják a modern CSS3 és HTML5 szabványokat.
Az egyetlen problémás böngésző az Internet Explorer, még az utolsó 9. verzió is messzire van fonva. Ezért az IE böngészőket csak a "nem úgy, hogy a webhely nem szétesik" szinten támogatja.
CMS funkciók
Gyakori a helyzet, ha a sablont egy adott CMS-hez tervezték, például WordPress, vagy fordítva, a "csupasz" HTML-re van tervezve. Mivel néhány blokk alkotja a rendszert a belekben, nincs módunk arra, hogy teljesen bevesszük a tervezési stílusba.
Elméletileg elvégezhetjük a CMS (típusfájlok) komplex kibocsátásához szükséges változtatásokat, de a munkaerőköltségek meglehetősen nagyok lesznek, ami hatással lesz a munka költségeire.
Néhány példa az én szabad sablonjaimról.
És ez az oldal (különösen a fő és a fejlécek).