Jegyzettömb megjelenésű kapcsolat űrlap
16:55 APeti 0 Kommentek Kategória : egyedi megjelenés , honlapkészítés , kapcsolat űrlap , űrlap , webdesign , webgrafika , weblap , weblap készítés
Színátmenet CSS segítségével
2:57 APeti 0 Kommentek Kategória : CSS , css generator , gradient css , háttér , honlap készítés , honlapkészítés , szín , weblap , weblap készítés
Áttekinthető weblap
21:42 APeti 0 Kommentek Kategória : áttekinthető weblap , honlapkészítés , keresőoptimalizálás , landing page , navigáció , webdesign , weblap , weblap készítés
Miért kell hogy jól áttekinthető legyen egy weblap?
Milyen információkat keresnek az emberek a honlapon, amikor először megnyitják és meglátják?
Az ember szerem gyorsan végigpásztázza a weblapot fentről és balról haladva lefelé. Ezért a legfontosabb információkat a honlapkészítéskor a fejlécben és közvetlenül alatta kell elhelyezni.
A rengeteg weblap közül azok kapnak figyelmet, amelyek felkeltik a látogató figyelmét a megfelelő megjelenéssel, színhasználattal, a weblap címével, menüjével, megfelelő szövegével. A látogatók gyorsan szelektálnak a weblapok között, hogy megtalálják a keresett információt. Ezért azokat a weblapokat részesítik előnyben, amelyeket gyorsan és könnyen áttekinthetnek.
Milyen információkat keresnek az emberek a honlapon, amikor először megnyitják és meglátják?
Az ember szerem gyorsan végigpásztázza a weblapot fentről és balról haladva lefelé. Ezért a legfontosabb információkat a honlapkészítéskor a fejlécben és közvetlenül alatta kell elhelyezni.
A rengeteg weblap közül azok kapnak figyelmet, amelyek felkeltik a látogató figyelmét a megfelelő megjelenéssel, színhasználattal, a weblap címével, menüjével, megfelelő szövegével. A látogatók gyorsan szelektálnak a weblapok között, hogy megtalálják a keresett információt. Ezért azokat a weblapokat részesítik előnyben, amelyeket gyorsan és könnyen áttekinthetnek.
A látogatók a keresett információt minél előbb meg akarják találni, a terméket meg akarják szerezni, ezért a weblap tulajdonosoknak és honlapkészítőknek törekedniük kell arra, hogy minden lényeges információ a weblap megnyitásakor már az érdeklődő szeme előtt legyen. Ne kelljen keresni például az elérhetőségeket, a telefonszámot, vagy a megrendelés gombot.
A honlapkészítés előtt át kell gondolni, hogy milyen tartalmat szeretnénk mindenképpen megjeleníteni a nyitó oldalon, a fejlécben, a láblécben, és milyen menüpontok legyenek, vagy milyen elérhetőségi adatokat adjunk meg a gyors kapcsolatfelvétel érdekében.
Ha nem mutatunk meg mindent az elején
Vannak olyan ettől eltérő esetek, ahol nem az a cél, hogy minden fontos információt egy képernyőn jelenítsünk meg a látogatók előtt. Van amikor az a célunk, hogy vezessük a látogatót a weblapon a különböző navigációs elemek, képek, menüpontok segítségével. És ha végig járja a honlapon "utat", akkor tárjuk elé az információt, vagy a végleges tartalmat.
Ez lehet akár egy reklám kampány részeként készülő weblap, vagy Landing Page, ahol az egész tartalom és a navigáció egy célt szolgál: bemutatni egy terméket vagy szolgáltatást, egy teljesen új terméket, mint például egy új autót vagy egy ingatlant.
Sarkok lekerekítése CSS-el - border-radius
1:04 APeti 5 Kommentek Kategória : border , CSS , grafika , honlapkészítés , HTML , html 5 , radius , weblap , weboldal
Először a lekerekítést mutatom be, amely a border-radius tulajdonság.
A border-radius CSS kódja
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 3px solid #000000;
background-color: #940000;
Ennél a kódnál a terület mind a négy sarkának az értékét külön-külön meg tudjuk adni. Így akár eltérő vagy ellentétes formákat (ovális, ellipszis) is létre lehet hozni.
Ha mind a négy sarkot egyforma méretűre szeretnénk beállítani, akkor egyszerűbb, ha egy értékkel adjuk meg a lekerekítés értékét.
A rövidebb kód
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Vagy akár kört is tudunk rajzolni az alábbi módon
border-radius: 225px 225px 225px 225px;
-moz-border-radius: 225px 225px 225px 225px;
-webkit-border-radius: 225px 225px 225px 225px;
Weblap terv az állatokért
18:49 APeti 0 Kommentek Kategória : állatok , joomla , webdesign , weblap , weblap készítés , weblap terv , weboldal
Elkészítem a sablont mind Joomla redszer alá is, és Wordpress rendszer alá is, és ha elkészült, belinkelem az eredményeket.
Addig is itt a terv :)
 |
| Weblap terv |
Használható weblap ikonok
16:02 APeti 0 Kommentek Kategória : akciós ikon , ikon , ikon weblapra , ikon weboldalra , webdesign , weblap , weblap ikon
Készítettem néhány letölthető ikont weblaphoz, webáruházakhoz.
Dobd fel weblapodat néhány színes akció ikonnal, amelyet letöltés után kivághatsz a képből, és felhasználhatod a weblapodon.
És egy akció címke, amihez hasonlókkal találkozhatsz a boltokban is.
Ha szeretnél egyedi ikont a weboldaladra, keress meg a peter@weblapdesign.hu e-mail címen.
Dobd fel weblapodat néhány színes akció ikonnal, amelyet letöltés után kivághatsz a képből, és felhasználhatod a weblapodon.
 |
| Akciós weblap ikonok |
És egy akció címke, amihez hasonlókkal találkozhatsz a boltokban is.
 |
| Akció cimke weblapra |
Ha szeretnél egyedi ikont a weboldaladra, keress meg a peter@weblapdesign.hu e-mail címen.
Keresőoptimalizált weblapkészítés
19:06 APeti 0 Kommentek Kategória : Google , honlapkészítés , keresőoptimalizálás , weblap , weblap készítés , weboldal
 |
| A META adatok megadása |
Ha az ember szeretne megjelenni az Interneten egy új weboldallal, ahol bemutathatja cégét, vállalkozását, hobbiját, vagy forgalmazott termékeit, akkor olyan weboldallal kell megjelennie, ami a Google keresőben is megfelelő helyen jelenik meg.
Ebben lehet a segítségedre a Keresőoptimalizált Weblap Készítés vagy honlapkészítés, amely olyan minőségi weboldal elkészítését jelenti, amely megfelel a kor kihívásainak, a Google kereső előírásainak, és megfelelő kódolással készült.
A keresőoptimalizált weblap tartalmazza mind azokat a paramétereket, amelyek szükségesek ahhoz, hogy a keresők minél könnyebben megtalálják a weboldalt, és előnyben részesítsék sok olyan weblappal szemben, amelyek nem így készültek el. Ehhez több időt is kell szánni a weblap elkészítésére, de a befektetett idő többszörösen is megtérül.
Néhány fontos érték, amit meg kell adni a weblapodon
- a weblap címe (title érték),
- a megfelelő META Tag-ek megadása: keywords, description, content-type, revisit-after, robots, copyrigh, author (és igény szerint amire még szükség van)
- a jól látható menüpontok ALT értékei, amely megjelenik a böngészőben,
- képek ALT értékei, a kép leírása, amely megjelenik a böngészőben,
- minden oldalnak megfelelő címet adni,
- a hivatkozások megfelelő kialakítása,
- megfelelő szöveges tartalom,
- áttekinthető, szabályos kódolás,
Ha Te is szeretnél ilyen weblapot, látogass el a weblapdesign.hu honlapomra, és kérj árajánlatot!
1848 március 15. a Google-ben
18:24 APeti 0 Kommentek Kategória : 1848. március 15. , Google , weblap
Szép dolog a Google-től, hogy megemlékezik idén is az 1848-as forradalomról és szabadságharcról :).
A modern, de a magyar hagyományokat és színeket bemutató Google kép szinte kiemelkedik a weblap fehér hátteréből. A lován ülő huszár és a magyar zászló is nagyon jól jelképezi az eseményt.
A képre kattintva látható, hogy a forradalom napjának a dátuma a megadott kereső kifejezés:
1848. március 15.
A kép helye: https://www.google.hu/logos/2013/hungary_national_day_2013-1107005-hp.jpg
BMW és a weblap
16:39 APeti 0 Kommentek Kategória : BMW , weblap , weblap készítés
Az egyik legszebb általam készített weboldal megrendelője is BMW mániás :). A megrendelés egyik fontos pillére volt, hogy a legújabb típusú bmw jelenjen meg a nyitó oldalon, amelyet további, a márka más típusainak a képei és más luxus márkák képei követnek. A másik, hogy a weboldal fekete háttérrel készüljön, és a weblap minőséget sugárzó, elegáns, egyedi megjelenésű legyen.
A weblap készítés végeredménye, egy elegáns, esztétikus, és szép weboldal, ahol az aktuális aloldal témájának megfelelő fejléc kép jelenik meg, ezzel is navigálva a látogatót, hogy éppen hol jár a weboldalon. A nyitó oldalon kiválasztott autó,- hajó, vagy ingatlan kínálatnak megfelelő kép jelzi a megjelenő tartalmat, és emeli a weblap megjelenését.
A weboldal címe: www.globalinvestholding.hu
