Где я: Главная страница » Форум Smart-Planet.ru

Файл. архив №1 :: Файл. архив №2
Обменник :: Статьи :: Форум :: Блоги

Файловый архив №1:



Наш чат

Форум Smart-Planet.ru » Общие темы » Программирование » Читаем на любом телефоне: создание HTML-книги


    Читаем на любом телефоне: создание HTML-книги
   Новичкам!
Быстрый ответ Ответить
#1
Написал: ultralin :: 7 января 2009 08:14
Новичок
  • 17

Группа: Гости
Награды: нет
На сайте: offline


Подняться в начало страницы   
Репутация: 0
Пол: -----
Предупреждения:
Предупреждения:  из 5
Сообщений: 0
Публикаций: 0
Регистрация: 1.01.1970
Прочесть книгу на мобильном телефоне можно и вовсе обойдясь без дополнительных приложений. Достаточно, чтобы аппарат умел выходить в интернет (поддерживал GPRS, EV-DO и др.) и понимал Java MIDP 1.0. На это способен практически любой телефон, появившийся после 2001 года.

В случае, если используете "умный" аппарат - смартфон, коммуникатор или КПК, дополнительный браузер устанавливать не понадобится.
План приобщения к мобильному чтению
ЦЕНЗодим в интернете бесплатный хостинг, например www.narod.yandex.ru
Регистрируемся: вводим логин (например, my_book) и пароль. Получаем сайт www.my_book.narod.ru.
Создаем HTML-странички с содержанием книги, загружаем их на сервер.
Настраиваем интернет-профиль телефона для GPRS-интернета, а не для WAP-интернета, что уменьшит расходы в десятки раз.
Если браузер мобильного телефона чем-то не устраивает, можно загрузить Java-программу Opera Mini (читать подробный обзор). Скачать браузер с ПК | загрузить с мобильного.
Регистрация на хостинге

Хостинг — интернет-сервис, предоставляющий услуги по размещению сайта на просторах интернета. Соответственно, бесплатный хостинг не требует оплаты.

Регистрация, например, на www.narod.yandex.ru — дело нескольких минут, нужно просто следовать инструкциям. Обычно все сводится к заполнению стандартной формы: вводятся логин — уникальное имя сайта (например, my_book) и пароль. После регистрации получаете около 100 Мб. Пуская имя будущего сайта — www.my_book.narod.ru.
Что такое HTML

Каждая интернет-страница — это документ, который содержит текст, ссылки на картинки и анимацию, а также описания того, как все это должно выглядеть на экране монитора. Редактировать такой файл можно в любом текстовом редакторе, например в «Блокноте».

HTML (HyperText Markup Language) или язык разметки гипертекста включает HTML-теги — служебные слова, заключаемые в угловые скобки. Разнообразные учебники по HTML удастся без проблем найти с помощью поисковика (google.ru, yandex.ru и т.д.). Однако задача выучить HTML перед нами не стоит. Для создания понятной телефону текстовой странички нам понадобится минимум тегов, про которые мы и расскажем.
Структура интернет-книги

В корне сайта должен ЦЕНЗодиться файл index.htm — страничка, которую откроет браузер при введении в адресную строку имени вашего сайта. Если хотите разместить на сайте несколько книг, разумно создать для каждой свою папку. Каждая такая папка будет содержать страницу-приглашение с обложкой welcome.htm (файл обложки title.png), страницу-содержание heads.htm и страницы-главы книги vol1.htm, ..., vol4.htm. Возможность перехода от одной страницы к другой показана на структуре книги. Страница же index.htm — будущий каталог вашей мини-библиотеки.

Каталоги и файлы на вашем сайте

Разобравшись со структурой, можно начать создавать файлы и папки. Пока сохраним их на компьютере. Каждый такой файл упрощенно можно представить так:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//RU»>

<HTML>

<head>

<title>Заголовок — то, что будет видно в названии окна браузера</title>

<meta http-equiv=«Content-Type» content=«text/HTML; charset=windows-1251»>

</head>

<body>

Содержание

</body>

</HTML>

А так воспримет этот файл браузер Internet Explorer:

1. Начнем со страницы-каталога index.htm, ее содержание:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//RU»>

<HTML>

<head>

<title>Каталог</title>

<meta http-equiv=«Content-Type» content=«text/HTML; charset=windows-1251»>

</head>

<body>

<a href=«Detectivwelcome.htm»>Детектив</a><br>

<a href=«Fantastikawelcome.htm»>Фантастика</a><br>

<a href=«Historywelcome.htm»>История</a><br>

<a href=«Songswelcome.htm»>Песни</a><br>

</body>

</HTML>

Эта страница должна быть связана с пригласительными файлами welcome.htm четырех наших книг. Для осуществления такой связи применяются гиперссылки. При клике по гиперссылке браузер откроет документ, на который она ссылается.

Гиперссылка в HTML пишется так:: <a href=«путь к файлу»>название ссылки</a>. Встретив этот тег, браузер выведет на экран кликабельное название ссылки. При нажатии мышкой браузер перейдет к документу, указанному в пути к файлу.

Тег <br> указывает браузеру выводить на экран все, что следует за тегом с новой строки. Если обнаружится, что тег <br> не поддерживается, каждый абзац надо начинать с символа <p> и закрывать </p>.

Тег <IMG SRC=«путь к картинке»> указывает браузеру выводить на экран картинку по указанному пути к картинке.

2. Пригласительная страница welcome.htm каждой книги имеет вид:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//RU»>

<HTML>

<head>

<title>Песни</title>

<meta http-equiv=«Content-Type» content=«text/HTML; charset=windows-1251»>

</head>

<body>

<IMG SRC=«title.png»><br>

<a href=«heads.htm»>Оглавление</a><br>

<a href=«..index.htm»>Каталог</a><br>

</body>

</HTML>

Эта страница ссылается на каталог и на свое оглавление.

3. Страница-оглавление аналогична странице-каталогу и ссылается на свои главы и на пригласительную страницу:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//RU»>

<HTML>

<head>

<title>Оглавление</title>

<meta http-equiv=«Content-Type» content=«text/HTML; charset=windows-1251»>

</head>

<body>

<a href=«vol1.htm»>Глава 1</a><br>

<a href=«vol2.htm»>Глава 2</a><br>

<a href=«vol3.htm»>Глава 3</a><br>

<a href=«vol4.htm»>Глава 4</a><br>

<a href=«welcome.htm»>Приглашение</a><br>

</body>

</HTML>

4. Каждая глава каждой книги ссылается на оглавление и содержит заданный текст:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//RU»>

<HTML>

<head>

<title>Глава ? ...</title>

<meta http-equiv=«Content-Type» content=«text/HTML; charset=windows-1251»>

</head>

<body>

<a href=«heads.htm»>Оглавление</a><br>

Текст этой главы<br>

Новый абзац<br>

Новый абзац<br>

И т.д.<br>

<a href=«heads.htm»>Оглавление</a><br>

</body>

</HTML>

Зачем ссылаться на оглавление 2 раза? Глава может оказаться достаточно большой, и, прочитав ее, для перехода к оглавлению придется прокручивать весь текст обратно. Вот поэтому вторая ссылка расположена после текста главы.
Загрузка на сервер

Когда необходимые файлы созданы, а работоспособность ссылок проверена в браузере, можно смело загружать всю эту прелесть на сервер. Загрузка возможна через www-соединение (загрузка на сайте www.narod.yandex.ru) или через FTP-соединение (поддерживается многими файл-менеджерами, например WinCommander, TotalCommander, FAR).

Для загрузки через www-соединение нужно, указав логин и пароль, зайти на сайт www.narod.yandex.ru, войти в «Мастерскую» / «Управление файлами» и следовать инструкциям. Для загрузки через FTP-соединение откройте файловый менеджер, в пункте меню «Сеть» выберите «Новое FTP-соединение» и введите адрес: ftp://логин:пароль@ftp.narod.ru. Когда соединение будет установлено, нужно просто скопировать содержимое папки «Мой сайт» (но не саму папку!) в открывшееся окно. После копирования FTP-соединение можно отключать и смело заходить на интернет-книгу www.вашлогин.narod.ru из любого браузера.
Интернет-профиль

Так или иначе, нам понадобится выход в интернет с телефона. А без настроенного интернет-профиля подключиться к «паутине» не получится. Как правило, мобильные операторы сами высылают настройки интернета, но, по умолчанию, это настройки только для GPRS-WAP. Только вот использование WAP-канала — удовольствие не из дешевых, ведь каждые 10 Кб обходятся в 2-3 руЦЕНЗ. Значит, за игру весом 200 Кб придется выложить 40-60 рублей! Однако, настроив профиль для GPRS-интернета (1 Мб — 5-6 рублей), за ту же игру вы заплатите около 1 руЦЕНЗ. О настройках GPRS-интернета на конкретных телефоЦЕНЗ можно узнать здесь.
Читаем с мобильного

Если на телефоне имеется подходящий браузер, то дело за малым — в адресную строку вводим имя нашего сайта и листаем страницы виртуального произведения.

Но как быть, если встроенного браузера нет на борту, а есть только WAP-собрат? Тогда прямая дорога на WAP.opera.com: потребуется загрузить Java-приложение Opera Mini. Путешествие по ссылкам на указанном сайте не займет много времени:

Download Opera Mini > Download in another language > Opera Mini 3.1.2 Русский > Загрузить

Opera Mini — полноценный интернет-браузер, главная особенность которого — колоссальное сжатие трафика. Запрашиваемый интернет-ресурс, прежде чем попасть на мобильный, проходит через сервер компании (картинки сжимаются, лишние «навороты» отбрасываются). Итогом становится сайт размером 5-20 Кб, который и передается телефону.

Наша книга изначально лишена всяческих «наворотов», а потому отобразится в окне Opera Mini почти так же, как при тестировании на компьютере. Приятного чтения и побольше вам увлекательных книжек!
       
  
Быстрый ответ Ответить
1 чел. читают эту тему (гостей: 1)
Пользователей: 0

 Информация
Посетители, находящиеся в группе Гости, не могут оставлять ответы в данном форуме.


Smart-Planet.ru - сайт посвящённый мобильным устройствам на: Android, Symbian и Windows Mobile. За время существования с 2007-2020 год мы собрали огромное количество контента на различную тематику (игры, программы, темы, видео). Сейчас насчитывается около 25 тыс. приложений доступных к скачиванию бесплатно.

Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях, после чего вы обязаны ее удалить. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.