Weblap készítés

Az új böngésző verziók már olyan különleges CSS tulajdonságokat is megtudnak jeleníteni, mint a különböző HTML elemek lekerekítése, vagy a színátmenetek megjelenítése.







Először a lekerekítést mutatom be, amely a border-radius tulajdonság.


A border-radius CSS kódja


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;

A Google közzé tette a 2013-as legnépszerűbb kereséseinek a listáit.








A legolcsóbb...

1. Legolcsóbb repülőjegy
2. Legolcsóbb taxi
3. Legolcsóbb gumi
4. Legolcsóbb bankszámla
5. Legolcsóbb tablet
6. Legolcsóbb okostelefon
7. Legolcsóbb laptop
8. Legolcsóbb online pénztárgép
9. Legolcsóbb új autó
10. Legolcsóbb szállások

A Joomla cms rendszer mellett elkezdtem ismerkedni a Wordpress cms-el is. Amihez láttam egy szép fekete-szürke weblap tervet. Ez annyira megihletett, hogy készítettem is egy hasonló weblap tervet, melynek témája az állatok.

Elkészítem a sablont mind Joomla redszer alá is, és Wordpress rendszer alá is, és ha elkészült, belinkelem az eredményeket.

Weblap terv

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.

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.

Mobilra optimalizált weboldal

A responsive weblap készítés (Responsive Web Design) lényege, hogy olyan weboldalt készítünk, ami szinte teljesen böngésző és platform független megjelenésű, és mobil készülékekkel is élvezhető böngészést nyújt.

Azaz mindegy, hogy 24"-os monitorral, notebook-al, okos telefonnal, vagy 10"-os Tablettel nézzük a weblapot. Minden megjelenítésben jól fog működni a weblapunk, és élvezhető minőségben jelenhet meg a honlapunk egy mobiltelefonon is.

Az internetezés és a mobil készülékek (okostelefon, tablet PC) elterjedésének köszönhetően a weboldalak látogatóinak egyre nagyobb százaléka használ valamilyen mobil készüléket az internetezés során. Tehát egyre nagyobb réteg nézi a weboldalunkat ilyen platformon keresztül. Ezért hogy ki tudjuk szolgálni ezen érdeklődök igényeit, érdemes a weblapunkat is Responsive módon elkészíteni (vagy készíteni egy mobil verziót is).


A mobilra optimalizált weboldal, azaz a responsive web design lényege, hogy olyan weblapot kell készíteni, amely rugalmasan igazodik a megjelenítő eszköz kijelzőjének méreteihez. A honlap megjelenése a kijelző mérete szerint változik.
A céglogó, a cím, a képek és betűk mérete, és a megjelenített tartalom mind a kijelző méretéhez igazodik.

Így megtehetjük, hogy ami rendes monitoron nézve egy látványos képi megjelenítés (menüpont, referencia lista képekkel, árlista, vagy díszes lábléc) mobil megjelenítésben akár másképpen, leegyszerűsítve jelenjen meg.
Jelenleg több ilyen weboldalt készítek, és kíváncsian várom én is a végeredményt és a vissza jelzéseket.

Az egyik ilyen honlap a kertgondozással foglalkozó vállalkozó weblapja, a gyepetto.hu, és a Budapest Fogászat weboldala, a bp-fogaszat.hu.

Az elegáns AmberBeauty kozmetikai szalon weblapja is mobil nézetes, azaz reszponzív.



A weboldal mobiltelefonon vagy tableten is jól olvashatóan és áttekinthetően jelenik meg. A felső menü átalakul lenyíló menüvé, és a képanimáció is átméreteződik a felbontáshoz megfelelően.

Segítség

Ha szükséged van segítségre, akkor itt kérhetsz tőlem árajánlatot weboldal készítésre: weblapdesign.hu

A META adatok megadása

Mai világunkban rengeteg weboldallal találkozhatunk, és minden nap új weblapok jelennek meg az Interneten. Ezért egyre nagyobb fontosságot kap a weboldal használhatósága, MEGTALÁLHATÓSÁGA, és egyedisége.

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,

Sokak életét megváltoztatta a Facebook, jelentősen megnőtt a regisztrált tagok száma. Ezzel egy új marketing elem lépett a cégek és vállalkozók, webmesterek eszköztárába, amellyel kiegészíthetik ONLINE megjelenésüket. Egy újabb hely, ahol elérhetik a célközönségüket.

A Facebook jó lehetőséget kínál, hogy aktív kapcsolatba lépjenek azokkal a potenciális látogatókkal, akik érdeklődnek a cég termékei vagy szolgáltatásai iránt.

E rövid leírással bemutatom, hogyan tudsz létrehozni saját üzletednek vagy vállakozásodnak saját céges facebook oldalt.

Facebook oldal létrehozásának lépései

1. A létrehozáshoz regisztrált Facebook tagnak kell lenni. Ha regisztráltál már, akkor lépj be, és a személyes profilodban a bal oldali menüből kiválaszd ki az Oldalak pontot, majd a megjelenő Pages oldalon kattints az Oldal létrehozása gombra.
   
   Gyorsabb ha ide kattintasz :)
2. Válaszd ki a megfelelő kategóriát ( Helyi Üzlet vagy hely, Vállalat vagy intézmény, vagy akár egy termék is lehet).

   Kategóriák a facebook oldalhoz

3. Ha kér a Facebook ellenőrző kódot, akkor írd be, és tovább lépve létre is jött az oldalad.
4. Add meg az oldalad alap adatait: név, rövid leírás, bővebb leírás, e-mail cím, és ha van működő weblapod, akkor add meg a címét,
   Mutasd meg térképen az üzleted helyét,
   Tölts fel egy szép, és a cégedre jellemző borítóképet,
   És töltsd fel a profilképedet, amely a postoknál is megjelenik. Ez a céged logója is lehet. Vagy egy abból készített egyedi grafika.
5. Hívd meg Facebook ismerőseidet, hogy lájkolják az oldaladat.
6. Frissítsd az állapotodat, és a hír megjelenik az ismerőseidnél.