Оцените качество верстки

@Заглянувший · Регистрация: 07.07.2013

Студворк — интернет-сервис помощи студентам

Учу HTML. Сверстал макет для тренировки. Покритикуйте, пожалуйста! :-)

@Aialonix · 07.07.2013, 14:57

В принципе не плохо, вот только добавить тебе немного отзывчивости на сайт, чтобы ссылки реагировали при наведении на них, чтобы input тоже подавал какие либо признаки жизни, когда он активирован. А что это за белая полоса над шапкой, как то не очень хорошо смотрится. Рекомендую также выровнять сайт по центру экрана, а то смотреть постоянной на лево как то напрягает.
А так в общем, мне нравится! Молодец!

@Ruisenor · 07.07.2013, 20:52

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

@Заглянувший · 08.07.2013, 19:45 **[ТС]**

Сообщение от Ruisenor

Нужно поработать с цветом сайта

Дык я не дизайнер. Макет скачал

@Ruisenor · 08.07.2013, 19:49

Сообщение от Заглянувший

Дык я не дизайнер. Макет скачал

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

@gooseim · 09.07.2013, 22:43

На 4-
Используете таблицы там, где не нужно.
Странная запись

HTML5
1
2
3
4
5
6
<form>
    <p>
        <input>
        <input>
    </p>
</form>

p здесь не нужен.
div и p подряд на одном уровне. Не красиво.
В остальном вроде все хорошо.

Добавлено через 2 минуты

Сообщение от Ruisenor

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

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

@Ruisenor · 09.07.2013, 22:50

Сообщение от gooseim

Каждому свое, и не надо никуда лесть.

с этим моментом трудно согласиться потому как, если человек механически творит что то - теряется изюминка - творческая составляющая .

Добавлено через 1 минуту
А именно эта изюминка придает выполненной работе - ее уникальность и красоту .
Заранее хочу заметить высказываю просто мое мнение и ничего более.

@gooseim · 09.07.2013, 22:52

Сообщение от Ruisenor

если человек механически творит что то - теряется изюминка - творческая составляющая .

Вы говорите как идеалист, а я как практик.
Если вы программист, и вам художник будет говорить как писать код, это будет напрягать, и не только вас, а и остальных.
А если вы это скажете начальнику, вы тут же наживете себе врагов.
Если вы будете работать когда-нибудь в компании, а не на себя, вы поймете о чем я говорю.

@Ruisenor · 09.07.2013, 23:00

Понимаю, что мы сейчас говорим о разном. Не предлагаю говорить что то другим . И важно быть профессионалом в свой области. Говорю что нужно быть еще и художником и понимать что делаешь.
Не хотел вас чем то задеть. Это мое личное дело и начальник мне не указ в этом случае. Ничего против ваших слов не имею. Человек все время должен как то расти - быть разносторонним - опять это только мнение вслух не обращайте на него внимание.

@gooseim · 09.07.2013, 23:12

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

Добавлено через 7 минут
Ладно. Предлагаю закончить бесполезную дискуссию. Если у вас огонь в глазах, я за вас рад.

@Taatshi · 10.07.2013, 14:44

Сообщение от Ruisenor

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

Верстальщик должен реализовать шаблон пиксель в пиксель как ему дал дизайнер. Шаг влево, шаг вправо, прыжок на месте - расстрел.

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

@A_S · 10.07.2013, 14:49

баг:при активации поиска слово найти не исчезает

@Ruisenor · 10.07.2013, 14:52

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

@Taatshi · 10.07.2013, 19:17

Ruisenor, сразу видно, что Вы профессионально этим не занимались. Если верстальщик может после дизайнера сделать лучше - гнать такого дизайнера нужно в три шеи с ускорением, приближающимся к скорости света.

Каждый должен делать свою работу - и делать ее хорошо.

@Заглянувший · 10.07.2013, 21:19 **[ТС]**

Сообщение от gooseim

Странная запись
<form>
<p>
<input>
<input>
</p>
</form>
p здесь не нужен.

Из спецификации HTML 4.01:

XML
1
<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->

Шо в переводе с эскимосского означает: внутри элемента form могут находиться только блочные элементы и скрипты, но не могут быть другие формы.
Блочные элементы определены так:

XML
1
2
3
<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

То есть элементы форм к блочным не относятся. В общем, валидатор W3C придирался, пока я не завернул их в тег <p>
Или я неправильно понял?

@gooseim · 10.07.2013, 22:24

Заглянувший, да, я посмотрел стандарт HTML 4.01 Strict. Там действительно так нельзя. Беру свои слова назад.

@Заглянувший · 11.07.2013, 21:36 **[ТС]**

Сообщение от gooseim

Используете таблицы там, где не нужно.

Проблема. В левой колонке блоки новостей. Блоки с датами вынесены на левое поле. Но! В коде HTML блоки с датами должны быть внутри блоков новостей, чтобы дата "знала" к какой новости относится и позиционировалась относительно новости. Иначе придется писать специальный скрипт, что вопиюще противоречит принципам фен-шуя.

Знаю два способа кроссбраузерно создать колонки равной высоты при резиновой верстке:
1.

CSS
1
2
    padding-bottom: 20000px;
    margin-bottom: -20000px;

2. Количество оберток по числу колонок, обертки смещены так, чтобы имитировать нужный фон.

В обоих способах к блокам колонок применяется свойство overflow: hidden. В результате вынести что-то из колонки на левое поле не получится. Вижу 2 выхода:
1) сверстать HTML-таблицей;
2) сверстать таблицу методами CSS, забив на высоту колонок в IE6-7.
Предпочел первое.
Что я упустил?

@gooseim · 11.07.2013, 22:25

Посмотрите архив. Я заменил основную таблицу на div. Нижнюю не смотрел, если надо, тоже попробую.
Правда немного попутал с размерами (на 1-2 пикселя ошибся).
Файлы index2.html и style2.css

@gooseim · 11.07.2013, 22:27

Только подправьте #wrap:

CSS
1
2
3
4
5
6
7
8
9
#wrap{
    position: relative;
    background: #F5F8F9;
    margin-top: 7px;
    border: 1px solid #d1dbde;
    -webkit-border-radius:  7px 7px 7px 7px;
    -moz-border-radius:  7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}

@Заглянувший · 11.07.2013, 22:42 **[ТС]**

Сообщение от gooseim

Посмотрите архив. Я заменил основную таблицу на div. Нижнюю не смотрел, если надо, тоже попробую.

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

Новые блоги и статьи Все статьи Все блоги /
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@Aialonix 22 / 22 / 3 Регистрация: 24.06.2013 Сообщений: 177
	07.07.2013, 14:57
	В принципе не плохо, вот только добавить тебе немного отзывчивости на сайт, чтобы ссылки реагировали при наведении на них, чтобы input тоже подавал какие либо признаки жизни, когда он активирован. А что это за белая полоса над шапкой, как то не очень хорошо смотрится. Рекомендую также выровнять сайт по центру экрана, а то смотреть постоянной на лево как то напрягает. А так в общем, мне нравится! Молодец! 1

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	07.07.2013, 20:52
	Нужно поработать с цветом сайта - немного блекловато( есть специальные сайты где можно подобрать сочетание цветов и более акцентировать ). Посмотрел код - все в коде понятно можно быстро разобраться где что и куда ( это большой плюс). В общем хорошо -если для первого раза можно сказать отлично - мне понравился сайт - поработай с цветовой гаммой сайта 1

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	09.07.2013, 23:00
	Понимаю, что мы сейчас говорим о разном. Не предлагаю говорить что то другим . И важно быть профессионалом в свой области. Говорю что нужно быть еще и художником и понимать что делаешь. Не хотел вас чем то задеть. Это мое личное дело и начальник мне не указ в этом случае. Ничего против ваших слов не имею. Человек все время должен как то расти - быть разносторонним - опять это только мнение вслух не обращайте на него внимание. 1

@gooseim 516 / 421 / 92 Регистрация: 23.09.2010 Сообщений: 1,165
	09.07.2013, 23:12
	Ruisenor, вы пока не совершили преступления, так что не надо оправдываться. Понимаете, главная цель любой работы это получение прибыли. Если вы хотите изменить мир к лучшему, советую копать в другом направлении. Добавлено через 7 минут Ладно. Предлагаю закончить бесполезную дискуссию. Если у вас огонь в глазах, я за вас рад. 1

@A_S 2 / 2 / 0 Регистрация: 17.03.2013 Сообщений: 24
	10.07.2013, 14:49
	баг:при активации поиска слово найти не исчезает 1

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	10.07.2013, 14:52
	данный момент разговор шел не о заказах , где верстальщик выполнят определенную работу и должен пиксель в пиксель сверстать его. А о том что человек учиться создавать шедевры. Чтобы верстальщик мог и с дизайнером в паре работать и создавать уникальные проекты . А если у дизайнера получился средненький макет то и на выходе будет средненький сайт. А команда дизайнера и верстальщика может создать шедевр. Верстальщика не надо превращать в робота - конечно это мое мнение. И в тоже время если заказчик хочет чтобы верстальщик сверстал средненький макет - конечно нужно выполнить его желание. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	10.07.2013, 19:17
	Ruisenor, сразу видно, что Вы профессионально этим не занимались. Если верстальщик может после дизайнера сделать лучше - гнать такого дизайнера нужно в три шеи с ускорением, приближающимся к скорости света. Каждый должен делать свою работу - и делать ее хорошо. 0

@gooseim 516 / 421 / 92 Регистрация: 23.09.2010 Сообщений: 1,165
	10.07.2013, 22:24
	Заглянувший, да, я посмотрел стандарт HTML 4.01 Strict. Там действительно так нельзя. Беру свои слова назад. 0