Žymų Archyvai: Adobe Photoshop paketas

Interneto svetainės dizaino karpymas arba hiperaktyvavimas

Kuriant interneto svetainę vienas pirmųjų programuotojo darbų, suderinus su klientu svetainės dizainą, yra jo hiperaktyvavimas. Šis sudėtingai skambantis terminas reiškia gana paprastą užduotį – paversti kompiuterinį dizaino paveikslą programuojamu kodu, į kurį galėtume įrašyti tekstą, įkelti paveiksliuką ar vaizdo filmą. Kaip yra atliekamas hiperaktyvavimas?

Hiperaktyvavimas susideda iš keleto žingsni:

Pirmas etapas – dizaino karpymo planavimas. Programuotojas jo metu suplanuoja svetainės struktūrą pagal kliento pageidavimus ir dizainerio pateiktą kompiuterinį piešinį. Išskiriamos pagrindinės svetainės dalys, kurios kartojasi visuose svetainės puslapiuose. Išanalizuojama, kurie struktūros elementai keisis, o kurie liks statiniai. Pvz., dažniausiai numatoma antraštės (angl. header) dalis, turinio dalis (angl. body), šoninių juostų dalis (angl. sidebars) ir poraštė (angl. footer). Jei dizainas buvo atliktas profesionaliai, piešinio darbiniame faile programuotojas ras pažymėtas visas ekrano dalis, kurios turėtų būti iškirptos. Tai nepalyginamai pagreitina hiperaktyvavimo procesą.

Antras etapas – dizaino elementų iškirpimas. Paveikslų dalis galima iškirpti automatiniu karpymo įrankiu, pvz., tokį turi Adobe Photoshop grafikos paketas. Kiti objektai kerpami preciziškai sužymint svetainės struktūros blokus ir išsaugant juos į atskirus failus.

Trečias etapas – visą dizainą surašyti į HTML hiperteksto kalbos elementus (tekstinius ar grafinius elementus). Tam tikri struktūros elementai įkeliami arba kaip paveikslai, arba kaip struktūrinio bloko fonas, kuriame užrašoma  reikalinga informacija arba nuoroda. Rekomenduojama, jog šiame etape rašomas kodas būtų validuotas pagal W3C standartą arba atitiktų taip vadinamą xHTML standartą.

Tokiu principu, blokas po bloko, sulipdomas visas svetainės karkasas: hiperaktyvuojamas titulinis puslapis, vėliau pagal titulinį puslapį parengiamas vidinio puslapio dizainas, kol pagaliau projektas perkeliamas į turinio valdymo sistemą ir ten atliekamas jo galutinis derinimas ir informacijos įkėlimas.