Desde seu lançamento em 2007, o iPhone tem sido Web designers inspiradoras para criar páginas , especialmente concebidas para o dispositivo móvel. O iPhone vem com browser Safari da Apple. Além disso, você pode fazer o download do browser Opera para o iPhone a partir da Apple App Store. Você não tem que redesenhar seu site para o iPhone, ambos os navegadores pode exibir páginas da Web assim como se você estivesse olhando para eles em um computador doméstico . Ele pode estar em seus interesses para criar uma Web design mais aerodinâmico que irá carregar rapidamente em um iPhone . Você vai precisar de algum conhecimento de CSS , HTML e acesso a um iPhone para testar seu projeto
. Coisas que você precisa
iPhone
HTML e CSS edição software
Instruções
1
Abra a página da Web atual ".html " arquivo usando o seu HTML e CSS software de edição . Você não precisa necessariamente de um software especializado --- editores de texto básicos pode editar ambos os arquivos HTML e CSS . No Windows, você pode usar o bloco de notas . No Mac você pode usar TextEdit
2
Adicionar um ". & Lt; link> " elemento para o "& lt; head> " seção de seu arquivo HTML que refere-se a um novo arquivo " .css " que vamos criar . Vamos chamar o novo arquivo " iphone.css . " O caminho para o arquivo deve ser o mesmo como outros arquivos " .css " que está sendo usado pela página . Ele vai definir onde você estiver carregando seu novo arquivo CSS quando você está feito . Você também precisa incluir instruções para a página só para carregar este arquivo se ele está sendo visto em um dispositivo com uma largura máxima de 480px . Aqui está um exemplo :
& lt; link rel = " stylesheet" media = " só tela e (max -device- width: 480px ) " href = " /iphone.css " type = "text /css" />
3
Crie um novo arquivo " .css " no seu editor de HTML e CSS. Este será o arquivo vamos nomear " iphone.css . " Você vai escrever isso como se fosse um " .css " normal e deve , de fato, espelham o seu estilo CSS normal. Você pode querer abrir o seu arquivo CSS principal para usar como referência .
Para o iPhone geralmente você vai querer organizar tudo em uma única coluna e definir a largura da coluna a 100% para que ele preenche a tela do iPhone . Você pode querer esconder certas coisas inteiramente --- você pode usar o " display: none " para evitar que esses elementos sejam carregadas. Páginas da Web são definidos de forma diferente. Vai levar algumas experiências até chegar um novo design que é gratificante
4
Envie seu novo arquivo CSS para a seção de seu site designado no ". & Lt; link> " elemento você adicionou ao seu arquivo HTML. Envie seu arquivo HTML revisto para substituir o original .
Tecnologia eletrônica © [www.351231.com]
