Вступление

Options

Создаем сайт для iPhone используя технологии jQuery

С помощью этой технологии Вы сможете создавать сайты для iPhone (Apple iPhone) за считанные часы

Наш сайт создан для того, чтобы помочь Вам в этом

Вернуться на kachay.ucoz.org Следующая страница
jQuery технология создания сайтов для iPhone

Подключение модулей jQuery

Options

Создаем сайт для iPhone используя технологии jQuery

Первый шаг - объявляем HTML документ и подключаем внешние модули.

В новом документе создаем следующие строки

< !DOCTYPE HTML>
< html>
< head>
< link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
< script src="http://code.jquery.com/jquery-1.4.4.min.js">
< script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js">
< meta http-equiv="content-type" content="text/html; charset=UTF-8">
< title>Новый документ
< /head>
Предыдущая страница Следующая страница
jQuery технология создания сайтов для iPhone

Создание страниц

Options

Создаем сайт для iPhone используя технологии jQuery

Второй шаг - Создаем разметку необходимого количества страниц

Каждая страница состоит из следующих необязательных модулей:
  • Заголовок (Header)
  • Контейнер содержимого (Content)
  • Блоки содержимого страницы (Fieldcontain)
  • Подвал страницы (Footer)
  • Меню навигации (Menu)

Код страницы на примере Page2 нашего сайта


< div data-role="page" id="page2" data-theme="b">
< div data-role="header">
		< h1 id="twi_acc">Заголовок страницы< /h1>
< a href="#page5" data-icon="gear" class="ui-btn-right">Options< /a>
			< /div> < !--header-->

< div data-role="content" >

< div data-role="fieldcontain">

Прописываем содержимое страницы

< /div> < !--/fieldcontain-->
< !--menu2-->		
< a href="#page1" data-role="button" id="button" data-inline="true" data-icon="arrow-l" data-iconpos="left" 
data-theme="c">Предыдущая страница< /a>
< a href="#page3" data-role="button" id="button" data-inline="true" data-icon="arrow-r" data-iconpos="right" 
data-theme="c">Следующая страница< /a>
< !--/menu2-->

< /div> 
< div data-role="footer">
< div style="margin:10px;" align="center">jQuery технология создания сайтов для iPhone< /div>
< /div> 
< /div> 	

Вставляем в документ необходимое нам количество страниц, каждой из них присваеваем уникальный "id": page1, page2, page3, ...

Переход между страницами реализуем с помощью конструкции
< a href="#page1">Страница 1< /a>

Предыдущая страница Следующая страница
jQuery технология создания сайтов для iPhone

Наполняем страницы HTML элементами

Options

Создаем сайт для iPhone используя технологии jQuery

Третий шаг - Наполняем страницы содержимым

Основные HTML элементы страницы с примерами:
На главную

Block A
Block B
Block C
Block D
Block E
Block F


Заголовок

Свернутый текст здесь


  • Верх
  • Низ
  • Предыдущая страница Следующая страница
    jQuery технология создания сайтов для iPhone

    Настройка дизайна сайта

    Options

    Создаем сайт для iPhone используя технологии jQuery

    Четвертый шаг - настраиваем дизайн сайта

    Настраиваем дизайн сайта используя следующие параметры:
    • data-inset
    • data-theme
    • data-dividertheme
    • data-icon
    • class
    • style
    Предыдущая страница Следующая страница
    jQuery технология создания сайтов для iPhone
    На главную

    Ссылки по теме

    Options

    Создаем сайт для iPhone используя технологии jQuery

    Автомобили автомобили буквально все заполонили... :)
    Довольный как слон скачал руководство по авто, супер (l6) Там где вековая лежала пыть - след свой оставил автомобиль

    Есть вопросы, хотите знать технологию в совершенстве - читаем исходники

    Источник
    Предыдущая страница Вернуться на kachay.ucoz.org
    jQuery технология создания сайтов для iPhone