Подписка
Email
Fb
RSS
Twitter
Email

Курс верстки — ставим слайдер

курс версткиПриветствую всех посетителей блога DenWeb.Ru. Наш курс верстки сайта из PSD макета близится к завершению. В сегодняшнем уроке закончим верстать шаблон сайта, сделаем шаблон внутренних страниц и установим слайдер.

В следующем уроке уже будем проверять верстку, исправлять недочеты, проходить валидацию. Вашему вниманию видео урок:

Выкладываю полученные файлы.

Вы можете оставить комментарий.

23 комментариев к записи “Курс верстки — ставим слайдер”

  1. Андрей:

    Отличный урок. Спасибо что рассмотрели мой вопрос

  2. Вячеслав:

    Сделай, пожалуйста, видео-урок по кросс-браузерной вёрстке!

  3. Dmitry:

    Подскажи пару Хороших! сайтов-конструкторов, где лучше всего сделать «форму обратной связи» и прикрутить личную почту сайта. ато PHP еще не учил.

  4. gori4:

    сайт и автор сайта вшпеее сууууппееерррр,аааааааа спасибо большое посмотрел все уроки и всьо понял,а на других ваше нычо непонимал спасибо!!!

  5. кривовато )) но вабще спасибо)

  6. Anna:

    Добрый день! Подскажите, пожалуйста, какие настройки возможно поменять у данного слайдера? Можно ли увеличить количество картинок?И еще: может быть, можете подсказать какой-нибудь проверенный источник javascriptов с описанием.И спасибо большое за уроки и от меня! :)

  7. Anna:

    ой, с настройкой количества разобралась). Но за совет с базой данных js по-прежнему буду очень благодарна.

  8. Дмитрий:

    Здравствуйте.Хочу сделать альбом на странице. Идея такая. На странице показаны, все имеющиеся картинки в уменьшеном виде, а при нажатии на неё картинка, в увеличенном виде, выходит на передний план. Сама страница остается сзади и затемняется. Пример «vk.com» (Вконтакте).Что тут нужно применить? Где поискать информацию про такие манипуляции?Гугл мне конечно в помощ, но я придумать не могу что мне туда вбивать :)Спасибо за помощ.

  9. Денис:

    Здравствуйте! Дэн у меня такая проблема: вставил коды которые ты выложил в архиве в свой код и получилась такая проблема что на слайдере где вместе с изображением меняется текст небыло фона у текста, так что на белом буквы невидно . подскажи как решить.

  10. Станислав:

    Помогите пожалуйста, как зафиксировать слайдер, а то он при прокрутке вместе с фоном двигается!??

  11. Илья:

    Здравствуйте Денис! Благодарю вас за такой познавательный и очень понятный видео-курс! Меня расстроило только одно: вы не рассказали о форме поиска и как она устроена. Не могли бы вы разъяснить этот вопрос? 

  12. Интересно знать,  а как тесты со слайдера  индексируются? не слипаются ли с постом, и как его можно закрыть от индексации?

  13. Valery:

    Здравствуйте, Денис! Большое, просто огромнейшее спасибо за уроки, они очень помогли во многом разобраться!Но возник один интересный вопрос, который никак не могу разрешить. Если все стилевые файлы поместить в отдельную папку css, а в index.html заменить <link rel="stylesheet" type="text/css" href="style.css" /> на <link rel="stylesheet" type="text/css" href="css/style.css" />, то в шаблоне вдруг исчезает перемещающаяся стрелка в навигационном меню, форма поиска и стрелка в рубрике блога меняется на стандартный кружочек, и также исчезает полосочка между слоганом и описанием блога. Если знаете, объясните, пожалуйста, в чем причина?

  14. Valery:

    Поняла в чем дело. Нужно было в style.css изменить url(img/nav_arrow.png) на url(.../img/nav_arrow.png). Ступанула)

  15. Дмитрий:

    DenWeb подскажи, в чем может быть дело. Я сделал слайдер как на макете сайта, по принципу который ты дал в уроке. Запускаю, все работает. Когда вставил в сайт, то:а) сразу выводит две картинки подряд по вертикалиб) несколько раз пытается поменять картинку, а после возвращается в первозданный вид как  на макете сайта и все больше никаких действий! ??????Повторюсь, что при запуске отдельно файла он работает нормально! 

  16. Посмотрел все уроки. Много чего важного узнал. Спасибо, Денис.

  17. Сергей:

    Денис, ты лучший!

  18. Иван:

    Привет Денис! У меня такой вопрос: почему в css файле ты прописываешь одинаковый  размер шрифта( font-size) буквально каждому элементу( body, p, a и т.д)? Разве он не наследуется? И если нет, то почему к примеру blockquote ты размер шрифта не указываешь? Извини, если вопрос глупый)

    • Урок этот делал уже 4 года назад.Вероятно по привычке делал, так как часто для разных элементов, разные размеры шрифтов бывают. Вообще конечно наследуются. В идеале, в конце работы можно прогнать css через сервис чистки кода, чтобы такие лишние моменты почистить.

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

Spam Protection by WP-SpamFree

Яндекс.Метрика