@Onstagemc

Добрый вечер уважаемые форумчане, сразу к делу:
1. Нужно создать сайт интернет магазина по продаже табачной продукции.
2. Дизайн сайта будет таким:
По центру сайта закрытая полка с сигаретами с надписью "ТАБАК" на вывески сверху. (как полки в магазинах)
По нажатию на ручку полки или шнурок или кнопку (неважно вообщем) должны открываться жалюзи и на полках должны стоять представленные сигареты, имеющиеся в наличии.
По нажатию на пачку сигарет, открывается страница (можно в новом окне) с описанием и ценой, а также кнопкой "Заказать".
3. Заказ обычной формой можно отправлять на почту.
------------------------------------------------------------------
Как это все реализовать? Какими методами? Какую литературу читать и с чего начать?
Можно ли это сделать на JS или надо Flash, какую платформу выбрать, какую верстку и т.п. ?!

0

@rifatofficial

Рисуй сначала PSD-макет. Затем добавляй верстку HTML+JS.

0

@Onstagemc

где можно найти доходчивый мануал на рисунок ПДС макета? гуглил, все как-то сложновато.
Мне бы поэтапно как для чайника. Если есть ссылочки поделитесь пожалуйста.

0

@rifatofficial

Дело в том, что сначала нужно изучить искусство фотошопа, если хочешь создавать PSD сам. В принципе, можно найти и на просторах интернета готовые PSD-шники, бесплатные есть, но большинство из них неграмотно нарисованы. А вот платные, в основном все - качественные. А вообще, напиши мне rifatofficial@mail.ru или на номер +998903485706 (Whats App / Viber / Telegram). Помогу чем могу.

Добавлено через 2 минуты
https://galior-market.ru/board/read41419

0

@greenpro

Существует в природе такая вещь, как технология разработки. Технология - это когда есть некий прописанный порядок действий. Соблюдать его или нет - это дело как говорится хозяйское, и веб-разработка это не строительство, где если не соблюдать СНиП и ГОСТ потолок на голову упадет. Но тем не менее, в разработке тоже есть свой порядок действий.

Вы описываете ситуацию вырванную из контекста. По простому - беретесь за дело не с начала, а где-то с середины.

Разработка PSD-макета, или мокапа (mockup) - это не первый шаг в цепочке действий. Точнее так - он может быть первым, но при определенных обстоятельствах.
Если делать по технологии, то в общем виде выглядит так (есть разные подходы, здесь даю общую схему):
1) Первым делом рисуется скетч (sketch) - иначе говоря набросок от руки. Это делается буквально от руки на бумаге или в пайнте или в специальном софте - не важно в чем он рисуется, смысл в том, что это черно-белый рисунок общей идеи вашей странички.
2) Далее - вайрфрем (wireframe). Здесь рисуется структура страницы, подробная схема дизайна, но без детализации описания элементов. Это тоже можно делать от руки или в пайнте или в специальном софте - как кому удобно.
3) Мокап (mockup) - статический дизайн-макет страницы. Все уже в деталях, цветах, размерах, сетка и т.д. - это уже как правило рисуется в PSD.
4) Далее верстается прототип в HTML+CSS+JS

Прикрепил картинку - то-же самое с подробностями.

На практике, конечно не обязательно все работают именно так. Если вы умеете хорошо понимать задачу и вам легче сразу переходить к PSD или сразу верстать прототип (шаблон) - ну никто вам не мешает, пожалуйста. Опять, же зависит от сложности проекта, объема шаблонов страниц, требований заказчика и т.д.

Миниатюры

 

2

@Onstagemc

Благодарю за развернутый ответ! Не скажу что я прямо про-юзер ФШ, но рисовал себе дизайны для групп в ВК и верстал (как бы это смешно не звучало) с помощью ихней wiki. с html знаком, с js и css дела похуже, но судя по структуре css очень похож на xml документ, а js - на bat исполняемый файл, поэтому сложностей не должно возникнуть!
Буду пробовать, пытаться)
Делаю не для заказчика, а для себя естественно, поэтому и решил делать все сам!
Адм, вопрос можно закрывать. Ответ дан. (поэтапно)

0