Temos Archyvai: Programavimas

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.

Mobili svetainės versija ar prisitaikantis dizainas ?

– – – – – – – – – – – – – – – – – – – – –
Reikia mobilios svetainės versijos? Kreipkitės:

Tel.: +370 618 73 370

El.paštas: jonas@cometos.com

Kainos: nuo 150 Eur
– – – – – – – – – – – – – – – – – – – – – –

Nors ir programuotojams, ir vartotojams jau beveik nebekyla abejonių, kad svetainės dizainas privalo būti pritaikytas mobiliems įrenginiams, kita, itin dažnai sutinkama diskusijų tema: kokį tinklapio atvaizdavimo būdą pasirinkti? T.y. kokiu būdu pritaikyti svetainę mobiliam įrenginiui, kad ji atliktų visas pagrindines funkcijas dedikuotas įprastai stalinio kompiuterio ekrano rezoliucijai.

Yra 2 techniškai ir idėjiškai besiskiriantys būdai, skirti atvaizduoti svetainę mobiliame įrenginyje (planšetėje, išmaniajame telefone ir t.t.):

  • Svetainės kūrimas mobiliam įrenginiui;
  • Prisitaikantis (angl. responsive) dizainas.

Nėra vienos tiesos, kuris iš šių variantų geresnis, kadangi kiekvienas iš jų turi tiek teigiamų, tiek neigiamų požymių. Panagrinėkime kiekvieną jų detaliau.

Skaitykite toliau

HTML5 spindėjimo era baigiasi?

HTML5 šiandien žinome kaip interneto standartą, atvėrusį vartus daugeliui naujų interneto svetainių techninių galimybių. Turbūt pastebėjote atsirandančias naujoviškas animacijas, dinamiškus efektų pavyzdžius svetainėse, apie kuriuos prieš 4 metus net nebuvo galima pasvajoti. Svetainės, buvusios vizitinėmis kortelėmis, parduotuvėmis, panaudojus HTML5, tampa trumpais literatūriniais pasakojimais, sukeliančiais emocijų antplūdį! Galima sakyti, jog HTML5 standarto dėka itin stipriai pagausėjo programuojamų svetainių efektų pavyzdžių ir atsivėrė kelias naujoms internetinių animacijų galimybėms. Tačiau ar tai viskas, ko buvo siekta HTML5 standarte?

Skaitykite toliau

PHP teksto redagavimas ir PHP redaktoriai Windows operacinei sistemai

Dirbdami su web projektais, ilgai rinkomės įvairius įrankius, kuriais galėtume greitai ir patogiai rašyti PHP kodą. Kodą paprastai rašome specializuotame teksto redaktoriuje, anglų kalboje dar vadinamame IDE – Interface Design Environment. Tokio PHP programavimo kalbos redaktoriaus analizė iš pirmo žvilgsnio gali pasirodyti gana keista, tačiau žinodami, jog galima priprasti tiek prie gero, tiek prie blogo darbo principo, mums tapo įdomu, kokias alternatyvas galima rasti rinkoje ir galbūt jos padėtų pagreitinti PHP kodavimo darbus. Nepabijojome ilgesnį laiką paeksperimentuoti, tikėdamiesi, jog visai komandai tai padės galutinai apsispręsti dėl vieningo redaktoriaus pasirinkimo. Tad kokį redaktorių galėtume rekomenduoti kaip geriausiai tinkamą web programuotojui?

Skaitykite toliau