Инфоурок Информатика КонспектыСоздание сайта с помощью табличной вёрстки

Создание сайта с помощью табличной вёрстки

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

 План

проведения занятия в творческом объединении

«Web-конструирование и основы компьютерной графики»

Педагог дополнительного образования: Никитина И.Б.

 

Дата проведения занятия:16.03.2017г.

Время: 15.30. Группа 9в.

Год обучения: первый

Возраст учащихся: 13-14 лет.

Продолжительность – 45 мин.

 

Тема занятия:

Создание  web-страниц с помощью табличной вёрстки.

 

Раздел программы: «Создание веб-страниц с помощью языка гиперразметки  HTML».

 

Тип занятия: комбинированное.

 

Цель занятия: создать веб-сайт с помощью языка гиперразметки  HTML табличным способом

 

Задачи:

Обучающие:

·          закрепить знания по языку html на практике;

·          Дать представление о разработке структуры и содержания сайта.

·          Оказать помощь в создании сайта.

Развивающие:

·          умения анализировать, сравнивать, систематизировать и обобщать;

·          интерес к учению, стремление к расширению кругозора;

Воспитательные:

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

 

Форма организации деятельности учащихся: групповая (фронтальная)

Форма  проведения занятия: открытое занятие; деловая игра

Методы обучения: словесные, наглядные, практические

 

Оборудование занятия:

- ПК с программным обеспечением (OC WINDOWS, Adobe PhotoShop, Notepad++ );

- поурочный план;

- методические разработки;

- задания для самостоятельной работы (электронный вариант);

-  доска, компьютер, компьютерная презентация;

 

План занятия.

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

2.      Актуализация опорных знаний (5 мин)

3.     Теоретическая часть (15 мин)

4.     Практическая часть (20 мин)

5.     Рефлексия (2 мин)

                                                                                                                                                        

Ход занятия.

 

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

·  доброжелательное  приветствие;

·  установить должную дисциплину в группе, коротко

·  поговорить о дисциплине вообще на территории  МАН и вне учреждения;

·  отметить отсутствующих;  

·  сообщить тему занятия,  цели и задачи;

·  увлечённо рассказать о важности новой темы в процессе

 

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

 

Вопросы на повторение:

1)    Что из себя представляет сайт?

2)    Для чего применяются гиперссылки?

3)     Что такое «Табличный способ вёрстки» ? Какие теги используются для построения таблицы? (таблица, строка, ячейка)

4)    Атрибуты таблицы (ширина, высота, ширина границы, размер таблицы)

5)    Cellspaicing, cellpadding?

 

3.     Теоретическая часть:

 

1)    Презентация «Этапы создания сайта»

2)     Демонстрация работ учащихся прошлых лет

3)    Объяснение хода выполнения задания.

Папка  на Рабочем столе:

С:/Рабочий стол/Старинные замки/задание1

        

 

4.  Практическая часть занятия.

 

1)    Напомнить правила ТБ при работе за компьютером.

2)    Разбиться на пары для выполнения веб-страниц (всего 5 пар, из них одна пара учащихся  - верстальщики сайта с гиперссылками)

Выполнение практического задания:

а)  работа с материалами новой темы (электронный вариант);

 

Задание  1

 

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

2.     Сохранить её в файле nesvizh .html  в папке КР1_ФАМ (первые три буквы вашей фамилии)  и посмотреть результат в браузере. Результат должен быть примерно таким, как на рис.1.

 

 

 

 

 

 

 

 

 

 

 

 

 


Рисунок 1

 

 

Задание 2

Используя материалы к данной контрольной работе, создать  4 веб-страницы:

·        главную страницу сайта, содержащую меню, как показано на рисунке 2;

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Рисунок 2

·        веб-страницу «Мир» (файл mir.htm);

·        веб-страница «Лида» (файл lida.htm);

·        веб-страница  «Новогрудок»  (файл novogrudok.htm).

 

 

Задание 3

Создайте текстовые и графические гиперссылки между страницами веб-сайта «Старинные замки», как показано на рисунке 3

 

                                 

 

Рисунок 3

 

 

 

 

4.     Рефлексия:

 

 Было ли занятие интересным

 

Что больше всего понравилось

 

Лучшие работы  учащихся

 

 

 

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Создание сайта с помощью табличной вёрстки"

Методические разработки к Вашему уроку:

Получите новую специальность за 6 месяцев

Руководитель реабилитационного подразделения

Получите профессию

Экскурсовод (гид)

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

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

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 625 843 материала в базе

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

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 24.04.2017 777
    • DOCX 1.6 мбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Никитина Ирина Борисовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Никитина Ирина Борисовна
    Никитина Ирина Борисовна
    • На сайте: 7 лет и 11 месяцев
    • Подписчики: 1
    • Всего просмотров: 7659
    • Всего материалов: 8

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Бухгалтер

Бухгалтер

500/1000 ч.

Подать заявку О курсе

Курс профессиональной переподготовки

Педагогическая деятельность по проектированию и реализации образовательного процесса в общеобразовательных организациях (предмет "Информатика")

Учитель информатики

300 ч. — 1200 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе

Курс профессиональной переподготовки

Разработка и сопровождение требований и технических заданий на разработку и модернизацию систем и подсистем малого и среднего масштаба и сложности

Системный аналитик

600 ч.

9840 руб. 5900 руб.
Подать заявку О курсе
  • Сейчас обучается 63 человека из 33 регионов

Курс профессиональной переподготовки

Информатика: теория и методика преподавания в профессиональном образовании

Преподаватель информатики

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 44 человека из 22 регионов

Мини-курс

Профориентация детей и подростков

4 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 30 человек из 15 регионов

Мини-курс

Психологическая работа с эмоциональными и поведенческими проблемами

10 ч.

1180 руб. 590 руб.
Подать заявку О курсе
  • Сейчас обучается 140 человек из 49 регионов

Мини-курс

Психология и педагогика в работе с подростками

5 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 49 человек из 28 регионов