Тема 4. Продолжаем делать сайт

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

На вашем сайте должны быть следующие страницы:

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

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

Нужно ли изучать историю и культуру Санкт-Петербурга?

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

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

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

Дата проведения занятия 6.12.19, 13.12.19, 20.12.19

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

Сайт - это система электронных документов в компьютерной сети под общим адресом (доменным именем или 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. Современные технологии и их влияние на экосистему Земли. Защита проектов

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

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

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

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

Срок появления сообщения в блоге - после каникул 8.11.19

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

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

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

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

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

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

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

1. План презентации - по вашему усмотрению
   Количество слайдов - не менее 6 смысловых + титульный слайд + слайд со ссылками на использованные ресурсы. 
2. На титульном слайде указать: название темы, свою фамилию, имя, класс, школу, год
3. Каждый смысловой слайд должен иметь заголовок. На каждом смысловом  слайде желательно разместить изображение.
4. Правила оформления ссылок - читать ниже 
5. Правила компьютерного набора текста можно посмотреть ЗДЕСЬ

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

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. Современные технологии и их влияние на экосистему Земли

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этапы работы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема 8. Начала HTML

Дата проведения занятия 20.03.19, 10.04.19

Мы  предлагаем ознакомиться с введением в курс HTML и немного разобраться с языком тегов. Прочитать и выполнить задания по ссылке.
Далее - создать "вручную" страницу с вузами, аналогичную странице из вашего сайта
Сравнить эти страницы :))

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

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

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

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

Оценка сайта

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

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

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

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

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

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

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


Закончить работу с сайтом к 20.02.19, подготовить сайт к демонстрации

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

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

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

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

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

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

Итак, мы добрались до объекта, который впервые появился именно на 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. Покажите работу учителю