Что нужно, чтобы стать верстальщиком

12 3
Cranking
На сайте с 30.11.2008
Offline
172
17162

Добрый день форумчане!

Стало интересно, что такое верстка, за что платят деньги, сколько и тд.

В сео я знаю, что к чему, а вот в вёрстке полный ноль.

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

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

Ещё просьба: пожалуйста выложите пример простенького поверстаного макета, или киньте в личку.

Аудит сайта и консультации по продвижению и оптимизации. (/ru/forum/568390) Дешевле чем у других форумчан на форуме, много отзывов (моя тема)
[Удален]
#1

Акция! Создай себе конкурента! Расскажи все и всем!

Сорри за офф ;) Не удержался...

simpliex
На сайте с 22.02.2009
Offline
80
#2

Ну.. Учи языки програмирования наверное, догадки такогоже как и ты

Разработка сайтов под ключ, верстка: Bitrix, Wordpress (+WooCommerce), OpenCart, DLE. Продвижение и оптимизация сайтов (только Яндекс)
seomarlboro
На сайте с 20.11.2007
Offline
108
#3

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

Также необходимо изучить каскадные таблицы стилей - CSS. Они служат для придания элементам каких-либо свойств (ширина, цвет, отступы и т.д.)

Из програмного обеспечения - фотошоп, им вы будете резать макет, в результате чего у вас появится хтмл страничка с порезаными картинками сверстанная самим фотошопом, правда крайне отвратно (за исключением быть может простых макетов). После этого всего нужно верстать страничку с нуля в Dreamweaver'e или в том-же самом блокноте или noutpad++, но в первом это гораздо удобнее, т.к. подсвечивается код, есть инструменты подстановки и закрытия тегов и т.п. и т.д.

Для начала думаю хватит )

Слегка написал белеберду, т.к. не знаю как правильно обозвать, к примеру, автозаполнятель тегов в дримвивере

Don't just listen to experts. Become one. Web, UI/UX, iOS applications design (https://dribbble.com/KirKovalski)
Константинович
На сайте с 13.09.2008
Offline
319
#4
Cranking:
Стало интересно, что такое верстка, за что платят деньги, сколько и тд.

Что такое вёрстка?

За что платят? За вёрстку

Сколько? Просмотри цены верстал.

Cranking:
Прошу рассказать в этой теме (надеюсь, что раздел подходит), что нужно знать и уметь верстальщику, что нужно для работы, как именно верстаются макеты, какие программы в помощь этому, чем отличается вёрстка под разные движки и вёрстка вообще без движка и тд.

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

Cranking:
пожалуйста выложите пример простенького поверстаного макета, или киньте в личку.

вот. либо берёшь любой сайт, выкалупываешь оттуда лишний контент и получаешь вёрстку макета :)

Нужны финансы? Быстрая скупка (http://dragmettorg.com/skupka_zolota/). Цены на сайте. А потом отыграй из на казино онлайн правила (http://premium-games.ru/)
Cranking
На сайте с 30.11.2008
Offline
172
#5

seomarlboro, спасибо, мне из того, что Вы написали было интересно прочитать про программы.

Скажите, а как именно происходит этот процесс, вёрстки. Я загружаю макет в фотошоп, потом ножиком его режу, а что дальше? Можно именно об этом подробнее?

seomarlboro, Вы верстальщик? Можно Вам в аську написать?

E
На сайте с 23.10.2008
Offline
216
#6

Cranking, для того чтобы верстать нужно отлично знать html и css. Без этого никак.

А, чтобы понять общий принцип, посмотрите вот эти темки:

http://demiart.ru/forum/index.php?showtopic=29976

http://demiart.ru/forum/index.php?showtopic=31678

seomarlboro
На сайте с 20.11.2007
Offline
108
#7

стукните 19053239семь

Cranking
На сайте с 30.11.2008
Offline
172
#8

Всем спасибо, уже достаточно инфы дали. Спасибо!

Евгения Бахвалова
На сайте с 26.05.2008
Offline
83
#9

Cranking, Привет! Отвечаю по порядку:

1) верстка – это преобразование графических макетов сайтов (как правило, это файлы фотошоп-формата *psd) в интерактивные документы для браузеров, написанные на гипертекстовом языке разметки (HTML) и оформленные каскадными таблицами стилей (CSS);

2) деньги платят за сверстанные макеты, файлы *html (*htm), *css и папку «images» (или «mg», как кому больше нравится) с нарезанными изображениями, которые Вы настрогали из psd-макета. Вы, кстати, как seo-шник наверняка не раз сталкивались с версткой, когда прописывали meta-теги, болды (тег <b>), заголовки (теги <h1>, <h2>), альты и прочие поисковоудобоваримые элементы;

3) платят кто как – от бесплатно (за отзыв, тут часто такое встречается)))) до 200 у.е. за макет, средняя цена – долларов сто;

4) верстальщику нужно знать, если минимально, Photoshop (средне), HTML, CSS, что такое, а главное зачем нужны W3C стандарты, что такое резиновый и статичный макет и особенности разных браузеров, особенно оконного нестандартного очкастого осла старых версий))));

5) программы для верстки бывают визуальными (типа dreamveawer) и невизуальными (типа блокнота, где нет возможности тупо блок на страничке подвигать ручками, а он тебе сам напишет свои новые координаты); предпочтительнее вторые (хотя и в первых писать код можно ручками), потому что код получается чище, грамотнее, хоть и глаза квадратными {display: block, color: red и zoom: 2})))))

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

Макеты свои могу выслать в личку, в инете можно найти рыб, ввести в яше, например, «макет div 3 колонки», будет примитив.

Уфф, много букаф, надеюсь, не очень сложно.

Еня Беарт (http://www.beart.ru) Не ждите чуда - чудите сами.
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#10

1. Нет такого понятия, как "вёрстка под движки".

Есть отдельно верстка, отдельно интегриция верстки в шаблон движка

2. Различают три стиля верстки:

- табличная,

- блочная, дивная (от слова div)

- смешанная.

3. Для старта достаточно покурить htmlbook.ru, далее при желании полностью влезть в тему надо читать тематические блоги, того же Тёму

p.s. Пример свёрстанного макета, ничего лишнего :)

12 3

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