Главная страница
 Каталог сайтов
 Добавить сайт
 
 Скрипты
Скрипт каталога сайтов
Скрипт интернет-магазина
Другие скрипты...
 
 Статьи веб-мастеру
Как раскрутить сайт
Работаем с FTP
CMS vs - системы управления контентом
Как выбрирать доменное имя
Работа с HTML таблицами
Счётчик посещений
Работа с CSS стилями
Реклама на вашем сайте - Google Adsense
Ещё статьи...
 
Основы HTML
Учебник по PHP
Учебник по Perl
 
 Программы для Windows
Folder Find Text
QFReplace
Windows - Unix Text Converter

 

Как создать wap сайт

Автор статьи: Арнольд Кочари
http://www.programmersClub.ru

   Для того, чтобы сайт можно было просматривать в мобильном браузере не всегда подойдет формат *.html, ведь совсем малая часть мобильных телефонов его отображает. Но все равно знаний языка HTML вам хватит. Формат поддерживаемый мобильными браузерами - это *.wml . Я сделал несколько сайтов и считаю, что он даже легче чем сам html. Возможно потому, что в wap сайтах нет поддержки скриптов, каскадных таблиц и других возможностей обычных сайтов.

   Я постараюсь объяснить вам все на простом примере создания wap-страницы в формате*.wml
   Во-первых, стандартный браузер Internet Explorer формат wml не поддерживает и не может отобразить wap-страницу, чтобы работать с такими страницами рекомендую установить, например, браузер Opera. Здесь можно будет предпросматривать страницу. Также необходим текстовый html-редактор страниц - именно текстовый, потому что не получится создать страницу на визуальном редакторе. Сам я использую для создания wap-страниц программу Microsoft Office FrontPage - можно и кодом писать, и использовать некоторые возможности визуального редактора, но проще всего будет использовать блокнот.
   В отличие от компьютеров, мобильные телефоны не воспринимают различные шрифты, поэтому  мы жестко ограничены в использовании шрифтов.

 В каждой странице для корректного отображения необходимо, исходный код начинать с данного кода:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN" "http://www.wapforum.org/DTD/wml12.dtd">

   Кодировку с этого сайта использует почти все русскоязычные wap-сайты. Я не считаю необходимым объяснять значение всего этого, считайте что это обязательно для заголовка wap-сайта.
   В html основной код страницы обозначен тегом <html> и </html>, так и здесь обозначаем основной код страницы <wml> и </wml>.

<wml> </wml> 

   Открытие и закрытие этого тега соответственно должно быть в начале и в конце кода страницы, вначале то есть после кодов для кодировок.

   В теге head, который здесь также присутствует, пишем:

<head> <meta http-equiv="Cache-Control" content="no-cache" forua="true"/> </head>

   Чем-то вроде тега body - в *.wml является тег card. Именно в этом теге пишется содержание страницы, вот как выглядит код для card:

<card id="index" title="Первая wap-страница"> </card> 

    В поле "id" пишется название страницы, а "index" - заголовок., между первой и второй строчкой кода выше конечно пишется код содержания страницы. 

   Давайте попробуем написать несколько строчек кода, добавить картинку и ссылку.
   Пишем:

<p align="center"> 

   Всё содержимое должно быть по центру, по-другому нельзя, потому что другие варианты не корректно отобразятся на экране мобильных телефонов. В конце тег "p" необходимо закрыть.

   Для того, чтобы написать простой текст, необходимо на отдельной строчке, в конце ставить тег "<br/>". Причем этот тег нигде не открывается, просто говорит о конце строчки и пишется во всех строчках в отображении. Например, напишем:

WAP-страница <br/>

   Написав это, получим сточку со словами "Wap-страница" посередине.

   Теперь поставим ссылку, самую простую ссылку. Это можно сделать следующим кодом:

<a href="http://wap.site.ru/index.wml">Главная </a> <br/> 

   Заметьте и в этой строчке поставлен тег "<br/>, потому что его ставят в каждой строчке, только не строчке кода, а строчке самой страницы, теперь вставка картинок. Поставить картинку в wap сайт можно кодом:

<img src="logohallo.gif" alt="wap.site.ru"/> <br/> 

   Картинку вы можете поставить любую, для этого напишете вместо "logohallo.gif" ссылку на свою картинку. Обратите внимание, тег <alt> обязателен.

   Все что осталось узнать, это тег, который выдает содержимое через строчку. Как и в html, это тег "p". То есть для выделения текста через строчку необходимо ввести его код между:

<p> </p> 

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

   Вот код, который у нас получился:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<head>
<meta http-equiv="Cache-Control" content="no-cache" forua="true"/>
</head>
<card id="index" title="Первая wap-страница">
<p align="center">
WAP-страница <br/>
<a href="http://wap.site.ru/index.wml">
Главная </a> <br/>
<img src="logohallo.gif" alt="wap.site.ru"/> <br/>
</p>
</card>
</wml>

     Если вы решите просмотреть страницу в браузере, то не разберете слова, которые отобразятся. Все русские буквы будут в виде вопросительных знаков.

    На данном этапе работа не заканчивается, самая важная часть - перевод кода в формат wml. Для этого существуют такие программы, которые переводят этот код, а именно его русские буквы на нужный формат. Их совсем мало и трудно найти, поэтому специально для вас, я разместил один простейший такой "переводчик" и вы можете его скачать здесь. Распакуйте оба файла в одну папку и запустите приложение. Тут для вас откроет окошко с двумя полями. В первое мы вводим наш код и тут же в соседнем поле появляется новый вариант этого же кода, тот что нам и нужен.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<head>
<meta http-equiv="Cache-Control" content="no-cache" forua="true"/>
</head>
<card id="index" title="Первая wap-страница">
<p align="center">
WAP-страница<br/>
<a href="http://wap.site.ru/index.wml">Р"Р"авная </a><br/>
<img src="logohallo.gif" alt="wap.site.ru"/><br/>
</p>
</card>
</wml>

   Теперь все русские буквы в нашем wap сайте будут отображаться правильно. Вы можете просмотреть страницу и убедиться в этом. Вот что должно получится при просмотре в браузере Opera:

   (посмотреть gif-файл).

   Теперь вы можете приступать к созданию собственного wap-сайта, технология элементарна. По вопросам пишите мне на форуме


Delphi Клуб программистов
http://www.programmersclub.ru/

 Другие статьи

 Добавить статью


Перепечатка материалов сайта без разрешения автора запрещена.

Рейтинг@Mail.ru        

Copyright © i-vd.org.ru       Обратная связь