Научится создавать лендинг пейдж.

12
ZP
На сайте с 17.01.2012
Offline
59
1275

Что посоветуете почитать, посмотреть, есть желание уметь самому делать лендинги.

В сайтостроительстве полный ноль.

В фотошопе и других граф.программах продвинутый юзер.

T
На сайте с 22.05.2014
Offline
25
#1

Ютуб посмотрите.

S
На сайте с 29.01.2006
Offline
404
#2

Можно найти конструктор или тему для какого-нибудь движка.

Вот есть, например - https://mobirise.com/ru/ - вообще можно ничего не знать и не уметь, всё собирается из кирпичиков. Только могут быть проблемы с русским языком, надо финальный код в Блокноте в нужной кодировке пересохранить.

ZP
На сайте с 17.01.2012
Offline
59
#3
Scaryer:
Можно найти конструктор или тему для какого-нибудь движка.
Вот есть, например - https://mobirise.com/ru/ - вообще можно ничего не знать и не уметь, всё собирается из кирпичиков. Только могут быть проблемы с русским языком, надо финальный код в Блокноте в нужной кодировке пересохранить.

Спасибо, почитаю, но я уже сам пост частично не понял)))

Этот сервис позволяет делать лендинги чтобы адаптивный был дизайн страницы под разные устройства и разрешения?

SK
На сайте с 10.05.2008
Offline
108
#4

рисуете ленд в фотошопе, потом верстаете на html + css + js, ну соответственно html и css выучить нужно, без js по началу можно обойтись, ну и фреймворк какой то типа bootstrap для легкой адаптивной верстки...

видео лучше не смотреть, вечно херню какую то несут...

почитать:

w3schools.com

на русском htmlbook.ru

ну и по бутстрапу getbootstrap.com

HostiQ - Хостинг, который радует (http://goo.gl/jTd7hf)
S
На сайте с 29.01.2006
Offline
404
#5

ZORRO-PRINT,

чтобы адаптивный был дизайн страницы под разные устройства и разрешения?

Да.

Но там реально надо взять и пробовать - дело нескольких минут. Посмотреть - подойдёт, не подойдёт.

BooblikBBW
На сайте с 01.07.2014
Offline
89
#6

Wordpress + тема Customizr (тема русифицирована)

И всё будет путём.

Только всё это скачивайте с офф. сайта wordpress

ZP
На сайте с 17.01.2012
Offline
59
#7
SHoKKiNG:
рисуете ленд в фотошопе, потом верстаете на html + css + js, ну соответственно html и css выучить нужно, без js по началу можно обойтись, ну и фреймворк какой то типа bootstrap для легкой адаптивной верстки...
видео лучше не смотреть, вечно херню какую то несут...
почитать:
w3schools.com
на русском htmlbook.ru
ну и по бутстрапу getbootstrap.com

Давно я не слышал сразу столько абсолютно непонятных мне ругательных слов в одном сообщении. 😂

Спрошу пожалуй самое простое, рисуется псд в шопе, а размер в пикселях какой по ширине нужно задавать, чтобы потом все это тянулось под разные пропорции экранов нормально ?

SK
На сайте с 10.05.2008
Offline
108
#8
ZORRO-PRINT:
Давно я не слышал сразу столько абсолютно непонятных мне ругательных слов в одном сообщении. 😂
Спрошу пожалуй самое простое, рисуется псд в шопе, а размер в пикселях какой по ширине нужно задавать, чтобы потом все это тянулось под разные пропорции экранов нормально ?

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

если на бутраспе верстать, то для фотошопа можно скачать сетку, вот к примеру подборка неплохая http://www.cssauthor.com/bootstrap-grid-system-psd-templates/

с ней попроще потом

YM
На сайте с 30.03.2015
Offline
11
YOM
#9

ZORRO-PRINT, в общем если расшифровать этих "злых и непонятно ругающихся дядек":) То суть примерно такова:

Первым делом мы беремся за изучение HTML и CSS: Это языки разметки, с помощью которых мы говорим браузеру где будут располагаться и как выглядеть твои блоки нарисованные в графическом редакторе, в твоем случае в фотошопе. Если еще понятнее, то это код, который браузер конвертирует в понятный для пользователя вид. Этот пункт - это самая основа всех основ, которую знает каждый веб-разработчик как алфавит и таблицу умножения. Учится это довольно быстро, здесь главное больше попрактиковаться. Есть куча материала по этой теме, я рекомендую курсы Специалиста, так как там все подробно и досконально разобрано.

Второе js - оно же JavaScript. Это уже по серьезнее, так как является именно языком программирования в отличие от предыдущего пункта. JS отвечает за динамическую составляющую контента лендинга. (Всплывающий блок по нажатию на кнопку, какие нибудь красивые всплывающие менюшки) По изучению рекомендовал бы канал Sorax'a

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

И третье - это bootstrap - это необходимо для создания адаптивных сайтов. Это комплекс и набор уже готовых стилей(грубо говоря где многие ньюансы решены за тебя, чтобы ты не изобретал велосипед)

P.S. страшное слово фреймворк - это шаблон с набором уже готовых команд, для упрощения действий и экономии времени.

Подвожу итог - если лень читать:

HTML+CSS+jQuery+BootStrap

Дерзай:)

melkozaur
На сайте с 06.04.2010
Offline
532
#10

ZORRO-PRINT,

В вашем конкретном случае идеальное решение - это Adobe Muse

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

зы. Советчики веселят лучше сайтов со смешными картинками. Вы сразу советуйте пару институтов закончить, зачем мелочиться... 2016 год, сейчас любая бабушка может сваять хоть лендинг, хоть ИМ.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий