161203
| | | | |

                           

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как сделать WAP сайт

Вернуться к списку статей

AAA + -




Эта статья была взята отсюда и переведена. Для создания полноценного WAP сайта ее явно не достаточно, но для простенького вполне сойдет. В самом низу я добавил необходимые настройки для WEB сервера Apache, применительно к Эклипсу.
 

WML ( Wireless Markup Language ) это новый сетевой язык для создания сайтов для мобильных устройств. За несколько последних месяцев новые WAP (Wireless Applications Protocol) телефоны стали чрезвычайно популярны и многие крупные сайты создали специальные «мобильные» версии своих сайтов. Многие люди предпологают, что в течении нескольких лет, WAP станут очень популярны и е-коммерция станет широко доступна через мобильные телефоны.

Почему я должен использовать WML?

Вы, конечно, можете не иметь срочных планов по созданию WAP версии вашего сайта, но не плохая идея быть в курсе новых технологий. Все что вам нужно сделать – это маленький сайт (хоть из одной страницы) который расскажет людям немного о вашей компании.

В будущем вы сможете разработать сайт с такими функциями, как e-mail и информацией для прямого доступа людей через их мобильные телефоны.
У меня нет WAP телефона!
Чтобы создать WAP сайт вам не нужен WAP телефон. Можно взять WAP симулятор для PC. Это программа, которая заменить вам WAP телефон компьютером. С ее помощью вы сможете просматривать WAP ресурсы на вашем PC. Вы можете скачасть очень хороший симулятор с YourWAP.com
Чем WAP сайты отличаются от обычных?
WAP сайты не такие как как обычные сайты. Сайты написаные на WML черно-белые (уже не только*), очень ограничены и предназначены для очень маленьких экранов (опять же, уже не только*). По этому к создания WAP сайта нужно подходить очень аккуратно.

И что теперь?

Просто читайте дальше, чтобы научиться создавать WAP сайты используя WML. Очень хорошо, если вы знаете HTML так как WML очень похож на него (в принципе WML это просто вариант XML, другого сетевого языка).

Создаем ваш первый WAP сайт!

Итак, переходем прямо к созданию WAP сайта. Заметьте, навыки работы с HTML очень полезны и еще вы должны иметь WAP телефон или WAP симулятор чтобы просматривать ваш сайт.

Ищем WML хостинг.

К сожалению WML может работать не на всех хостингах. Для работы WML в настройках вэб сервера должны быть сделаны некоторые изменения. Если выш хостинг не может предоставить вам таких услуг, вы можете попробовать WAPHosts.net. Они могут предоставить вам сервер поддерживающий WML.

Описываем WML документ.

Когда вы создаете WML документ все что вам нужно – это блокнот (notepad), как и для HTML. Первое, что вы должны написать - это:

это говорит телефону что он обрабатывает WML документ и какой WML стандарт использует.

Карты.

Вместо страниц WAP сайты используют карты (cards). Это то, что отображается на экране в данное конкретное время, как и страницы. В каждый WML документ может быть включено несколько карт. Чтобы описать карту напишите следующее:

Это создаст карту с идентификатором “index” (используется для ссылок) и отобразит текст:

My WAP Site

В верху экрана (заголовок).

Закрытие тэгов.

В отличии от HTML, очень важно закрывать WML тэги. Если этого не делать, то страница работать не будет. Вы должны закрыть оба и тэга:

 

Теперь я покажу вам как вставить текст и как его отформатировать.

 

тэг

Как и в HTML

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

Как и в HTML вы используете тэги так:

 


information

 

Выравнивание текста.

Выравнивание текста в WML практически такое же, как и в HTML. Все выравнивания должны быть сделаны используя следующие теги

:

По центру:

 

Справа:

 

Слева:

 



тэг.

В WML (как говорилось раньше) все тэги должны быть закрыты. Это вызывает проблемы, когда используются старые HTML тэги (типа
) у которых нет закрывающего тэга. Чтобы с этим справиться, некоторые тэги должны иметь “/” в конце. Например:

 

Это, как и в HTML начнет новую строку.

Текст.

В WML нет тэгов для шрифтов (так как текст отображается стандартным шрифтом мобилы черным цветом). Чтобы отобразить текст, все, что вам нужно сделать, это написать его внутри

и

тэгов. Вот пример полного WML документа:

 




Welcome to my new WAP site. You can view this on your mobile phone anywhere in the world!

It is amazing!



 

Гиперссылки + Картинки

Теперь я покажу как сделать все лучше, добавлением страниц (карт), ссылок на них (и на другие сайты) и как добавить картинки на ващ сайт.

Дополнительные карты (странички).

У WAP сайтов карты вместо страниц. В принципе, это то же, что и страницы, за исключением того, что они все могут быть записаны на один файл. Чтобы добавить карту, нужно добавить еще один тэг с отличным от других идентификатором. Например:


information

будет добавлен под предыдущую карту но до тэга .

Ссылки.

Есть три способа ссылки на другой WAP сайт, файл или карту. Как и в HTML это может быть прямой путь к файлу, либо относительная ссылка.

Для ссылки на другой WAP сайт используйте следующее:

Gowansnet

Для ссылки на файл на вашем сайте используйте:

My Links

и для ссылки на другую карту в этой же странице:

About Me

Картинки .

К сожалению, так как WAP телефоны имеют только монохромные экраны(повторюсь, уже нет*), картинки не очень хорошо работают на WML страницах. К тому же они используют свой собственный формат: WBMP. Когда вы создаете картинку для своего сайта, вам прийдется делать ее маленькой (экраны мобильных телефонов примерно100x50 точек).


Картинки в WML вставляются с помощью тэга, как и в HTML:

Logo

Опять же, как вы видите, “/” был добавлен в конец тэга , так как у него нет закрывающего тэга. Так же важно включать “alt” текст, так как он будет отображаться во время загрузки самой картинки.

Пример сайта.

Ниже приведен пример WML кода для маленького WAP сайта. Он состоит из двух карт, картинки, и ссылки на другой сайт:




Welcome to my new WAP site. You can view this on your mobile phone anywhere in the world!



Here are some links:

About Me

Gowansnet




Here is some informatio about me. You can't write too much in here, though as there is not much space

You can scroll down the screen, of course.



Back

 


 


Примечание: На данный момент уже достаточно много мобильных устройств с цветным дисплеем и возможностью отображать картинки не только WBMP формата. Большинство таких устройств умеют обрабатывать GIF и JPG файлы.

Для того, чтобы Apache правильно отдавал Эклипсу мелодии, его нужно этому научить. Делается это двумя способами. Какой вам подходит зависит от того, где вы размещаете свой сайт. Если на чьем-то хостинге, то вам подойдет первый вариант, если на своем сервере (как я), то второй.

Первый вариант: Заключается в том, что Apache (если так настроен хостинговой компанией) ищет в каталоге пользователя файл .htaccess и чтитает из него специфические пользовательские настройки. Короче говоря, вам надо создать файл .htaccess с таким содержанием:
AddType image/gif gif
AddType image/jpeg jpeg jpg jpe
AddType image/png png
AddType image/vnd.wap.wbmp wbmp
AddType application/x-pmd pmd
AddType audio/vnd.digiplug.tri3 tri3
AddType text/x-vCalendar vcf
AddType text/x-vCard vcs

Это позволит вам выкладывать на своем сайте мелодии в форматах pmd и digiplug (если вы не знаете что это, то вам это и не понадобится), а так же контакты (записи телефонной книги) и данные для календаря. Если не работает, то замените AddType на Header.

Второй способ: Нужно просто добавить эти строки:
image/gif gif
image/jpeg jpeg jpg jpe
image/png png
image/vnd.wap.wbmp wbmp
application/x-pmd pmd
audio/vnd.digiplug.tri3 tri3
text/x-vCalendar vcf
text/x-vCard vcs

в файл mime.types в каталоге с конфигурационными файлами Apache.
Ну и не забуддте перезапустить Apache.



Источник: znaikak.ru
Голосов: 14 Общая оценка: 3.1 Просмотров: 18552
Оцените эту статью:  
   Распечатать



Ключевые слова:

сайт



Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.

Для того , чтобы оставить здесь комментарий, необходимо зарегистрироваться на сайте.






MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus


Samsung Galaxy Note7


Винисиус и Том — талисманы Олимпийских и Паралимпийских игр 2016 в Рио-де-Жанейро


Pokémon Go

 
 

Статьи сегодня:

Как быстро украсить новогоднюю елку лентами?
Перед новогодними праздниками мы продумываем, ...
Как сделать бороду Деда Мороза для детского костюма?
К Новому году готовятся не только взрослые, но ...
Как выбрать, какой фильм посмотреть: премьеры декабря 2016
По традиции в декабре афиши кинотеатров пестрят ...
Как и где провести лучшую свадьбу
Свадьба – это самое ожидаемое и знаковое событие ...
Как сделать елочки из бумаги для украшения новогоднего стола?
Новогодний стол не похож на большинство других ...
Как сделать пряничный домик на Новый год? Часть 1: Выпекание и сборка.
С приходом новогодних праздников наш дом наполняется ...
Как наполнить дом новогодними ароматами: 7 простых способов
На рождественские праздники дом наполняется ...
Как легко сшить новогодние чехлы на стулья?
На новогодние праздники мы готовим очень много ...
Как найти Дом Фортис – надежный партнер в выборе мебели
Онлайн-магазин Дом ФортисПродавцов и производителей ...
Как получить по-настоящему полезную питьевую воду для повседневного применения?
Ежедневно мы расходуем огромное количество ...

Смотрите также:

Как начинают сайтостроительство
Когда впервые в своей жизни я сел за компьютер и подключился к сети ...
Как удалить историю посещенных сайтов
История посещённых интернет-страниц сообщает вам не только о часто ...
Как сделать сайт на базе WordPress
WordPress на данный момент времени, пожалуй, является самой популярной ...
Как провести SEO-оптимизацию сайта/блога. Основы.
SEO – оптимизация сайта для поисковых машин. ...
Как нарастить целевой трафик корпоративного сайта?
Сайт компании призван выполнять массу важных ...



ВОПРОСЫ - ОТВЕТЫ


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

Google Photoshop бесплатно блог браузер вашего веб Вконтакте всем вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет интернет-магазин красивый любой людей место название назвать обеспечить общаться пластиковая построить потерять почта продать продвижение проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются социальные Интернете товары удалить услуги факты фотографии футбол хитрости через электронная этикет

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.