Hogyan tervezzünk egy weblap egy iPhone

első megjelenése óta 2007-ben , az iPhone volt inspiráló Web tervezők létrehozni oldalak kifejezetten a mobil eszközön. Az iPhone jön az Apple Safari webböngésző . Ezen felül, akkor lehet letölteni az Opera webböngésző a iPhone alkalmazást az Apple App Store-ban. Nem kell újratervezni a honlapon az iPhone , mind böngészők jeleníti meg a weblapokat , csak úgy, mintha nézi őket egy otthoni számítógépen . Lehet, hogy az Ön érdeke, hogy hozzon létre egy áramvonalas Web design, amely gyorsan betöltődnek egy iPhone . Szükséged lesz némi tudást a CSS , HTML és hozzáférést egy iPhone , hogy tesztelje a design.
Amire szüksége van
iPhone
HTML és CSS szerkesztő szoftver
utasítások
1

Nyissa meg aktuális weblap " .html " file használja a HTML és CSS szerkesztő szoftver . Nem feltétlenül kell speciális szoftverek --- alapvető szövegszerkesztő szerkeszteni a HTML és CSS fájlok . Windows Most a Notepad . Mac használhatja TextEdit .
2

Hozzáadás a " & lt; link> " elemet a " & lt; head> " részében a HTML fájlt , amely utal egy új " css " fájl fogunk létrehozni . Azt mondjuk, hogy az új fájl " iphone.css . " Az a fájl elérési útját meg kell egyeznie , mint a többi " css " fájlok által használt oldalon . Ez fogja meghatározni , ahol a feltölteni kívánt új CSS fájlban , ha végeztél . Akkor is meg kell tartalmaznia utasításokat az oldalt csak betölteni ezt a fájlt , ha azt nem nézzük meg a készülék maximális szélessége 480px . Íme egy példa :

& lt ; link rel = "stylesheet " media = " csak képernyő és ( max -device -width : 480px ) " href = " /iphone.css " type = "text /css " />
3

Hozzon létre egy új " css " fájlt a HTML és CSS szerkesztő. Ez lesz a fájl nevet adjuk neki " iphone.css . " Akkor megírom ezt úgy, mint egy normál " css " és meg kell , sőt , tükör a szokásos CSS stílus . Érdemes lehet megnyitni a fő CSS fájlt használja , mint a referencia .

Az iPhone akkor általában szeretnének rendezni mindent egy oszlopba , és állítsa be a oszlop szélessége 100 %, tehát kitölti az iPhone képernyőjén . Érdemes lehet elrejteni bizonyos dolgokat teljesen --- akkor a " display: none " , hogy megakadályozzák azokat az elemeket betöltését. A weboldalak lefektetett másképp . Időbe fog telni némi kísérletezés , amíg nem kap egy új design, amely kielégítő.
4

Töltsd fel az új CSS fájlt a részben a honlapon a " & lt; link> " elemet hogy bekerült a HTML fájlt . Feltöltheti a módosított HTML fájlt cserélni az eredeti .