HTML5 maketēšana / dizaina sagriešana

no PSD uz HTML5

Kad Jums jau ir gatavs web dizains, tas ir jāpārvērš mājas lapas dizaina veidnēs. HTML maketēšanas jeb “(PSD) dizaina sagriešanas” darbi (PSD2HTML) no PSD, AI, JPG, PNG (un citiem attēliem) uz gatavu HTML5 lapu notiek atbilstoši interneta standartiem un Jūs izstrādātajai specifikācijai.

psd2html

Kvalitatīvs mājas lapas kods

Par pamatu ir kvalitatīvs mājas lapas kods – CSS un HTML. Visas lapas pirms nodošanas klientam, tiek pārbaudītas ar W3 (lai arī tas nav obligāts priekšnosacījums, tikai ieteikums).

Pēc klienta izvēles, kods var tik arī optimizēts, lai samazinātu CSS un HTML failu izmēru, kas gan visbiežāk tiek izmantots jau funkcionālo web mājas lapu izveidē. Neoptimizētu kodu parasti sniedzam gadījumos, kad nepieciešams tikai attēlu pārvērsts par HTML un CSS mājas lapu, šadā veidā nākamajiem izstrādātājiem ir vieglāk orientēties kodu blokos.

Klients saņem savu PSD sagrieztu kā HTML/CSS

Kā gala produktu klients saņem arhivētu failu (zip,rar), kurā ir iekļauti:

  1. HTML/HTML5 faili (skaits atkarīgs no lapu un apakšlapu skaita),
  2. CSS/CSS3 stila fails,
  3. sagriezti attēli dizainam,
  4. PSD fails, no kura tika veidota lapa.

HTML5 dizaina sagriešanas cenas:

standarta cenas

SkatsCena
Pirmā lapa70 EUR
katra nākamā50 EUR
par apakšlapas skatu~ 35 EUR

WordPress sagriešanas cenas

WordPress sagriešanaCena
Arhīva lapa
(ziņu saraksts, meklēšanas rezultāti, kategorijas/tag arhīvs)
50 EUR
Atvērts raksts
(atvērts raksts vai lapa)
50 EUR
Pirmā lapa70 EUR
Raksts bez komentāru formas15 EUR
citas lapas50 EUR

Papildus pieejami pakalpojumi

Pēc klienta vēlmēm var tik sagatavots un konsultēts arī par adaptīvā dizaina izveidi mājas lapai., kurš vienlīdz labi izskatīsies uz datora, planšetdatora vai mobilā telefona pārlūka.

Labprāt integrētu arī Jūsu dizainā mikro datus un/vai mikro-formatētu informāciju, kas palīdzēs meklēšanas rezultātos attainot vairāk informāciju par lapu.

Stila ietvari (CSS frameworks)

Ikdienā strādājam ar šādiem stila ietvariem:

Adaptīvi ietvari

Fiksēta platuma

  • 960.gs
  • 1kb grid

Lasi vairāk: “CSS ietvari un to pielietošana web dizainā

Uzzini vairāk, kas nepieciešams, lai no PSD izveidotu HTML lapu.

Uzzini vairāk par skatiem un kā notiek PSD griešanas darbi – No attēla izveidota interneta mājas lapas vai e-pasta dizains.

HTML5 paraugs

https://gist.github.com/3177639