 |
|
| |||
|
|
| Делаем WAP - сайт | |
Часть первая. Автор TiChoblin. www.tichoblin.nm.ru tichoblin@mail.ru Содержание. Часть первая. 1. Вступление. 2. О том, где создавать и как переименовывать. 3. Введение. 4. Подбор хостинга. 5. Делаем простую вап страничку. 6. Гиперссылки. 7. Как вставлять картинки. 8. Некоторые полезные теги. 9. Информеры. 10. Скрипты. 11. Что такое CHMOD? 12. Как увеличить посещаемость? 13. Рейтинги. 14. Гостевые книги. 15. Как не попасть впросак. 16. Подводим итоги. 17. Жёлтые страницы. Часть вторая. Вступление. Эта книга создавалась мною для людей совершенно не владеющих языком гипертекстовой разметки wml, а также wmlScript и иже с ними. По сути, это книга для чайников. Вы, вероятно, уже прочитали несколько статей по wml, но ничего так и не поняли. Со мной было тоже самое. Не расстраивайтесь. В этой книге вы не встретите строчек типа «тег такой-то означает тоже самое, что и тег сякой-то в html», потому что эта книга посвящена людям, которые никогда не учили никаких языков программирования. О том, где всё создавать, и как переименовывать. Создавать wap страницы можно, как и в обычном блокноте, так и в специальных текстовых редакторах. О текстовых редакторах мы будем говорить немного позже. А все первые файлы мы будем создавать в обыкновенном блокноте. Очень важно правильно переименовывать документы, то есть, чтобы документ xxx.txt, стал документом xxx.wml, сначала надо переименовать файл xxx.txt в xxx.html, потом в xxx.htm, далее в xxx.dhtml и, наконец, xxx.wml. Сохранять все текстовые файлы надо в кодировке Юникод, иначе у вас в окошке будет высвечиваться всякая гадость. (Что, значит, сохранить в какой-то кодировке? – Это значит, что когда вы нажимаете в блокноте Файл -Сохранить как , то у вас высвечивается окошко. В этом окошке снизу есть три строчки и самая нижняя из них это кодировка, вот там замените ANSI на Юникод. Потом нажмите сохранить. Если у вас уже был этот файл сохранён в кодировке ANSI, то смело нажимайте ОК, если вас спросят, заменить ли файл). Введение. WAP WAP (Wireless Application Protocol) буквально означает - протокол беспроводных приложений. С его помощью такие устройства, как мобильные телефоны, пейджеры и двустороннее радио (two-way radios) получают возможность доступа к различным удаленным сервисам. Честно говоря, чтобы создавать свои собственные информационные странички, вовсе не обязательно разбираться в самом протоколе и даже знать, что это такое. Однако чтобы создавать профессиональные странички придётся выучить многое. Протокол WAP развивается в основном благодаря компании WAP Forum (www.wapforum.org). Она занимается разработкой стандартов и спецификаций, то есть создает общие для всех "правила игры". Сам протокол поддерживается такими гигантами, как Nokia, Phone.com, Motorola и Ericsson, которые и создали WAP Forum. На сайте этой компании можно найти достаточно много дополнительной информации, вводящей в курс дела. Wap Интернет очень сильно отличается от обычного Интернета. В каждом устройстве, использующемся для доступа через Wap встроен микробраузер (micro browser). Микробраузер очень сильно отличается от привычного нам компьютерного браузера. Дело в том, что экраны устройств, через которые осуществляется доступ к wap ресурсам очень небольшой, поэтому и возникла необходимость создать язык гипертекстовой разметки соответствующей запросам данных устройств. Именно этот язык мы с вами в ближайшее время и будем изучать. Хостинг. Любой wap сайт начинается с выбора хостинга к нему. Хостинг – это предоставление вам кем-либо дискового пространства в сети Интернет. Хостинг бывает двух видов. Платный и бесплатный. Существует два вида хостинга. Первый – это так называемые конструкторы, где вам только надо щёлкать мышкой и не знать wml вообще. А во втором случае вам надо писать страницы самому. В первом случае вы экономите своё время, а во втором вы получаете больше возможностей. Бесплатный. Конструкторы. 1. wap.kmx.ru – русский конструктор, дают форум, гостевую и прочие полезные вещи. 2. wap.wab.ru – обычный конструктор. 3. http://www.tagtag.com/ - Дают 1 мегабайт места для картинок, игр и мелодий. http://tagtag.com/shaderzz - Вот пример странички на tagtag.com. Имеется отличный визуальный редактор сайта, работающий на Java прямо из Internet Explorer. Из возможностей – гостевая книга и счётчик. 4. http://wappy.to/ - Wap-сайт мэйкер, простой в использовании - не требует наличия присутствия познаний WML. Не конструкторы. 1.http://www.wap41.com – что это из себя представляет я вам, увы, сказать не могу. Просто нашёл ссылку. 2.http://www.cblue.com/ – неплохой хостинг для начинающих. 3.http://www.waponomy.com/ - Waponomy - Весьма качественный хостинг с отличным набором услуг и возможностей. 4.http://www.wapdrive.net/ - WaPDrive - Хороший хостинг со многими возможностями и OFFLine-Wap-браузером. 5. http://www.mobitext.com/ - Немецкий хостинг - всё либо по-английски, либо, естественно, по-немецки. Их слоган - "Сделайте ваш wap-сайт за 5 минут!!!" 6. http://www.freedom2surf.net/ - Поддерживают WML и PHP в нём же. 7. http://www.anytimenow.com/ - Предлагают 20 мегабайт пространства для хранения wml и wmls. А также e-mail доступ через wap. 8. http://wap.eponsel.com/ - Предоставляют 20 мегабайт пространства. 9. www.narod.ru – По идее можно и этим пользоваться, но мне почему-то не внушает. 10. www.nm.ru – На мой взгляд очень хороший бесплатный хостинг для wap страничек, (http://tichoblin.nm.ru/index.wml - вот моя вап страничка). Предоставляют 16 мегабайт места, но можно увеличить до 32 мегабайт (правда для этого придётся отнять место, предоставляемое для почты (тоже 16 мегабайт)). Поддерживают и wml, и wmls, и mmf, и wmlc, и wmlsc. 11. www.hoha.ru – РНР, wml а также html, дают сто мегабайт (!!!), помимо РНР ещё дают sql, а также этот хостинг поддерживает файлы .htaccess. Вам на выбор предоставляется аж четыре вида доменов: hoha.ru , fatal.ru , webhost.ru , xost.ru . Кстати, если у вас есть свой собственный домен второго уровня вы его можете каким-то образом (мне неизвестным) прикрепить его к своему сайту на хостинге Хохи. Платный. 1. http://prohosting.com.ua - 50$ в год за 350 мегабайт в год. Панель управления на русском языке. 2. http://hosthost.biz - 110$ за 600 мегабайт в год. Панель управления на русском языке. Количество баз данных неограниченно. 3. http://moihost.com – панель Plesk. В общем, места, где предоставляют wap хостинг я вам указал. Вам осталось только выбрать. Хотя хостингов намного больше. :) С чего начинается wap страничка? Вот вы уже выбрали себе хостинг и решили создать wap страничку. Вот и пришло время учить язык гипертекстовой разметки wml. Конечно, существуют и wml-редакторы, но о них мы поговорим немного позже. Любая wap-страничка начинается с «пролога». Он состоит всего из трёх строчек, но без него ваша страничка не будет работать. Пролог состоит из: 1) Указания версии XML. 2) Указания версии DTD. 3) Указатель на файл содержащий DTD. DTD – переводится, как определение типа документа. <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> - Вот так вот выглядит пролог. Если вам нужно использовать дополнительные элементы Openwave, нужно указать другую DTD: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.phone.com/dtd/wml11.dtd" > Но если вы чего-то не поняли, особо не зацикливайтесь и указывайте первый вариант DTD. А теперь небольшое отступление. Существует такое понятие, как тег. Тегом называется определённый набор символов, который определяет какое-либо действие. Существует три вида тегов – открывающие, закрывающие и форматирующие. Любой тег заключён в специальные скобки, <тег> - вот они. В каждой wml страничке после пролога идёт тег <wml>. Это открывающий тег. А любая wml страничка заканчивается закрывающим тегом </wml>. Запомните, что любой открывающий тег выглядит следующим образом - <тег>, а любой закрывающий тег выглядит вот так - </тег>. Wml страница состоит из так называемой колоды карт. В одном контейнере (это пространство от тега <wml> до тега </wml>, ещё это расстояние называют декой (dack)) может содержаться несколько карт (card). Любая карта начинается с тега Теперь рассмотрим некоторые форматирующие теги. Тег <p> - служит для обозначения начала параграфа. В конце параграфа следует поставить закрывающий тег </p>. Теперь, когда мы изучили основы языка wml, мы можем составить простейшую деку: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card> <p>Всем привет!</p> </card> </wml> В итоге в окошке микробраузера отобразится следующее: Всем привет! Теперь рассмотрим некоторые другие теги. Как я уже ранее сказал, существуют форматирующие теги. Форматирующий тег выглядит следующим образом: <тег/>. Например, это тег <br/>. После любого форматирующего тега ставится слеш (/). Тег <br/> обозначает переход на следующую строку. Создадим немного более сложную деку: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card> <p>Всем привет!</p><br/> <p>Жить хорошо!</p> </card> </wml> В итоге у вас в микробраузере отобразится следующее: Всем привет! Жить хорошо! Некоторым тегам можно присваивать значения. Например, тегу <card>, можно присвоить значение id и title (Что такое значение? – Это когда к тегу пишутся определённые символы, которые увеличивают возможности тега) <card id="***" title="***"> . В этом теге вместо звёздочек вы вставите необходимые вам имена. После id=" следует вставлять имя страницы. Используя, этот тег вам станет легче работать с составлением гиперссылками. После title=" следует вставлять заголовок страницы. Благодаря этому пользователь увидит в своём микробраузере, на какую тематику ориентирован ваш wap сайт. Создадим ещё немного более сложную деку: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> card id="home" title="Computer"> <p>Всем привет!</p><br/> <p>Жить хорошо!</p> </card> </wml> Думаю, что вы сами уже поняли, что отобразится от этой деки в окошке микробраузера? Некоторым тегам можно присваивать определённые значения. Рассмотрим тег <p>, этому тегу можно присваивать много значений. Мы их сейчас с вами и рассмотрим. Значения, ещё называют атрибутами. К тегу <p> можно присвоить два атрибута: align и mode. Атрибут align задаёт расположение текста на экране: слева, справа или посередине. Атрибут mode задает, будет ли текст с авто-переносом или нет. Тег <p> с присвоенным ему каким-либо атрибутом и значением атрибута <p ***="@@@"> , здесь вместо *** следует вставить либо align либо mode, а вместо @@@ следует вставить right (справа), center (по центру), или left (слева) для align. Или вставить wrap (авто-перенос) или nowrap (без авто-переноса) для mode. Создадим ещё немного более сложную деку: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card> <p align="right">Жить хорошо!</p><br/> <p align="center">Жизнь хороша</p><br/> <p align="left">Когда пьёшь</p><br/> <p mode="wrap">Не спеша фурумбурол</p><br/> <p mode="nowrap">Не спеши пить турумбурчелл</p> </card> </wml> В итоге у вас отобразится следующее в окошке микробраузера: Жить хорошо! Жизнь хороша Когда пьёшь Не спеша фурумбурол Не спеши пить турумбурчелл При этом слова: «Не спеша фурумбурол» - будут автоматически переносится, а слова: «Не спеши пить турумбурчелл» - не будут автоматически переносится. Гиперссылки. Вот мы т подошли к одному из самых главных составляющих wap странички – гиперссылки. Без гиперссылок сайт не будет сайтом. Создать гиперссылку очень просто. Существует два способа, и оба они очень просты. Рассмотрим первый. Для создания гиперссылки с помощью первого способа достаточно написать всего лишь две строчки кода, вот они: <anchor>VVV <go href="http://jjj.ru/xxx.wml"/></anchor> Здесь вместо VVV следует вставить название страницы, а вместо http://jjj.ru/xxx.wml адрес вашей странички в Интернете. Гиперссылке можно создать, как и отдельный параграф, так и можно её вписать в параграф между словами в предложении. Теперь рассмотрим другой вариант создания гиперссылок, вот он: <a href="http://jjj.ru/xxx.wml">goto Xxx</a><br/> Здесь вместо goto Xxx следует вставить название страницы, а вместо http://jjj.ru/xxx.wml адрес вашей странички в Интернете. Гиперссылке можно создать, как и отдельный параграф, так и можно её вписать в параграф между словами в предложении. Картинки. Все мобильные устройства поддерживают формат gif, png, jpg, а также wbmp. Для создания картинок в данном формате существуют специальные редакторы, некоторые из них мы рассмотрим позднее, и специальные программы конвертеры которые конвертируют картинку из какого-либо формата в формат wbmp. О них мы тоже поговорим немного позднее. А сначала мы научимся вставлять на картинку. Это сделать очень просто - сначала надо указать ссылку, по которой проживает наша картинка, а потом следует указать альтернативный текст. Вот пример вставляемой картинки на картинке: <img src="http://jjj.ru/xxx.wml" alt="VVV"/> Здесь вместо http://jjj.ru/xxx.wml следует вставить ссылку, по которой проживает рисунок, а вместо VVV следует написать текст, который будет отображаться вместо рисунка, пока тот будет загружаться. Теперь сделаем картинку ссылку, то есть при нажатии на эту картинку человек попадёт на какую-либо страничку. Для этого мы сначала должны указать гиперссылку, указывающую, на какой сайт надо идти, а потом вставим картинку. Вот пример: <a href="http://ttt.ru/click.wml"><img src="http://ttt.ru/banner.gif" alt="Баннер"/></a> Полезные и нужные теги. Хотя я уже и перечислил немалое количество тегов, но всё же некоторые я упустил. Они порой бывают очень нужны. Выделив, слово этими тегами (пример: <тег>Слово</тег>)(не обязательно всеми тегами сразу) или предложение (предложение тоже можно обособить тегами) предложение или слово отформатируются. А вот и эти теги: em и I - для выделения курсивом, strong - для "полужирного" начертания. u - для подчеркивания, big - для текста большего размера small - для текста маленького размера. Информеры. Существует такое понятие, как информеры. Информер – это такая картинка, которая меняется через определённый промежуток времени. Информерами могут быть часы. Если вам нужны информеры, то их можно найти тут: Часы http://wap.dikoff.com/data/time.php Дата http://wap.dikoff.com/data/data.php Ну, а если вам не нравятся эти информеры, то в поисковики милости просим. :) Теперь, когда мы знаем ещё кое-что о языке гипертекстовой разметки wml, создадим ещё более сложную деку. <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card> <p align="right">Жить хорошо!</p><br/> <p align="center">Жизнь хороша</p><br/> <p align="left">Когда пьёшь</p><br/> <p mode="wrap">Не спеша фурумбурол</p><br/> <p mode="nowrap">Не спеши пить турумбурчелл</p> <p align="center"><anchor>Ссылки <go href="http://jjj.ru/links.wml"/></anchor></p> <p><anchor>Реклама<prev/></anchor> <a href="http://jjj.ru/reklama.wml">goto Реклама</a></p><br/> <p><img src="http://jjj.ru/banner.gif" alt="Баннер"> <p><a href="http://ttt.ru/click.wml"><img src="http://ttt.ru/banner.gif" alt="Баннер"/></a> <p><I>Tra</I> <strong>ta</strong> <u>ta</u> <big>Chizika</big> <small>Sobaku</small></p> </card> </wml> Скрипты. Если вы хоть немножко пороетесь на форумах посвящённых вапу или ещё где-нибудь, где говорится о вапе, вы найдёте упоминания о скриптах. Что же это такое, скрипт? Скрипт – это определённый набор файлов, которые при установке на вашем сайте начинают работать. Скриптов много. Например, скрипт форума, гостевой книги, счётчика, сервиса гостевых книг и прочих. Так, что если вы выбрали себе хостинг, который поддерживает РНР, то вам скрипты необходимы. Обычно в скрипты вкладывают файл Readme.txt в этом файле описано, какие значения CHMOD, каким файлам надо выставить. А вот места где вы можете найти скрипты: 1. www.trofimov.com.ru – wap и phpl скрипты. 2. www.da1.hoha.ru – вап скрипты. 3. www.woweb.ru - вап скрипты. 4. www.wapteam.ru – вап скрипты, правда, чтобы заполучить их придётся зарегистрироваться. Также в разделе программы вы найдёте множество полезных программ. 5. http://visavi.net/ - здесь тоже много всяких разных вап скриптов. Не сочтите эти ссылки за рекламу. Что такое CHMOD? CHMOD – это определённые числовые значения, которые приняты в Интернете. Разные значения CHMOD выставленные вами дают пользователям разные возможности. Например, если вы выставите значение 777, то это даст пользователям добавлять какие-то записи в файл с этим значением. Как изменять CHMOD? Как это сделать я могу описать только в программе Total Commander. Соединяетесь с сервером, выделяете файл, которому вам надо изменить значение, жмёте меню Файл - Изменить Атрибуты (File – Change Attributes), и в окошке с цифрами пишете нужное вам значение. Повышаем посещаемость. Повысить посещаемость своего сайта очень просто. Есть несколько способов, но лучше использовать их все сразу. Во-первых: очень выгодно обмениваться с кем-либо ссылками. Во-вторых: зарегистрируйтесь в каких-нибудь wap каталогах. Ну, хотя бы вот в этих: http://wapplanet.org/catalog/?p=9&pid=330 , http://awap.org.ru/ . Но на самом деле wap каталогов почти бесконечное множество. Чтобы найти ещё wap каталоги можно либо просто полазить по wap сайтам и поискать ссылки, но это не очень эффективно, либо поискать в каком-нибудь wap поисковике. Ну, хотя бы вот тут: http://wap.pslink.ru/index2.wml . И в третьих: надо зарегистрироваться в баннерных сетях. Что такое баннерные сети? – Баннерные сети это такие сети, в которых люди обмениваются баннерами. Что такое баннер? – Баннер – это логотип какого-либо сайта. Ваш баннер – это логотип вашего сайта. Лично я знаю всего девять баннерных wap сетей: http://pslink.ru/ex/indexwml.php , http://banner.wapmix.ru , www.wapbanners.ru , http://allowap.ru/xban/index.php , http://vipwap.com.ru/ , http://www.mypuk.ru/banners/wml/ , http://wap.exip.net/index.php?page=ban , http://www.waprotor.com/ , http://arbn.com.ua/ . Если найдёте ещё, пишите мне e-mail: tichoblin@mail.ru . Вроде я перечислил все возможные способы повышения посещаемости. Рейтинги. Существует такое понятие, как рейтинг. Существуют рейтинговые сайты, и на них показывается, как много человек посетило ваш wap сайт (за день, за сутки, за год и т.п.). Так вот, для того, чтобы ваш сайт цитировался (появлялся) в рейтингах вам надо в них зарегистрироваться. Вот несколько рейтингов: http://top.vvap.ru/?a=rules , http://top.wab.ru/rules.php?s=3 , http://top.wapp.ru/rat/index.php?a=1 , http://top.wap2.ru/reg.cgi , http://top.wapstart.ru/register/ , http://da1.hoha.ru/shet/rega.php, http://wap.exip.net/index.php?page=ban . Но опять же, это не все существующие рейтинги, их гораздо больше. Если вам нужны другие рейтинги, то милости просим на поисковики. :) Гостевые книги. Возможно, со временем вам захочется иметь собственную гостевую книгу (место, где бы люди оставляли свои мысли о вашем сайте и не только). Вот здесь их бесплатно предоставляют: http://antivirus.xan.msk.ru/sg/ , http://wap.dikoff.com/gbserv/login.php . Как не попасть впросак. Попасть, впросак создавая wap сайт очень несложно. Запомните одно очень важное правило: Любое мобильное устройство не обладает такими большими вычислительными способностями, как компьютер. Поэтому не следует делать wap странички большими по объёму, желательно уложится в 4 килобайта, 20 килобайт – это максимум. Очень часто люди ошибаются, забыв, закрыть тег, или не поставят кавычки (со мной такое тоже частенько бывает), поэтому всегда тщательно проверяйте написанный вами код. Ещё часто люди забывают перевести написанный ими код в кодировку Юникод. И последнее, существуют некоторые символы для отображения, которых надо написать специальный код. Вот эти символы и коды: Комбинация Печатаемый символ или выполняемое действие Unicode Символ \' Одиночная кавычка \u0027 ' \" Двойная кавычка \u0022 " \\ символ \ \u005C \ \/ символ / \u002F / \b забой или стирание предыдущего символа (backspace) \u0008 \f Перевод страницы(form feed) \u000C \n Новая строка в тексте (символ с кодом 10) \u000A \r Возврат каретки (символ с кодом 13) \u000D \t Горизонтальный табулятор \u0009 \xhh Шестнадцатеричный вид символа \ooo Восьмиричный вид символа \uhhhh Двухбайтовый символ юникода в шестнадцатеричном виде Подводим итоги: Вот и заканчивается первая часть книги «Как создать wap портал на пять с плюсом?». В конце этой части вас ещё ожидают «Жёлтые wap страницы». А теперь подведём итоги. Мы научились создавать wap страницы содержащие картинки, баннеры, у нас высокая посещаемость и мы это легко видим по нашим растущим рейтингам. У нас гостевая книга и нам туда пишут много всяких приятностей. Пожалуй, вот и всё. А много ли для счастья надо? Но всё же мы пока ещё не создали wap портал на пять с плюсом. Наш wap портал пока можно оценить не больше, чем на четыре с минусом. Хотя, возможно, большинству из вас больше от wap сайта и не надо. Во второй части книги «Как создать wap портал на пять с плюсом?» мы будем рассматривать некоторые программы, а в третьей части опять вернёмся к ручному написанию wml страниц, а также будем писать скрипты. Там мы будем использовать уже более сложные элементы. Но, возможно, многим из вас они и не пригодятся. Жёлтые страницы. Почта: wap.mail.ru – wap версия Mail.ru http://wapmail.yandex.ru/auth.xwml - wap версия Почты от Яндекса wap.aport.ru – Апорт wap.rambler.ru – Рамблер http://wap.tjat.com/icq/ru/ - мобильная ICQ. Пожалуй, что это и всё. Все остальные необходимые вам ссылки указаны в тексте. Если вы хотите меня отблагодарить, то просто заходите хотя бы раз в недельку на мой wap сайт (http://newhogwarts.net/wap/) и кликните по всем баннерам какие там есть, или напишите, что-нибудь доброе на моей гостевой. Это будет для меня самой лучшей наградой за мои труды. В общем, не судите строго. Это моё первое творение такого вида. Не знаю насколько вы способны к обучению, но одного человека я уже по этому учебнику научил (этот человек не я сам). :) |
|
| Анекдот |
| Новости |
| Друзья |
|
| Реклама |
| Поиск |
