Сверстай Меня - День 2. Каркас сайта

Я с Леной на руках

Приветствую Вас, Дорогие Друзья! hello

И так, я рад сообщить Вам, что у нас наступил второй день этого замечательного тренинга.

Огромное спасибо за то, что оставляете свои комментарии и не стесняетесь задавать вопросы. Я Вам крайне признателен за это!

Кстати, решил постепенно выкладывать свои фотки, что бы мы познакомились еще ближе. На фотографии слева Вы можете наблюдать меня и мою ненаглядную красавицу жену. Зовут Елена, я называю ее Лена, а моя племянница зовет тетю Ленк grin Я ее очень люблю.

В следующих днях постараюсь выложить фотографии детишек smile А сегодня…

Сегодня уроков будет чуточку больше. Но все они очень короткие - 2-3 минуты.

Отпишитесь пожалуйста в комментариях - как Вам идея мини-уроков??

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

  1. Заводим главные блоки в стилях
  2. Границы для главных блоков
  3. Высота и отступы для главных блоков
  4. Задаем обтекание
  5. Очистка обтекания
  6. Ширина сайта
  7. Делаем сайт по центру и убираем отступы

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

Жду ваших оценок и вопросов!

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

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

Нарисуй Меня

Пройти тест-драйв!

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

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

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

Комментариев: 47
  •  Виталий | 21 мая 2013 в 23:43:43

    Очень понравились новые уроки, жду с нетерпением завтра чтоб увидеть новые уроки!!!

  •  Samad | 22 мая 2013 в 00:17:16

    привет Серега! уроки понравились все четко понятно...ждем завтрашнего дня )

  •  Татьяна | 22 мая 2013 в 14:30:49

    Идея мини-уроков - гениально!

  •  Ольга | 22 мая 2013 в 14:34:04

    Понравилось, что все видео подписаны - всё четко где и какой урок.Не надо ломать голову и искать, вспоминать.)

    Молодец).

  •  Серёга | 22 мая 2013 в 19:39:15

    Спасибо друзья!

  •  Александр | 23 мая 2013 в 00:15:30

    Спасибо тебе за уроки

    Всегда мечтал о своем сайте

    Мечты сбываются!
  •  Ванек | 23 мая 2013 в 15:29:00

    Идея мини-уроков замечательная.

  •  Ольга | 25 мая 2013 в 04:16:42

    Здорово! Оказывается не только мне пришла идея с мини-уроками. Сейчас я записываю курс по работе в админ-панели вордпресс и тоже делаю их мини-уроками.Идеи витают в воздухе! А за курс большое спасибо. Давно хотела не только на WP сайты создавать, но и верстать их самостоятельно, а также рисовать дизайн в фотошопе. Нравится, что именно сайт сразу создаем, а не теорию проходим. Делаю все на одном дыхании. Уроки скачала только сегодня в 2 часа ночи, решила установить программу и пройти пару уроков, но оторваться не смогла, и сделала все за 1 и 2-ой день. Конечно, помогает то, что у меня есть начальные знания по html и css. Изучала для WP. Спасибо, Сергей за уроки. Пойду все-таки спать. Третий день сделаю завтра, вернее сегодня, но попозже.

  •  Серёга | 26 мая 2013 в 16:21:45

    Пожалуйста Ольга.

    Хорошо изучишь верстку - сможешь сама шаблоны делать для вордпресса.

  •  Аркадий | 26 июня 2013 в 20:14:12

    Привет, Кольт. Спасибо! Никак ни один из браузеров не хочет "видеть" новый файлик HTML. Странно, и не могу понять почему. Ну да разберёмся, не первый раз.

  •  Серёга | 26 июня 2013 в 22:17:57

    Ну да, ты должен smile

  •  Нина | 19 июля 2013 в 12:31:25

    Здравствуйте, Сергей!У меня все получилось.Спасибо за уроки. Очень удобно, что они небольшие.

  •  Серёга | 19 июля 2013 в 12:36:45

    Пожалуйста Нина. Очень приятно получать такие отзывы от учеников smile

  •  Риф | 19 июля 2013 в 13:02:31

    Здравствуйте! Все нормально.Уроки нравятся.

  •  Серёга | 19 июля 2013 в 13:19:47

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

  •  Виктор | 28 июля 2013 в 17:46:24

    Серёга, ты "Молоток" подача материала на душу ложится:не нудно,не скучно,кратко,интересно,полезно!!!Спасибо! С уважением,Виктор,пенсионер.

  •  Серёга | 28 июля 2013 в 18:03:31

    Спасибо Виктор. Рад, что тебе понравилось smile

  •  Юрий | 28 июля 2013 в 23:28:36

    Серега, вот у меня такой вопрос! А для чего ты делаешь отдельный блок clear? Ведь можно обойтись без этого блока! both отменяет обтекание элемента одновременно с правого и левого края, так почему не определить данное значение в блоке футера.

  •  Серёга | 29 июля 2013 в 07:28:08

    1. Потому что он обычно нужно обтекание не только футера. Блок универсальный и его можно везде использовать на сайте.

    2. Делать подвал так - не правильно, потому что тогда блок, в котором находятся контент и сайдбар - начинает обтекаться ими. Т.е. - фактически он не работает так как надо.

    3. Более наглядно в коде smile

  •  Юрий | 29 июля 2013 в 23:59:55

    Серега, все равно не понял!

    Делать подвал так - не правильно, потому что тогда блок, в котором находятся контент и сайдбар - начинает обтекаться ими.

    Чем ими? Если можно поясни пожалуйста!

  •  Серёга | 30 июля 2013 в 14:13:57

    Контентом и сайдбаром. Они ведь тоже в отдельный блок включены.

  •  Юрий | 1 августа 2013 в 18:35:30

    Теперь понятно!

  •  Валерий | 3 августа 2013 в 11:55:32

    То что надо. У других пока ихой воды напьёшься, забудешь о чём речь. Спасибо, спасибо.

  •  Серёга | 3 августа 2013 в 17:05:03

    Пожалуйста Валерий smile

  •  Василий | 24 августа 2013 в 01:24:17

    https://s3.hostingkartinok.com/uploads/images/2013/08/7dd7112dc489b501af48a927c81cb85f.png

    У меня все выходит так, почему? Все точно так же весь код как у вас, но вышло так уже на 8 уроке.

  •  Юрий Щ | 24 августа 2013 в 19:18:09

    Я динозавр (58 лет) и в меня туго все "влезает" или, как говорится на этих уроках - "плохо втекает, но не задерживается и легко вытекает". На этих замечательных уроках даже в меня все "втекло" и "вставило по взрослому"! Такой подход к обучению "в день по чайной ложке" мне подходит. Успеваешь все переосмыслить и что самое главно ты Сергей объсняешь все легко, понятно и доходчиво. Если в итоге у нас получится то, что нарисовано на скриншоте, то нет слов ... Спасибо Серега!

  •  Серёга | 26 августа 2013 в 15:08:53

    Пожалуйста.

    Василий - надо смотреть код. Начни с самого легкого. Возможно ты где то забыл поставить закрывающий тег или еще что-нибудь.

  •  юрий | 27 августа 2013 в 16:18:19

    Пока только просматриваю Ваши уроки. Что получится не знаю, но пробовать буду по ходу свободного времени. Хотелось - бы удивить и сделать приятное хотя-бы пусть только самому себе, доказать для себя невозможное возможным. Будет проблематично, но попытаюсь.

  •  Серёга | 27 августа 2013 в 16:23:04

    Боюсь с таким подходом к делу вы ничего не добьетесь.

  •  dron | 8 сентября 2013 в 13:17:21

    Сергей, туплю при выполнении 8 мини урока (Высота и отступы для главных блоков). просидел два часа, так и не понял где у меня ошибка. Пожалуйста посмотрите, что не так.

    https://s1.ipicture.ru/uploads/20130908/R1A62pWl.jpg

    https://s2.ipicture.ru/uploads/20130908/j2w3fTEO.jpg

  •  dron | 8 сентября 2013 в 14:30:23

    Ура нашел ошибку при вставке в 5 уроке. теперь всё ОК

  •  Аноним | 9 сентября 2013 в 22:20:55

    Уроки классные. И то, что их можно скачать и смотреть еще 1 +. Я вот следуя урокам буду делать свой сайтик. Пока сделаю на html, потом на движке. А можно уроки продолжить верстая этот же макет адаптивным? smile

  •  Salim | 9 сентября 2013 в 22:22:45

    Почему -то без имени. Ну я дополнил.

  •  Николай | 26 сентября 2013 в 14:16:30

    Доброго дня.У меня смарт на андроиде.Как скачать уроки?С ув.Николай.

  •  Александр | 4 октября 2013 в 20:16:53

    Серега, спасибо!!!

  •  Сергей | 5 октября 2013 в 08:05:42

    Теска спасибо за замечательные уроки. У меня уже есть сайт на движке MaxSite CMS вот решил заняться его дизайном, не знаю с чего начать. Начал с просмотра тренинга.

  •  Серёга | 5 октября 2013 в 11:11:29

    Спасибо на добром сове smile

    Дизайн для сайта нужно делать исходя из того, чего ты от него хочешь ;)

  •  Ольга | 5 ноября 2013 в 18:12:12

    Сергей, вот читаю, а ни кто не заметил, что ли? Жена у тебя красавица, вы так здорово смотритесь вместе! И такие позитивные))))

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

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

  •  Аркадий | 6 ноября 2013 в 16:43:25

    Спасибо, Кольт!

  •  Ирина | 13 ноября 2013 в 23:27:43

    Серёга, мне нравится у Вас все! Организация уроков, подача материала (Вы талант), фотографии. На мой взгляд все ноу-хау!

    Я думаю, Вам не составит труда помочь мне с запуском расчудесной программы. Может она не запускается из-за Денвера? Он у меня установлен на компе. Я к первому уроку написала какая системная ошибка выдается.

  •  Елена | 14 ноября 2013 в 08:24:56

    Ирина, Денвер тут ни при чем. Тут дело в чем-то другом.

    Просто пока пользуйтесь другим редактором.

  •  Ирина | 14 ноября 2013 в 16:15:32

    Елена, мне не хотелось бы пока... я понимаю, что это отличный редактор и хочу разобраться и дойти до истины. Помогите пожалу

  •  Серёга | 14 ноября 2013 в 19:44:14

    Ирина, она у вас не запускается потому что не хватает файла .dll - не помню названия, но разрешение такое. Это драйвера.

    Вбейте в поиск "python26.dll на ваша ОС" и там, думаю будет ответ какие драйвера надо поставить.

  •  V[Ne]ZakoNa | 14 ноября 2013 в 23:57:22

    Скачал, Серегв большое спасибо)))

  •  Иван | 26 ноября 2013 в 20:50:31

    Привет, Сергей! Скачал я архив, но есть проблема, вполне решаемая. Урок "8. Высота и отступы для главных блоков" и "d2-screen" не открываются. Размер обеих файлов: 0 байт. Можно ли скинуть мне эти два файла на почту. Благодарю.

  •  Evgeny | 4 февраля 2014 в 11:02:12

    Спасибо, Сергей!