Сверстай меня - День 3. Фон и шапка

Младший сын Тимур

Дорогие друзья! Прежде всего хочу Вам сказать:

- Спасибо за внимание, интерес к моим урокам и ваши замечательные комментарии.

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

Он сидит в папином (моем) военном "гермошлёме" grin А если честно - когда то это была красивая беретка. И хотя сейчас она не столь красива, зато смотрится куда симпатичнее rolleyes

Ну что же, с младшим сыном познакомились, так что теперь пора переходить к делу.

А сегодня мы будем в основном работать над шапкой нашего сайта. И полностью её добьём power

И опять же - Вас ждут самые интересные и короткие уроки в мире! Налетай народ!!!

Уроки в архиве:

  1. Задаем фон
  2. Задаем иконку
  3. Логотип сайта
  4. Общие свойства
  5. Название и описание
  6. Стили для названия
  7. Обтекание в шапке
  8. Дорабатываем стили

Вот ссылки на архив RAR с уроками:

А Вы идете на тренинг - Нарисуй Меня??

Попробуйте первый день БЕСПЛАТНО!

Нарисуй Меня

Скачать день №1!

Оставляйте пожалуйста Ваши комментарии!
Комментариев: 27 RSS

Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

Комментариев: 27
  •  Андрей | 22 мая 2013 в 23:37:09

    спасибо!

  •  Samad | 23 мая 2013 в 00:53:51

    Приввет Серега! почему то у меня favicon не показывает..вот так пишу но не подключается почему ?

  •  Татьяна | 23 мая 2013 в 02:47:09

    У меня тоже иконка не подключилась.

  •  Николаеф | 23 мая 2013 в 09:19:38

    И у меня с иконкой косяк!

  •  Серёга | 23 мая 2013 в 11:38:20

    Добрый день друзья.

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

    Либо почистите кеш в браузере.

  •  Юрий | 23 мая 2013 в 23:44:23

    Серега, привет! Выздоравливай! Мы подождем. А то будешь на уроках с хриплым голосом (шутка)

    Здоровья и еще раз здоровья - остальное приложится.

  •  Аноним | 29 мая 2013 в 19:23:52

    всё получилось... Спасибо

  •  Влад | 5 июня 2013 в 13:04:50

    Дайте ссылку на первые уроки. Случайно удалил и у меня только на 3 и 6 урок(

  •  Елена | 5 июня 2013 в 15:12:54

    Влад, добрый день!

    Здесь ссылки на все уроки "Сверстай меня":

    1 день https://expert-css.com/page/sverstaj-menja-den-1-podgotovka

    2 день https://expert-css.com/page/sverstaj-menja-den-2-karskas-sajta

  •  Нина | 19 июля 2013 в 18:43:47

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

  •  Серёга | 20 июля 2013 в 00:34:14

    Юрий - спасибо за пожелания. Я уж постараюсь smile

    Нина - пожалуйста! Вы отличный ученик, буду рад видеть Вас и на других тренингах!

  •  Юрий | 17 августа 2013 в 14:25:37

    Здравствуйте Серёга! Обращаюсь еще раз, мне тоже понравилась вывеска на ветру. Сделал на рабочем столе файлы: хтмл и саму картинку - скрипт сработал только в хроме, фаерфокс и эксплорер - картинка просто быстро дёргается. Мало того, переложил файлы в папку(путь к картинке задал новый по факту) - просто перестал работать скрипт, картинку не видит вообще. Если не затруднит, помогите разобраться - где ошибка. С уважением, Морозов Юрий

  •  Евгений | 25 сентября 2013 в 23:46:22

    Прописал все правильно блоки не отоброжаються почему?

  •  Серёга | 28 сентября 2013 в 12:25:49

    Евгений, значит что то неправильно прописал.

  •  Владимир | 1 ноября 2013 в 08:41:42

    Я самый начинающий. Изучил множество куросов-уроков по верстке разных учителей, но никак не мог понять некоторые вопросы с divами.

    Прямо скажу: записал Ваши уроки, но особой надежды не было.

    Прекрасный материал! Для начинающих пробовать свои силы в html лучше не видел.

    Спасибо.

  •  Надежда | 6 ноября 2013 в 22:58:01

    Сергей, здравствуйте! Сынуля просто прелесть. Уроки, как всегда гениально просто! У меня один вопрос если можно. Когда я навела мышкой на логотип у меня всплывающая подсказка в виде ??????????. Не подскажите, что я сделала не так!

    Спасибо!

  •  Елена | 7 ноября 2013 в 01:58:51

    Здравствуйте, Надежда!

    Возможно, вы забыли указать кодировку в html файле.

    Проверьте - есть ли у вас эта строчка в верху файла index.html?

    <meta charset="utf-8">
  •  Аркадий | 7 ноября 2013 в 17:46:00

    Спасибо, ребята!

  •  Надежда | 7 ноября 2013 в 23:54:05

    Здравствуйте Елена! Нет у меня указана кодировка. Написано все четко как в уроке. А везде где текст вопросительные знаки.

    Спасибо!

  •  Елена | 8 ноября 2013 в 13:19:07

    Надежда, добрый день. А какой у вас редактор?

  •  Надежда | 11 ноября 2013 в 00:55:36

    Елена у меня такой же редактор как у Сергея. Я еще раз все переделала, но у меня все те же знаки вопросов вместо текста

  •  Елена | 11 ноября 2013 в 12:24:59

    Надежда, скиньте свои рабочие файлы нам на почту [email protected]

    - я посмотрю, что там такое.

  •  Надежда | 12 ноября 2013 в 23:41:41

    Елена, спасибо, я нашла свою ошибку. Все получилось.

  •  Елена | 13 ноября 2013 в 02:38:35

    Надежда, я рада, что у вас получилось! wink

  •  Владимир Иванович | 18 ноября 2013 в 20:09:40

    Сергей, здравствуй. НЕ могу разархивировать урок №3

  •  Vladimir Strelkov | 18 ноября 2013 в 20:25:13

    РАСПАКОВАЛ, наконец-то. Спасибо, Сергей

  •  Юрий | 11 февраля 2014 в 16:35:54

    Привет,Сергей!

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

    - взять вставку всей картинки логотипа в див и прописать в стиле класса div.header{} её вставку,прописать здесь же все свойства для текста,которые ты предложил.

    В этом случае нам не понадобиться и это:

    - убираем дивы site-name , dis и класс очистки после них в файле html

    - убираем классы div.name{} , div.dis{} , div.name, .dis{} ,оставив только класс div.logo{} в файле css

    Код получается намного короче,а результат тот же.