Как создать веб-страницу для iPhone
С момента своего первого релиза в 2007 году, iPhone был вдохновляющие веб-дизайнерам создавать страницы, специально предназначенные для мобильных устройств. IPhone поставляется с веб-браузер Safari от Apple. Кроме того, вы можете скачать веб-браузер Opera для iPhone от App Store компании Apple. Вы не должны перепроектировать веб-сайт для iPhone, как браузеры могут отображать веб-страницы так же, как если бы вы смотрели на них на домашнем компьютере. Это может быть в ваших интересах, чтобы создать более обтекаемой Веб-дизайн, который позволяет быстро загружать на iPhone. Вам понадобится некоторое знание CSS, HTML и доступа к iPhone, чтобы проверить ваш дизайн
. Вещи, Вы будете Нужен груз iPhone Каталог
HTML и CSS редактирования программного обеспечения
инструкции < ш> 1
Откройте текущую веб-страницу ".html" файл, используя свой HTML и CSS программное обеспечение для редактирования. Вам не обязательно нужно специализированное программное обеспечение --- основные текстовые редакторы могут редактировать оба HTML и CSS файлов. В Windows вы можете использовать Блокнот. На Mac можно использовать TextEdit Каталог
2
Добавить. "& Лт;>" ссылку элемент в "& LT; голова>" раздел вашего HTML файла, который относится к новому файлу ".css", что мы создадим. Мы будем называть новый файл "iphone.css." Путь к файлу должен быть таким же, как и другие "CSS-файлы" используются странице. Это будет определить, где вы загружаете новый файл CSS, когда вы закончите. Вы также должны включать в себя инструкции для страницы только загрузить этот файл, если он рассматривается на устройстве с максимальной шириной 480px. Вот пример:
& Lt; ссылка отн = "стилей" СМИ "= только экран и (макс-устройства ширина: 480px)" HREF = "/iphone.css" тип = "текст /CSS" /> Каталог
страница 3
Создать новую «.css" файл в редакторе HTML и CSS. Это будет файл, который мы назовем "iphone.css." Вы будете писать это, как вы бы нормально ".css", и он должен, по сути, отражают обычную CSS стиль. Вы можете открыть свой основной файл CSS, чтобы использовать в качестве эталона.
Для iPhone вы, как правило, хотят, чтобы все устроить в одном столбце и установить ширину столбца до 100%, так что оно заполняет экран iPhone. Вы можете полностью скрыть определенные вещи --- вы можете использовать "дисплей: нет", чтобы предотвратить эти элементы нагрузки. Веб-страницы выложены по-разному. Это займет некоторое экспериментирование, пока Вы не получите новый дизайн, который удовлетворяет Каталог
4
Загрузить новый файл CSS в разделе веб-сайта назначенного в. "И LT; ссылке>" элемент, добавленный к вашей HTML-файл. Загрузить файл HTML пересмотренный заменить оригинал.
В