Jump to content
Korean Random
Mr A

[XVM вики / wiki] Нужен HTML-верстальщик

Recommended Posts

В моем варианте реализована подсветка

Все варианты подсветки и подсказки где посмотреть?

Фактически, знание HTML более не требуется.

А встройте теперь это в страничку офф. сайта.

Возможно имеет смысл подкорректировать требования.

Вроде ТЗ никто и не давал.

 

может просто сделать видео с аннотациями и добавить на главную страницу XVM?

Сравнили видео с текстом.

 

Кто 100% берется сделать работу? Нет времени или знаний - не нужно тут писать.

Share this post


Link to post

Short link
Share on other sites

First guestion, I think, is that which solution do you like better or if you want to combine the two solutions, for example with taking some from one, some from the other.

Personally, I think that Crus should take the task, since he is a native Russian speaker, so he can communicate with you guys a lot better.

Edited by Mikk36

Share this post


Link to post

Short link
Share on other sites
First guestion

I want the best, show the options, variants

 

I think that Crus should take the task

I think should take the one who has experience in this

Share this post


Link to post

Short link
Share on other sites

I want the best, show the options, variants

I thought we did show our ideas already.

What is it that you would like to refine or change?

 

For example, I would prefer the mouse-tracking description, but do like the highlight of the map areas (thought about it, but not enough to actually go and figure out how to implement that).

Edited by Mikk36

Share this post


Link to post

Short link
Share on other sites

@Mikk36,

need this style:

post-6871-0-99763700-1365937340_thumb.png

 

Highlight area +

Change border color on green - (gray border, color like on Crus, make lighter on hover)

Mouse-tracking +

Style of description -

 

Soon need slide switcher, like on worldoftanks.eu

post-6871-0-94882300-1365937586_thumb.png

Share this post


Link to post

Short link
Share on other sites

-се варианты подсветки и подсказки где посмотреть?

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

 

А встройте теперь это в страничку офф. сайта.

Для продолжения работы нужны карты с описаниями. HTML-часть готов взять на себя, но описания - это из другой оперы.

 

Вроде ТЗ никто и не давал.

Имел ввиду сабж топика.

 

Кто 100% берется сделать работу?

Если позиция принципиальная, и совместная разработка с разделением обязанностей (HTML / подготовка контента) не приемлема, то кроме представленного выше кода помочь не смогу.

Edited by Crus

Share this post


Link to post

Short link
Share on other sites

Всё-таки придется начать с начала, а именно с некоего ТЗ.
Прототип уже есть и он, имхо, весьма неплох. http://trialzone.github.io/wot-xvm-docs/ingame.htm

 

 

Возможности XVM которые необходимо отобразить.

 

Ангар
    роты
    достижения

Загрузка боя

Бой
    лог нанесённого урона
    уши
    миникарта
    маркеры в т.ч. иконки кланов и игроков, отлетающий урон
    полоса захвата базы
    лампочка «шестое чувство»

Tab (таблица статистики в бою)

Послебоевая статистика

 

Пример использования.

 

Юзер видит заглавную картинку (map), где изображен интерфейс в бою (который всем знаком).
Юзер наводит мышь на определенное место на картинке (map) и получает краткую всплывающую подсказку (tooltip).
При необходимости юзер кликает и попадает на укрупненную картинку (map) с более детальным изображением выбранного участка.

Далее юзер опять наводит мышь и получает подсказку (tooltip).
При необходимости юзер снова кликает и попадает на текстовую страницу с подробным текстовым описанием XVM-фичи.

 

Всё верно?


Вопросы, предложения.

 

1. Оптимальные размеры картинки  ?
2. На стандартном скриншоте все не разместить, придется его переработать. Т.е. некоторые места увеличить. сдвинуть, но не до неузнаваемости.
3. Где-то на заглавной картинке нужно будет разместить кнопку "В ангар", чтобы перейти на картинку в ангаре.
  Да, это будет задом наперед, но XVM узнаваем прежде всего по боевому интерфейсу.
  Из ангара - кнопка "в бой", ведет на картинку загрузки боя, и далее еще некая кнопка для попадания на картинку в бою.
  И так по кругу.

4. Языки, слайдеры надо заранее описать и включить в ТЗ.

 

 

 

Share this post


Link to post

Short link
Share on other sites
Актуально?

Да. ТЗ требуется?

Share this post


Link to post

Short link
Share on other sites

Оба исчезли. Все еще нужен.

Share this post


Link to post

Short link
Share on other sites

Оба исчезли. Все еще нужен.

Хотелось бы увидеть ТЗ чтоб оценить объем работы.

Share this post


Link to post

Short link
Share on other sites

@PanzerSteel, @A_S_S_E_M_B_L_E_R, @alexross, @Myte,

 

Назначение интернет-проекта

  • помочь новичкам начать ориентироваться в интерфейсе игры (модифицируемого XVM, в дальнейшем - любыми модами)
  • дать возможность быстро получить справку (по настройке, решению проблем) по данному компоненту
  • дать возможность увидеть вариативность настроек данного компонента

Пожелания к дизайну сайта

  • должен быть выполнен в общей стилистике http://www.modxvm.com
  • навигационное меню должно быть скопировано, дополнено разделом "Wiki"
  • используемые технологии: HTML 5, CSS 3, jQuery
  • в дальнейшем - поддержка многоязычности (см. ссылку)

Структура сервера

На первых этапах не важна. В дальнейшем должна обеспечивать простоту обслуживания и распаковку в директорию сервера из архива.


Навигация

Заглавная страница: подменю - Home / Wiki.

Типовые страницы:

  • подменю, продолжающееся из каталога Wiki, с делением на подразделы. Пример.
  • основной путь навигации - ссылки на изображениях

 

Структура и содержание страниц

Заглавная страница
--Страница логина
--Ангар
----Автопосадка экипажа
----Роты
----Окно достижений
----Окно взвода
----Послебоевая статистика
--Загрузка боя
--Бой
----Хитлог
----Панель HP противника
----Уши
----Миникарта
----Маркеры
----Полоса захвата баз
----Меню Tab

 

Заглавная страница:

  • галерея изображений с подписями-ссылками, на последних этапах разделенная по разделам

Типовые страницы:

  • карта-изображение со ссылками как на другие страницы, так и на якоря на данной странице (пример оформления)
  • механизм слайд-шоу, с интервалом в 5с, отключаемый при наведении мыши, а также панель его управления (как на http://worldoftanks.ru/)
  • заголовки-спойлеры с информацией по данному вопросу (http://www.modxvm.com/faq/)

 

Администрирование

Административная панель может быть выполнена по желанию исполнителя.

Общие замечания
Для начала выполните хотя бы одну типовую страницу, со мной можно связаться в ЛС, после одного оставленного сообщения.

'Некоторые скриншоты для страниц'

 

Есть заброшенная работа на гитхабе, ее результаты здесь.

Онлайн-выделятор регионов на изображениях тут.

Edited by Mr A

Share this post


Link to post

Short link
Share on other sites

Вопрос еще актуален? Если да, то я тут кое что накидал.
Я не профессионал в этом деле, поэтому не судите строго.

И так, посмотреть то что получилось можно тут.

 

Это рабочий вариант, еще не все доделано. По большей части смотреть нужно страницу в бою. 

 

Слайдер отображает ключевые страницы, которые поделены на области. При наведении на область появляется подсказка с кратким описанием и ссылкой на более подробное описание. 

 

Немного не так как было запланировано, но мне показалось что вывод wiki таким образом будет проще

В общем как то так))))) 

Share this post


Link to post

Short link
Share on other sites

 

 

Немного не так как было запланировано

Совсем не так.

 

Тут

 

 

ее результаты здесь.

было правильнее

Share this post


Link to post

Short link
Share on other sites

в тз (если его можно так назвать) упоминается слайдер. 

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

 

хз что вам нужно ну да ладно (в дизайн встроить чтоли? так это фигня), вобщем на нет и суда нет, хотел помочь

Edited by Dolfin

Share this post


Link to post

Short link
Share on other sites

 

 

Хотел помочь

Помогайте, только следуя ТЗ.

  • Downvote 1

Share this post


Link to post

Short link
Share on other sites

Вам нужно Вики  или не нужно? может тогда скажете чем отличается мой вариант от желаемого вами? У вас есть кто то кто делает вам вики? спрашиваю так как судя по топику работа у вас встала. А если работы не ведутся может тогда проявите немного внимания к тому что нужно вам, между прочим я трачу свое время. Такое впечатление что я на вас работаю.

 

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

 

Вы с таким подходом вики будете долго делать.

Share this post


Link to post

Short link
Share on other sites

@Dolfin, пыл свой умерьте и обдумайте вышесказанное. Никто не держит вас в этой теме, как никто и не выгоняет.

 

 

 

я хотя бы развернутого ответа заслужил

Я ожидаю одной законченной типовой страницы, в строгом соответствии ТЗ. Пример дан. Не понимаете, что в проекте более 15 страниц - перечитать ТЗ. Успехов :no1:

  • Downvote 3

Share this post


Link to post

Short link
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...