Тамара

Спасибо. Все ясно.

Интересует мнение уже опытных людей. Sensei может подскажете такой вопрос. Здесь выше обсуждался вопрос о фоновых изображениях. В частности, в макете к фонам (строка меню, фон заголовка статей в левой колонке) применены различные эффекты. Вопрос идет об оптимизации решения при верстке этих фоновых изображений. Ну и возможно что в данном случае требуют заказчики или начальство. Например: 1. Можно конечно просто в фотошопе склеить слои с фоном и эффектом, потом вырезать картинку по контуру, сохранить и вставить в background. Но здесь получится приличный объем.2. можно помучаться и подогнать градиентную заливку средствами CSS. Но в некоторых браузерах она все-равно работать не будет. 3. Или стоит попросить дизайнера упростить вариант. Например попробовала сделать так. В фотошопе склеила слои, немного отступила сверху и вырезала небольшую горизонтальную полоску высотой 5 рх. размыла фон используя фильтр, ну например "Размытие по Гауссу..." чтобы не выделялись четко края. и вставили в background вместе с repeat-у . Вроде и неплохо получается. Но конечно не в совсем точном соответствии с макетом. Вот тут и вопрос. 1.Соответствовать дизайну лучше всего будет конечно 1 вариант. Но как это отражается на работе сайта, особенно если сайты большие с большим количеством изображений. 2. Ну и конечно как в данном случае поступают опытные верстальщики.

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

Да, еще для forest79 обрати внимание на выравнивание текста в абзацах. У тебя текст прижат к левой стороне. Не хватает text-align: justify;

Обратите внимание: 1. Текст на макете не черного цвете. 2. Снизу четко видна разная высота колонок (по крайней мере у меня в Хроме так отражается) 3 В левом верхнем углу рядом с логотипом есть кнопка. И я так поняла что именно на нее и должна быть повешена ссылка. Иначе зачем бы она там была. А у Вас ссылка повешена на весь блок с логотипом и текстом. (Это мое мнение). Это так с первого взгляда. сейчас еще покопаюсь В этом разделе разные варианты верстки. Почему-то не обращают внимания на нижнюю часть макета. Во всех колонках отступ от нижней строки текста до подвала - одинаковый. Почти во всех предложенных верстках текст в колонках не выравнивается внизу. И надо добиться, чтобы колонки заканчивались визуально на одном уровне.

Думаю, что недалеко то время, когда и поисковики начнут учитывать разметку кода. Но мы еще забываем один аспект. Наверняка разработчики в отличии от нас думают обо всех категориях пользователей и пытаются облегчить использование интернета в том числе и людям с ограниченными возможностями. В частности тем кто использует голосовые браузеры. Да и наверняка тем кто ограничен по каким-то причинам в своих физических действиях. Но у нас это пока вообще не учитывают. Особенно на всякие новинки должны реагировать учебные центры и курсы. Более того зимой 2013 года проходила курсы. Так первоначально попала на занятия, где учили только табличной верстке, а дивам было посвящено несколько строк в учебном пособии. С курсами пришлось расстаться, активно штудировать интернет, и сразу использовать разметку HTML 5. Переучиваться потом будет труднее. Из-за необходимости переучиваться многие не воспринимают новинки. Это мое мнение. Я по специальности математик, некоторое время работала в издательстве. Может поэтому стремлюсь учитывать всевозможные нюансы. А еще очень интересно посмотреть и проанализировать предложения веб-студий. Особенно обратила внимание на примеры работ. В большинстве случаев мы застряли в 2000-2006 годах. Это не только семантика, но и в первую очередь отсутствие адаптивных кодов. Особенно странно это для сайтов пользователями которых являются физические лица, которые все больше используют смартфоны и планшеты. У меня муж работает в дирекции крупного акционерного общества. Они все пытаются выйти на западный рынок. Так вот один из партнеров посмотрел их сайт и сказал: "Господа, да Вас нет, Вы не существуете".

Почитайте статью. Только до конца. Где-то с середины там очень популярно все растолковано про новые теги HTML5 http://htmlbook.ru/html5/semantics Или вот еще http://htmlbook.ru/blog/predvaritelnyi-obzor-html5 Там в самом конце есть перечень статей по этой теме. Но еще добавлю от себя. Для семантики становится важной четкая структура кода. Например нам на курсах никто не говорил, что теги h1-h6 создают структуру кода и никто на этом не запаривается. Но попробуйте ради интереса пройти валидацию сайта на http://validator.w3.org/#validate_by_uri , только доктайп напишите для HTML5 - <!DOCTYPE html> Валидацию пройдете, но получите замечание по использованию тегов h1-h6. Просто выучив что-то один раз потом очень трудно переучиваться. Наверно каждый слышал не раз: "Я так много лет делаю".