Летние международные олимпиады для 1-11 классов Участвовать→
Конкурс разработок «Пять с плюсом» июнь 2021
Добавляйте свои материалы в библиотеку и получайте ценные подарки
Конкурс проводится с 1 июня по 30 июня

Практическая работа № 31

Раздел 4. Коммуникационные технологии Тема 4.3. Основы языка разметки гипертекста Тема занятия: Разработка сайта с использованием Web-редактора. Продолжительность работы 2 часа Цель: поиск данных с помощью отчета. Создать связи между таблицами. Задачи: 1. Формировать умение создавать отчеты и формы в СУБД. 2. Формирование и развития у обучающихся познавательных способностей; развитие интереса к предмету; развитие умения оперировать ранее полученными знаниями; развитие умения планировать свою деятельность. 3. Воспитание умения самостоятельно мыслить, ответственности за выполняемую работу, аккуратности при выполнении работы, воспитание культуры общения и поведения.
Просмотр
содержимого документа

Практическая работа № 31

 

Раздел 4. Коммуникационные технологии

Тема 4.3. Основы языка разметки гипертекста

Тема занятия: Разработка сайта с использованием Web-редактора.

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

Цель: поиск данных с помощью отчета. Создать связи между таблицами.

Задачи:

  1. Формировать умение создавать отчеты и формы в СУБД.
  2. Формирование и развития у обучающихся познавательных способностей; развитие интереса к предмету; развитие умения оперировать ранее полученными знаниями; развитие умения планировать свою деятельность.
  3. Воспитание умения самостоятельно мыслить, ответственности за выполняемую работу, аккуратности при выполнении работы, воспитание культуры общения и поведения.

 

Формирование ОК и ПК в соответствии с ФГОС:

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

ОК 5. Использовать информационно-коммуникационные технологии в

профессиональной деятельности.

ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.

ПК 1.1. Выполнять художественную фотосъемку пейзажа и архитектуры.

 

После выполнения практической работы обучающийся должен:

Знать: модель сущность-связь, основные понятиями методы «Сущность-связь, атрибут, ключ сущности, связь сущностей, свойства модели «Сущность-связь».

Уметь: создавать отчеты на основе имеющихся таблиц, создавать связи между таблицами.

 

Внутридисциплинарные связи:

- тема 3.2 Тестовые процессоры;

- тема 4.2 Глобальная компьютерная сеть Интернет

 

Учебно-методическое оснащение занятия:

  • компьютеры на рабочих местах с системным программным обеспечением (для операционной системы Windows или операционной системы Linux);
  • мультимедийное оборудование;
  • учебная литература;
  • методические указания к практической работе №31.

 

Порядок проведения занятия:

  1. Организационный этап. (3 мин)
  2. Постанова цели и задач урока. (5 мин)
  3. Актуализация опорных знаний. (5 мин)
  4. Выполнение практической работы. (55 мин)
  5. Написание отчета по практической работе. (15 мин)
  6. Написание ответов на контрольные вопросы. (10 мин)
  7. Информация о домашнем задании. (2 мин)

 

 

Теоретическое обоснование работы:

 

Практическая часть

 

Задание 1. Создание простейшей Web-страницы.

1) Создайте папку с именем Сайт_ФИО в личной папке для отчетов.

2) Скопируйте изображения (background.jpg, computer.png, struktura.jpg) в созданную папку.

3) Откройте текстовый редактор Блокнот: Пуск → Все программы → Стандартные → Блокнот.

4) Наберите в нем структуру HTML-документа:

5) Дайте название HTML-странице: Компьютер. Данная надпись будет высвечиваться в верхней строке окна браузера и в первую очередь анализируется поисковыми системами. Имя Web-страницы должно в максимальной степени соответствовать ее содержанию. Для этого используется тег <title> </title>: <title> Компьютер </title>. 

6) Внесите текст на веб-страницу: Все о компьютере: <body> Все о компьютере </body>.

 

Результат: 

7) Сохраните файл в папке Сайт_ФИО, присвоив ему имя index.html (CTRL+S).

8) Откройте созданный файл через любой браузер (Opera, Firefox, Internet Explorer). Вы увидите, как выглядит созданный вами файл в окне браузера (обновление страницы браузера F5).

9) Закройте браузер.

 

Задание 2: Форматирование текста на Web-странице по образцу

1) Вернитесь к сохраненному в Блокноте файлу index.html.

2) Отформатируйте текст «Все о компьютере» самым крупным шрифтом:  <h1> Все о компьютере </h1>:

3) Выполните выравнивание заголовка по центру веб-страницы:  <h1 align="center"> Bce о компьютере </h1>:

4) Задайте синий цвет текста заголовка:  <font color="blue"> <h1 align="center"> Bce о компьютере </h1> </font>

5) Отделите заголовок текста от остального содержания страницы горизонтальной линией: <hr>

6) Поместите на титульную страницу текст, разбитый на абзацы с различным выравниванием:

Должен получиться данный код:

7) Сохраните файл index1.html (CTRL+S).

 

Задание 3. Размещение графики на Web-странице.

1) Можно скачать рисунок с изображением компьютера с сети Интернет с расширением .gif, .jpg или .png, однако в папке «Материалы Html» имеются картинки для выполнения задания, переместите их в папку где располагается файл index.html.

2) Запишите в теле структуры веб-страницы дескриптор работы с картинками: <img src= computer.png > 

3) Добавьте всплывающую подсказку к изображению, которая появляется при наведении на него курсора мыши: <img src=computer.png title="Компьютер">

4) Расположите рисунок по правому краю текста:  <img src=computer.png title="Компьютер" align="right">

5) Установите для рисунка параметры ширины и высоты. За это отвечают атрибуты width и height. Вставьте в структуру тега img атрибуты: width="400" height="300".

Результат:

 

 

Задание 4. Вставка фоновой картинки для сайта.

1) Скачайте подходящий  по тематике сайта фоновое изображение или возьмите картинку с названием background.jpg в папке «Материалы Html» и переместите его в папку с файлом index.htm.

2) Запишите в теле структуры веб-страницы дескриптор работы с фоном: <style>   body { background: url(background.jpg); } </style>

3) В итоге должен получиться следующий код:

Результат:

 

 

 

По окончании практической работы студент должен:

  1. Написать отчет, который должен содержать (см. Приложение 1):
  • Тема занятия.
  • Цель работы.
  • Задание и его решение.
  • Ответы на контрольные вопросы.

 

Критерии оценки практической работы:

«5» (отлично) – четыре задания

«4» (хорошо) – три задания

«3» (удовлетворительно) – два задания

«2» (неудовлетворительно) – меньше двух заданий, работа не сделана или не сдана

 

Вопросы для самоконтроля:

1. Какие параметры используются в текстовых блоках, какие параметры они имеют?

2. Какой тэг используется для создания гиперссылок, какие параметры он содержит?

3. Какие 4 типа гиперссылок бывают? Приведите примеры их использования.

 

Список литературы:

 

Основной:

  1. Михеева Е.В. Практикум по информатике: учеб. пособие для сред. Проф. Образования/Е.В. Михеева. -3-е изд., стер. - М.: Издательский центр «Академия», 2014. -192 с.

 

Дополнительной:

  1. Филимонова Е.В. Информационные технологии в профессиональной деятельности: Учебник. – Ростов н/Д: Феникс, 2004. – 352с. (серия «СПО».)

 

Интернет-источники:

  1. https://drive.google.com/file/d/1hAVfusxk3YBnPejzwNQrvSNENQyCFZO-/view?usp=sharing

 

Домашнее задание: Закончить и создать отчет по Практической работе №31.

 

 

 

 

 

 

Приложение 1

 

Практическая работа №31

 

Тема занятия: Поиск и замена данных в таблице. Создание связей между таблицами

Цель: поиск данных с помощью отчета. Создать связи между таблицами.

 

Контрольные вопросы:

1……

2……

3…….

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Информация о публикации
Загружено: 10 июня
Просмотров: 28
Скачиваний: 0
Здобнова Екатерина Олеговна
Информатика, СУЗ, Уроки

Проверьте знания своих учеников интересными заданиями

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

Скачать материал