presentation2

реклама
Ясенево – жемчужина
Москвы
Автор(ы): Витковская Таисия, Соколова Вероника,
Плытник Анна
Школа: ГБОУ СОШ №2103 СП «СОШ №789»
Класс: 6, 8 классы
Руководитель: Криваксин Андрей Викторович
Проведение анкетирования в 5-11 классах
показали, что только 37% учащихся
знакомы с историей района Ясенево –
районе, в котором живут.
Количественные показатели анкетирования
изображены на диаграмме на следующем
слайде.
Возникла идея создать сайт, который бы
рассказал жителям Ясенево о своем
районе.
Почему сайт?
Сайт можно разместить в интернете и
информация будет доступна широкому
кругу пользователей.
• 1 этап.
Изучение литературы и других источников,
в которых рассказано о Ясенево: его
истории, известных личностях, памятных
местах.
В качестве источников информации
использовались книги:
• «Родной район, ты сердцу дорог»
• «История Юго-Западного округа Москвы»
Интернет-ресурсы:
• Википедия
• 2 этап
Разработка структуры будущего сайта,
взаимосвязи страниц сайта. Подбор
изображений и дизайна сайта
Сайт содержит главное меню (слева), с
которого можно перейти на основные
разделы сайта:
На карте
Фотоальбом
Известные
люди
С любовью о
Ясенево
Памятные
места
Как все
начиналось
Символика
История
ясенево
Схематично структуру основных разделов
можно изобразить следующим образом
Главная
Некоторые разделы сайта имеют подменю:
История ясенево:
Символика:
Ясенево
Герб
Ухкое
Флаг
Верхние Теплые Станы
Голубино
Фотоальбом:
"Назад в прошлое"
Прогулка по Ясенево
Битцевский парк
Места отдыха
Памятные места:
О храме апостолов Петра и Павла
Военным морякам посвящается
Аллея Героев
Памяти Героя Советского Союза
М.В.Грешилова
О памятниках погибшим воинам
в Узком
Обелиск Славы
ДОТ
• 3 этап
Создание сайта, используя средства HTML,
CSS и JavaScript.
• Сайт создавался учащимися 6-го и 8-го
классов, занимающихся сайтостроением с
прошлого года
• В качестве редактора использовался
«NotePad++».
• Для снятия скриншотов использовался
«Яндекс-скриншот»
Сайт выполнен в «Блочной верстке» (с
использованием тега <div>)
Благодаря этому сайт получил более интересный
дизайн:
 закругленные углы блоков
 эффект «плавающих блоков»
А также более короткий и понятный html-код
страницы
Расположение блоков можно посмотреть на
следующем слайде.
Для задания стиля
использовался CSS
– каскадные
таблицы стилей
Часть кода страницы index.html
Страница «Мы на карте» использует API
Яндекса
Пример JavaScript на сайте – открытие
изображения в новом окне
<script type="text/javascript">
function openImageWindow(src) {
var image = new Image();
image.src = src;
var width = image.width;
var height = image.height;
window.open(src,"Image","width
=" + width + ",height=" + height);
}
</script>
• С результатом можно ознакомиться по
адресу yasenevo.sch789.ru
• Сайт получил положительную оценку
учителей истории школы и будет
использоваться на уроках истории и
классных часах как онлайн учебник
Отзыв учителя истории – Юрковой Галины Ивановны
«Очень хороший сайт! Молодцы девочки, что
решили создать такой проект.
Действительно, настоящее поколение не
интересуется историей своей малой Родины.
Очень надеюсь, что ваш труд не будет
напрасным! И ваш сайт принесет пользу
вашим сверстникам!»
Скачать