Анкета хороший ли вы родитель – Материал (младшая, средняя, старшая, подготовительная группа): Анкета для родителей

Содержание

Материал (младшая, средняя, старшая, подготовительная группа): Анкета для родителей

  1. ФИО (ребенка)
  1. Дата рождения (ребенка)
  1. Как вы считаете, высока ли двигательная активность вашего ребенка?

Да

Нет

Затрудняюсь ответить

  1. Назовите расстояние от вашего дома до дошкольного учреждения.

До 500 м.

От 500 до 1000 м.

От 1 до 2 км.

От 2 до 4 км.

Более 4 км.

  1. Как добирается ваш ребенок в дошкольное учреждение?

Пешком

На транспорте

  1. Посещает ли ваш ребенок, кроме занятий в дошкольном учреждении, спортивные секции?

Да

Нет

(Если да, то напишите спорт.направление)

  1. Назовите любимые виды деятельности вашего ребенка в свободное время (выберите три вида)

Игры с игрушками

Конструирование

Просмотр/чтение книжек

Рисование

Игры на воздухе

Танцы

Музыка

Прогулки

Другие виды деятельности.

  1. Укажите летний детский транспорт, который предпочитает ваш ребенок?

Велосипед

Беговел

Самокат

Ролики

Другое

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

Быстрота – да/нет

Ловкость – да/нет

Гибкость – да/нет

Сила – да/нет

Выносливость – да/нет

  1. Имеет ли ребенок возможность вблизи от места жительства посещать занятия по физической культуре и спорту?

Секцию по спорту – да/нет

Секцию общей физической подготовки – да/нет

Занятия лечебной физкультурой - да/нет

  1. Обращаете ли вы внимание на физическое воспитание вашего ребенка?

Систематически.

В выходные дни

Во время отпуска

Вообще нет

Затрудняюсь ответить

  1. Что мешает вам активно заниматься физическим развитием своего ребенка?

Состояние здоровья

Недостаток времени

Продолжительный рабочий день

Недостаток воли

Недостаток знаний и умений

Усталость на работе

Домашние дела

Другие факторы

  1. Укажите, как проявляется двигательная активность вашего ребенка.

Утренняя гимнастика – систематически/случайно/не занимается

Прогулки – систематически/случайно/не занимается

Игры на воздухе – систематически/случайно/не занимается.

Туристические походы

Купание и плавание (в сезон)

Летний детский транспорт (в сезон)

Лыжи, санки (в сезон)

Катание на коньках (в сезон)

Лечебная физкультура

Другие виды спорта

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

Охотно и с удовольствием.

Просто охотно.

Не охотно.

Не выполняет.

  1. Кто по вашему мнению, в большей степени влияет на формирование двигательной активности ребенка?

Отец

Мать

Оба родителя

Воспитатели

Братья и сестры

Кто-то другой (кто)

Никто

nsportal.ru

Материал: Родительское собрание "Чтобы ребёнок учился"

Родительское собрание

«Чтобы ребенок учился».

Сценарий.

Тема. Чтобы ребенок учился.

Цель.
Интеграция усилий родителей и педагогов по формированию успешной учебной деятельности учащихся.

Задачи.
1. Расширить объем знаний родителей о формах и методах решения возникших проблем с детьми.

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

Эпиграфы.


1. «Сила мягкого спокойного слова так велика, что с нею не может сравниться никакое наказание». Лесгафт.

2.«Воспитание – это наука, которая обучает наших детей обходиться без нас». Легуве.

3. «Величайшая ошибка, которую только можно сделать в деле воспитания, - это чересчур торопиться». Ж. Руссо.

Подготовка – создание «Дерева проблем»:
1 этап подготовки.
1. Каждый учащийся готовит два листочка (в форме листа дерева) – зеленого и желтого цвета.
2.   На классном часе проводится погружение учащихся в проблему: «Снижение познавательного интереса к учению, увеличение количества неудовлетворительных оценок».
Задание учащимся:
I «Оценка – это цена вашего труда. Почему же она становится все ниже и ниже? В чем причина возрастающего количества неудовлетворительных оценок? Подумайте, оцените, напишите».
- Перед вами на листе бумаги нарисовано дерево. Оно пока без листьев. Это «Дерево проблем». У каждого листочки двух цветов.

На листочке зеленого цвета выразите одним-двумя словами причину получения вами неудовлетворительных оценок либо причину нежелания учиться. (К заданию приступают лишь те учащиеся, которые считают, что данная проблема для них характерна).
Учащиеся приступают к заданию. Затем они подходят к дереву и наклеивают листья.
В качестве основных причин учащиеся обычно выделяют такие:
- лень,
- влияние друзей, телевизор,
- не нравится предмет,
- не получается,
- не хватает времени,
- не понимаю предмет.
Задание учащимся:
II. «В чем причина лени, недостачи времени, непонимания предметов? Почему друзья являются тоже причиной снижения успеваемости?» Учащиеся уже работают с листочками другого (желтого) цвета. Затем они наклеивают их на «дерево проблем».
Появились такие высказывания:
- невнимательность,
- нет помощи,
- часто отвлекают друзья,
- много времени смотрю телевизор,
- долго гуляю на улице,
- не обращаюсь за помощью.
Все перечисленные высказывания взаимосвязаны. Учащиеся чувствуют проблему, но не видят в достаточной мере ее корней.
2 этап подготовки.
Анкетирование учащихся.
Анкета №1. Ребенок – родитель.
Цель – изучить взаимоотношения «ребенок-родитель».
Допустимые ответы: да, нет, иногда, отчасти.

1.   Считаете ли вы, что в вашей семье есть взаимопонимание с родителями?
2.   Говорят ли с вами ваши родители по душам, советуются ли с вами по своим личным делам?
3.   Интересуются ли родители вашей учебой, проблемами по отдельным предметам, проблемами с учителями и одноклассниками?
4.   Знают ли родители ваших друзей?
5.   Участвуете ли вы в хозяйственных делах вместе с родителями?
6.   Проверяют ли постоянно ваши родители, как вы готовите уроки?
7.   Есть ли у вас и ваших родителей общие занятия, увлечения?
8.   Участвуете ли вы в подготовке семейных праздников?
9.   Хотите ли вы всегда проводить свои праздники без взрослых?
10.   Обсуждаете ли вы с родителями прочитанные книги, газеты?
11.   А телевизионные передачи, фильмы?
12.   Бываете ли вы вместе с родителями на прогулках, в походах?
13.   Нравится ли вам проводить вместе с родителями отпуск?
Результаты анкетирования используются при подготовке собрания. 

Анкета №2. Изучение мотивации и отношения к учебным предметам.

Цель – выявить причины снижения успеваемости учащихся.

1. Утром я просыпаюсь с мыслью:

А) «Ура! Сегодня будет история (математика, литература…)»
Б) «Сегодня можно не присутствовать на истории (математике, литературе…)»
В) «Я болею и не пойду в школу, а это значит, что я не получу плохую отметку по истории (математике, литературе…)»
2. Я прихожу в школу, чтобы…
А) узнать что-то новое;
Б) заниматься такими интересными предметами, как ______
В) встретиться с такими хорошими учителями, как _______
Г) пообщаться с друзьями;
Д) весело провести время;
Е) не огорчать родителей.
3. Домашнее задание я делаю так:
А) совершенно самостоятельно;
Б) обращаюсь за помощью ко взрослым;
В) под контролем родителей;
Г) от случая к случаю;
Д) не делаю никогда.
4. Для того, чтобы хорошо учиться, нужно:
А) иметь интерес к предмету;
Б) иметь способность к предмету;
В) хорошо работать на уроке;
Г) иметь хорошие отношения с педагогом;
Д) уметь списывать.
5. Когда я получаю плохую отметку, то…
А) стараюсь тут же её исправить;
Б) стараюсь исправить на следующем уроке;
В) стараюсь исправить в ближайшее время;

Г) ничего не пытаюсь исправить.
6. Какова причина получения неудовлетворительных оценок?
А) лень;
Б) отвлекают друзья, телевизор;
В) не хватает времени;
Г) не понимаю предмет.
7. В чём причины нехватки времени?
А) долго гуляю;
Б) занимаюсь в спортивной секции, кружке;
В) не умею планировать время;
Г) долго смотрю телевизор;
Д) медленно делаю уроки. 

Ход собрания.

I. Вступительное слово классного руководителя.

- Каждому из нас знакомо выражение: «Ученье – свет». А мне бы ещё хотелось добавить, что учение – благо, оно делает человека мудрее, добрее, богаче и духовно, и материально (что немаловажно в наше время). Однако я соглашусь с В.А. Сухомлинским, утверждавшим, что «из-за того, что учение в нашем обществе стало не только общедоступным, но и обязательным, в глазах многих молодых людей оно перестало быть благом». Более того, для многих ребят оно не только обременительно, но является наказанием, а выполнение домашнего задания – мучением.
- Как сделать так, чтобы учение стало желанным и привлекательным, как помочь ребёнку в учёбе?

Правила для родителей.

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

2. Сколько бы ни было ребёнку лет, он нуждается в родительской помощи. Но как работающие, всегда занятые родители могут помочь? Самая незамысловатая отговорка о собственном незнании материала не повод устраняться от помощи своему ребёнку, особенно, если это старшеклассник. Совсем не обязательно владеть теорией материала, который изучает ваш ребёнок, вы не должны решать за него задачи и делать упражнения. Главное, что вы можете сделать для него – поддержать морально, создать необходимые условия. Одним словом, не самоустраняйтесь в процессе воспитания и обучения своего ребенка.
3. Выполнение школьниками домашних заданий — обязательная часть учебы. Безусловный долг родителей состоит в том, чтобы наладить процесс приготовления домашних заданий. Ребёнок должен испытывать чувство ответственности за то, что он делает, потому что оно является залогом успеха в учебе и жизни.
4. Если ваш ребёнок не справляется со школьной программой и не делает домашнее задание, не вешайте сразу на него ярлык «лодырь» и не восклицайте в панике: «Я не знаю, что мне с ним делать». Для начала попытайтесь разобраться в причинах, которые привели к такой ситуации. Среди них могут быть следующие:
1. Пробелы в ранее усвоенных знаниях. Это серьёзное препятствие на пути овладения новым материалом. Посоветуйте ребёнку обратиться к ранее изученному.
2. Желание привлечь к себе внимание взрослых. В семьях, где родители в бытовой спешке недодают детям элементарного человеческого тепла, это единственный способ привлечь к себе внимание.
3. Избалованность. Чрезмерная опека может привести к диктату со стороны ребёнка.
4. Страх неудачи, который мешает ребёнку сосредоточиться. Подобная ситуация складывается, если родители или учитель наказывают ребёнка за неуспехи. Может случится и так, что ребёнок будет связывать наказание с обучением, в результате чего его общеобразовательные знания будут недостаточными.
5. Отсутствие интереса к учёбе. Помните: интерес нельзя привить насильно. Попытайтесь понять, что именно стало причиной его потери и как давно это произошло.
6. Конфликты с педагогами. Не принижайте авторитет педагога в глазах ребёнка, будьте осторожны при осуждении его действий. Ещё сильнее «осудив» педагога в присутствии ребёнка, вы рискуете тем, что у него ваш сын или дочь уже совсем ничему не научится. Более того, ребёнок может привыкнуть списывать свои собственные неудачи на учителей и в дальнейшем.
7. Конфликты с товарищами по учёбе. Ребёнок захвачен конфликтом, и он отнимает большую часть его ресурсов, которые могли бы быть потрачены на обучение. Чем дольше это продолжается, тем больше школьник изматывается. Для начала попытайтесь поговорить с ребёнком. В качестве профилактики обучите его приёмам бесконфликтного общения.
8. Конфликты с родителями. Перед тем, как обвинять ребёнка, присмотритесь к себе. Помните простую истину: поведение детей – это зеркало нашего к ним отношения.
9. Неумение организовать свою домашнюю работу. Попробуйте помочь ребёнку распределять время и силы. Составьте расписание, которое равномерно распределяло бы время между учебой, играми и внеклассными занятиями. Ставьте перед ребенком небольшие цели, такие, например, как выполнение домашнего задания за определенное время, и придумайте награду за достижение этой цели. Если ребенок следует расписанию и с успехом выполняет все маленькие задания, это поможет развить в нем чувство дисциплины при достижении любой цели в будущем.
10. Отвлекающие факторы. Компьютер, телевизор и прочие развлечения должны знать своё место. Не позволяйте их электронным душам слишком долго находиться в центре внимания ребёнка, если он только не использует их для обучения.
11. Отсутствие мотивации к учебной деятельности. Мотивация — это своего рода двигатель, приводящий в движение деятельность. Почти любые действия начинаются и продолжаются благодаря мотивации.
12. Недостаточное умение учиться. Основной симптом этой проблемы проявляется тогда, когда выполнение домашнего задания становится источником постоянных конфликтов в семье. Для начала спросите ребёнка о том, зачем он учится и попытайтесь объяснить, для кого он это делает.
13. Личные проблемы. «Какие там такие проблемы могут быть в его-то возрасте. Одни фантазии!». Если вы можете согласиться с этим высказыванием, то, скорее всего, вашему ребёнку сильно не повезло – ему трудно будет поделиться с вами проблемой, ведь она для вас просто пустяк, а для него беда.
14. Ребёнок часто болеет. Постарайтесь укрепить его иммунитет и не давайте тратить драгоценное время впустую.
- А какие причины этой проблемы назвали наши дети? (Анализ анкет учащихся «Изучение мотивации и отношения к учебным предметам»).

II. Родительский тренинг.


«Не думайте, что вы воспитываете ребёнка только тогда, когда с ним разговариваете или поучаете его. Вы воспитываете его в каждый момент вашей жизни, даже тогда, когда вас нет рядом».

А.С.Макаренко

- Проблемы обозначены. Попробуем наметить пути их решения.
- Уважаемые, родители. Разрешите познакомить Вас с результатами анкеты «Ребенок-родитель».
- Можно поинтересоваться, все ли из присутствующих ожидали подобных результатов. Скорее всего, среди вас будут такие родители, которые неожиданно для себя выясняли, что пришло время пересмотреть свои отношения с детьми.
Вывод.

1. Именно активное присутствие родителей в жизни детей даёт последним чувство безопасности и уверенности в себе. Такие дети общительны, находчивы, способные разобраться в различных общественных ситуациях.
2. Если родители чрезмерно требовательны, не дают ребёнку самостоятельности, то дети теряют веру в себя, у них появляется неуверенность, что приводит и к трудностям в отношениях с окружающими, и к трудностям в учёбе.
3. Когда родители вовсе не интересуются жизнью своего ребёнка, вольно или невольно уклоняются от общения с ним, тогда ребёнок может попасть под влияние первых попавшихся «авторитетов», что приведёт к конфликтам в школе, к непониманию дома, к снижению успеваемости и исчезновению интереса к учёбе.
4. Школа, безусловно, несёт ответственность за воспитание детей, но главной воспитывающей средой является семья: именно от отношения родителей и детей зависит поведение ребёнка и, конечно же, желание учиться. Выяснив причины проблемы, нужно искать пути решения.

№1.Задачи для родителей. 
Решение педагогических ситуаций.
Ситуация первая: ребенок в отчаянии от того, что не может решить задачу. При этом на Ваши вопросы об ее содержании отвечает с трудом или не отвечает вовсе. Как в этой ситуации должен действовать родитель, который, возможно, и сам не силен в математике? (Обсуждение).

Ситуация вторая: накануне ребенок долго и упорно учил историю, но строгий учитель потребовал не только воспроизведения содержания параграфа, но и задал ряд вопросов по нему. В итоге -  «тройка». Ребенок заявляет, что больше предмет он учить не будет, потому что «бесполезно». Что делать? (Обсуждение).

Ситуация третья: пришли с работы и застали ребенка в слезах. Поговорив с ребенком, понимаете, что он не знает, как писать сочинение: с чего начинать, как выбрать главное. Но самая большая трудность в том, что ребенок абсолютно уверен, что у него это никогда не получится. Кроме того, его уже давно ждут друзья, чтобы поиграть во дворе в футбол, ведь он ключевая фигура - вратарь.  Как помочь ребенку? (Обсуждение).

Ситуация четвертая: завтра английский, много задания и класс готовится к опросу. Ребенок в панике от того, что не уверен в результате, что не по всем заданиям качественно готов к ответу. Понимая, что от его ответа зависит оценка товарища (диалог) и его собственная оценка, ребенок решает симулировать недомогание. Вы это понимаете, но что же делать? (Обсуждение).

Ситуация пятая: вы жестко выставили ребенку задачу – ни каких троек (четверок) в четверти, иначе не… (пойдешь на праздник, не поедешь с командой на соревнования и т. п.), но возникла проблема с одним их школьных предметов – там твердая тройка (четверка). Ребенок нервничает, плачет, пытается привлечь Вас к решению его проблемы или изменить ваше требование. Что делать? (Обсуждение).
- Чтобы вы не сделали, руководствуйтесь правилом «Не навреди», не навредите себе, не навредите своему ребенку.

№2. Интересные ситуации или школьные анекдоты.
- Учеба – это напряженный интеллектуальный труд. И результаты этого труда у ребят различны. Одни ученики схватывают все на лету, другие - нет. У одних сильно развита способность слушать, и они могут вполне хорошо воспринимать информацию на слух. У других же развито зрительное восприятие – материал при этом лучше усваивается при чтении. В этой ситуации у кого-то могут возникнуть трудности в учебе. Оказывается, более двух третей неуспевающих потенциально способны, но эти способности не получили развития по разным причинам.
- Наша задача сегодня состоит в том, чтобы вместе выявить типичные проблемы в учебной деятельности детей и отработать практические приемы оказания помощи детям в этой деятельности, но сначала надо научиться проблему видеть и понимать.

- Предлагаю вашему вниманию «интересные ситуации» или анекдоты на школьную тему.
Задание – прослушав ситуацию, определите проблему ребенка в учении.
1. Мама спрашивает сына:
- Какой предмет тебе больше всего понравился в школе?

- Наручные часы нашего классного руководителя!
(Ученик невнимателен на уроках, отвлекается на посторонние предметы и т.п.).

2.
1). Придя из школы, сын говорит матери:
- У меня сегодня удача.
- Да?
- Учитель хотел поставить меня в угол, но все четыре угла были уже заняты.

2). Мама спрашивает сына:
- Кем ты будешь, когда вырастешь?

- Знаменитым человеком!

- Почему ты так думаешь?

- Учительница сказала, что с таким поведением я непременно попаду в историю.
(Отсутствие дисциплины).

3.
- Когда собираешься делать уроки?

- После кино.

- После кино поздно!

- Учиться никогда не поздно!
(Ребенок сообразителен, но не организован и т. п.).
4.
1). Учитель говорит школьнику:
- Завтра пусть придет в школу твой дедушка!
- Вы хотите сказать - отец?
- Нет, дедушка. Я хочу показать ему, какие грубые ошибки делает его сын в твоих домашних заданиях.

2). - Коля, ну почему ты снова не выполнил домашнее задание по математике?
- Людмила Григорьевна, ну я Вас прошу, не волнуйтесь...
Сегодня, вечером из командировки возвращается отец. Все будет хорошо.

3). - Просто невероятно, что один человек может сделать столько ошибок! - сказала учительница Марату.
- Почему один? Вдвоем с папой, - гордо отвечает Марат.
(Ребенок не приучен родителями самостоятельно выполнять домашние задания, перекладывает свои проблемы и обязанности на других и т.п.).
- Помните, что для того, чтобы помочь своему ребенку, Вам нужно не делать все уроки за него, а тщательно обсудить с ним все моменты, прежде, чем он самостоятельно зафиксирует все это на бумаге. Это явится своего рода повторением пройденного и поможет ребенку лучше усвоить новый материал.

5.
1). Учитель:
- А теперь я докажу вам теорему Пифагора.
Лентяй с задней парты:
- А стоит ли, Мария Ивановна? Мы верим вам на слово.
2). - Вася, последнее время ты стал намного лучше выполнять домашние задания. Наверное, тебе кто-то помогает? — спрашивает учитель.
- Вовсе нет. Просто уже две недели у нас не работает телевизор.
(Лень, отсутствие мотивации к учению и самодисциплины).
- Учебный мотив – желание учиться. Оно стойкое у тех,  кто имеет четкую цель. Как правило, цель возникает в старших классах, где мотивы проявляются осознанно. Старшеклассник знает, зачем надо учиться: получить специальность, хорошо зарабатывать.  Но в подростковом возрасте далекая мотивация практически не влияет на поведение человека. Результат, который наступит через несколько лет,  не привлекает ребенка. Короткая мотивация - близкий результат - вот то, что определяет его поведение. Вот почему подростков, которым не хватает мотивации, часто называют «неудачниками». У них нет целей, которые бы заставляли их хорошо учиться, поэтому они не используют весь свой интеллектуальный потенциал.

6.
Мальчик приходит из школы и заявляет:
- Все, в школу ни ногой больше!
- Почему?
- Читать я не умею, писать тоже, а разговаривать на уроке мне запрещают!
(Нежелание учиться).
- Почему приходится сталкиваться со случаями, когда ребенок не желает учиться? Он готов на любую хитрость, лишь бы не делать уроки. У таких  детей учебный материал  запущен до такой степени, что кратковременное усилие не может вывести их из возникшего тупика. Но к концу четверти они после дополнительных опросов  и заданий  получают удовлетворительные оценки.
- Как реагируют родители на складывающуюся ситуацию? (Беседа с родителями). Таких реакций, как правило, две. Первая - это  искреннее возмущение. Все условия ребенку созданы. А он не желает ничего делать.  Вторая – отчаяние, возникающее из понимания безвыходности положения. Сколько-нибудь последовательной линии поведения в этом состоянии у родителей, как правило, не бывает. Они или ругают, наказывают, или пытаются «договориться по-человечески». Иногда у родителей вдруг просыпается надежда на чудо:  кто-то же  знает такое слово, после которого ребенок поймет и на глазах переродится.
- Как быть? Попробуем обратиться к некоторым положениям психологии. Многообразие человеческой деятельности психологи сводят к трем основным видам:  игре, учебе, общению. Ведущим из них является тот, в ходе которого происходит в данный период основное развитие   психических функций и способностей. Для дошкольного возраста  ведущим видом   деятельности является игра, для ребят школьного возраста  - учеба, для подростков – общение. 
- Знайте, с кем и как ваш ребенок общается в гимназии и за ее стенами.
- Общайтесь с вашим ребенком ежедневно.
- А сейчас, я хочу вам рассказать одну поучительную притчу о разных способах общения и соответствующих каждому способу, результатах.
«Пророк и длинные ложки» (восточная притча).
«Один православный человек пришел к Илье-пророку. Он хотел знать что такое «ад», а что «рай». Илья на его вопрос не ответил. Он взял спрашивающего за руку и повел через темные переулки в какой-то дворец. Они вошли в большой зал. Там толпилось много разных людей: и бедных и богатых, и молодых и старых …. В центре зала стоял большой котел с бурлящим супом. По всему помещению распространялся приятный аромат. Вокруг горшка толпились люди с худыми щеками и запавшими глазами, каждый из которых пытался достать себе немного супа. Человек увидел, что ложки, которые имелись у каждого из этих людей, были такого же размера, как они сами. Только на самом конце ложки были из дерева, а в остальной части они были из железа, поэтому раскалялись от горячего супа. С жадностью голодные пытались зачерпнуть себе еды, но никому это не удавалось. С трудом они вытаскивали свои тяжелые ложки из супа, но.  Так как они были очень длинные, даже самому сильному не удавалось донести ложку до рта. С руганью они кидались друг на друга, и дрались теми самыми ложками, с помощью которых могли бы утолить свой голод. Илья-пророк взял своего спутника за руку и сказал: «Это ад». Они вышли из зала и вновь, пройдя длинные коридоры, оказались в другом зале. Здесь тоже было много народу. В середине зала тоже бурлил в котле суп. У каждого были такие же громадные ложки. Но здесь люди были упитанные, веселые и довольные. У котла стояло по два человека: один набирал ложкой суп, и кормил другого. Как только один утолял голод, подходил следующий. Илья-пророк сказал: «Это рай».

Комментарий: «Ад» – это работа  друг с другом, но друг против друга; каждый только за себя самого и против других. «Рай», напротив, предполагает готовность вступать в позитивные отношения с другими. Обе группы – люди в аду и люди в раю – имеют похожие проблемы. Но где они живут, в аду или в раю – зависит от того, как они эти проблемы пытаются решить. Рай и ад – в нас самих, мы имеем возможность, выбирать. Насколько велик этот шанс выбора, определяется большей частью нашим опытом, тем, как мы научились решать свои проблемы, и нашей готовностью использовать свой опыт. Давайте собственным примером постараемся научить своих детей правилам общения, которые позволяют им счастливо жить среди людей.
- Подводя итог этой части собрания мне хочется сформулировать рекомендации, в справедливости которых мы только что убедились:

  • Если мы хотим, чтобы у нашего ребенка было много друзей, и он не боялся общения со взрослыми – будем ему примером в общении.
  • Чтобы лучше понимать ребенка, будем чаще вспоминать себя в его возрасте.
  • Учите ребенка видеть хорошее в других людях, а не их только недостатки.
  • Тогда мир не покажется нашему ребенку враждебным, и он научится ему доверять.

III. Итоги родительского собрания. Составление программы по стимулированию познавательной деятельности ребят класса.

- Нет таблетки, которая вылечила бы все болезни разом. Так же с процессом воспитания. Но безвыходных ситуаций не бывает. Что делать, если заставить ребёнка учится крайне сложно?

1. Нужно найти такую мотивацию, чтобы ребенку захотелось выполнить предложенную работу, чтобы не только результат, но и сам процесс выполнения работы был для ребенка приятен.
2. Поощряйте своего ребенка за хорошо выполненное домашнее задание, хвалите его, радуйтесь его результатам, связанным с положительной отметкой.
3. Формируйте у ребенка культуру умственного труда, интересуйтесь, какую дополнительную литературу можно использовать для качественного выполнения домашних заданий. Приобретите ее.
4. Консультируйтесь с учителями-предметниками, если видите, что ваш ребенок испытывает затруднения с подготовкой домашних заданий.
5. Совершенствуйте знания о своем ребенке. Это залог успеха. Тот, кто лучше знает своего ребенка, скорее может прийти ему на помощь, если у него возникнут проблемы в учебе. Только сами родители, подробно проанализировав сложившуюся ситуацию, смогут понять, чем вызвано нежелание учиться.

- Нет единого правила для всех и на все случаи жизни. Каждый ребёнок уникален, уникальны и наши отношения с ним. Философ Руссо говорил: «Дети пусть делают то, что хотят, а хотеть они должны то, что хочет педагог». Если мы хотим, что бы у наших детей не возникали проблемы с успеваемостью, то не только учителя, но и родители постоянно должны совершенствовать знания о своем ребенке, чтобы понять, чем вызвано у ребенка нежелание учиться. Мы (и педагоги, и родители) – сотрудники в этой работе. Но семья значит гораздо больше, чем сто учителей.
- Попробуем выработать программу по стимулированию познавательной деятельности наших детей. Примите мои советы, которые помогут повысить свою успеваемость вашего ребенка.
1. Серьезно относитесь к выполнению ребенком домашних заданий. Если есть проблема, берите ее под контроль.
2. Составьте с ребенком план изучения предметов - домашнее задание следует начинать выполнять с трудного предмета.
3. Не забывайте устраивать между подготовкой задания по различным предметами короткие перерывы, особенно если задание большое и сложное.
4. Если возникла проблема, составьте вместе с ребенком план ее решения:
1 шаг – увидеть и обозначить свою проблему.
2 шаг – изучить проблему. Этап - «я знаю про свою проблему все».
3 шаг – стимулировать ребенка на решение возникшей проблемы.
4 шаг – составить план действий (вместе с родителями составляют письменный план своих действий: сходить к учителю, договориться о возможности ликвидации пробелов, составить распорядок дня, посоветоваться с психологом и т.д.).
5шаг – выполнение действий, направленных на решение проблемы (здесь важно деликатное родительское сопровождение ребенка в том, где он что-то не сможет сделать сам).
6 шаг – изучение результата (обсуждение с родителями соответствия того, что получили и того, что ожидали).
7 шаг – оценка того, что сделано (обязательно, учитывать не только мнение ребенка, но и мнение педагогов и родителей).
5. Не забывайте не только контролировать, но и помогать ребенку.
- И закончить собрание я хочу стихами по теме.
Ребёнок – не робот, привязанный к книжкам,
Гулять и играть должен юный мальчишка,
Девчонка не хочет всегда сидеть дома, –
Такая проблема всем взрослым знакома!
Как всё же ребёнка заставить учиться,
За книжкой упорно весь вечер сидеть,
В то время как может он просто влюбиться
И в мыслях в другие миры улететь?
Не надо ребёнка ругать бесконечно.
Попробуйте лучше в нём волю развить,
С ним вместе вам надо учиться, конечно,
А главное – просто ребёнка любить.

- Успехов Вам в нелегком труде – воспитании ваших детей.

Список использованной литературы.

1. Безруких М.М., Ефимова  С.П. Знаете ли вы своего ученика? – М, 1991 г.

2. Сухомлинский В.А. Как воспитать настоящего человека. - М., «Педагогика», 1989.

2. Фридман Л.М., Кулагина И.Ю. Психологический справочник учителя. -М., «Просвещение», 1991.

3. Психологические тесты. Под ред. А.А. Карелина: в 2-х т.-М.; «ВЛАДОС», 1999.

4. Афоризмы об образовании, учении и науке http://www.wisdoms.ru/179.html

Приложение для родителей.
Советы родителям, разделяющим учебные проблемы детей.

• Найдите в ребенке что-нибудь, достойное похвалы.

У ребенка, уверенного в себе, все получается. Самоуважение — это главное, что вдохновляет ребенка на успех, и чем раньше вы поможете ему обрести это чувство, тем лучше.

• Не ругайте, а учите!

Критиковать надо не ребенка, а его поступки и поведение. За каждым «плохо» должно стоять объяснение: ты неправильно начинаешь решение задачи, сначала надо несколько раз прочитать условие и кратко его представить. Всегда давайте понять ребенку, чего Вы от него хотите, а не только чего Вы не хотите. В сложной ситуации лучше запоминается то, что слышишь последним. Это последнее должно быть позитивным.

• Оцените сильные стороны своих детей.

Мы часто хотим сделать из ребенка то, что нравится нам самим, не прислушиваясь к его собственному мнению и самооценке. Важно спросить у ребенка: «Чем тебе нравится заниматься? Что ты делаешь с удовольствием? Что у тебя хорошо получается?» Его ответы могут открыть нам такие способности ребенка, о которых мы раньше и не подозревали.

• Развивайте в ребенке уверенность в себе.

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

• Напоминайте ребенку о его успехах.

Можно также предложить ребенку представить и нарисовать картинки будущих наград и призов, которые ему предстоит завоевать.

• Идите к цели постепенно.

Можно нарисовать лестницу с пятерками на верхней ступеньке и повесить ее на видном месте. А на разных ступеньках напишите: вовремя сдавай задания, читай все, что положено по программе и т.д.
• Постарайтесь не особенно ругать ребенка, стыдить и наказывать его.
Плохая оценка уже и так воспринята им как наказание.
• Выясните, за что именно поставлена не удовлетворяющая вас и ребенка оценка («двойка», «тройка», а для кого и «четверка»), чтобы было ясно, над чем работать. Ведь ребенок порой не в силах самостоятельно понять, что в его работе не понравилось учителю — почерк, ошибки, то, что он вертелся, писал на листочке, а не в тетради, а может быть, что-то еще. Учитель иногда это не объясняет.
• Проанализируйте ошибки, не унижая ребенка. Это значит, нельзя допускать осуждения ребенка как личности («Ну ты и лопух! Здесь же надо «о», а у тебя «а!» или «Ничего ты не умеешь, вечно у тебя грязь в тетради!»). На ошибки следует указывать сдержанно: «Конечно, оформил ты задачу плохо, но зато решил ее верно, а это главное».
• Хвалите ребенка за то, что у него получилось то, что раньше не удавалось. При этом если вы уверены, что ребенок старался, стремился к тому, чтобы научиться, но принес вместо «двойки» всего лишь «тройку», умейте обрадоваться и ей, ободрите ребенка.
• Хвалите ребенка за каждый успех в работе. Не упускайте того, что вам всегда казалось мелочами: почерк, аккуратность, старательность, последовательность действий, даже если в целом задание выполнено не совсем удачно. Лишь после похвалы переходите к разбору неудач и сразу намечайте, как можно их исправить или избежать.
• Ставьте перед ребенком доступные цели и учите его самого контролировать, достиг он их или нет. Не настаивайте, чтобы он выполнил непосильное для него число дополнительных примеров, задач, уравнений без ошибок и исправлений.

Советы Карнеги.
«Девять способов, как изменить человека, не нанеся ему обиды и не вызывая негодования».
1. Начинайте с похвалы и искреннего признания достоинств ребенка.
2. Обращая внимание на ошибки, делайте это в косвенной форме.
3. Прежде чем критиковать другого, скажите о своих собственных ошибках.
4. Задавайте вопросы вместо приказаний.
5. Дайте возможность человеку спасти свое лицо.
6. Хвалите человека даже за скромный успех и будьте при этом искренними.
7. Создайте человеку доброе имя, чтобы он стал жить в соответствии с ним.
8. Пользуйтесь поощрением так, чтобы недостаток, который вы хотите исправить, выглядел легко исправимым, а дело, которым вы его хотите увлечь, легко выполнимым.
9. Делайте так, чтобы ребенку было приятно исполнить то, что вы хотите.

Программа по стимулированию познавательной деятельности учащихся.
Примите советы, которые помогут повысить успеваемость вашего ребенка.
1. Серьезно относитесь к выполнению ребенком домашних заданий. Если есть проблема, берите ее под контроль.
2. Составьте с ребенком план изучения предметов - домашнее задание следует начинать выполнять с трудного предмета.
3. Не забывайте устраивать между подготовкой задания по различным предметами короткие перерывы, особенно если задание большое и сложное.
4. Если возникла проблема, составьте вместе с ребенком план ее решения:
1 шаг – увидеть и обозначить свою проблему.
2 шаг – изучить проблему. Этап - «я знаю про свою проблему все».
3 шаг – стимулировать ребенка на решение возникшей проблемы.
4 шаг – составить план действий (вместе с родителями составляют письменный план своих действий: сходить к учителю, договориться о возможности ликвидации пробелов, составить распорядок дня, посоветоваться с психологом и т.д.).
5шаг – выполнение действий, направленных на решение проблемы (здесь важно деликатное родительское сопровождение ребенка в том, где он что-то не сможет сделать сам).
6 шаг – изучение результата (обсуждение с родителями соответствия того, что получили и того, что ожидали).
7 шаг – оценка того, что сделано (обязательно, учитывать не только мнение ребенка, но и мнение педагогов и родителей).
5. Не забывайте не только контролировать, но и помогать ребенку.

Памятка для родителей

  1. Установить контакт с ребенком.
  2. Не забывать похвалить ребенка, если он заслужил это.
  3. Перейти к ежедневному контролю над  выполнением домашнего задания.
  4. Иметь четкий распорядок дня.
  5. Установить время и рабочее место для приготовления уроков.
  6. Приучить ребенка не отвлекаться во время занятий.
  7. Сделать период включения в работу минимально коротким.
  8. Откладывать все дела, чтобы помочь ребенку в учебе.
  9. Не отчаиваться, если немедленных успехов не будет.
  10. Сдержанно относиться к школьным неуспехам.

Как установить  контакт с ребенком?

  1. устранить все, что порождает конфликт;
  2. перестать читать нотации;
  3. не забывать хвалить, если ребенок заслужил это;
  4. нельзя возлагать больших надежд на исправление учебных дел;
  5. относиться сдержанно к школьным неудачам
  6. интересоваться, чем живет ваш ребенок;
  7. постепенно входить в жизнь ребенка, втягивать его в жизнь семьи;
  8. выбрать общее  дело, которое вызывало бы интерес у школьника и было знакомо родителям;
  9. совместно планировать бюджет.

 Как организовать  помощь ребенку в учебе?

  1. ежедневно проверять выполнение домашних заданий;
  2. создавать атмосферу доброжелательного отношения к просьбам о помощи;
  3. никогда не отказывать в помощи, откладывать все дела;
  4. родители должны сами предлагать помощь;
  5. помнить, что немедленных результатов не будет. 

Как добиться систематического выполнения домашнего задания?

  1. добиваться неукоснительного и систематического приготовления уроков;
  2. относиться к урокам как к серьезному и важному делу;
  3. нельзя откладывать выполнение уроков по любым причинам;
  4. добиваться  выполнения домашнего задания в определенное время и в отведенном для этого месте;
  5. добиваться, чтобы период включения в работу был коротким;
  6. не позволять отвлекаться на посторонние дела.

Никогда не забывайте, что воспитание — это длительный процесс, включающий в себя поддержку, поощрение и упорный труд.

Решение родительского собрания.

Поддерживать постоянное сотрудничество родителей, детей и педагогов.

Рекомендовать родителям больше времени тратить ежедневно на общение с детьми.

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

nsportal.ru

Как узнать, что вы женщина?

530

Как узнать, что вы женщина?

Узнать, что вы – женщина, довольно просто. В вашем гардеробе есть хотя бы одна юбка, вы носите бюстгальтер и сидите, плотно соединив коленки. В случае сомнений – загляните в паспорт. Гораздо сложнее понять, являетесь ли вы женщиной для конкретного мужчины, который вам нравится. Вот тут уже могут быть сложности.

 

К примеру, если мужчина появляется в вашей жизни только когда ему скучно, грустно и у него депрессия, то никакой женщиной вы для него не являетесь. Вы, скорее всего, являетесь жилеткой. Уютненькой вязаной вещью, в которую удобно сливать свои сопли, слюни, нюни и страдания. Это может очень устраивать его, но устраивает ли это вас? Хочется ли вам уныло лежать в шкафу, пока моль жрёт ваши испачканные соплями бочка?

 

Бывает и по-другому. Бывает так, что мужчина не скулит, не плачет, вообще не общается, но всегда готов приехать в тот момент, когда его жена уехала к маме с детьми. Увы, но вы снова не женщина. Вы - скорая помощь. Вы бесплатный, доступный и высококвалифицированный специалист, наподобие служб клининга или каршеринга. Вы стоите в его иерархии где-то между таксистом, официанткой и горничной. Разница лишь в том, что вы бесплатное такси, всегда готовое ехать. Это может нравиться ему, но готовы ли вы ждать на низком старте, пока ему вздумается совершить поездку?

 

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

 

А, может быть, вы корячитесь на двух работах, пока он ищет деятельность, удовлетворяющую запросам его раздутого эго? Прёте на себе тяжелые сумки из магазина, пока он смотрит телевизор? Решаете проблемы с детьми, с ТСЖ, с его и своими родителями, пока он доигрывает бой в танчики? Увы, но вы снова не женщина. Вы крепостная, день и ночь работающая на взыскательного барина. Нравится вам такое чувство? Хорошо ишачить без всякой выгоды для себя, в случае непослушания подвергаясь наказаниям и порке? Тогда вас ждут в клубе «радость мазохиста».

 

Понять, что вы женщина для этого, конкретного мужчины, можно только одним способом – он делает вам хорошо. Хорошо настолько, что основную часть времени сомнений даже не возникает ни в чём. Понятное дело, что у всех бывают кризисы. Но если вам плохо, неуютно и приходится терпеть всегда, не ищете себя среди женщин. Ищите себя на полке, на свалке, среди стоящих в ожидании на станции машин скорой помощи или в самом пыльном углу антресолей. А когда найдете, то бегите оттуда, бегите вприпрыжку, сверкая пятками, не оглядываясь. Бегите туда, где вас любят, ценят и ждут.

Морена, http://morena-morana.livejournal.com/

rusdate.net

Насколько хорошо вы знаете CSS? (+ мини-тест) / Хабр

Отличие между успешным использованием CSS и мучительными попытками справиться с ним, зачастую зависит от мелких деталей. На самом деле, в CSS очень много нюансов. Одна из наиболее часто встречающихся областей, где я часто замечаю такую борьбу — это стилизация макетов. Лично мне нравится изучать CSS-паттерны. Я заметил, что склонен использовать небольшое их количество для решения большинства проблем с макетом. Эта статья про те CSS-паттерны, которые я использую для преодоления проблем в вёрстке. Ситуации будут рассматриваться независимо от используемой CSS-методологии: будь то SMACSS, BEM или даже горячая тема CSS-in-JS, потому что все они сфокусированы на самих CSS-свойствах, а не на архитектуре, организации или стратегии.



Ради забавы, начнем с теста


Мы будем использовать разработанную мною платформу, которая называется Questionable.io и я использовал её для создания теста, к которому перейдем ниже. Не беспокойтесь, никакие персональные данные не собираются, результаты анонимны и это абсолютно бесплатно.

Цель тестирования в том, чтобы увидеть можете ли вы распознать специфичное поведение CSS и некоторые проблемы без предварительного ознакомления с материалом статьи. Я не собирался делать тестирование сложным, но нюансы CSS-стилизации могут быть довольно сложными. Помните, это тестирование просто ради забавы. Результаты теста не демонстрируют вашу крутость, но надеюсь, всё же будут полезными.

Тест состоит из 10 вопросов и должен занять не более 10 минут

От переводчика:

в конце статьи на Хабре добавлен опрос про количество набранных очков в тесте.


ПРОЙТИ ТЕСТ

Примечание: если не хотите тратить время, вот ссылка на вопросы с правильными ответами.

Прошли тест? Отлично! Давайте пройдемся по вопросам один за другим, чтобы получить лучшее представление о паттернах стилизации, которые затрагиваются в тесте.

Вопрос 1: Блочная модель


Изучение блочной модели должно быть приоритетным в списке любого FrontEnd-разработчика. Может статья «The CSS Box Model» немного и старовата, не стоит недооценивать её ценность и актуальность для современного CSS. Блочная модель является основой почти для каждого вопроса, относящегося к CSS-макетам.

Этот конкретный вопрос проверяет, как узнать ширину с учетом принципов блочной модели. Блок имеет явно заданную ширину через свойство width: 100px, но оказывается, что правила блочной модели по умолчанию, применяют свойства width к слою «content» данного блока. Итоговая ширина (насколько широким блок отрисовывается на странице) является суммой слоёв content, padding и border. Именно по этой причине ответ — 112px.

.box {
  width: 100px; /* Take this */
  height: 50px;
  padding: 5px; /* Plus this x2 for left and right */
  border: 1px solid red; /* Plus this x2 for left and right */
  background-color: red;
  /* = 112px of computed width */
}

Если вы сталкивались с ситуацией, в которой последняя колонка или вкладка в интерфейсе переносится вниз на следующую строку, хотя вы указали для всех width: 20%; и были уверены, что они поместятся в 100% родительского элемента, вероятно, это становилось проблемой. Пять колонок шириной по 20% помещаются в 100%, но если у них дополнительно задан padding и/или border, это увеличит ширину каждой, оставив недостаточно места в текущей строке для последней колонки.

Когда был представлен CSS3, появился новый инструмент под названием box-sizing. Он позволяет нам управлять тем, к какому слою блочной модели мы хотим применять свойство width. Например, мы можем указать box-sizing: border-box. Это означает, что мы хотим, чтобы любые правила width применялись к внешнему слою «border» вместо слоя «content». В вопросе из теста, если бы было применено свойство box-sizing: border-box, итоговая ширина блока составила 100px.

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

Существует целый ряд статей про блочную модель и про то, как использовать свойство box-sizing в качестве сброса, чтобы применить его сразу ко всему проекту. Box Sizing и Inheriting box-sizing Probably Slightly Better Best-Practice — две хорошие статьи с сайта CSS-Tricks, с которыми можно ознакомиться.

Вопрос 2: Границы элемента


Второй тестовый вопрос отчасти можно рассматривать как продолжение первого. Помните, одно дело прочитать: «Блочная модель имеет слои (content, padding, border) и все они влияют на итоговую ширину и высоту элемента», другое дело — уметь распознать проблемы блочной модели в реальной ситуации. Эта конкретная проблема является чем-то вроде классики среди тех, кто уже некоторое время работает с CSS. Она вытекает из того факта, что рамки займут определенное дополнительное пространство и оттолкнут окружающие элементы, поскольку являются частью блочной модели. Добавление рамок во время изменения состояния элемента, такого как :hover, будет значить, что блоки станут больше и тогда оттолкнут идущие следом блоки вниз. Это может раздражать:
Из всех возможных решений, указанных в тестовом вопросе, добавление border: 2px solid transparent к изначальному состоянию (без наведения курсора) является единственным возможным решением проблемы. box-sizing не решает эту проблему, потому что мы явно не задаём высоту. Если бы мы сделали это, рамка стала частью общей высоты элемента и сдвиг не происходил, но это не наш случай.

Существуют другие решения, которые мы не упомянули в вариантах ответа. Один из них — это добавление псевдо-рамки с помощью свойства box-shadow или использование outline вместо border. Каждый из них не будет приводить к смещению, так как не является слоем блочной модели. Вот другая статья на CSS-Tricks, где можно больше почитать про подобные решения.

Примечание:
Помните, что outline не поддерживает border-radius

Вопрос 3: Позиционирование — absolute против fixed


Помимо понимания того, когда использовать каждый из типов и как они отличаются в визуальном представлении, также очень важно знать правила того, как каждый из методов позиционирования привязывается к родительскому элементу с помощью свойств top, right, bottom или left.

В первую очередь, давайте рассмотрим содержащий блок. Краткое определение заключается в том, что содержащий блок чаще всего — это родитель любого рассматриваемого элемента. Тем не менее, правила для содержащего блока разные у абсолютно и фиксировано позиционированных элементов.

1) Для абсолютных элементов. Содержащий блок — это ближайший предок, у которого позиционирование не static. Например, когда элемент абсолютно позиционирован, и содержит свойства top, right, bottom или left, они будет позиционироваться относительно любого родителя, который имеет позиционирование absolute, relative, fixed или sticky.
2) Для фиксированных элементов. Содержащий блок — это область просмотра, несмотря на наличие любых родительских элементов с позиционированием, отличным от static. Кроме того, поведение прокрутки отличается от абсолютно позиционированных элементов. Фиксированные элементы остаются «зафиксированными» в области просмотра, отсюда и название.

Многие разработчики думают, что абсолютно позиционированные элементы ищут лишь ближайший родительский элемент с относительным позиционированием position: relative. Это заблуждение стало распространённым просто потому, что position: relative чаще всего указывают в паре с position: absolute, чтобы сделать содержащий блок. Причина, по которой это часто используется в том, что относительное позиционирование родительского блока оставляет его в потоке, что зачастую является предпочтительным. Встречаются ситуации, когда родитель абсолютно позиционированного элемента сам является абсолютно позиционированным. Это совершенно нормальное явление. Если все родители статичные, тогда абсолютно позиционированный элемент будет прикрепляться к области просмотра — но так, чтобы прокручиваться вместе с областью просмотра.


Существует малоизвестное дополнение к правилам, указанным выше: в ситуациях, когда родительский элемент имеет свойство transform (помимо прочих) со значением, отличным от none, он становится содержащим блоком для абсолютно и фиксированно позиционированных элементов. Подтверждение этому можно увидеть в CodePen, где элемент с текстом «Notice!» — это фиксированный элемент, а родитель имеет свойство transform, но только когда на него наведен курсор мыши (в состоянии :hover)

Вопрос 4: Схлопывание margin родительского и дочерних элементов


Это одна из тех CSS мелочей, которая может доставить немало проблем, если вы не знаете, как она работает. Существует концепция, называемая схлопыванием margins и много людей знакомы с проявлением этого, называемым Схлопыванием margins смежных сестринских элементов. Тем не менее, существует и другая форма, называемая Схлопыванием margins родительского и первого/последнего дочернего элемента, которая менее известна. Ниже приведена демонстрация обоих случаев:
Каждый тег параграфа имеет верхний и нижний margin, равный 1em, что стилизуется браузером. Пока это самая легкая часть ситуации. Но почему промежуток между параграфами не 2em (сумма верхнего и нижнего)? Это называется схлопыванием margins смежных сестринских элементов. Margins перекрываются таким образом, что больший из двух margin будет составлять размер разрыва, таким образом, в данном случае разрыв будет равен 1em.

Однако происходит еще кое-что странное. Вы заметили, что верхний margin первого параграфа не создает промежуток между ним и голубым контейнером div? Вместо разрыва, он будто вкладывает margin в родительский div, как если бы div имел верхний margin. Это называется Схлопывание margins родительского и первого/последнего дочерних элементов. Этот тип схлопывания margins не будет происходить при определенных обстоятельствах, если родительскому элементу свойственно следующее:

  • Присутствует верхний/нижний padding больший нуля
  • Присутствует верхний/нижний border больший нуля
  • Задан Блочный контекст форматирования, который может быть создан с помощью overflow: hidden или overflow: auto
  • Задано свойство display: flow-root (плохая поддержка браузерами)

Когда я с удовольствием объясняю людям эту небольшую CSS-деталь и решаю это с помощью padding или border, ответ почти всегда: «А что насчет padding или border, равных 0?». Ну, это не работает, потому что значение должно быть целым положительным числом.

В предыдущем примере, padding размером в 1px позволяет нам переключиться между использованием схлопывание и предотвращением схлопывания margins родителя и дочернего элемента. Промежуток, который отображается между первым/последним параграфом и родительским элементом, это padding размером 1px, но теперь margin считается внутренней частью контейнера, поскольку слой padding создаёт барьер, предотвращающий схлопывание margins.

Что касается вопроса, я уверен, что вы можете увидеть, в чем проблема в этом интерфейсе:


У первого элемента с классом .comment (без класса .moderator) происходит схлопывание margins. Даже без просмотра кода мы можем увидеть, что у элемента с классом .moderator есть рамка, а у элемента без этого класса нет. В этом вопросе фактически было три ответа, которые считались правильными.Каждый из них на самом деле, уже применен в исходнике CodePen, они просто закомментированы.

Одна из причин, по которой этот тип схлопывания margins не так широко известен, как другие, заключается в том, что имеется множество ситуаций, при которых мы можем случайно избежать этого. Flexbox и Grid-элементы создают блочный контекст форматирования, поэтому при их использовании мы не сталкиваемся с этим типом схлопывания margins. Если бы интерфейс наших комментариев был реальным проектом, велики шансы, что со всех четырех сторон у нас были заданы paddings, чтобы оставить пространство вокруг, а это, в свою очередь, исправило для нас схлопывание margins.

Вопрос 5: Процент от чего?


Когда используются единицы измерения в процентах, проценты основываются на ширине или высоте содержащего блока (обычно это родительский элемент). Как мы уже говорили ранее, элемент со свойством transform станет содержащим блоком, поэтому когда элемент использует transform, единицы измерения в процентах (только для transform) основываются на собственном размере элемента, а не на размере родителя.

В примере ниже мы можем видеть, что 50% принимают два разных значения в зависимости от контекста. Первый красный блок имеет свойство margin-left: 50%, а второй красный блок использует transform: translateX(50%).


Вопрос 6: Блочная модель наносит новый удар...


Только вы подумали, что мы закончили говорить о блочной модели…
Проблема проявляется из-за того, что мы используем width: 100% для футера и одновременно с этим добавляем padding. Ширина контейнера равняется 500px, что значит, что слой content футера (будучи 100%) также равняется 500px еще до того, как к этому размеру добавятся paddings.

Проблема может быть исправлена одной из двух распространенных техник:

  1. Использовать свойство box-sizing для футера напрямую или через сброс, который упоминался раньше
  2. Удалить у элемента свойство width и вместо него применить свойства left: 0 и right: 0. Это хороший пример одновременного использования свойств left и right. Такой подход позволит избежать проблем блочной модели, потому что свойство width будет использовать своё значение по умолчанию auto, чтобы заполнить любое доступное пространство между padding и borders, когда установлены left: 0 и right:0.

Примечание: одним из вариантов было удаление padding у футера. Технически это исправило бы проблему, потому что слой content был бы 100% и не имел padding или border, чтобы расшириться за пределы ширины контейнера. Но я думаю, это решение является неправильным подходом, потому что мы не должны менять наш интерфейс, чтобы приспособиться к проблемам блочной модели, которые и без этого легко исправляются.

Реальность для меня заключается в том, что у меня всегда выставлено свойство box-sizing: border-box, как часть моего общего сброса стилей. Если вы поступаете так же, скорее всего редко сталкиваетесь с этой проблемой. Но мне все равно нравится приём с одновременной установкой свойств left:0 и right:0, потому что, как показывается время, он более надежен (во всяком случае, судя по моему опыту), чем решение проблем блочной модели, возникающих из-за ширины 100%.

Вопрос 7: Центрирование абсолютных и фиксированных элементов


Теперь мы действительно начинаем объединять весь материал, описанный выше, с центрированием абсолютных и фиксированных элементов:
Поскольку мы уже охватили большую часть материала этого тестового вопроса, я просто обозначу, что горизонтальное и вертикальное центрирование может быть выполнено «олдскульным» методом через отрицательные margins, или более новым с помощью свойства transform. Также представляю вашему вниманию отличное CSS-Tricks руководство по центрированию элементов.

Примечание: некоторое время назад утверждали, что если мы знаем ширину и высоту блока, должны использовать отрицательные margins, потому что они работают более стабильно, чем новое свойство трансформации. В данный момент трансформация работает стабильно и я почти всегда использую именно это свойство, если только мне не нужно избежать преобразования блока в содержащий.

Вопрос 8: Центрирование элементов в нормальном потоке


Flexbox принес нам много удивительных инструментов для решения сложных задач с макетом. Перед его релизом сообщали, что вертикальное центрирование было одной из наиболее сложных функций, которые реализовывались в CSS. С приходом Flexbox вертикальное центрирование стало чем-то обыденным:
.parent { display: flex; }
.child { margin: auto; }

https://codepen.io/bradwestfall/pen/GPNmbM
Примечание: заметьте, что у flex-элементов margin: auto применяется к верху, низу, правой и левой стороне, чтобы центрировать элемент вертикально и горизонтально. Раньше вертикальное центрирование не работало для блочных элементов, поэтому достаточно распространена запись margin: 0 auto;

Вопрос 9: Расчеты с разными единицами измерения


Использование функции calc() прекрасно, когда нужно работать с двумя единицами измерения, которые мы не можем сложить самостоятельно или когда нам нужно сделать дроби более простыми для восприятия. Этот тестовый вопрос предлагает нам выяснить, каким будет результат выражения calc(100% + 1em), отталкиваясь от того факта, что ширина элемента div равна 100px. Это могло немного запутать, потому что на самом деле, не имеет значения, что ширина элемента div равняется 100px. Проценты всегда отталкиваются от ширины родителя, поэтому правильным ответом был: «100% содержащего (родительского) блока плюс 1em».

Существует несколько ситуаций, в которых я регулярно использую calc(). Во-первых, всякий раз, когда я хочу сместить что-то на 100%, но также добавить фиксированное количество дополнительного пространства. Выпадающие меню могут быть хорошим примером этого:


Особенность здесь в том, что мы хотим сделать выпадающее меню, которое может быть использовано вместе с вызывающими его элементами разного размера (в этом случае, два разных размера кнопок). Мы не знаем, какая будет высота элемента, вызывающего это меню, но мы знаем, что top: 100% разместит верхний край выпадающего меню у нижнего края вызывающей кнопки. Если каждое меню должно быть у нижнего края соответствующей кнопки, плюс 0.5em, этого можно добиться с помощью calc(100% + 0.5em). Конечно, мы также могли использовать top: 110%, но эти дополнительные 10% зависели бы от высоты вызывающей кнопки и контейнера.

Вопрос 10: Отрицательные margins


В отличие от положительных margins, которые отталкивают сестринские элементы, отрицательные margins притягивают их ближе друг к другу без смещения сестринских элементов. Этот финальный вопрос теста предлагает два решения, оба из которых технически приводят к устранению двойной рамки в нашей группе кнопок, но я настоятельно предпочитаю технику отрицательного margin, потому что удаление рамок сделало бы более сложным выполнение определенных приёмов, таких как эффект наведения мыши.
Получившийся эффект представляет собой «общую границу», которая отображается между кнопками. На самом деле, кнопки не могут иметь общую границу, поэтому нам нужно использовать приём с отрицательным margin, чтобы одна рамка перекрывала другую. Потом я использую z-index, чтобы устанавливать, какую рамку я хочу поместить выше другой, основываясь на состоянии наведения мыши. Обратите внимание, что z-index полезен здесь даже без использования абсолютного позиционирования, но пришлось задать position: relative. Если бы я использовал технику удаления левой рамки у второй кнопки, этот эффект было бы гораздо сложнее реализовать.

Всё это имеет смысл


Я хочу показать вам еще одно последнее демо, которое использует много приёмов, которые мы обсуждали до этого. Задача — создать плитки, которые расширяются до левого и правого края контейнера с учетом отступов. Под плитками я подразумеваю возможность иметь список блоков, которые переносятся на следующую строку, когда места по ширине не хватает. Наведите на плитки, чтобы увидеть результат:
Препятствием при выполнении этой задачи являются отступы. Без отступов было бы просто получить плитки, прилегающие к левому и правому краю контейнера. Проблема в том, что отступы будут созданы с помощью margins, а когда мы добавляем margins со всех сторон плитки, мы создаем две проблемы:
  1. Наличие трёх плиток с шириной 33.33% в совокупности с margin не смогут поместиться в строке. Хотя box-sizing позволяет нам иметь padding и borders у элемента .tile и умещаться в 33.33%, это не поможет нам в случае с margins — а это значит, что рассчитываемая ширина трёх плиток будет больше 100%, что вынудит последнюю плитку перенестись на следующую строку.
  2. Крайняя левая и правая плитки больше не будут прилегать к краю контейнера.

Первая проблема может быть решена с помощью calc((100% / 3) - 1em). Что значит 33.33% минус левый и правый margins каждой плитки. Схлопывание смежных сестринских элементов здесь происходить не будет, так как оно возможно только у верхнего и нижнего margin. В результате горизонтальное расстояние между двумя плитками — это сумма двух margins (1em). В этом случае схлопывание также не применится к верхним и нижним margins, потому что первая и последняя плитка технически не являются смежными, даже если визуально одна находится под другой.

С помощью приёма с calc(), три плитки могут поместиться в строке, но они все еще не прикасаются к краям контейнера. Для этого мы можем использовать отрицательные margins в размере, равном левому и правому margin каждой плитки. Зеленая точечная линия в примере — это контейнер, где мы применим отрицательные margins, чтобы нарисовать плитки, соответствующих краю окружающего содержимого. Мы можем видеть, как они прилегают к области padding родительского элемента. Это нормально, потому что отрицательные margins не отталкивают окружающие соседние элементы.

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

Существует много способов сделать плитки (и обычно они имеют свои преимущества и недостатки). Например, существует довольно элегантное решение с использованием CSS Grid, над которым рассуждал Хейдон Пикеринг. Данное решение реализуется с использованием техники, которая имитирует запросы к контейнерам (но с помощью магии Grid). В конечном счете, его решение с использованием Grid лучше, чем flexbox, которое я продемонстрировал, но имеет худшую поддержку браузерами.

Резюме


В начале я заявил, что склонен искать шаблоны при решении проблем. Эта статья не столько о продемонстрированных выше сценариях; она больше о наборе инструментов, которые можно использовать для решения этих и многих других проблем вёрстки, с которыми мы все можем столкнуться. Я надеюсь, что эти инструменты помогут вам.

Кстати, есть ряд отличных ресурсов, которые тщательно разбирают тему блочной модели. В первую очередь, статьи Рэйчел Эндрю и Джен Симмонс, с которыми определенно стоит ознакомиться.

  • Box Alignment Cheatsheet — отличный материал с визуальными элементами, которые подчеркивают различные свойства, которые влияют на то, как элементы выравниваются либо сами по себе, либо относительно других элементов
  • Jen Simmons Labs — множество полезных публикаций, демо и экспериментов с использованием современных методов разметки.

habr.com

Общее родительское собрание "Волшебный мир книги"

МУНИЦИПАЛЬНОЕ ДОШКОЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ДЕТСКИЙ САД «СКАЗКА» ОКТЯБРЬСКОГО МУНИЦИПАЛЬНОГО РАЙОНА КОСТРОМСКОЙ ОБЛАСТИ

ОБЩЕЕ РОДИТЕЛЬСКОЕ СОБРАНИЕ

ВОЛШЕБНЫЙ

МИР

КНИГИ

старший воспитатель:

Большакова Ольга Николаевна

дата проведения « » ________ 201 г.

Цель: подведение родителей к выводу о том, что чтение детских книг играет огромную роль для их всестороннего развития.

Задачи:

  • расширять представления родителей о роли книг в воспитании ребенка;

  • стимулировать самообразование родителей;

  • прививать навыки читательской культуры;

  • воспитывать бережное отношение к книге.

Форма проведения: дискуссия

Участники: воспитатели, родители, библиотекарь.

Подготовка к собранию:

  • Анкетирование родителей «Воспитание у ребенка интереса и любви к книге»

  • Интервью детей «Книги в нашем доме»

  • Подготовка выставки разножанровой детской литературы, аудиокассет и дисков с записью стихов, сказок, рассказов в художественном исполнении.

  • Подготовить и выставить папки-передвижки по данной теме.

  • Подготовить буклеты по теме собрания.

  • Оформление папки-раскладушки «Как сказка помогла…»

План проведения

Вступительная часть.

Обозначение проблемы. Упражнение «Выбери дистанцию».

Литературная викторина для родителей.

Начало дискуссии «Роль книги в семейном воспитании».

Анализ анкет

Дети о книгах.

Выступление библиотекаря.

Мастер-класс «Разучивание игр для детей»

Заключительное слово воспитателя (вывод)

Решение собрания

Ход мероприятия:

(1 слайд) Добрый вечер, уважаемые родители! Мы рады встрече с вами. Тема нашей сегодняшней встречи «Волшебный мир книги»

(читают дети подготовительной группы)

Книга учит добро понимать,

О поступках людей рассуждать.

Коль плохой, то его осудить,

Ну а слабый — его защитить!

Дети учатся думать, мечтать,

На вопросы ответ получать.

Каждый раз что-нибудь узнают,

Окружающий мир познают. А. Лесных

(2 слайд) Наше время — время великих достижений науки, техники время замечательных открытий. Но из всех чудес, созданных человеком, наиболее сложным и великим М. Горький считал книгу.

В книге заключен огромный духовный мир человечества.

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

(3 слайд) Всем известен интерес детей к книге. Это возникает на пути от простого любопытства – к удивлению, от удивления – к активной любознательности, а от нее к знанию.

Природную любознательность ребенка полнее всего удовлетворяют книги. Очень много зависит от того, как относятся к книге в семье.

Читатель в ребенке начинается раньше, чем он научится читать. Ребенок-слушатель – это уже читатель. Однако читательская судьба ребенка зависит от Вас, уважаемые взрослые. Вы, беря в руки книгу, становитесь посредником между писателем и слушателем (ребенком-читателем). А Ваша любовь к книге, наслаждение ею как искусством, искреннее увлечение событиями и обстоятельствами, в которые попадают герои книг, умение передавать свои чувства и переживания помогут привлечь ребенка к книге.

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

(4 слайд) Как Вы думаете, зачем надо читать? (Игра с мячом)

(4 слайд – щелчок) Благодаря чтению развивается память, внимание, мышление, воображение, смысловое восприятие. С помощью чтения повышается грамотность, развивается речь и увеличивается словарный запас. Но самое главное, на основе чтения формируется внутренний мир ребенка, так как художественная литература влияет на нравственное развитие ребенка. Она знакомит его с такими проявлениями человеческой натуры, как дружба, ненависть, предательство, обман, трусость, благородство, готовит ребенка к реальной жизни.

Чтение было и остается основным средством приобщения ребенка к культуре, поэтому важно развивать в нем любовь и интерес к чтению.

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

А теперь, ответьте, пожалуйста, на вопрос:

(5 слайд) «Читаете ли вы сами в настоящее время художественную литературу?» (высказывания родителей)

(5 слайд – щелчок) Уважаемые родители, прививая интерес к чтению, Вы, являетесь главным примером для ребенка. И если вы отдаете предпочтение не книге, а телевизору или компьютеру, то дети практически не увидят вас с книгой в руках.

Дети – это счастье, созданное вашим трудом. (В.Сухомлинский)

Дом, в котором есть дети, трудно представить без детских книг.

Детская книга в семье — индикатор заботы старшего поколения о воспитании и образовании младших.

А сейчас предлагаем послушать, что говорят наши дети?

(включить видиофильм)

(Результаты интервьюирования)

(6 слайд) Уважаемые родители, согласитесь, что совместное чтение – это прекрасная возможность с пользой дела провести вечер в кругу семьи, отдохнуть, пообщаться, обсудить возникшие проблемы и т.д. А для этого хорошо иметь домашнюю библиотеку, в которой подобран материал для чтения, с учетом возрастных и индивидуальных особенностей ребенка.

Современный книжный рынок предоставляет нам огромный выбор книг для детей.

Проблема помощи семье в подборе литературы для детей в современных условиях, стала актуальной.

(7 слайд) Что выбрать для своего ребенка?

Главное условие хорошо скомплектованной библиотеки для детей — понимание критериев подбора нужной литературы. Такими критериями являются:

  • доступность для данного возраста;

  • проверка качества издания временем;

  • признание ценности книги, как со стороны детей, так и взрослых;

  • способность книги быть помощником в обучении;

  • наличие иллюстративного материала;

  • гуманное содержание;

  • образный язык.

Создавая домашнюю библиотеку, надо помнить, что в круг чтения даже самых маленьких могут войти издания, казалось бы, совсем не предназначенные для них. Это могут быть и альбомы по искусству, и отдельные иллюстрированные издания. Даже рассматривая картинки в такой книге, ребенок осваивает общение с ней. Движимый простым любопытством, он в результате получает толчок к познанию содержания этого чудесного предмета, таящего в себе столько интересного.

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

(примерное выступление библиотекаря)

(9 слайд) Проходит награждение самых читающих семей.

Педагоги детского сада сейчас проведут с вами мастер – классы, на которых вы познакомитесь с формами работы по ознакомлению дошкольников с художественной литературой

Мастер-класс «Разучивание игр для детей»

Злобина Т.В. Игра «Очумелые ручки» После того, как ребенку прочитали сказку, рассказ или стихотворение дайте ему лист бумаги и краски, пусть рисует персонажей. Или лепит из пластилина, или вырезает из цветной бумаги. Рукодельных фантазий множество.

Попова И.В. Викторина по сказкам А.С. Пушкина закрепление знаний произведений А.С. Пушкина

Коржева М.В. Игра «Спектакль» Разыгрывается спектакль с участием домашних или маленьких друзей. Нужно дать ребенку проявить свои творческие мыслительные способности, развить фантазию.

Павлова Л.В. Игра «Летучка» После прочтения спросить у ребенка, что он думает о каком-либо поступке героя, как относится к разным персонажам. А потом предложить созвать этих героев на совет и высказать свое суждение, просьбу, недовольство.

Вывод после мастер - класса

(10 слайд)

Работа с книгой богата и разнообразна как по форме, так и его содержанию. Долг каждого из нас - научить детей любить книгу, ощущать потребность в ней, понимать её. С. Лупана: “Привить ребёнку вкус к чтению - лучший подарок, который мы можем ему сделать”.

(11 слайд) Выберите близкую Вам фразу и закончите ее.

«Читать детям нужно потому, что…» –__________________________(I)

«Читать детям важно потому, что…» – __________________________(II)

(Родители выполняют задание)

Подведем итог

Уважаемые родители, отрадно, что фраза (I) осталась незаконченной. Вы единогласно считаете, что читать детям ВАЖНО потому, что …

(Зачитать ответы родителей)

(…, что чтение развивает память, фантазию, речь, расширяет кругозор, рождает у ребенка желание творить самому…)

Нашу встречу хочется закончить словами К.Г. Паустовского:

(12 слайд) «Читайте! И пусть в вашей жизни не будет ни одного дня, когда бы вы не прочли хоть одной новой страницы из книги!»

Уважаемые родители, спасибо за работу!

Список используемой литературы:

  1. Вместе с семьей / Сост.Н.Н Серова. – СПб.: Санкт-Петербургский гос. унив-т пед. мастерства, 1998. – С. 50-53

  2. Гурович Л.М., Береговая Л.Б., Логинова В.И., Пирадова В.И. Ребенок и книга: Пособие для воспитателя детского сада / Изд. 3-е, испр. и доп. – СПб.: Изд-во Детство-Пресс, 1999. – 128 с.

  3. Денисова С.А. Родители о детском чтении и роли библиотек / Родительское собрание по детскому чтению: сборник материалов по разработке моделей и методик проведения / Пермская краевая детская библиотека им. Л.И. Кузьмина, Русская школьная библиотечная ассоциация. – М.: Русская школьная библиотечная ассоциация, 2008. – С. 30

  4. Добрынина Н. Интервью с Настенькой // Дошкольное воспитание № 4 – 2009. – С. 10

  5. Зенина Т.Н. Родительское собрание в детском саду. – М.: Центр педагогического образования, 2007. – 80 с.

  6. Кузьменкова Е., Рысина Г. Воспитание будущего читателя: Литературно-художественное развитие детей 3-5 лет. – М.: Чистые пруды, 2005. – 32 с.

  7. Метенова Н.М. Взрослым о детях. – Ярославль: 1999. – 40 с.

  8. Семейное чтение в год семьи / Сост. Т.Д. Жукова. – М.: Русская школьная библиотечная ассоциация, 2008. 320 с. – (Профессиональная библиотека школьного библиотекаря: Приложение к журналу «Школьная библиотека». Серия 1 Вып. 5-6)

  9. Тихомирова И.И. Детская книга в домашней библиотеке // Родительское собрание по детскому чтению: сборник материалов по разработке моделей и методик проведения / Пермская краевая детская библиотека им. Л.И. Кузьмина, Русская школьная библиотечная ассоциация. – М.: Русская школьная библиотечная ассоциация, 2008. – С. 32. – (Профессиональная библиотека школьного библиотекаря: Приложение к журналу «Школьная библиотека». Серия 1 Вып. 4)

Приложение

Великие о пользе чтения

В книгах заключено особое очарование: книги вызывают в нас наслаждение, они разговаривают с нами, дают добрый совет, они становятся живыми друзьями для нас.

Ф. Петрарко

Книги – лучшие друзья. К ним можно обращаться во все трудные минуты жизни. Они никогда не изменят.

А.Доде

Задача книги – облегчить, ускорить понимание жизни…

Я. Корчак

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

Ж. Лабрюйер

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

Л.И. Кузьмин

Детская книга при всей ее внешней простоватости – вещь исключительно тонкая и не поверхностная. Лишь гениальному взгляду ребенка, лишь мудрому терпению взрослого доступны ее вершины. Удивительное искусство – детская книжка!

Л. Токмакова

Вопросы интервьюирования детей

  • Есть ли у тебя дома книги? Назови какие?

  • Любишь ли ты, когда тебе читают?

  • Какая книга тебе нравится больше всего? Кто ее автор?

  • Кто тебе дома читает книги?

  • Часто ли тебе читают?

  • Хочется ли тебе самому читать книги?

Выберите близкую Вам фразу и закончите ее.

«Читать детям нужно потому, что…» –__________________________(I)

«Читать детям важно потому, что…» –__________________________ (II)

Памятки для родителей

ИСТОЧНИКИ ОТБОРА КНИГ В ДОМАШНЮЮ БИБЛИОТЕКУ
для детей от рождения до 14 лет

Тимофеева И.Н. Что и как читать вашему ребенку от года до десяти: Энциклопедия для родителей по руководству детским чтением. - СПб.: Изд-во РНБ, 2000. - 512 с.

Писатели нашего детства. 100 имен: Библиографический словарь в 3 частях / Координатор И.Я. Линкова. - М.: Либерея, 1998-2000.

100 великих имен в литературе: Научно-популярное издание / Под ред. В.Ситникова. - М.: Слово, 1998. - 543 с.

Очерки о детских писателях: Справочник для учителей начальных классов. - М.: Баласс, 2000. - 204 с.

Тубелъская Г.Н. Детские писатели России. Сто имен. Библиографический справочник в 2 ч. М.: Школьная библиотека, 2002.

Тубелъская Г.Н. Зарубежные детские писатели. Сто имен. Библиографический справочник. В 2 ч. М.: Школьная библиотека, 2005.

Ступени: Программа семейных чтений для детей и взрослых, желающих читать вместе хорошие детские книги и рассматривать в них картинки. В 3 частях. - Пермь, 1996-1997.

ДЕТСКАЯ ДОМАШНЯЯ БИБЛИОТЕКА

  • Книги, с которыми ребенок будет активно «общаться» сам:
    Это сборники фольклорных песенок-потешек разных народов мира:

русских – в обработке О. Капицы, И. Карнауховой, М. Булатова, К. Чуковского;

английских – в переводе С. Маршака, К. Чуковского, В. Левина, Г.Кружкова, чешских – в переводе И. Токмаковой, польских – в переводе Н. Гернет и Н. Гиппиус, украинских – в переводе Е. Благининой и др.;

иллюстрированные классиками отечественной книжной графики Ю.А. Васнецовым, В.М. Конашевичем, а также Г. Скотиной, М. Рудаченко, Л. Савостиковой.

  • Различные сборники сказок, народных и авторских: Ш. Перро, братьев Гримм, Г.Х. Андерсена,А.С. Пушкина, В. Гауфа, С. Топелиуса, В. Одоевского, П. Бажова, К.Паустовского, Г. Цыферова, С. Козлова с иллюстрациями И. Билибина, Ю. Васнецова, В. Конашевича, Г. Доре, Е. Рачева, Е. Чарушина, Т. Мавриной, К. Курдова, В. Пивоварова, В. Чижикова, В. Дехтерева, Л. Шульгиной, Г.А.В. Трауготова, Ю. Гуковой и др.

  • Книги, способные вызывать сильнейшие чувства, развивать, обогащать эмоциональный мир ребенка. Это прежде всего книги о животных Л. Толстого, А.Чехова, А Куприна, Б. Житкова, М. Пришвина, В. Бианки и др. и книги о детях А.Чехова, Б. Житкова,А. Гайдара, Л. Пантелеева, А Платонова, Р. Погодина. К.Чуковского, стихи С. Маршака, Б. Заходера, Д. Хармса, А. Введенского, В. Берестова, В. Левина, В. Орлова, М. Бродского и др. Замечательные имена собраны под обложками книг «Все наоборот» / Сост. Г. Кружкова, М., Просвещение, 1992 и «Литература и фантазия» / Сост. Л.Е. Стрельцова, М., Просвещение, 1992.

  • Научно-популярные, хорошо иллюстрированные энциклопедии по всем отраслям знаний, альбомы по искусству.

КАКИЕ ВОПРОСЫ ЗАДАВАТЬ РЕБЕНКУ
ВО ВРЕМЯ РАССМАТРИВАНИЯ КАРТИНОК В КНИГЕ

  • «Что изображено на этой картинке?»

  • «Посмотри на картинку и подумай, какой рассказ можно по ней составить».

  • «О чем, глядя на картинку, захотелось тебе рассказать в первую очередь, о чем – подробно?»

  • «Чем развеселила, огорчила или удивила она тебя?»

  • «Чем ты закончишь рассказ о ней?»

  • «Какие слова (имеются ввиду эпитеты, сравнения) нужно припомнить, чтобы рассказ получился интересным?»

  • Предложить ситуацию: «Я начну рассказ, а ты продолжи. А теперь ты начни, а я продолжу. Какую ты мне поставишь оценку и почему?»

КАК ОБСУЖДАТЬ С РЕБЕНКОМ ПРОЧИТАННОЕ ПРОИЗВЕДЕНИЕ?

  • Выяснить перед чтением или во время чтения трудные слова.

  • Спросите, понравилось ли произведение? Чем?

  • Что нового, интересного он узнал?

  • Попросите ребенка рассказать о главном герое, главном событии рассказа, сказки, стихотворения.

  • Как описана природа?

  • Какие слова и выражения ему запомнились?

  • Чему научила его книга

  • Предложите ребенку нарисовать картинку к понравившемуся эпизоду. Выучите отрывок, изображая голосом персонажей произведения.

ПАМЯТКА ДЛЯ РОДИТЕЛЕЙ ПО ВОСПИТАНИЮ ЛЮБВИ К КНИГЕ

  • Предлагать ребенку только качественную литературу для чтения.

  • Завести ритуал вечернего чтения, выбрав книгу, соответствующую возрасту ребенка.

  • Читать понемногу, но каждый день.

  • Предлагать ребенку рисовать иллюстрации к прочитанному, «писать» к ним тексты.

  • Учить ребенка пользоваться цитатами из прочитанного текста.

  • Разыгрывать с ребенком сценки из прочитанной книги, обсуждать содержание сюжета.

  • Не увлекаться методикой раннего обучению чтению, особенно если у него есть какие-либо невропатологические проблемы (ребенок поздно заговорил – после 2,5 – 4 лет имеет дефекты произношения; бедный словарный запас; вообще не употребляет предлоги; не изменяет слов по падежам).

  • Если ребенок не любит читать, потому что у него это плохо получается, то обязательно проконсультируйтесь у специалистов: психолога, логопеда.

КАК НАУЧИТЬ РЕБЕНКА БЕРЕЧЬ КНИГИ?

  • Не делать в книге пометок, надписей, рисунков.

  • Не читать во время еды.

  • Не загибать листы, пользоваться закладкой.

  • Класть книгу только на чистый стол.

  • Не разбрасывать книги, хранить в одном месте.

  • Своевременно оказывать «скорую помощь» больным книгам.

infourok.ru

Репетитор ЕГЭ: школьный учитель VS преподаватель вуза / Newtonew: новости сетевого образования

Кажется, всем уже очевидно, что к ЕГЭ надо готовиться целенаправленно. По специальным пособиям, на курсах, на индивидуальных занятиях. Кто же станет идеальным помощником и руководителем в подготовке? Мы собрали важные «за» и «против», которые помогут принять решение и сделать выводы.

За школу

Даниил Федоренко преподает математику в школе, в вузе и на курсах по подготовке к ЕГЭ. Он считает, что вузовского преподавателя нанимать нет смысла.

 

Даниил Александрович Федоренко

магистр высшей математики

У человека из школы больше практики. Он знаком со спецификой, тематическими конструкциями экзамена. Конечно, у преподавателя из вуза будет выше квалификация знаний, более широкий, богатый кругозор. Но станет ли он вникать в тонкости ЕГЭ? Это большой вопрос.

 

Генриетта Браун, «Пищущая девочка».

Источник: www.pinterest.com

Аргументов «за школу» довольно много:

  • школьный педагог знает слабые места учеников и предполгает, где они могут «завалиться»;
  • имеет больше опыта работы с детьми такого возраста;
  • разбирается в их психологии;
  • и главное — школьный учитель регулярно работает с ЕГЭ, знаком с методологией решения и системой оценивания.

Метод имеет значение

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

По сравнению с вузовскими задачами, у ЕГЭ своя очень серьезная специфика по темам и методам решения. Ответ должен соответствовать этим методам.

— Рыжик Галина Григорьевнапреподаватель биологии

 

Илья Репин, «Приготовление к экзамену».

Источник: ilyarepin.ru

Какой репетитор может гарантировать высокий балл?

Кто проверяет ЕГЭ? Специальная комиссия. Из кого она состоит? Из школьных учителей. Если главная цель выпускника — получить высокий балл, нужно искать эксперта такой комиссии. Эти люди как никто другой знают все тонкости и подводные камни.

Вы наверняка слышали истории про отличников, которые непонятно почему вдруг сдали ЕГЭ на очень низкий балл. Ребёнок всегда хорошо учился, родители и учителя были в нем уверены, а результат за экзамен — только 55 баллов. Члены экспертной комиссии знают, как такого не допустить, потому что хорошо понимают, как оценивается ЕГЭ.

Иногда в анкетах репетиторов, которые работали в экспертной комиссии, можно встретить подобные фразы: «Ученики, которых я готовил к ЕГЭ в прошлом году, сдали экзамен минимум на 80 баллов». То есть, они фактически натаскивают на высокий балл.

И вот тут самое время задать себе вопрос: зачем вы нанимаете репетитора? Чтобы набрать высокий балл, или чтобы у ребенка был хороший багаж знаний?

Диана Понтинг, «Вещи ученика средней школы».

Источник: http://www.ponting.ca/

За репетитора из вуза

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

 

Никита Адреевич Тарасов

преподаватель математики и физики

Школьники, которые сдают физику, целенаправленно идут в какой-то технический вуз. А уровень в вузе кардинально отличается от уровня в школе. Я неоднократно сталкивался с тем, что школьный учитель (если это не физмат-школа), натаскивает ученика, чтобы тот вписался в систему ЕГЭ, но нормальных знаний это не дает и физике не научит. Технический предмет — это не набор правил. Здесь нужно глубокое понимание. И с этим лучше справляются преподаватели вузов.

Таким образом, практическая польза от знаний, полученных с помощью вузовского преподавателя, будет выше. Они пригодятся не только для сдачи ЕГЭ, но и сгладят переход между школой и вузом, а также помогут не провалить первую же сессию.

Как статус преподавателя влияет на настрой ученика?

Второй важный момент — психологический. Некоторые специалисты полагают, что сам факт того, что выпускник занимается с преподавателем, положительно влияет на его мотивацию и представление о целях и задачах собственного обучения.

Когда ребенок занимается с преподавателем из университета, его конечная цель как бы смещается. Он понимает, что ЕГЭ — это не финальная точка, а всего лишь этап, который надо пройти к настоящей цели — учёбе в вузе. Это автоматически нивелирует значимость ЕГЭ как события. Преподаватель более высокого статуса дает ребенку некую уверенность: «Раз у меня такой крутой репетитор, я точно сдам». Уверенность эта не всегда оправдана, но на настрой влияет положительно.

— Андрей Рерихпсихолог

Жан Этьен Лиотар, «Учитель с воспитанником».

Источник: petiteplaisance.it

В чём подвох?

Андрей Рерих предостерегает: некоторым детям преподаватель высшей школы может навредить. Заниматься с ним ребёнку зачастую сложнее: речь, преподавательские привычки, методы подачи знаний сильно отличаются от того, к чему привыкаешь в школе, и нагрузка больше. Это может спровоцировать лишний стресс.

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

Кто же все-таки лучше?

Старший эксперт регионального ЕГЭ по физике Екатерина Якшевич считает, что однозначного ответа на этот вопрос дать нельзя, и каждого репетитора нужно оценивать по четырём критериям.

 

Екатерина Якшевич

эксперт ЕГЭ

Критерии оценки репетитора:
1) знает ли он предмет;
2) умеет ли доходчиво объяснять;
3) знает ли содержание экзамена и структуру теста;
4) знает ли критерии оценки заданий с развернутым ответом.

Когда вы рассматриваете кандидатуру какого-либо репетитора, проставьте в уме галочки по всем этим пунктам. Это поможет понять, подходит ли он для ваших задач.

Фриц Сандерленд, «Веселье на отработке».

Источник: lempertz.com

Подведём итог

Следует признать, что практической пользы от знаний вузовского преподавателя больше. Психологическая поддержка от такого репетитора тоже сильнее. Но сможет ли он объяснить сложные вещи простым языком? Вникает ли он в нюансы ЕГЭ? Это надо выяснять в каждом отдельном случае.

Школьный преподаватель, особенно если он работал экспертом, знает специфику экзамена, у него больше практики. И здесь главное выяснить, насколько хорошо он владеет предметом — сможет ли дать хорошую базу, или только «натаскает» на высокий балл.

Прислушайтесь к своему ребенку и определите вместе с ним глобальную цель. Чего он хочет, глубже изучить предмет, или ему будет достаточно хорошей тренировки по решению ЕГЭ-заданий? Подбирать репетитора стоит в зависимости от того, каким будет ответ.

11 марта 2016, 17:00
Мнение автора может не совпадать с позицией редакции.

АВТОРСКАЯ КОЛОНКА

UPSTUDY.RU

Мы — это удобный сервис для поиска преподавателей, инструкторов, репетиторов и учителей. Рассказываем, как выбрать наставника и учиться эффективнее.

Нашли опечатку? Выделите фрагмент и нажмите Ctrl+Enter.

newtonew.com

[Перевод] Насколько хорошо вы знаете CSS? (+ мини-тест)

Отличие между успешным использованием CSS и мучительными попытками справиться с ним, зачастую зависит от мелких деталей. На самом деле, в CSS очень много нюансов. Одна из наиболее часто встречающихся областей, где я часто замечаю такую борьбу — это стилизация макетов. Лично мне нравится изучать CSS-паттерны. Я заметил, что склонен использовать небольшое их количество для решения большинства проблем с макетом. Эта статья про те CSS-паттерны, которые я использую для преодоления проблем в вёрстке. Ситуации будут рассматриваться независимо от используемой CSS-методологии: будь то SMACSS, BEM или даже горячая тема CSS-in-JS, потому что все они сфокусированы на самих CSS-свойствах, а не на архитектуре, организации или стратегии.

Ради забавы, начнем с теста


Мы будем использовать разработанную мною платформу, которая называется Questionable.io и я использовал её для создания теста, к которому перейдем ниже. Не беспокойтесь, никакие персональные данные не собираются, результаты анонимны и это абсолютно бесплатно.

Цель тестирования в том, чтобы увидеть можете ли вы распознать специфичное поведение CSS и некоторые проблемы без предварительного ознакомления с материалом статьи. Я не собирался делать тестирование сложным, но нюансы CSS-стилизации могут быть довольно сложными. Помните, это тестирование просто ради забавы. Результаты теста не демонстрируют вашу крутость, но надеюсь, всё же будут полезными.

Тест состоит из 10 вопросов и должен занять не более 10 минут

От переводчика:
в конце статьи на Хабре добавлен опрос про количество набранных очков в тесте.
ПРОЙТИ ТЕСТ


Примечание: если не хотите тратить время, вот ссылка на вопросы с правильными ответами.

Прошли тест? Отлично! Давайте пройдемся по вопросам один за другим, чтобы получить лучшее представление о паттернах стилизации, которые затрагиваются в тесте.

Вопрос 1: Блочная модель


Изучение блочной модели должно быть приоритетным в списке любого FrontEnd-разработчика. Может статья «The CSS Box Model» немного и старовата, не стоит недооценивать её ценность и актуальность для современного CSS. Блочная модель является основой почти для каждого вопроса, относящегося к CSS-макетам.

Этот конкретный вопрос проверяет, как узнать ширину с учетом принципов блочной модели. Блок имеет явно заданную ширину через свойство width: 100px, но оказывается, что правила блочной модели по умолчанию, применяют свойства width к слою «content» данного блока. Итоговая ширина (насколько широким блок отрисовывается на странице) является суммой слоёв content, padding и border. Именно по этой причине ответ — 112 px.

.box {
  width: 100px; /* Take this */
  height: 50px;
  padding: 5px; /* Plus this x2 for left and right */
  border: 1px solid red; /* Plus this x2 for left and right */
  background-color: red;
  /* = 112px of computed width */
}

Если вы сталкивались с ситуацией, в которой последняя колонка или вкладка в интерфейсе переносится вниз на следующую строку, хотя вы указали для всех width: 20%; и были уверены, что они поместятся в 100% родительского элемента, вероятно, это становилось проблемой. Пять колонок шириной по 20% помещаются в 100%, но если у них дополнительно задан padding и/или border, это увеличит ширину каждой, оставив недостаточно места в текущей строке для последней колонки.

Когда был представлен CSS3, появился новый инструмент под названием box-sizing. Он позволяет нам управлять тем, к какому слою блочной модели мы хотим применять свойство width. Например, мы можем указать box-sizing: border-box. Это означает, что мы хотим, чтобы любые правила width применялись к внешнему слою «border» вместо слоя «content». В вопросе из теста, если бы было применено свойство box-sizing: border-box, итоговая ширина блока составила 100 px.

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

Существует целый ряд статей про блочную модель и про то, как использовать свойство box-sizing в качестве сброса, чтобы применить его сразу ко всему проекту. Box Sizing и Inheriting box-sizing Probably Slightly Better Best-Practice — две хорошие статьи с сайта CSS-Tricks, с которыми можно ознакомиться.

Вопрос 2: Границы элемента


Второй тестовый вопрос отчасти можно рассматривать как продолжение первого. Помните, одно дело прочитать: «Блочная модель имеет слои (content, padding, border) и все они влияют на итоговую ширину и высоту элемента», другое дело — уметь распознать проблемы блочной модели в реальной ситуации. Эта конкретная проблема является чем-то вроде классики среди тех, кто уже некоторое время работает с CSS. Она вытекает из того факта, что рамки займут определенное дополнительное пространство и оттолкнут окружающие элементы, поскольку являются частью блочной модели. Добавление рамок во время изменения состояния элемента, такого как :hover, будет значить, что блоки станут больше и тогда оттолкнут идущие следом блоки вниз. Это может раздражать:

Из всех возможных решений, указанных в тестовом вопросе, добавление border: 2px solid transparent к изначальному состоянию (без наведения курсора) является единственным возможным решением проблемы. box-sizing не решает эту проблему, потому что мы явно не задаём высоту. Если бы мы сделали это, рамка стала частью общей высоты элемента и сдвиг не происходил, но это не наш случай.

Существуют другие решения, которые мы не упомянули в вариантах ответа. Один из них — это добавление псевдо-рамки с помощью свойства box-shadow или использование outline вместо border. Каждый из них не будет приводить к смещению, так как не является слоем блочной модели. Вот другая статья на CSS-Tricks, где можно больше почитать про подобные решения.

Примечание:
Помните, что outline не поддерживает border-radius

Вопрос 3: Позиционирование — absolute против fixed


Помимо понимания того, когда использовать каждый из типов и как они отличаются в визуальном представлении, также очень важно знать правила того, как каждый из методов позиционирования привязывается к родительскому элементу с помощью свойств top, right, bottom или left.

В первую очередь, давайте рассмотрим содержащий блок. Краткое определение заключается в том, что содержащий блок чаще всего — это родитель любого рассматриваемого элемента. Тем не менее, правила для содержащего блока разные у абсолютно и фиксировано позиционированных элементов.

1) Для абсолютных элементов. Содержащий блок — это ближайший предок, у которого позиционирование не static. Например, когда элемент абсолютно позиционирован, и содержит свойства top, right, bottom или left, они будет позиционироваться относительно любого родителя, который имеет позиционирование absolute, relative, fixed или sticky.
2) Для фиксированных элементов. Содержащий блок — это область просмотра, несмотря на наличие любых родительских элементов с позиционированием, отличным от static. Кроме того, поведение прокрутки отличается от абсолютно позиционированных элементов. Фиксированные элементы остаются «зафиксированными» в области просмотра, отсюда и название.

Многие разработчики думают, что абсолютно позиционированные элементы ищут лишь ближайший родительский элемент с относительным позиционированием position: relative. Это заблуждение стало распространённым просто потому, что position: relative чаще всего указывают в паре с position: absolute, чтобы сделать содержащий блок. Причина, по которой это часто используется в том, что относительное позиционирование родительского блока оставляет его в потоке, что зачастую является предпочтительным. Встречаются ситуации, когда родитель абсолютно позиционированного элемента сам является абсолютно позиционированным. Это совершенно нормальное явление. Если все родители статичные, тогда абсолютно позиционированный элемент будет прикрепляться к области просмотра —, но так, чтобы прокручиваться вместе с областью просмотра.

Существует малоизвестное дополнение к правилам, указанным выше: в ситуациях, когда родительский элемент имеет свойство transform (помимо прочих) со значением, отличным от none, он становится содержащим блоком для абсолютно и фиксированно позиционированных элементов. Подтверждение этому можно увидеть в CodePen, где элемент с текстом «Notice!» — это фиксированный элемент, а родитель имеет свойство transform, но только когда на него наведен курсор мыши (в состоянии :hover)

Вопрос 4: Схлопывание margin родительского и дочерних элементов


Это одна из тех CSS мелочей, которая может доставить немало проблем, если вы не знаете, как она работает. Существует концепция, называемая схлопыванием margins и много людей знакомы с проявлением этого, называемым Схлопыванием margins смежных сестринских элементов. Тем не менее, существует и другая форма, называемая Схлопыванием margins родительского и первого/последнего дочернего элемента, которая менее известна. Ниже приведена демонстрация обоих случаев:

Каждый тег параграфа имеет верхний и нижний margin, равный 1em, что стилизуется браузером. Пока это самая легкая часть ситуации. Но почему промежуток между параграфами не 2em (сумма верхнего и нижнего)? Это называется схлопыванием margins смежных сестринских элементов. Margins перекрываются таким образом, что больший из двух margin будет составлять размер разрыва, таким образом, в данном случае разрыв будет равен 1em.

Однако происходит еще кое-что странное. Вы заметили, что верхний margin первого параграфа не создает промежуток между ним и голубым контейнером div? Вместо разрыва, он будто вкладывает margin в родительский div, как если бы div имел верхний margin. Это называется Схлопывание margins родительского и первого/последнего дочерних элементов. Этот тип схлопывания margins не будет происходить при определенных обстоятельствах, если родительскому элементу свойственно следующее:

  • Присутствует верхний/нижний padding больший нуля
  • Присутствует верхний/нижний border больший нуля
  • Задан Блочный контекст форматирования, который может быть создан с помощью overflow: hidden или overflow: auto
  • Задано свойство display: flow-root (плохая поддержка браузерами)

Когда я с удовольствием объясняю людям эту небольшую CSS-деталь и решаю это с помощью padding или border, ответ почти всегда: «А что насчет padding или border, равных 0?». Ну, это не работает, потому что значение должно быть целым положительным числом.

В предыдущем примере, padding размером в 1 px позволяет нам переключиться между использованием схлопывание и предотвращением схлопывания margins родителя и дочернего элемента. Промежуток, который отображается между первым/последним параграфом и родительским элементом, это padding размером 1 px, но теперь margin считается внутренней частью контейнера, поскольку слой padding создаёт барьер, предотвращающий схлопывание margins.

Что касается вопроса, я уверен, что вы можете увидеть, в чем проблема в этом интерфейсе:

У первого элемента с классом .comment (без класса .moderator) происходит схлопывание margins. Даже без просмотра кода мы можем увидеть, что у элемента с классом .moderator есть рамка, а у элемента без этого класса нет. В этом вопросе фактически было три ответа, которые считались правильными.Каждый из них на самом деле, уже применен в исходнике CodePen, они просто закомментированы.

Одна из причин, по которой этот тип схлопывания margins не так широко известен, как другие, заключается в том, что имеется множество ситуаций, при которых мы можем случайно избежать этого. Flexbox и Grid-элементы создают блочный контекст форматирования, поэтому при их использовании мы не сталкиваемся с этим типом схлопывания margins. Если бы интерфейс наших комментариев был реальным проектом, велики шансы, что со всех четырех сторон у нас были заданы paddings, чтобы оставить пространство вокруг, а это, в свою очередь, исправило для нас схлопывание margins.

Вопрос 5: Процент от чего?


Когда используются единицы измерения в процентах, проценты основываются на ширине или высоте содержащего блока (обычно это родительский элемент). Как мы уже говорили ранее, элемент со свойством transform станет содержащим блоком, поэтому когда элемент использует transform, единицы измерения в процентах (только для transform) основываются на собственном размере элемента, а не на размере родителя.

В примере ниже мы можем видеть, что 50% принимают два разных значения в зависимости от контекста. Первый красный блок имеет свойство margin-left: 50%, а второй красный блок использует transform: translateX(50%).
https://codepen.io/bradwestfall/pen/Kbzyrq

Вопрос 6: Блочная модель наносит новый удар…


Только вы подумали, что мы закончили говорить о блочной модели…
https://codepen.io/bradwestfall/pen/maOJmO

Проблема проявляется из-за того, что мы используем width: 100% для футера и одновременно с этим добавляем padding. Ширина контейнера равняется 500 px, что значит, что слой content футера (будучи 100%) также равняется 500 px еще до того, как к этому размеру добавятся paddings.

Проблема может быть исправлена одной из двух распространенных техник:

  1. Использовать свойство box-sizing для футера напрямую или через сброс, который упоминался раньше
  2. Удалить у элемента свойство width и вместо него применить свойства left: 0 и right: 0. Это хороший пример одновременного использования свойств left и right. Такой подход позволит избежать проблем блочной модели, потому что свойство width будет использовать своё значение по умолчанию auto, чтобы заполнить любое доступное пространство между padding и borders, когда установлены left: 0 и right:0.

Примечание: одним из вариантов было удаление padding у футера. Технически это исправило бы проблему, потому что слой content был бы 100% и не имел padding или border, чтобы расшириться за пределы ширины контейнера. Но я думаю, это решение является неправильным подходом, потому что мы не должны менять наш интерфейс, чтобы приспособиться к проблемам блочной модели, которые и без этого легко исправляются.

Реальность для меня заключается в том, что у меня всегда выставлено свойство box-sizing: border-box, как часть моего общего сброса стилей. Если вы поступаете так же, скорее всего редко сталкиваетесь с этой проблемой. Но мне все равно нравится приём с одновременной установкой свойств left:0 и right:0, потому что, как показывается время, он более надежен (во всяком случае, судя по моему опыту), чем решение проблем блочной модели, возникающих из-за ширины 100%.

Вопрос 7: Центрирование абсолютных и фиксированных элементов


Теперь мы действительно начинаем объединять весь материал, описанный выше, с центрированием абсолютных и фиксированных элементов:

Поскольку мы уже охватили большую часть материала этого тестового вопроса, я просто обозначу, что горизонтальное и вертикальное центрирование может быть выполнено «олдскульным» методом через отрицательные margins, или более новым с помощью свойства transform. Также представляю вашему вниманию отличное CSS-Tricks руководство по центрированию элементов.

Примечание: некоторое время назад утверждали, что если мы знаем ширину и высоту блока, должны использовать отрицательные margins, потому что они работают более стабильно, чем новое свойство трансформации. В данный момент трансформация работает стабильно и я почти всегда использую именно это свойство, если только мне не нужно избежать преобразования блока в содержащий.

Вопрос 8: Центрирование элементов в нормальном потоке


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

.parent { display: flex; }
.child { margin: auto; }


https://codepen.io/bradwestfall/pen/GPNmbM

Примечание: заметьте, что у flex-элементов margin: auto применяется к верху, низу, правой и левой стороне, чтобы центрировать элемент вертикально и горизонтально. Раньше вертикальное центрирование не работало для блочных элементов, поэтому достаточно распространена запись margin: 0 auto;

Вопрос 9: Расчеты с разными единицами измерения


Использование функции calc () прекрасно, когда нужно работать с двумя единицами измерения, которые мы не можем сложить самостоятельно или когда нам нужно сделать дроби более простыми для восприятия. Этот тестовый вопрос предлагает нам выяснить, каким будет результат выражения calc(100% + 1em), отталкиваясь от того факта, что ширина элемента div равна 100 px. Это могло немного запутать, потому что на самом деле, не имеет значения, что ширина элемента div равняется 100 px. Проценты всегда отталкиваются от ширины родителя, поэтому правильным ответом был:»100% содержащего (родительского) блока плюс 1em».

Существует несколько ситуаций, в которых я регулярно использую calc(). Во-первых, всякий раз, когда я хочу сместить что-то на 100%, но также добавить фиксированное количество дополнительного пространства. Выпадающие меню могут быть хорошим примером этого:

Особенность здесь в том, что мы хотим сделать выпадающее меню, которое может быть использовано вместе с вызывающими его элементами разного размера (в этом случае, два разных размера кнопок). Мы не знаем, какая будет высота элемента, вызывающего это меню, но мы знаем, что top: 100% разместит верхний край выпадающего меню у нижнего края вызывающей кнопки. Если каждое меню должно быть у нижнего края соответствующей кнопки, плюс 0.5em, этого можно добиться с помощью calc(100% + 0.5em). Конечно, мы также могли использовать top: 110%, но эти дополнительные 10% зависели бы от высоты вызывающей кнопки и контейнера.

Вопрос 10: Отрицательные margins


В отличие от положительных margins, которые отталкивают сестринские элементы, отрицательные margins притягивают их ближе друг к другу без смещения сестринских элементов. Этот финальный вопрос теста предлагает два решения, оба из которых технически приводят к устранению двойной рамки в нашей группе кнопок, но я настоятельно предпочитаю технику отрицательного margin, потому что удаление рамок сделало бы более сложным выполнение определенных приёмов, таких как эффект наведения мыши.

Получившийся эффект представляет собой «общую границу», которая отображается между кнопками. На самом деле, кнопки не могут иметь общую границу, поэтому нам нужно использовать приём с отрицательным margin, чтобы одна рамка перекрывала другую. Потом я использую z-index, чтобы устанавливать, какую рамку я хочу поместить выше другой, основываясь на состоянии наведения мыши. Обратите внимание, что z-index полезен здесь даже без использования абсолютного позиционирования, но пришлось задать position: relative. Если бы я использовал технику удаления левой рамки у второй кнопки, этот эффект было бы гораздо сложнее реализовать.

Всё это имеет смысл


Я хочу показать вам еще одно последнее демо, которое использует много приёмов, которые мы обсуждали до этого. Задача — создать плитки, которые расширяются до левого и правого края контейнера с учетом отступов. Под плитками я подразумеваю возможность иметь список блоков, которые переносятся на следующую строку, когда места по ширине не хватает. Наведите на плитки, чтобы увидеть результат:

https://codepen.io/bradwestfall/pen/JwbVRp

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

  1. Наличие трёх плиток с шириной 33.33% в совокупности с margin не смогут поместиться в строке. Хотя box-sizing позволяет нам иметь padding и borders у элемента .tile и умещаться в 33.33%, это не поможет нам в случае с margins —, а это значит, что рассчитываемая ширина трёх плиток будет больше 100%, что вынудит последнюю плитку перенестись на следующую строку.
  2. Крайняя левая и правая плитки больше не будут прилегать к краю контейнера.

Первая проблема может быть решена с помощью calc((100% / 3) - 1em). Что значит 33.33% минус левый и правый margins каждой плитки. Схлопывание смежных сестринских элементов здесь происходить не будет, так как оно возможно только у верхнего и нижнего margin. В результате горизонтальное расстояние между двумя плитками — это сумма двух margins (1em). В этом случае схлопывание также не применится к верхним и нижним margins, потому что первая и последняя плитка технически не являются смежными, даже если визуально одна находится под другой.

С помощью приёма с calc(), три плитки могут поместиться в строке, но они все еще не прикасаются к краям контейнера. Для этого мы можем использовать отрицательные margins в размере, равном левому и правому margin каждой плитки. Зеленая точечная линия в примере — это контейнер, где мы применим отрицательные margins, чтобы нарисовать плитки, соответствующих краю окружающего содержимого. Мы можем видеть, как они прилегают к области padding родительского элемента. Это нормально, потому что отрицательные margins не отталкивают окружающие соседние элементы.

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

Существует много способов сделать плитки (и обычно они имеют свои преимущества и недостатки). Например, существует довольно элегантное решение с использованием CSS Grid, над которым рассуждал Хейдон Пикеринг. Данное решение реализуется с использованием техники, которая имитирует запросы к контейнерам (но с помощью магии Grid). В конечном счете, его решение с использованием Grid лучше, чем flexbox, которое я продемонстрировал, но имеет худшую поддержку браузерами.

Резюме


В начале я заявил, что склонен искать шаблоны при решении проблем. Эта статья не столько о продемонстрированных выше сценариях; она больше о наборе инструментов, которые можно использовать для решения этих и многих других проблем вёрстки, с которыми мы все можем столкнуться. Я надеюсь, что эти инструменты помогут вам.

Кстати, есть ряд отличных ресурсов, которые тщательно разбирают тему блочной модели. В первую очередь, статьи Рэйчел Эндрю и Джен Симмонс, с которыми определенно стоит ознакомиться.

  • Box Alignment Cheatsheet — отличный материал с визуальными элементами, которые подчеркивают различные свойства, которые влияют на то, как элементы выравниваются либо сами по себе, либо относительно других элементов
  • Jen Simmons Labs — множество полезных публикаций, демо и экспериментов с использованием современных методов разметки.

© Habrahabr.ru

pcnews.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о