Step by Step
Sāksim ar to, kā radās ideja kaut ko tādu darīt. Ideja radās pēc tam, kad tika izlasīts šis posts. Iedomājos, kāpēc gan nepamēģināt. Varētu būt interesanti pašam pavērot no malas, kā tad ir tapis darbs. Nu un citiem, iespējams, interesanti uzzināt par darba tehniku.

Tagad par darbu. Tiks veidots saits draugam. Precīzāk - portfolio draugam, kurš pēc nodarbes ir programmētājs. Neveidošu nekādu specializēto portfolio. Ar vārdu "specializēts" šajā gadījuma es biju domājis sekojošo - neveidošu tāda veida saitu, kuru cilvēks pirmo reizi ieraugot izskata ziņā, iedomātos, ka tas ir cilvēka - programmētāja saits. Pagaidām nejūtos tik spēcīgs, lai to kvalitatīvi pasniegtu.

Nu tad ko, mans pirmais "soli pa solim" sākas .

1. Solis

Balta A4 lapa. Zīmulis. Sākumā uz lapas skicēju aptuveno izskatu. Izmēģinu vairākus variantus = vairākas idejas. Tiek izvēlēta vispiemērotākā (lasi - vislabākā) skice un aidā uz 2. soli. Diemžēl man nav skanera un es nevaru parādīt skices, taču tas arī šoreiz nav būtiski.

2. Solis

Veru vaļā Photoshop'u. Sāku vilkt taisnstūrus, tos bīdīt. Skatos izvēlētajā skicē un lieku kopā. Protams, ne viss tiek likts tieši tā, kā ir skicē. Laika gaitā kaut kas nokļūs kaut kur citur.

Nu re, augša bāziski izskatīsies šādi:



3. Solis

Tālāk ķeros klāt pie sekcijām. Kopā ir 6 sekcijas, taču visas nebūs vienkopus.
3 būs vienkopus:

  1) CMS / Content Management System
  2) DB / Database
  3) Other / HTML, CSS u.c.

Pārējās trīs - News, About un Contacts būs vairāk, mazāk šķirtas viena no otras.

Pirmās trīs esmu iedomājies izvietot šādi.



Izskatās vienmuļi, vai ne? Jāpadomā, ko varētu pielikt klāt, lai izskatītos patīkamāk. Domāju par it kā jau tik bieži pielietoto paņēmienu - bultiņu izmantošanu, taču pēc tam izdomāju, ka tomēr ne. Ne šeit. Un tapa otrs variants, kas, manuprāt, ļoti labi atrisina problēmu un izskatās labi. Zem "Other" ir svītra - tā izskatīsies uz rollover un, kad tiks nospiests, tā paliks.



4. Solis

Tagad pie pārējām sadaļām. News - iedomājos, ka tomēr gribu izveidot ikoniņu. Neko sarežģītu, bet, lai ir saprotams, un izskatās pieklājīgi. Ikoniņa būs šitāda.



Un kopumā newsfeed's izkatīsies šādi.



5. Solis

Ikoniņas priekš:

  1) E-mail;
  2) ICQ UIN;
  3) Cell Phone;
  4) CV;
  5) About;
  6) Home.

Priekš Home un E-mail izmantošu jau citkārt izmantotas ikonas. Pārējās uzzīmēšu.

Tāda būs About ikona.



Pārējās ikonas izskatīsies šādi.



6. Solis

Pēdējais solis. Lai radītu maksimāli tuvu priekšstatu par to, kā izskatīses lapa, ievietoju tekstu. Un lūk, tā izskatās beigu stadija.




Tā, ko lai vēl piebilst. Izmantotie fonti ir RimUniversConden un visiem labi zināmais Verdana.
Jā, kā pamanījāt, tad ikoniņas es nezīmēju vienā un tajā pašā logā. Es izmantoju otru logu. Tas ir gan parocīgi, gan laiku taupoši. Respektīvi vienā logā, kurā ir palielinājums, es zīmēju, kamēr otrā skatos, kā izskatās tikko uzzīmētais. Iespējams daži nezin, kur tādu lietu dabūt. Tas ir šādi:

  1) tiek atvērts jauns (iesākts) fails;
  2) pēc tam pie izvēlnēm spiežam Window -> Documents -> New Window;
  3) whola! atveras otrs tā paša faila logs.

Un vēl gribēju parādīt, kā izskatās mans workspace.



Šo darbu veicot tika patērēts:

  1) ~4 stundas;
  2) viena tējas krūze;
  3) vienas pusdienas;
  4) 2 kāpostu pīrādziņi + krūze dzeramā jogurta;
  5) Mike Oldfield / Tubular Bells 2, Boards Of Canada / Music Has The Right To Children;
  6) daudz nervu šūnu(2x uzkārās kaste);
  7) 2 Zewa Softis menthol salvetītes.

Nu ko, kurš nākamais?