Mis veebilehti külastad? Anna Teada Sulge
Facebook Like
Küsitlus


Responsive Web Design - Kohanduv veebidisain (0)

1 Hindamata
Punktid
 
Säutsu twitteris
EESTI INFOTEHNOLOOGIA  KOLLEDŽ  
 
 
 
 
 
Rigden Aunapuu 
 
KOHANDUV   DISAIN  ehk  RESPONSIVE  
DESIGN 
 
Referaat 
 
IT sotsiaalsed,  eetilised  ja professionaalsed aspektid 
 
 
 
 
 
 
Tallinn 2016  
 
SISUKORD
 
1.  KOHANDUVA DISAINI RAAMISTIKUD ...................................................................................... 4
1.1
Bootstrap raamistik .................................................................................................... 5
2.  KOHANDUVA VEEBIDISAINI AJALUGU ..................................................................................... 6
3.  KOHANDUV VEEBIDISAIN SEADMETEL .................................................................................... 7
4.  KOHANDUVA VEEBIDISAINI ALTERNATIIV ............................................................................... 9
KOKKUVÕTE .................................................................................................................................. 10
KASUTATUD ALLIKAD .................................................................................................................... 11
 
SISSEJUHATUS 
Autor  valis  käesoleva  teema  seetõttu,  et  uurida  põhjalikumalt  ja  konkreetsemalt 
kohanduva  disaini   tausta   ja  materjale.  Üha  enam  levib  selliseid  veebliehti,  kus 
kasutatakse kohanduvat disaini (ing. k. responsive design). Responsive design lühidalt ja 
inimkeeles  öeldult  tähendab  veebi,  mis  oskab  toimetada  erinevate  ekraanisuuruste 
seadmetega.    Selline  stiil  teeb   kodulehe   palju  kasutajasõbralikumaks  ja  mugavamaks. 
Hoolimata  sellest,  kus  sa  vaatad  kodulehte  (nutitelefon,  arvuti,   tahvelarvuti   jt),  on  kõik 
informatsioon  samamoodi  kättesaadav,  sest  kodulehe  kood  on   selliselt   üles  ehitatud,  et 
elemendid liiguvad vastavalt ekraani suurusele. ( http://www.okia.ee )  
Tehnoloogiliste   saavutuste   tõttu  suureneb  inimeste  arv,  kes  kasutavad  nutiseadmeid 
veebilehtede   sirvimiseks.  Kui  mingil   põhjusel   pole  sülearvuti  või  lauaarvuti  meile 
kättesaadav, vaatame veebilehti nutitelefonist. Seega on oluline, et koduleht oleks tehtud 
kohanduva  disaini  põhimõttel.  Veebilehe  autori  jaoks  võib  see  rohkem  aega  ja  vaeva 
nõuda, aga kui varasem kogemus on olemas, siis on hiljem sellise koodi lugemine palju 
lihtsam ja loogilisem. Samuti jääb kasutajal parem esmamulje kodulehest.  
 
 
 
 
 
 
 
 
 
1. KOHANDUVA DISAINI RAAMISTIKUD 
 
Raamistike  on  internetis  väga  mitmeid,  mõned  neist  on  lihtsamad  ja  osa   täielikud   ehk 
sisaldavad juba olemasolevaid seadistusi, mis tuleb  koodis
80% sisust ei kuvatud. Kogu dokumendi sisu näed kui laed faili alla

Logi sisse ja saadame uutele kasutajatele faili TASUTA e-mailile

Vasakule Paremale
Responsive Web Design - Kohanduv veebidisain #1 Responsive Web Design - Kohanduv veebidisain #2 Responsive Web Design - Kohanduv veebidisain #3 Responsive Web Design - Kohanduv veebidisain #4 Responsive Web Design - Kohanduv veebidisain #5 Responsive Web Design - Kohanduv veebidisain #6 Responsive Web Design - Kohanduv veebidisain #7 Responsive Web Design - Kohanduv veebidisain #8 Responsive Web Design - Kohanduv veebidisain #9 Responsive Web Design - Kohanduv veebidisain #10 Responsive Web Design - Kohanduv veebidisain #11
Punktid 10 punkti Autor soovib selle materjali allalaadimise eest saada 10 punkti.
Leheküljed ~ 11 lehte Lehekülgede arv dokumendis
Aeg2016-11-30 Kuupäev, millal dokument üles laeti
Allalaadimisi 3 laadimist Kokku alla laetud
Kommentaarid 0 arvamust Teiste kasutajate poolt lisatud kommentaarid
Autor rikz96 Õppematerjali autor

Lisainfo

Üha enam levib selliseid veebliehti, kus kasutatakse kohanduvat disaini (ing. k. responsive design). Responsive design lühidalt ja inimkeeles öeldult tähendab veebi, mis oskab toimetada erinevate ekraanisuuruste seadmetega. Selline stiil teeb kodulehe palju kasutajasõbralikumaks ja mugavamaks. Hoolimata sellest, kus sa vaatad kodulehte (nutitelefon, arvuti, tahvelarvuti jt), on kõik informatsioon samamoodi kättesaadav, sest kodulehe kood on selliselt üles ehitatud, et elemendid liiguvad vastavalt ekraani suurusele. (http://www.okia.ee)
Tehnoloogiliste saavutuste tõttu suureneb inimeste arv, kes kasutavad nutiseadmeid veebilehtede sirvimiseks. Kui mingil põhjusel pole sülearvuti või lauaarvuti meile kättesaadav, vaatame veebilehti nutitelefonist. Seega on oluline, et koduleht oleks tehtud kohanduva disaini põhimõttel. Veebilehe autori jaoks võib see rohkem aega ja vaeva nõuda, aga kui varasem kogemus on olemas, siis on hiljem sellise koodi lugemine palju lihtsam ja loogilisem. Samuti jääb kasutajal parem esmamulje kodulehest.

Raamistike on internetis väga mitmeid, mõned neist on lihtsamad ja osa täielikud ehk sisaldavad juba olemasolevaid seadistusi, mis tuleb koodis lihtsalt üles kirjutada, et need veebilehel nähtaval kohal oleksid. See tähendab, et ei ole vaja otsida internetist erinevaid navigatsioone, interaktiivseid ikoone vms. Kõik on juba raamistikus olemas. Samuti on internetiavarustest võimalik palju tasuta allalaaditavaid raamistike leida.
Ükski raamistik pole veebiarendaja jaoks perfektne, võib isegi öelda, et veebiarendaja, kes tunneb HTML’i, CSS’i ja Javascripti, peaks oskama ise luua koodi, mis oleks grid system’il tuginev. Kahjuks tuleb alati ise midagi juurde panna või ära võtta, et oodatav tulemus oleks selline nagu soovitud. Selleks tuleb ise aru saada raamistikus olevast koodist.

Märksõnad


Meedia

Kommentaarid (0)

Kommentaarid sellele materjalile puuduvad. Ole esimene ja kommenteeri


Sarnased materjalid

555
doc
Programmeerimiskeel
548
pdf
Cialdini raamat
49
doc
Kaasaegse ergonoomika alused
575
docx
Nimetu
95
doc
KUURORDIKONTSEPTSIOONI DISAINIMINE PÄRNU LINNA NÄITEL
574
pdf
The 4-Hour Body - An Uncommon Guide to Rapid Fat-Loss-Incredible Sex-and Becoming Superhuman - Timothy Ferriss
904
pdf
Christopher Vogler The Writers Journey
990
pdf
Maailmataju ehk maailmapilt 2015





Logi sisse ja saadame uutele kasutajatele
faili e-mailile TASUTA

Faili allalaadimiseks, pead sisse logima
või
Kasutajanimi / Email
Parool

Unustasid parooli?

UUTELE LIITUJATELE KONTO MOBIILIGA AKTIVEERIMISEL +50 PUNKTI !
Pole kasutajat?

Tee tasuta konto

Sellel veebilehel kasutatakse küpsiseid. Kasutamist jätkates nõustute küpsiste ja veebilehe üldtingimustega Nõustun