Kako oblikovati spletno stran za iPhone
Od začetnega sproščanja v letu 2007 , jeiPhone bilo navdihujoče spletne oblikovalce, da ustvarjajo strani , posebej prilagojene za mobilne naprave. IPhone prihaja z Applovega spletnega brskalnika Safari . Poleg tega si lahko prenesete Opera spletni brskalnik za iPhone od Apple App Store. Nimate za preoblikovanje vaše spletne strani za iPhone, oba brskalnikov lahko prikaže spletne strani kot če ste iskali na njih na domačem računalniku . To je lahko v vašem interesu, da ustvarjajo več - tok podložene Web design , ki bo hitro nalaganje za iPhone . Boste potrebovali nekaj znanja CSS , HTML in dostop do iPhone , da preizkusite svoje zasnove .
Tisto, kar potrebujete
iPhone
HTML in CSS urejanje programske opreme
Navodila
1
Odprite vašo trenutno spletno stran " html " datoteko z vašim HTML in CSS programsko opremo za urejanje . Saj ni nujno, posebno programsko opremo --- osnovni urejevalniki lahko uredite tako HTML in CSS datoteke . V okolju Windows lahko uporabite Beležnica . Na Mac lahko uporabite TextEdit
2
Dodaj . " & Lt; povezavo >" elementov v " & lt; head> " del HTML datoteke, ki se nanaša na novo " .css " datoteke, ki bomo ustvarili . Poimenovali smo novo datoteko " iphone.css . " Pot za datoteke mora bitienako , kot da drugi " .css " datoteke , ki jih stran uporablja . To bo opredelil, kje ste naložiti svojega novega CSS datoteko, ko ste končali. Prav tako je treba vključiti navodila zastran samo nalaganje te datoteke , če se gleda na napravi z največjo širino 480px . Tukaj jeprimer:
& lt; povezava rel = " slogovne " mediji = " samo zaslon in ( max - naprava - širina: 480px )" href = " /iphone.css " type = "text /css " />
3
Ustvari novo " .css " datoteko v HTML in CSS urednik. To bodatoteka bomo poimenovati " iphone.css . " To boste napisali , kot binormalno " .css " in to bi bilo v resnici, ogledalo svoj običajni CSS styling. Morda boste želeli , da odprete glavni CSS datoteko uporabiti kot referenco .
Za iPhone boste običajno želeli urediti vse v enem stolpcu in nastavite širino stolpca za 100% , tako da zapolni zaslon iPhone . Morda boste želeli skriti določene stvari povsem --- lahko uporabite "Display: Brez" za preprečitev teh elementov iz nakladanja. Spletne strani so določeno drugače. To bo trajalo nekaj poskusov , dokler ne boste dobili novo obliko, ki je zadovoljiva
4
Naloži svojega novega CSS datoteko na oddelku vaše spletne strani , imenovane v . " & Lt; povezavo >" element, ki ste ga dodali na vaš HTML datoteka . Prenesete popravljene datoteke HTML zamenjati original.