Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)




  Статьи о дизайне





  Галереи дизайна

Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!

Советы по дизайну. Философия, психология и трудовые будни дизайнера.



  Как сделать Wap версию сайта






В настоящее время Wap странички как были, так и остались невостребованной экзотикой.
Подождем, что будет дальше ...


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





А пока - образец листинга Wap версии этого проекта (http://rosdesign.com/). Wap адрес сайта будет http://wap.rosdesign.com/.

Внимание!!!
Файл с кодом сохраняем с расширением "index.wml" в корень субдомена "wap.rosdesign.com" (это субдомен специально для wap-версии, его мы создаем на хостинге).

1. Все картинки сохраняются с расширением ".wbmp" в корень, вообще все файлы сайта (например .htaccess) сохраняем в корень домена "wap.rosdesign.com". Но если у нас сайт субдомена 3-го уровня, создаем для него в корневой директории папку, например "wap.rosdesign.com/djem/". И все файлы субдомена сохраняем уже там.

2. Ссылка на wap версию такая: http://wap.rosdesign.com/, если это wap версии субдоменов 3-го уровня типа "djem.rosdesign.com", то ссылка пишется так: http://wap.rosdesign.com/djem/ и файл "djem.wml" сохраняется уже в папке "wap.rosdesign.com/djem/", там хранятся и все используемые картинки для субдомена.

3. Т.к все енто будет грузиться на мизерном экранчике мобильника, советую не писать длинные тексты :)

4. Код всех страничек wap версии одного сайта размещается в одном(!) файле ".wml". Коды страничек ограничиваются "картами" тегами "<card></card>".

Итак:

#начало кода wap версии сайта
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd" >

<wml>
<template>
<do type="prev" label="вернуться"><prev/></do>
</template>

#код "главной" странички
<card id="index" title="www.rosdesign.com">
<p>
<b>Название сайта.</b>
<br/>
<i>...добро пожаловать...</i>
<br/>
</p>
<p>
1.<a href="#solo">Ссылка на "внутреннюю" страницу 1</a><br/>
2.<a href="#solo2">Ссылка на "внутреннюю" страницу 2</a><br/>
3.<a href="#solo3">Ссылка на "внутреннюю" страницу с контактами и картинкой</a><br/>
<br/>
</p>
</card>

#код "внутренней" страницы 1
<card id="solo" title="www.rosdesign.com">
<p>
<b>Название внутренней страницы</b>
<br/>
</p>
<p>
Текстовая информация.
Текстовая информация
Текстовая информация<br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
</card>

#код "внутренней" страницы 2
<card id="solo2" title="www.rosdesign.com">
<p>
<b>Название внутренней страницы или заголовок</b><br/>
<i>Заголовок списка ссылок на подразделы "внутренней страницы"</i><br/>
</p>
<p>
1.<a href="#solo2_1">Ссылка на внутреннюю страницу второго уровня 1 </a><br/>
2.<a href="#solo2_2">Ссылка на внутреннюю страницу второго уровня 2 </a><br/>
3.<a href="#solo2_3">Ссылка на внутреннюю страницу второго уровня 3 </a><br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
</card>







#код "внутренней" страницы с контактами и картинкой
<card id="solo3" title="имя и фамилия">
<p align="center">
<b>Контакты.</b><br/>
</p>
<img src="/название картинки.wbmp" width="92" height="108" border="0"/>
<p>
<small><b>residence:</b><br/>
страна, город</small><br/>
</p>
<p>
<small><b>phone:</b><br/>
номер мобильника</small><br/>
</p>
<p>
<small><b>e-mail:</b><br/>
ваш@е.маил</small><br/>
</p>
<p>
<small><b>web:</b><br/>
адрес сайта<br/>
адрес сайта</small><br/>
</p>
<p>
<small><b>wap:</b><br/>
адрес wap версии</small><br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
<do type="accept" label="позвонить">
<go href="wtait://wp/mc;%2B7номер мобильника;имя и фамилия"/>
</do>
</card>

#код "внутренней" страницы второго уровня 1
<card id="solo2_1" title="www.rosdesign.com">
<p>
<b>Название материала</b>
<br/>
</p>
<p>
Текстовая информация.
Текстовая информация
Текстовая информация<br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
</card>

#код "внутренней" страницы второго уровня 2
<card id="solo2_2" title="www.rosdesign.com">
<p>
<b>Название материала</b>
<br/>
</p>
<p>
Текстовая информация.
Текстовая информация
Текстовая информация<br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
</card>

#код "внутренней" страницы второго уровня 3
<card id="solo2_3" title="www.rosdesign.com">
<p>
<b>Название материала</b>
<br/>
</p>
<p>
Текстовая информация.
Текстовая информация
Текстовая информация<br/>
<a href="#index">ссылка на главную страницу</a><br/>
</p>
</card>

</wml>
#конец кода wap версии сайта

еще раз повторюсь, что все эти коды страниц wap версии одного сайта пишутся друг под другом на одной(!) странице .wml

P.s
Wap версия хостится как и обычный сайт на обычном хостинге и занимает папку субдомена 3-го уровня. Понятное дело, что для того, чтобы завести Wap версию нужно сначала обзавестись доменным именем типа rosdesign.com и хостингом, чтобы было для чего и где создавать субдомен wap.rosdesign.com. А так ничего сложного!


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


статья написана в 2003, изменена: 04.07.2009








  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение

Карта сайта      Наверх