Як зробити WAP сайт

Дема Сруссос post on вересня 20, 2013
Posted in ІНТЕРНЕТ Tags:

Ця стаття була взята звідси і переведена. Для створення повноцінного 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. Коли ви створюєте картинку для свого сайту, вам прийдется робити її маленькою (екрани мобільних телефонів прімерно100×50 точок).

Картинки в WML вставляються за допомогою тега, як і в HTML:

Як зробити WAP сайт

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

Приклад сайту.

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

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

Як зробити WAP сайт

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.

Comments are closed.