Сверстай меня - День 3. Фон и шапка
Дорогие друзья! Прежде всего хочу Вам сказать:
- Спасибо за внимание, интерес к моим урокам и ваши замечательные комментарии.
Пред тем, как приступить к занятиям, хотел бы продолжить свой фотоотчет и показать фотку моего младшего сына Тимура (смотрите выше). С левой стороны ему уже почти год, справа - фотография сделанная спустя 8 месяцев.
Он сидит в папином (моем) военном "гермошлёме" А если честно - когда то это была красивая беретка. И хотя сейчас она не столь красива, зато смотрится куда симпатичнее
Ну что же, с младшим сыном познакомились, так что теперь пора переходить к делу.
А сегодня мы будем в основном работать над шапкой нашего сайта. И полностью её добьём
И опять же - Вас ждут самые интересные и короткие уроки в мире! Налетай народ!!!
Уроки в архиве:
- Задаем фон
- Задаем иконку
- Логотип сайта
- Общие свойства
- Название и описание
- Стили для названия
- Обтекание в шапке
- Дорабатываем стили
Вот ссылки на архив RAR с уроками:
спасибо!
Приввет Серега! почему то у меня favicon не показывает..вот так пишу но не подключается почему ?
У меня тоже иконка не подключилась.
И у меня с иконкой косяк!
Добрый день друзья.
Иногда бывает такой косяк. Все дело в ваших браузерах. Они время от времени кешируют страничку. И иконка появится только через некоторое время.
Либо почистите кеш в браузере.
Серега, привет! Выздоравливай! Мы подождем. А то будешь на уроках с хриплым голосом (шутка)
Здоровья и еще раз здоровья - остальное приложится.
всё получилось... Спасибо
Дайте ссылку на первые уроки. Случайно удалил и у меня только на 3 и 6 урок(
Влад, добрый день!
Здесь ссылки на все уроки "Сверстай меня":
1 день https://expert-css.com/page/sverstaj-menja-den-1-podgotovka
2 день https://expert-css.com/page/sverstaj-menja-den-2-karskas-sajta
Спасибо за уроки, все получилось.С удовольствием выполняла задание.
Юрий - спасибо за пожелания. Я уж постараюсь
Нина - пожалуйста! Вы отличный ученик, буду рад видеть Вас и на других тренингах!
Здравствуйте Серёга! Обращаюсь еще раз, мне тоже понравилась вывеска на ветру. Сделал на рабочем столе файлы: хтмл и саму картинку - скрипт сработал только в хроме, фаерфокс и эксплорер - картинка просто быстро дёргается. Мало того, переложил файлы в папку(путь к картинке задал новый по факту) - просто перестал работать скрипт, картинку не видит вообще. Если не затруднит, помогите разобраться - где ошибка. С уважением, Морозов Юрий
Прописал все правильно блоки не отоброжаються почему?
Евгений, значит что то неправильно прописал.
Я самый начинающий. Изучил множество куросов-уроков по верстке разных учителей, но никак не мог понять некоторые вопросы с divами.
Прямо скажу: записал Ваши уроки, но особой надежды не было.
Прекрасный материал! Для начинающих пробовать свои силы в html лучше не видел.
Спасибо.
Сергей, здравствуйте! Сынуля просто прелесть. Уроки, как всегда гениально просто! У меня один вопрос если можно. Когда я навела мышкой на логотип у меня всплывающая подсказка в виде ??????????. Не подскажите, что я сделала не так!
Спасибо!
Здравствуйте, Надежда!
Возможно, вы забыли указать кодировку в html файле.
Проверьте - есть ли у вас эта строчка в верху файла index.html?
Спасибо, ребята!
Здравствуйте Елена! Нет у меня указана кодировка. Написано все четко как в уроке. А везде где текст вопросительные знаки.
Спасибо!
Надежда, добрый день. А какой у вас редактор?
Елена у меня такой же редактор как у Сергея. Я еще раз все переделала, но у меня все те же знаки вопросов вместо текста
Надежда, скиньте свои рабочие файлы нам на почту [email protected]
- я посмотрю, что там такое.
Елена, спасибо, я нашла свою ошибку. Все получилось.
Надежда, я рада, что у вас получилось!
Сергей, здравствуй. НЕ могу разархивировать урок №3
РАСПАКОВАЛ, наконец-то. Спасибо, Сергей
Привет,Сергей!
Повторил твой урок,но думаю,что можно сделать всё намного проще,раз уж мы занимаемся блочной вёрсткой:
- взять вставку всей картинки логотипа в див и прописать в стиле класса div.header{} её вставку,прописать здесь же все свойства для текста,которые ты предложил.
В этом случае нам не понадобиться и это:
- убираем дивы site-name , dis и класс очистки после них в файле html
- убираем классы div.name{} , div.dis{} , div.name, .dis{} ,оставив только класс div.logo{} в файле css
Код получается намного короче,а результат тот же.