Что должен знать и уметь хороший верстальщик?

123
iguania
На сайте с 10.12.2010
Offline
72
#11

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

Stek:
2. верстка должна быть понятной для программистов, которые будут натягивать ее на движок.
Все всегда заканчивается хорошо. Если все закончилось плохо, значит, это еще не конец…
RO
На сайте с 13.07.2009
Offline
88
#12

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

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

тут мне не совсем понятно что именно вы имеете ввиду.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#13
iguania:
Эх, быстрее бы этот горе-браузер ушел в небытие :)

Осталось подавить последний очаг сопротивления.

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


тут мне не совсем понятно что именно вы имеете ввиду.

Чтобы верстльщик выдавал не говно-код вида:

<div class="block1" style="padding:0; margin:0; font-size:14px;color:#020202">

текст1
<div class="block2" style="padding:0; margin:0; font-size:14px;color:#020202">
текст2
</div>
<div class="block3" style="padding:0; margin:0; font-size:14px;color:#020202">
текст3текст3текст3текст3текст3
</div>
<div class="block4" style="padding:0; margin:0; font-size:14px">
<a href="#" class="link1" style="padding:0; margin:0; font-size:12px;color:#0f0f0f">линк</a>
</div>
</div>

А что то, понятное без бутылки:

<div class="news">

<h1>текст1</h1>
<p><span class="date">текст2</span>
текст3текст3текст3текст3текст3
<a href="#">линк</a>
</p>
</div>
RO
На сайте с 13.07.2009
Offline
88
#14
Алексей Барыкин:
Осталось подавить последний очаг сопротивления.



Чтобы верстльщик выдавал не говно-код вида:
<div class="block1" style="padding:0; margin:0; font-size:14px;color:#020202">

текст1
<div class="block2" style="padding:0; margin:0; font-size:14px;color:#020202">
текст2
</div>
<div class="block3" style="padding:0; margin:0; font-size:14px;color:#020202">
текст3текст3текст3текст3текст3
</div>
<div class="block4" style="padding:0; margin:0; font-size:14px">
<a href="#" class="link1" style="padding:0; margin:0; font-size:12px;color:#0f0f0f">линк</a>
</div>
</div>

А что то, понятное без бутылки:
<div class="news">

<h1>текст1</h1>
<p><span class="date">текст2</span>
текст3текст3текст3текст3текст3
<a href="#">линк</a>
</p>
</div>

это уже не верстальщик, а товарисч подобранный на улице который работает за бутылку водки. или визивиг редактор.

S0
На сайте с 20.11.2010
Offline
32
#15
Stek:
И нафиг надо всю ту глупость про валидность к браузерам 2001 года, стандартам и и т.п. Или ваш сайт для стандартов/идиотов - или для нормальных пользователей.

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

P.S.

Стандарты для того и придуманы, чтобы экономить время и деньги.

Ваш Кэп. :)

RO
На сайте с 13.07.2009
Offline
88
#16
snk001:
Стандарты для того и придуманы, чтобы экономить время и деньги.

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

Vladimir
На сайте с 07.06.2004
Offline
586
#17
RedOK:
это уже не верстальщик, а товарисч подобранный на улице который работает за бутылку водки. или визивиг редактор.

Приведенный пример, это конечно совсем "черный" случай. Но сплошь и рядом:

<a class=link>link1</a>

<a class=link>link2</a>...

Хотя бы взять приведенный пример, лишний код в нем тоже есть

<div class="news">

<h1>текст1</h1>

<p><span>текст2</span>

текст3текст3текст3текст3текст3

<a href="#">линк</a>

</p>

</div>

Nadejda добавил 16.04.2011 в 07:02

iguania:
Добрый день!

Как вы считаете, что должен знать и уметь хороший верстальщик?

- основы js

- основы php

Чтобы уметь "натянуть" дизайн, на движки.

Желательно основы оптимизации сайта. Т.к структуру шаблона можно выполнить всевозможными способами.

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
C
На сайте с 13.03.2010
Offline
11
#18

Конкретные вопросы от неопытного верстальщика:

Часть 1: картинки

1) обязательно ли указывать размеры картинки:

а) <img src="*" width="1" height="1">

б) <img src="*">

2) надо ли указывать alt для второстепенных картинок дизайна

а) <img src="*" alt=""> (пустой альт)

б) <img src="*" alt="tep phone"> (заполняем)

в) <img src="*">

3) Нужны ли кавычки?

а) <img src=/a.jpg alt=name width=1 height=1>

б) а) <img src="*" alt="name" width="1" height="1">

4) Ставить ли title на картинку?

а) ставить

б) только значимым картинкам

в) не ставить

5) Закрываете ли вы img, если заказ не уточнаяет !DOCTYPE?

а) <img src="*">

б) <img src="*" />

6) Путь к картинке, полный или относительный?

а) <img src="http://www.tsuricom.com.ua/design/logo_tsuricom.gif">

б) <img src="/design/logo_tsuricom.gif">

[Удален]
#19

cmerlin, как делаю я

<img src="путь" alt="" />

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

Про размер, лучше если фотография будет сразу в исходном размере, как есть. Потому что если уменьшить ее размер через параметры width или height, то в недобраузерах она будет выглядеть искаженной и слегка с перешарпом. Но если все-таки есть такая необходимость, то можно ставить размер или еще лучше с css под img{}

DiAksID
На сайте с 02.08.2008
Offline
236
#20

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

show must go on !!!...
123

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