Муниципальное образовательное учреждение дополнительного образования "Ярославский городской Дворец пионеров"

Страница обновлена 07.11.2021

 

Педагог:    Васильева Светлана Вячеславовна

       высшее образование, высшая квалификационная категория

   Ярославский городской Дворец пионеров

   Приглашает учащихся 7-9 классов для занятий в группе 

В программе:

  •  Знакомство с сетью INTERNET
  • Создание сайтов
  • Изучение языка гипертекстовой разметки HTML и основ профессионального дизайна сайтов – языка CSS

Занятия формируют предпрофессиональные навыки работы в Интернете, дают основы логики программирования.

Занятия проводятся 2 раза в неделю по расписанию (2020-2021 учебный год):
Среда 18.20-20.00
Воскресенье 12.50-14.30

ДИСТАНЦИОННОЕ ОБРАЗОВАНИЕ 2021

_____________________________________________________________________________

31.10.2021 - ФАЙЛЫ ЗАДАНИЙ ПРИСЫЛАЕМ ПО ПОЧТЕ (ОБЯЗАТЕЛЬНО ПОДПИСЫВАЕМ) just.mary.poppins@gmail.com

                                                                     ПОВТОРЯЕМ ВМЕСТЕ

1 СТРУКТУРА HTML-ДОКУМЕНТА

2 СТРУКТУРА HTML-ТАБЛИЦЫ

 
  • сама таблица задается с помощью тегов                     <table></table>
  • таблица состоит из строк – теги <tr></tr>
  • каждая строка состоит из ячеек - теги <td></td>

<table>

<tr>
<td>столбец 1</td>
<td>столбец 2</td>
<td>столбец 3</td>
</tr>

<tr>
<td>первый столбец первой строки</td>
<td>второй столбец первой строки</td>
<td>третий столбец первой строки</td>
</tr>

</table>

3 ОБЪЕДИНЕНИЕ ЯЧЕЕК HTML-ТАБЛИЦЫ

Параметр colspan тэга <td> отвечает за объединение ячеек таблицы внутри строки. Например, 
<td colspan= “2”> (эта ячейка будет «склеена» из 2).

! ВНИМАНИЕ НЕ ЗАБУДЬТЕ УБИРАТЬ "ЛИШНИЕ" ЯЧЕЙКИ в строке.

                                                                                                                          ЗАДАНИЕ 1 Шаблон сайта 1 (кто не сделал)

1 Создать простую таблицу

2 С помощью объединения ячеек "склеить" клетки первой и третьей строки

3 Размер таблицы – весь экран (параметры weight и height тэга table)

4 Высота 1 строки 20%

  Высота 3 строки 10%

  Ширина 1 столбца 30%

5 Шрифт Comic Sans MS, размер 6

6 Бежевый цвет ячеек и текста #e6ce9b

7 Красный цвет ячеек и текста #6c1c18

8 Имя HTML-документа shablon1.html

                                                                                                                         ЗАДАНИЕ 2 Шаблон сайта 2 

1 Создать простую таблицу

2 С помощью объединения ячеек "склеить" нужные клетки первой и третьей строки

3 Размер таблицы – весь экран (параметры weight и height тэга table)

4 Шрифт Comic Sans MS, размер 6

5 Бежевый цвет ячеек и текста #e6ce9b

6 Синий цвет ячеек и текста #0d2b6d

7 Оранжевый заголовок #e5881a

7 Имя HTML-документа shablon2.html

 Итоговый сайт

_____________________________________________________________________________

03.11.2021 РАБОТА С ТАБЛИЦАМИ 

Практическая работа САЙТ-АЛЬБОМ "МОЕ ПУТЕШЕСТВИЕ" - работаем с видеоуроком по ссылке (лучше сначала скачать к себе, потом просматривать).

Присылаем даже промежуточный результат. 

07.11.2021 РАБОТА С ТАБЛИЦАМИ 

Продолжаем работу САЙТ-АЛЬБОМ "МОЕ ПУТЕШЕСТВИЕ" - не забывайте присылать рабту вместе с файлами графики (можно в архиве).

Присылаем даже промежуточный результат. 

_____________________________________________________________________________


ДИСТАНЦИОННОЕ ОБРАЗОВАНИЕ 2020 

 

_____________________________________________________________________________


          Запись на обучение производится по желанию родителей и детей, без специального отбора.   

     В программе:

  • знакомство с сетью Internet;
  • разработка дизайна и создание сайтов;
  • изучение языка гипертекстовой разметки HTML;
  • изучение основ профессионального дизайна сайтов – язык CSS;

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

    По окончании обучения учащийся будет:

  • иметь представление о возможностях создания сайтов;
  • иметь опыт работы по написанию сайтов образовательных проектов;
  • уметь обрабатывать графические объекты для дизайна сайтов;

 

Работы объединения: https://jm4tshruzusghehkshjicq-on.drv.tw/site_proj/

Примеры проектов по литературе:

Примеры проектов по математике:

Примеры проектов по чрезвычайным ситуаиям:

Примеры проектов по биологии:

Примеры проектов по химии:

Примеры проектов "Мы готовим":

Примеры проектов по анатомии: