Mert nincs rá pénz, ingyen kellne, de azért jó legyen. Segítek benne, hogy lehet megoldani. Internet sajnos kell hozzá, de a szerencsésebbeknek van olyan munkahelye, ahol megoldható.

Szóval először kell egy tárhely. Ha nem szeretnénk rá pénzt szánni, akkor keressünk egy ingyen tárhely szolgáltatót, ezek közül is szerintem a legtöbb iszonyat gagyi, telenyomják popup és frame reklámmal. Nem kell ez nekünk. Ötvözzük a kellemeset a hasznossal, és regisztráljunk a Wordpress.com oldalon.

Weboldalt egyébként is az egyik legegyszerűbb és kényelmesebb Wordpress-szel építeni, itt meg már előre fel van telepítve. Kell-e ennél jobb? Kezdetnek semmiképp.

Szóval akkor regisztráljunk. Ez nem egy bonyolult dolog. Ha kész, akkor pedig készítsünk egy “blogot”. Ki lehet választani a magyar nyelvet a profilnál, de egész sok dolog még angolul fog megjelenni. Így például a Register a blog link is. Nem baj, nyomjuk meg.

Meg kell adni az oldal nevét, címét, és nyelvét. És lényegében kész is. Elkészült az oldalad, melyet a http://oldaladneve.wordpress.com/ címen tudsz megtekinteni. Az én próbaoldalam a http://ingyendemo.wordpress.com/ lett. Alapbeállításból így néz ki:

Most akkor ideje testre szabni a kinézetet. És nem feltétlenül kell a dizájnnal bajlódni. Egyszerűen keresünk valami nekünk való témát, melyet a Kinézet menüpontban találunk meg. Sajnos ide saját témát nem tölthetünk fel, de jó hír, hogy a meglévő téma css-ét módosíthatjuk. Ám ez maradjon máskorra. Én a Garland nevű témát választottam, de van itt szép kínálat, nagyjából mindenki stílusának megfelelő.

Ha megvan a nekünk tetsző kinézet, akkor már csak a tartalmat kell feltöltenünk. Két csoport közül válaszhatunk. Vannak a bejegyzések, melyek a főoldalon jelennek meg hírszerű formában, és vannak az oldalak, melyeket Page-nek nevez a Wordpress. A Page-ek különálló oldalak, az általam válaszott témában bal szélső sávban és fent jobb sarokban jelennek meg. Ide érdemes önállóan is megálló tartalmakat tenni, kapcsolat oldalt létrehozni, stb.

És nézzük az eredményt:

Nem a legtökéletesebb, de kiinduló alapnak megállja a helyét. Úgyis az lesz a fontos, ami az oldalon van, és ahogyan az fent van. A többi már csak néhány apróság kérdése…

És hogy tegyük be a Photoshopba?

Metódus 1. Mentsd el valahová a gépen, majd bent a Photoshopban válaszd ki a brush eszközt. Fent, ahol mutatja annak alakját és méretét, van egy kis nyilacska. Lenyitva megmutatja a használható brushokat. Ennek a panelnek a jobb felső sarkán van egy kis nyilacska, az ott megnyíló menüben válaszd a Load Brushes menüt, keresd meg a lementett fájt, és kész.

Metódus 2. A letöltött .abr kiterjesztésű fájlt mentsd le a Photoshop program könyvtárában (általában C:/Program Files/Adobe/Adobe Photoshop/ mappa az) a Presets/Brushes mappába. Ha itt van, akkor a Photoshop (újra)indítása után már bent marad a többi válaszható brush közt.

Mindennek, ami felkerült a honlapra kell, hogy legyen célja.
Minden egyes részletnek segítenie kell a látogatót, hogy elérje célját, és ezzel együtt az oldal is elérje a sajátját.

Alapvetően a dizájnerek nem elsődleges célja az oldal sikere, hanem az alkotás. Ezt bárki könnyen megtanulhatja, sok helyen utána lehet járni annak, mik szükségesek az új divat szerinti dizájnhoz. Elég ez? Tudjuk jól a választ.

Egy weblapot összerakni nem csak arról szól, hogy készítünk egy szép layoutot (bár nem haszontalan :)). Közben gondolkodnunk kell. Eredményként mindig azt tartsuk szem előtt (akár a struktúrát, layoutot, hibakezelést stb. tervezzük), hogy tudatosan dolgozunk.

Nézzük csak meg az alábbi oldalakat:
http://www.csselite.com/category/showcase/corporate/ A fentiek szerint elemezzük és tanuljunk.

Példa: http://www.bigfilebox.com/

Miről szól? Szoftvert árul.
Mire jó? Gyors és biztonságos fájlkezelésre a böngészőn keresztül.
Kipróbálható? Igen.
Megrendelhető? Igen.
Tiszta a navigációja? Igen.

A rendelési lehetőség egyértelmű anyagi hasznot hoz az oldal gazdájának, a felhasználó pedig egyszerűen sokat megtudhat a kínált termékről, és ha tetszik neki, meg is rendelheti.

Ennyire egyszerű.

Forrás: Webdesign from Scratch