Практическая работа № 2.5 Разработка сайта «Моя семья»

Цель работы: знакомство с интерфейсом программы KompoZer, работа со шрифтами, вставка гиперссылок. 

Задание
Уровень 2

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

Страница 1 (имя файла — index.htm)

Заголовок окна: Моя семья.

Заголовок страницы: Моя семья (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Текст страницы:

Привет всем, кто посетил мой сайт. Меня зовут Алексеев Илья. Мне 11 лет. Я учусь в 5-м классе школы № 15 города Энска. Мои любимые предметы в школе — математика и информатика. В будущем я хочу стать специалистом в области компьютерной безопасности.

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

А теперь я расскажу про свою семью.

Гиперссылки (на страницу 2, страницу 3 и страницу 4):

- Мама; 
- Папа; 
- Сестра.

Примечание. Гиперссылки должны располагаться по центру столбиком (друг под другом). Между гиперссылками вставить по одной пустой строке. Шрифт для гиперссылок — Arial, размер — medium.

Страница 2 (имя файла — mother.htm)

Заголовок окна: Моя мама.

Заголовок страницы: Моя мама (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Содержание:

Мою маму зовут Ольга Сергеевна. Ей 33 года. Она окончила эко-номический факультет нашего университета и работает бухгалтером в большой туристической фирме. Иногда ей приходится работать даже в выходные дни.

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

Примечание. Все абзацы текста должны быть выровнены по ширине. Шрифт — Comic Sans MS, размер — medium.

Страница 3 (имя файла — father.htm)

Заголовок окна: Мой папа.

Заголовок страницы: Мой папа (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Содержание:

Моего папу зовут Егор Семенович. Ему 37 лет. У него два высших образования: юридическое и экономическое. Он работает юрисконсультом в банке. У папы очень много работы и мало свободного времени.

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

Примечание. Первый абзац текста должен быть выровнен по левой границе, второй — по правой. Шрифт — Arial, размер — medium.

Страница 4 (имя файла — sister.htm)

Заголовок окна: Моя сестра.

Заголовок страницы: Моя сестра (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Содержание:

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

Примечание. Абзац текста должен быть выровнен по ширине. Шрифт — Comic Sans MS, размер — medium. 

Информатика 8 класс                                    Урок 17                       Дата : 14.01.2019г.

ТЕМА:

Практическая работа №9    «Проектирование   однотабличной БД  и

    создание БД на компьютере»

Цель: формирование навыков создания однотабличной БД, воспитание информационной культуры, содействовать воспитанию интереса к предмету, формировать интерес к техническому образованию

Планируемые результаты:

Предметные: анализировать  предметную область, разрабатывать структуру таблицы, проектировать поля, определять их тип, определять  ключевые поля , создавать структуру с помощью  Конструктора , создавать  формы с помощью Мастера форм.

 Метапредметные: представление о сферах применения информационных систем и баз данных.

Познавательные УУД: умение проводить анализ и структурирование информации, умение определить тип поля таблицы, умение спроектировать таблицу с помощью СУБД Access.

Регулятивные УУД: умение определять  цель урока и ставить  задачи, необходимые для  её достижения.

Коммуникативные УУД: участие в общем обсуждении, умение аргументировать свою точку зрения, выслушивать собеседника.

Личностные: понимание роли информационных систем и баз данных в жизни современного человека.

 Тип урока: практическая работа

Оборудование: интерактивная доска, компьютеры, проектор, дидактический материал

Программное обеспечение: презентация, Приложение MS Access.

План урока:

1. Организационный момент (1 мин)
2. Техника безопасности в кабинете информатики (5 мин)
3. Актуализация знаний (5 мин)
4. Сообщение темы урока и постановка целей урока (2 мин)
5. Объяснение новой темы.(9 мин)
6. Практическая работа (18 мин)
7. Домашнее задание (2 мин)
8. Подведение итогов. Рефлексия. (3 мин)

ХОД УРОКА

1. Организационный момент

Проверка готовности учащихся к уроку, отметка отсутствующих.

Здравствуйте, ребята!

Как  вы настроены на сегодняшний урок?

2. Техника безопасности в кабинете информатики. Инструктаж. (презентация)

3. Актуализация знаний  Слайд 1

Давайте вспомним, что мы изучали на прошлых уроках:

• Что такое база данных?
• Какие базы данных вы знаете и в чём их различие?
• Какие типы данных вы знаете?
• Что такое первичный ключ?
• Что такое формат поля?
• Что называют СУБД?

(Ученики отвечают на вопросы)

4. Сообщение темы урока и постановка целей урока

На прошлом уроке мы с вами говорили о создании и заполнении базы данных в системе управления БД. Мы с вами говорили о том, что будем использовать для практических заданий СУБД MS Access. Тема нашего занятия: «Практическая работа №7 «Создание однотабличной БД»»

Целью нашей практики является: освоение технологии однотабличной БД.

Вы должны научиться:

- определять структуру БД;

- определять и создавать первичный ключ;

- создавать БД и таблицы в ней.

- уметь работать с формами….

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

Слайд 2

Создание базы данных состоит из трех основных этапов:

1. Проектирование БД.
2. Создание БД.
3. Заполнение БД.

Рассмотрим эти этапы более подробно.

         Слайд 3

1 этап. Проектирование базы данных (теоретическое построение информационной модели).

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

      Слайд 4

2 этап. Создание базы данных.

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

     Слайд 5

3 этап. Заполнение базы данных.

Включает в себя работу за компьютером  в среде СУБД по вводу данных с клавиатуры.

Слайд  6. Задание. Дана БД «Увлечение учащихся школы». Проанализировав данную информацию, учащиеся должны заполнить Структуру таблицы «Увлечение учащихся школы» и определить ключевое поле.

 Ключевое поле _________________________________

6. Практическая работа ( с демострацией )   Слайд 7

Практическое задание №7  ( ЦОР № 119358)

Тема: Создание однотабличной БД

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

2. Определить первичный ключ таблицы.

3. В режиме таблицы ввести в базу данных пять любых записей.

4. Добавить в структуру таблицы после поля «дата рождения» поле «рост».

5. Заполнить поле «рост».

6. С помощью мастера форм создать форму для редактирования таблицы.

7. В режиме формы ввести в таблицу пять любых записей.

8. Удалить из структуры таблицы поле «вес».

9. Удалить из таблицы вторую и пятую записи.

7. Домашнее задание  Слайд 8

• Задание на дом: § 12, вопросы 2, 3.
• Продумать структуру и типы полей  для создания баз данных: Страны мира, Мои друзья

8. Подведение итогов. Рефлексия.

Проверка практической работы  по возможности и выставление отметок за урок.

Что нового вы узнали сегодня за урок?

Что получилось, а что нет?

Какие вопросы возникли за время выполнения практической работы?

Литература:

1. Базовый учебник - Семакин И.Г., Залогова Л.А., Русаков. С.В., Шестаков Л.В. Информатика и ИКТ. Базовый уровень. 8 класс. – М.: БИНОМ. Лаборатория знаний,
2. Интернет ресурс  http://school-collection.edu.ru/catalog/rubr/a30a9550-6a62-11da-8cd6-0800200c9a66/63368/

Информатика и ИКТ                      

9 класс                                                   Урок№ 38                                          Дата:24.01.2019г.

Тема урока. Создание простейшей Web-страницы с использованием текстового редактора». ТБ. 

Цель: научить создавать  простейшие  Web-страницы с помощью HTML.

Задачи урока:

Познавательная

– Познакомить каждого ребенка с созданием Web-страницы в текстовом редакторе Блокнот.
   –Сформулировать основные принципы создания WEB-страниц;
   – Формировать навыки и умения работы с тегами языка HTML.

 Развивающая

– Развивать логику, умение анализировать, сравнивать, выделять главное, делать выводы,  высказывать свою мысль.

Воспитательная

– Воспитывать аккуратность, внимательность, вежливость и дисциплинированность

Формы и методы работы : фронтальная, индивидуальная  и парная.

Технологии: проблемное обучение, ИКТ- технологии, здоровьесберегающие технологии

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

Ход урока

I. Орг.момент.

– Здравствуйте ребята. Садитесь. Проверка готовности  к уроку, проверка отсутствующих.  

II. Актуализация опорных знаний. Мотивация

На сегодняшний день мы свою жизнь не представляем  без Интернета.

Отвечают на вопросы:

1) Для чего он вам нужен? (искать информацию, общаться)

2) Что же такое Интернет? (глобальная информационная система)

3) К какой сети относится интернет? (глобальная)

4) Что такое World Wide Web? (система документов, связанных между собой гиперссылками)

5) С помощью чего мы заходим в интернет? (с помощью браузеров)

6) Что такое браузер? (программа, предназначенная для просмотра Web-страниц)

7) Что такое Web-сайт? (совокупность взаимосвязанных страниц)

8) А что такое Web-страница? (отдельный документ имеющий собственный адрес)

9) Как может быть представлена информация на Web-странице? (в виде  текстов, рисунков, аудио и видеоклипов)

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

             Хотели бы вы сами создать свой сайт, со своим дизайном и по своей теме?

 Как вы думаете, чем мы сегодня займемся? (отвечают (созданием web-страниц))

Может кто-то сможет сформулировать  тему  нашего урока ?

Итак, тема нашего урока «Создание простой Web-страницы с помощью текстового редактора»

Какова  цель  нашего урока?   (Правильно,  научиться  создавать простейшие веб-страницы.)

       III. Изучение новой темы

       Сегодня мы с вами попробуем сами создать с помощью текстового редактора веб-страницу.

 Итак, как же создается простейшая веб-страница?

Для ее создания используют Язык HTML (HyperText Markup Language, язык разметки гипертекста) – это язык, на котором создаются Web-страницы. HTML-документы могут просматриваться различными типами Web- браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

Web-страницы могут быть созданы с помощью

1. обычного текстового редактора;

2. специальных инструментальных программных средств (Web-редакторов)

Слайд 2

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов – тэги.

Чаще всего тэги используются попарно, окружая размеченные фрагменты текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается от начального только присутствием символа «/», добавляемого перед именем тэга. При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре.

Слайд 3

IV. Первичное закрепление.

  Итак, посмотрите на экран. Что это за сайт?

Правильно, сайт нашей школы МБОУ «Краснофлотская СШ». Из чего он состоит? Как мне кажется здесь не хватает кое-какой информации. Информации о вас ! Сегодня мы с вами  будем создавать персональные личные странички на языке  HTML.

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

Будем выполнять работу поэтапно. Нашу Web-страничку мы будем создавать в самом простом текстовом редакторе – Блокноте.

 Открываем блокнот.

В блокноте мы должны написать основные тэги.

Каждый HTML документ имеет свою структуру.

 Личная карточка ученика

…

   текст

…

Идет объяснение тэгов.( )

Весь основной материал будет располагаться в

Слайды 4,5

ФИЗКУЛЬТМИНУТКА.

Я предлагаю вам заполнить карточку своими данными по схеме:

1 блок

ФИО:

Дата рождения:

Место рождения:

Домашний адрес:

E-mail:

Хобби:

2 блок

Самое запоминающееся событие в детстве:

Самое значительное событие в моей жизни:

Мне нравится заниматься:

Первое впечатление о школе:

Самое яркое событие, связанное со школой:

Кем  я хотел стать в 7 лет и почему:

Первая награда:

В будущем я бы хотел добиться:

Вместе с учителем, последовательно заполняют страничку, используя основные тэги. (Объясняя)

размер шрифта, цвет

цвет фона страницы, цвет текста

полужирный

курсив

подчеркивание

переход на новую строку

Слайды 6,7

     Замечание. Сохранить редактируемый в Блокноте файл (Файл – Сохранить) и,    переключившись через панель задач на Internet Explorer, выполнить в браузере команду Вид – Обновить (или щелкнуть по кнопке «Обновить»).

          Не забудьте сохранить задание.

V. Итог урока

Ребята, сегодня мы с вами познакомились с созданием простейших web-страниц. Возникали ли у Вас трудности при работе?

Где можно применить новые знания?

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

-  знаю и объясню другому

-  знаю

-  сомневаюсь, что знаю

              -  не знаю

VI. Домашнее задание

Выписать основные теги . Подумать над темой вашего сайта, собрать необходимую информацию и принести на флеш-носителе.