Тема 4. Списки и иллюстрации на страницах сайта

Дата проведения занятия 19.12.18

Список — форма представления объектов в виде перечисления элементов. Форматирование каждого элемента списка — одинаковое.
Объектами списка могут быть тестовые абзацы, картинки и другие списки
В HTML элементы списка оформляются как контейнер (парный тег), включающий в себя по одному тегу для каждого элемента списка

Практическая работа с сайтом

1. Оформить в виде списка:
   • Перечень профессий на странице Профессии
   • Перечень ссылок на веб-страницы на странице Ссылки (Начать оформление)
2. Подобрать иллюстрации к ВУЗам. Найти в сети фотографии соответствующих ВУЗов, скачать их, поместить в папку на своем локальном ПК

Тема 3. Разработка веб-сайта в облачной среде

Дата проведения занятия 28.11.18, 19.12.18

Что такое сайт

Сайт - это система электронных документов в компьютерной сети под общим адресом (доменным именем или IP-адресом). 
Первый в мире сайт info.cern.ch появился в 1991 году. Его создателем был Тим Бернерс-Ли

Ваша задача - построить свой самый первый Google - сайт. 

Тема сайта - "Перспективные профессии в одной из отраслей Российской экономики" 
Например,  "Перспективные профессии в медицине"
17.04.2015  Агентство стратегических инициатив выпустило обновленную версию Атласа новых профессий, продемонстрировав результат масштабных исследований с участием более 2,5 тыс экспертов. Поэтому и мы перечень отраслей и перечень профессий возьмем в Атласе новых профессий-2016 

A. Продумайте структуру и состав сайта

Что такое структура сайта?

Выберите в Атласе интересующую вас отрасль экономики. Ваш сайт должен включать следующие страницы:

1. Главная страница - характеристика выбранной отрасли экономики (текст + иллюстрация)
2. Профессии - список профессий и их краткая характеристика (список)
3. Вузы, в которых этому научат (таблица, ссылки, изображения)
4. Потенциальные работодатели (список, ссылки, изображения)
5. Ссылки на источники (список WEB-страниц)

В  тетради (возможно,в тетради для контрольных работ)  схематично  изобразите внутреннюю структуру сайта, дайте  URL   и название сайту и отдельным страницам в соответствии с выбранной темой 

1. URL сайта: 

• 640-10-свои-инициалы-techno,  (латинскими буквами)
• например: 640-10-AT-techno 

2. Название сайта -- придумайте сами

3. Страницы также называются латинскими буквами. К каждой странице напишите аннотацию: 1-2 предложения о том, что будет на этой странице.

B. Создайте Google - сайт

1. Внимание! Мы будем работать с обновленной версией Google-сайтов, которая недавно появилась. Поэтому работаем в режиме исследования!
2. Для создания обновленного сайта  в Приложениях Google (Вкладка Почта или Диск) выберите Сайты, затем в самой нижней строке выберите ссылку Справочный центр, вы попадете на страницу со справочной информацией по созданию обновленных сайтов. 
3. Создайте обновленный сайт с вашим  URL .
4. Выберите тему сайта (ее потом можно будет заменить)

C. Измените Название сайта, Установите доступ

Выполните эти действия в соответствии со справкой по сайтам

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

1. В правом меню Вставка-Страницы-Темы выберите значок  Создать страницу , 
2. Укажите название страницы + ее номер в списке страниц. (Совет: пишите номер + название русскими буквами, конструктор сам переведет название в латиницу)
3. Внесите на каждую страницу текст аннотации

Не забудьте опубликовать свой сайт!
Учителю пришлите письмо, в котором укажите URL - адрес своего сайта и его название

Тема 2. Современные технологии и их влияние на экосистему Земли. Подведение итогов

Дата публикации сообщения 26.11.18

После совместного просмотра презентаций по теме "Современные технологии и их влияние на экосистему Земли" хотелось бы увидеть обзор наиболее понравившихся вам презентаций в ваших блогах.
К сожалению, не все в срок к 21.11.18 представили свои работы в блогах. (Смотрите ссылку на блоги 10 классов в блоге Технологии 10 класса).
Пожалуйста, внесите свои сообщения в блоги до 28.11.18
Сейчас я приведу наиболее часто встречающиеся ошибки - проверьте сообщения в блогах и исправьте их!

• Неверно указана общая тема работы
• Отсутствует заголовок сообщения в блоге (поле заголовка не заполнено)
• Ссылки открываются не в новой вкладке, закрывая тем самым ваш блог
• Ссылки в тексте оформлены неверно. Слайд со ссылками оформлен неверно (как правильно - смотри сообщение от 17.10.18)
• Орфографические  ошибки
• Ошибки набора и форматирования текста. После знаков препинания необходимо ставить пробел. Сам знак препинания не является разделителем! Это правило действует для любых текстов, набираемых на компьютере, по любому предмету! Вот неверно отформатированный фрагмент текста:
  "...Электроэнергетика-отрасль энергетики,включающая в себя производство,передачу..."
  А он должен выглядеть так:
   "... Электроэнергетика - отрасль энергетики, включающая в себя производство, передачу..."

Тема 2. Современные технологии и их влияние на экосистему Земли. Защита проектов

Дата проведения занятия 14.11.18

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

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

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

Критерии для оценивания     Бланк для оценивания
Здесь ссылки на ваши блоги и презентации

Тема 2. Современные технологии и их влияние на экосистему Земли. Продолжение

Дата проведения занятия 17.10.18

Проверьте, что вы выполнили задание по Теме 1 (срок - 1.10.18): - подготовить короткое сообщение о любом известном ученом и (или) сделанном им открытии в истории науки или техники в ХХ - ХХI веке. Это должно быть связное сообщение с одной или несколькими иллюстрациями. Это сообщение разместить в собственном блоге. Здесь ссылки на ваши блоги

На уроке продолжаем работать над собственной темой. Каждый ученик готовит собственную презентацию. 
Презентация должна находиться в вашей облачной папке 10Techno-yyyyy,  где yyyyy - ваша фамилия
Срок предъявления презентации - 5.11.18, понедельник
Защита презентаций - 7.11.18, среда. Из-за того, что несколько презентаций не были готовы, защита переносится на 14.11.18

Оформление презентации

1. Титульный слайд
2. Не менее 6 смысловых слайдов
3. Слайд со ссылками на использованные ресурсы.

Что может использоваться в качестве гиперссылки?

1. Фрагмент текста
2. Изображение

Как правильно сослаться на интернет-ресурс на странице ссылок?

Ссылаться на Интернет-ресурсы необходимо в соответствии с государственным стандартом ― ГОСТом Р 7.0.5-2008 «БИБЛИОГРАФИЧЕСКАЯ ССЫЛКА»: Общие требования и правила составления, который вступил в силу с 01.01.2009 года.

Пример правильного оформления ссылки на интернет-ресурс:
Википедия. Растровый графический редактор. (Дата обращения 24.01.2018)

А так оформлять не надо!!! Хотя и попадем куда требуется :))
https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B2%D1%8B%D0%B9_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80 

 

Цели исследования:

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

План исследования

1. Изучить, что собой представляет данная технология
2. Выявить суть проблемы - для каждой изучаемой области - какое влияние оказывается на экологию.
3. Причины возникновения этой проблемы.
4. Экологическая ситуация по данной проблеме в изучаемой области.
5. Прогноз развития проблемы.
6. Возможные пути решения.

Темы для работы

1. Влияние на экосистему современных промышленных технологий.  Электроэнергетика  (стр 62)
2. Влияние на экосистему современных промышленных технологий. Земледелие и растениеводство (стр 73)
3. Влияние на экосистему современных промышленных технологий. Животноводство (стр 78)
4. Влияние на экосистему современных технологий. Агропромышленный комплекс (стр 83)

Этапы работы

Этап 1. Изучение материала
Этап 2. Исследование
Этап 3. Подготовка презентации
Этап 4. Взаимооценивание

Тема 2. Современные технологии и их влияние на экосистему Земли

Дата проведения занятия 3.10.18

Какие условия нужны для жизни человечества?
Посмотрите, "Кем стали люди на планете Земля"

На исторических примерах можно видеть, какие проблемы создают достижения промышленных технологий - посмотрим "Хроники планеты Земля"

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

Все созданные человечеством технологии направлены на потребление природных ресурсов и основаны на том, что биосфера является “кладовой” этих ресурсов.

И что из этого получается? Посмотрим презентацию:

Технологии и природные ресурсы

Исследуем, как влияют на экосистемы современные технологии различных отраслей производства. Работаем группами по 2-3 человека.  

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

Цели исследования:

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

План исследования

1. Изучить, что собой представляет данная технология
2. Выявить суть проблемы - для каждой изучаемой области - какое влияние оказывается на экологию.
3. Причины возникновения этой проблемы.
4. Экологическая ситуация по данной проблеме в изучаемой области.
5. Прогноз развития проблемы.
6. Возможные пути решения.

Темы для групповой работы

1. Влияние на экосистему современных промышленных технологий.  Электроэнергетика  (стр 62)
2. Влияние на экосистему современных промышленных технологий. Земледелие и растениеводство (стр 73)
3. Влияние на экосистему современных промышленных технологий. Животноводство (стр 78)
4. Влияние на экосистему современных технологий. Агропромышленный комплекс (стр 83)

Этапы работы

Этап 1. Изучение материала
Этап 2. Исследование
Этап 3. Подготовка презентации и самооценивание по критериям
Этап 4. Взаимооценивание 

Критерии для оценивания     Бланк для оценивания

Тема1. Технология и техносфера

Дата проведения занятия 19.09.18

Часть 1. Понятие технологии

1. Откуда произошло слово "технология"? 
2. Что называют словом технология?
3. Какие виды промышленных технологий сегодня существуют?
4. Какие проблемы решает любая производственная  технология?
5. Какие составляющие входят в любую производственную технологию?

Эти вопросы разберем с помощью учебника.
Поработайте с заданиями   в документе Технология10-1.

Часть 2. Технологические уклады

Знаете ли вы, что такое катапульта, праща, водочерпальное колесо? Где они применялись?
Человечество прошло в своем развитии несколько технологических укладов - преобладающих способов производства. 
Технологический уклад - совокупность освоенных обществом технологий на определенном этапе исторического развития.

Для каждого уклада приведите по 2 примера наиболее значимых изобретений или открытий, назовите их авторов (для первых двух этапов автора трудно будет найти :).

Часть 3. Связь технологий с наукой, техникой, производством

1. Какую роль играют техника и технологии в развитии человечества? 
2. Согласны ли вы с тем, что "нет ничего практичнее хорошей теории"? Как можно объяснить это утверждение?
3. Когда у человечества появилась потребность в научном знании?
4. Какова роль науки в развитии производственных технологий?

Эти вопросы разберем с помощью учебника.
Продолжайте работать с   документом Технология10-1.

Домашнее задание  к следующему занятию. Не позднее 1.10.18 - подготовить короткое сообщение о любом известном ученом и (или) сделанном им открытии в истории науки или техники в ХХ - ХХI веке. Это должно быть связное сообщение с одной или несколькими иллюстрациями. Это сообщение разместить в собственном блоге. Здесь ссылки на ваши блоги

В сообщении обязательно отметить:

1. К какому технологическому укладу относится открытие или работы этого ученого. Обосновать
2. В чем (кратко) заключается открытие
3. Какую роль сыграло это открытие (или работы этого ученого) в развитии технологии

Тема 9. Профориентационная игра

Дата проведения занятия 18.05.18

     Представим себе, что мы находимся в Национальном Банке некоторой европейской страны...

В банке открылась вакансия - очень видный пост. На эту работу претендуют несколько кандидатов. У всех отличные резюме, рекомендации. Все слывут финансовыми гениями. С точки зрения профессиональной пригодности – все идеальны. Но место достанется только одному. 
  Кого принять на работу? Это решает Правление Банка. В Правлении есть два типа руководителей. Первые – тираны. Резкие. Грубые. Привыкли выжимать из подчиненных все соки. Вторые – лапушки. Добрые. Милые. Стараются быть всем друзьями.

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

     Что же будет дальше? Это вы узнаете на уроке...

Напишите сообщение в блоге по итогам игры. 

• Какой стиль руководства вам кажется более правильным? 
• Какие качества привлекают работодателей? 
• Каковы ваши сильные  стороны при приеме на работу?

Желаем интересно провести урок!

Тема 8. Подготовка к тестированию PISA

Задания находятся здесь.

Тема 7. Демонстрация и оценка сайтов

Дата проведения занятия 2.03.18

Тема сайтов - "Новые профессии в XXI веке"

Сегодня вы демонстрируете Google-сайты, над которыми работали в течение декабря-февраля.
Ваши Google-сайты говорят сами за себя! Оценивать вашу работу будут ваши же одноклассники.

Оценка сайта

Давайте  вместе оценим, что получилось. Для оценки применим метод "6 шляп"
Вам предназначены разные роли в зависимости от цвета "надетой" шляпы

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

Cсылки на ваши сайты можно посмотреть ЗДЕСЬ-Сайты Гр1 и ЗДЕСЬ-Сайты Гр2
Технология оценки сайтов приведена ЗДЕСЬ Пожелаем всем нам успеха!

Тема 6. Изображения на страницах сайта

Дата проведения занятия 2.02.18

На веб-странице можно размещать изображения только в тех графических форматах, которые распознаются браузером. Это форматы GIF, PNG, JPG (JPEG). Мы уже встречались с этими форматами, когда изучали графический редактор GIMP
Давайте освежим свои знания - посмотрим  слайды 16-22 презентации К.Ю.Полякова «Компьютерная графика и анимация». Часть II

В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Подробнее о форматах можно прочитать ЗДЕСЬ.
Давайте теперь обратим внимание на размеры изображения (высота и ширина).Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. 
Поэтому рекомендуется всегда записывать эти атрибуты и указывать в них естественные размеры картинки. Если размеры указываются неверно — картинка выводится браузером с искажением. Если указание размеров вовсе опущено — на экране происходит маленькое землетрясение в момент прихода картинки из сети. Ведь, не зная размеров картинки, браузер оставляет под нее на экране стандартный прямоугольник, продолжая строить остальные элементы. Когда картинка загружена, браузеру приходится полностью перерисовывать экран. 


Задача на сегодня:  подобрать и обработать изображения, которые будут на страницах сайта

Практическая работа с сайтом

1. На локальном диске в своей папке по ИКТ создать папку web-img
2. Поместить в эту папку все изображения, которые вы хотите разместить на страницах сайта.
3. В GIMP изменить размеры изображений.
   Требования к каждому изображению:
   • Разрешение для вывода на экран 96 ppi
   • Ширина для картинок с ВУЗами - не более 250 пикселей
   • Ширина для логотипов организаций  100-150 пикселей
   • На главной странице - изображение -ширина не более 500 пикселей
   • Размер каждого файла - 100 - 200 Кб
4. Показать папку с изображениями учителю
5. Внести изображения на страницы сайта (загрузить с локального диска):
   • На главной странице .
     Сегодня ввести текст и подпись к фотографии
   • На странице с ВУЗами: не менее 4-х картинок Для каждого ВУЗа - ввести название, которое затем сделать ссылкой на WEB-страницу ВУЗа. Страница в итоге не должна занимать более 2-х экранов, лучше один экран
   • На странице с потенциальными работодателями поместить логотипы организаций  и ссылки на их  WEB-страницы
6. Показать сайт учителю

Тема 5. Ссылки на страницах сайта

Дата проведения занятия 26.01.18

Итак, мы добрались до объекта, который впервые появился именно на WEB-страницах с легкой руки  Тима Бернерс-Ли, а уж потом перекочевал в другие приложения, например, в презентации и текстовые документы. Речь идет о гиперссылках.
Гиперссылка — это часть электронного документа, которая ссылается на другой элемент самого документа или на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети. Посмотрите, как определяет гиперссылку наша любимая Википедия
А вот что писал по поводу гипертекстовых документов А. А. Дуванов.


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

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

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

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

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

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

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

Как отличить гиперссылку в тексте и воспользоваться ею? 

• гипертекстовые ссылки среди других элементов текста выделяются цветом (практически всегда) и подчеркиванием (иногда); 
• мышиный курсор на ссылке меняет свою форму и превращается в указующий перст (всегда!); 
• для перехода по ссылке необходимо щелкнуть по ней мышкой; 
• для возврата из ссылки можно использовать навигационную кнопку браузера Назад (Back). 
• ссылка может быть внутренней (переход внутри данного документа)
• ссылка может быть внешней (на объект вне данного документа)

Что может использоваться в качестве гиперссылки?

• фрагмент текста
• изображение

Как правильно сослаться на интернет-ресурс на странице ссылок?

Ссылаться на Интернет-ресурсы необходимо в соответствии с государственным стандартом ― ГОСТом Р 7.0.5-2008 «БИБЛИОГРАФИЧЕСКАЯ ССЫЛКА»: Общие требования и правила составления, который вступил в силу с 01.01.2009 года.

Пример правильного оформления ссылки на интернет-ресурс:
Википедия. Растровый графический редактор. (Дата обращения 24.01.2018)

А так оформлять не надо!!! Хотя и попадем куда требуется :))
https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B2%D1%8B%D0%B9_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80 

Практическая работа с сайтом

1. При создании ссылки в поле Отображаемый текст помещается тот текст, который становится ссылкой. В поле Связать с Веб-адресом помещается адрес WEB-страницы или документа. Каждая внешняя ссылка должна открываться
   В НОВОМ ОКНЕ
2. Перед тем, как нажать ОК, проверьте ссылку
3. На страницах ВУЗы и Потенциальные работодатели необходимо сделать ссылки на страницы соответствующих сайтов. Ссылкой может быть название вуза (Работодателя) или изображение!
4. На странице Ссылки необходимо привести ссылки на все сайты и документы, которые вы использовали при создании данного сайта. Возможно, какие-то ссылки уже встречались на ваших страницах - значит, их можно просто скопировать. Не забудьте после наименования сайта вставить слова: Дата обращения: дд.мм.гггг. Например, Дата обращения: 24.01.2018
5. Оформите страницу Ссылки как список
6. Покажите работу учителю