Jump to content

Тамара

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by Тамара

  1. Интересует мнение уже опытных людей. Sensei может подскажете такой вопрос. Здесь выше обсуждался вопрос о фоновых изображениях. В частности, в макете к фонам (строка меню, фон заголовка статей в левой колонке) применены различные эффекты. Вопрос идет об оптимизации решения при верстке этих фоновых изображений. Ну и возможно что в данном случае требуют заказчики или начальство. Например: 1. Можно конечно просто в фотошопе склеить слои с фоном и эффектом, потом вырезать картинку по контуру, сохранить и вставить в background. Но здесь получится приличный объем.2. можно помучаться и подогнать градиентную заливку средствами CSS. Но в некоторых браузерах она все-равно работать не будет. 3. Или стоит попросить дизайнера упростить вариант. Например попробовала сделать так. В фотошопе склеила слои, немного отступила сверху и вырезала небольшую горизонтальную полоску высотой 5 рх. размыла фон используя фильтр, ну например "Размытие по Гауссу..." чтобы не выделялись четко края. и вставили в background вместе с repeat-у . Вроде и неплохо получается. Но конечно не в совсем точном соответствии с макетом. Вот тут и вопрос. 1.Соответствовать дизайну лучше всего будет конечно 1 вариант. Но как это отражается на работе сайта, особенно если сайты большие с большим количеством изображений. 2. Ну и конечно как в данном случае поступают опытные верстальщики.
  2. Спорный момент. Помимо макета есть еще и здравый смысл, и он подсказывает мне, что текст со столь короткой длиной строки выравнивать по ширине не самая лучшая идея. Просто если посмотреть макет, то там просматривается выравнивание текста по ширине. Правда в задании ничего не сказано про точное соответствие верстки макету.
  3. Да, еще для forest79 обрати внимание на выравнивание текста в абзацах. У тебя текст прижат к левой стороне. Не хватает text-align: justify;
  4. Обратите внимание: 1. Текст на макете не черного цвете. 2. Снизу четко видна разная высота колонок (по крайней мере у меня в Хроме так отражается) 3 В левом верхнем углу рядом с логотипом есть кнопка. И я так поняла что именно на нее и должна быть повешена ссылка. Иначе зачем бы она там была. А у Вас ссылка повешена на весь блок с логотипом и текстом. (Это мое мнение). Это так с первого взгляда. сейчас еще покопаюсь В этом разделе разные варианты верстки. Почему-то не обращают внимания на нижнюю часть макета. Во всех колонках отступ от нижней строки текста до подвала - одинаковый. Почти во всех предложенных верстках текст в колонках не выравнивается внизу. И надо добиться, чтобы колонки заканчивались визуально на одном уровне.
  5. Думаю, что недалеко то время, когда и поисковики начнут учитывать разметку кода. Но мы еще забываем один аспект. Наверняка разработчики в отличии от нас думают обо всех категориях пользователей и пытаются облегчить использование интернета в том числе и людям с ограниченными возможностями. В частности тем кто использует голосовые браузеры. Да и наверняка тем кто ограничен по каким-то причинам в своих физических действиях. Но у нас это пока вообще не учитывают. Особенно на всякие новинки должны реагировать учебные центры и курсы. Более того зимой 2013 года проходила курсы. Так первоначально попала на занятия, где учили только табличной верстке, а дивам было посвящено несколько строк в учебном пособии. С курсами пришлось расстаться, активно штудировать интернет, и сразу использовать разметку HTML 5. Переучиваться потом будет труднее. Из-за необходимости переучиваться многие не воспринимают новинки. Это мое мнение. Я по специальности математик, некоторое время работала в издательстве. Может поэтому стремлюсь учитывать всевозможные нюансы. А еще очень интересно посмотреть и проанализировать предложения веб-студий. Особенно обратила внимание на примеры работ. В большинстве случаев мы застряли в 2000-2006 годах. Это не только семантика, но и в первую очередь отсутствие адаптивных кодов. Особенно странно это для сайтов пользователями которых являются физические лица, которые все больше используют смартфоны и планшеты. У меня муж работает в дирекции крупного акционерного общества. Они все пытаются выйти на западный рынок. Так вот один из партнеров посмотрел их сайт и сказал: "Господа, да Вас нет, Вы не существуете".
  6. Почитайте статью. Только до конца. Где-то с середины там очень популярно все растолковано про новые теги 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. Просто выучив что-то один раз потом очень трудно переучиваться. Наверно каждый слышал не раз: "Я так много лет делаю".
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy