Kako Dizajn web stranica za iPhone
Od prve premijere u 2007,iPhone je inspirativnih web dizajnera stvoriti stranice posebno dizajniran za mobilni uređaj . IPhone dolazi s Appleovim Safari web pregledniku . Osim toga , možete preuzeti Opera web preglednik za iPhone iz Apple App Store . Ne morate se redizajn svoje web stranice za iPhone , oba preglednici mogu prikazati web stranice kao da ste bili u potrazi na njih na kućnom računalu . To može biti u vašem interesu stvoriti više potok - postrojilo web dizajn koji će učitati brzo na iPhone . Trebat će vam neko znanje CSS , HTML i pristup na iPhone testirati svoj dizajn .
Što vam je potrebno
iPhone
HTML i CSS uređivanje softver
Upute
1
Otvorite vaše trenutne web stranice " .html " datoteku pomoću HTML i CSS uređivanje softver . Ne moraju nužno specijalizirani softver --- osnovni tekst urednici mogu uređivati i HTML i CSS datoteke . Na sustavu Windows možete koristiti Notepad . Na Mac možete koristiti TextEdit
2
Dodajte . "& Lt; link > " element na " & lt ; head> " dio HTML datoteku koja se odnosi na novu " .css " datoteku koja ćemo stvoriti . Mi ćemo nazvati novu datoteku " iphone.css . " Put za datoteke treba bitiisti kao i drugi " .css " datoteke se koriste na stranici . To će odrediti gdje ste učitali svoj novi CSS datoteku kada završite . Također je potrebno uključiti upute zastranicu samo učitati sliku ako se gleda na uređaju s maksimalnom širinom od 480px . Evoprimjer : pregled
& lt; link rel = " stylesheet " medijski = " samo zaslon i ( max - uređaj širine : 480px ) " href = " /iphone.css " type = " text /css " />
3
Stvori novi " .css " datoteku u HTML i CSS editor . To će bitifile ćemo nazvati " iphone.css . " Vi ćete napisati to kao što binormalno " .css " i to bi trebalo , u stvari , ogledalo svoj normalan CSS stil . Vi svibanj želite otvoriti svoj glavni CSS datoteku koristiti kao referencu . pregled
za iPhone ćete obično žele organizirati sve što je u jednom stupcu i postaviti širinu stupca do 100 % , tako da ispunjava zaslon iPhone . Vi svibanj želite sakriti u potpunosti određene stvari --- možete koristiti " display: none " kako bi se spriječilo one elemente iz utovara . Web stranice su drukčiji . To će potrajati neko eksperimentiranje dok ne dobijete novi dizajn koji zadovoljava
4
Prenesite svoj novi CSS datoteku na dio vaše web stranice određen u . " & Lt; link > " elementa koji ste dodali na HTML datoteka . Učitate revidirane HTML datoteku zamijeniti original .