День 1. Структура и меню

Мамба-шмамба

Привет ребята! Как обычно, буду кормить Вас уроками и фотками из жизни. На этот курс я подготовил для Вас свадебную тему. Так как прошлые выходные я 2 дня "квасил"... ой, извините rolleyes - гулял на свадьбе. Подкопил немного новых фоток и буду сюда их выкладывать по одной на каждый день.

Предупреждаю! Так как сегодняшние уроки записаны с... э-э-э... бодуна smirk - возможно голос немного вялый. Я вообще туплю сегодня целый день. Потому и подзадержал немного с выпуском первого дня. Качайте...

Ах... да, ёпрст - на фотке я и моя жена (говорю же - туплю немного).

Уроки на сегодня

Все вопросы задаём в комментах, а не по почте!!! hands

Комментариев: 35 RSS

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

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

Комментариев: 35
  •  Шалунья | 18 августа 2015 в 00:20:32

    А вот и уроки))

    Классная фотка)))

    •  Серёга | 18 августа 2015 в 00:40:29

      Сорри за задержку. Я этот архив 3 раза закачивал. Что то сервис тупил. Так бы на часа 4 раньше выложил.

  •  Вадим | 18 августа 2015 в 03:52:05

    Отличные уроки! Домашку выполнил, хвастаюсь: https://best-academy.ru/site/ smile)

  •  Виктор | 18 августа 2015 в 14:17:47

    Спасибо, несмотря на будун - ты весьма неплох))).

    Сергей, вопрос в некоторое расширение познаний: Не подскажешь, как сделать чтобы вместо arrow right & left на секциях со слайдером - их не было и курсор менялся на стрелочку? Как пример - здесь: https://www.manyrivers.fr

    •  Виктор | 18 августа 2015 в 15:41:14

      Сорри за оффтоп, разобрался...

    •  Серёга | 18 августа 2015 в 22:36:57

      Так старался же smile Ну а раз с вопросом разобрался - то отвечать и не надо мне.

  •  Михаил | 18 августа 2015 в 19:19:24

    Спасибо за уроки! В первом дне разобрался! Уроки понравились! Сайт здесь misha.pzi.ru

  •  Иван Афанасьевич | 18 августа 2015 в 19:41:27

    Как открываются уроки?

    •  Иван Афанасьевич | 18 августа 2015 в 19:49:28

      Открыл, правда не сразу почему-то. Начну изучать.

  •  Елизавета | 18 августа 2015 в 21:24:14

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

    Рада новой встрече после долгого перерыва.

    Немного туплю с редактором Brackets - сегодня работала с ним впервые и многих фишек не знаю.

    Может, подскажешь прилисное описание этого редактора?

    С уроками и домашкой проблем не возникло - все понятно.

    •  Серёга | 18 августа 2015 в 22:38:10

      Привет Елизавета. Да, тебя точно давненько уже небыло.

      Я не описание - а целый видеокурс тебе дать могу ;)

      Вот тут: https://expert-css.com/page/brackets-code-editor

  •  Иван Афанасьевич | 19 августа 2015 в 00:55:40

    Привет, Серёга!

    Я не понял, что это за редактор и как он называется и только сейчас из комментариев и статьи на сайте узнал, где и зачем ты его "откопал". Поэтому, мучился над первым уроком с двумя редакторами: Notepad и Dreamweaver, которых толком не изучил. А ещё у меня есть Filezilla, Fotoshop, KompoZer. Вобщем, "всякой твари по паре", а как ими пользоваться, так и не научился.

    Так вот, по сути дела: я всё выполнил, а где и как посмотреть, что получилось и где это оно перелистывается, я не понял. Когда делаешь сайт на хостинге, то там как-то ясно, а здесь для меня тёмный лес. Возможно, из-за того, что я не силён в технике: HTML, CSS, и т.д. Придётся собирать деньги на курс по созданию сайтов и прочих делов.

    У меня уже есть "Все технические моменты" Е.Попова, но, как я понял, на их изучение у меня уйдёт вся оставшаяся жизнь. А хотелось бы ещё и заработать в Интернете. Так что, вся надежда, Серёга, на тебя.

    Успехов тебе и счастья в жизни!

    •  Серёга | 19 августа 2015 в 08:40:04

      Если пользуешься своим редактором - тогда просто открой файл index.html в браузере. И там всё будет работать. Если Brackets - там есть функция живого просмотра. В видеокурсе по этому редактору я его капитально рассматриваю: https://expert-css.com/page/brackets-code-editor

      •  Инсаф | 19 августа 2015 в 21:05:30

        мне уроки не приходят, на почту не приходит, в спаме нет. эти уроки уже записаны?

        можете отправить на почту ?

    •  Habilis | 23 августа 2015 в 19:26:57

      Здравствуйте Иван Афанасьевич. Я тоже как и вы верстал сайты в Нотепаде, Дримвивере, PSPad. Но оказывается это уже вчерашний день. У Сергея есть прекрасные уроки по Брекетсу так что вы освоите этот редактор без трудаgrin Что качается курсов Евгения Попова. То я их купил несколько штук. Самое главное, что они дают - это преодоление страха. Я можете мне поверить 2 дня учился преобразовывать текстовый файл в файл html и когда у меня это получилось. От радости чуть до потолка не прыгал. Самое главное в html это теги - строительные кирпичики вашей страницы. Освоите их считайте полдела уже сделаноgrin Ну а как позиционировать их за это уже отвечает CSS. У Сергея, кажется, есть уроки на данную тему, так что осваиваетеgrin

  •  GerkHard | 19 августа 2015 в 22:27:27

    Привет, Серега! Очень ждал начала курса, а потом в первом видео увидел, что я в пролете… никогда Брекетсом не пользовался. Вот пошел сперва твой замечательный видеокурс прошел, теперь только сейчас сделал первый урок и домашку. В целом все получилось, как и у тебя, но пару мелких вопросов все же имеется…

    1. Как ты просчитал необходимые размеры для всех иконок, которые предложил нам в заготовке и, вообще, зачем для apple подключать так много иконок? Эти строки универсальны? Их можно и на других сайтах прописывать?

    2. Сброс стилей, нормализация… Эти строки универсальны? Их можно и на других сайтах прописывать?

    3. Во втором уроке ты сказал, что нашел два хороших скрипта для скролл-сайтов, поделись ссылкой на второй, пожалуйста!

    4. Какой ты темой пользуешься на брекетсе оформления и шрифтом? У меня топорно выглядит все, очень понравилась читабельность твоего шрифта!

    5. При сохранении файла js со вставленной строчкой - $('#fullpage').fullpage(); у меня выскочила следующая ошибка - '$' was used before it was defined. (урок 3). А у тебя не было такого – это я накосячил где-то?

    •  Серёга | 19 августа 2015 в 22:34:55

      1. Я не просчитывал. Эти размеры универсальны. И строки тоже smile

      2. Да. Но этот скрипт обновляется постоянно - поищи normalize.css в интернете. Попадёшь на сайт автора.

      3. https://www.thepetedesign.com/demos/onepage_scroll_demo.html

      4. Тема LION, шрифт Roboto Mono Light

      5. Да. Этот строчка должна идти в файле js.js, а он должен подключаться самым последним. Перед закрывающим body

      •  GerkHard | 19 августа 2015 в 23:19:50

        Спасибо за оперативный ответ! Не понял только насчет 5-го пункта... Да - это значит я накосячил, или значит - что это нормально просто предупреждение...

  •  Елена | 19 августа 2015 в 22:32:26

    У меня все получилось, кроме стрелок слайдера, вместо стрелок черные точки

    https://v5.expert-css.com/ezharova/siteo ... screen.png

    Не могу понять в чем дело???

    •  Елена | 19 августа 2015 в 22:37:23

      https://v5.expert-css.com/ezharova/siteonepage/screen.png

      •  Серёга | 21 августа 2015 в 09:31:53

        Елена, я тебе ещё на форуме отписал. Вышли мне письмо с архивом сайта. Я так понять не могу. Надо погонять.

  •  Habilis | 23 августа 2015 в 19:16:22

    Здравствуйте Сергей. Хочу сердечно и от всей души поблагодарить вас за замечательные уроки. Так как вёрстка сайта базируется на редакторе Brackets бросился изучать его по вашим же урокам. А там всё просто замечательно расписано. До этого я пользовался Дримвивером, Нотепадом, PSPad, поэтому Бракетс оказался для меня в новинку. Но с вашими уроками этот орешек раскусывается довольно легко. В какой программе записывали урокиgrin Поделитесьgrin

  •  Регина | 2 сентября 2015 в 07:17:26

    Серега, у меня проблема с Brackets! Понимаю, что это немного не по теме... Не могу скачать, так как на сайте написано, что не поддерживает Windows XP!!! Что делать? Я смогу проходить этот тренинг в ST3?

  •  Иван Афанасьевич | 6 сентября 2015 в 22:39:01

    Привет, Серёга!

    Скачал день 1. А дальше что, больше не будет продолжения?

    С уважением Иван Афанасьевич!

    •  Серёга | 24 октября 2015 в 13:39:06

      Тренинг уже полностью записан и высылается всем клиентам

  •  Виктор | 24 октября 2015 в 10:46:58

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

    •  Серёга | 24 октября 2015 в 13:38:07

      Об этом будет урок в конце курса. 10 или 11 день, точно не помню.

      •  Виктор | 24 октября 2015 в 13:46:59

        В 10-м нема такого:(... 11-й не получал...(нельзя обойтись без проволочек про лайки и фотки?)

  •  Евгений | 31 января 2016 в 10:19:18

    Привет. Серега.

    Есть вопросы по первому уроку.

    Почему-то страницы не начали листаться, пока я не написал в js.js полный код:

    $(document).ready(function() {

    $('#fullpage').fullpage();

    });

    а не только его серединку, как ты говоришь на видео в уроке 3. "Первые страницы"

    С чем это может быть связано?

  •  Наталия | 27 февраля 2016 в 00:51:15

    Здравствуйте!

    Не могу найти причину, почему скрипт не работает

    копирую 1 строчку как и на видео, но на странице индекс.хтмл ничего не меняется.

    все страницы как были одна за другой так и остались, слитно столбиком.