Дизайн Web-страницы презентация

Содержание

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

Слайд 1Дизайн Web-страницы
Участник №069


Слайд 2Цель:
Повышение компьютерной грамотности и компетентности студентов, в вопросах создания и дизайна

Web-страниц, способствование развитию интеллектуальных способностей и познавательных интересов к информационным технологиям, создание условий для формирования интереса к профессиональной деятельности.

Слайд 3Задачи:
формировать способности к самостоятельному и инициативному решению проблем с помощью проведения

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

Слайд 4 «Временно созданный коллектив – разработчиков сайта»
ИГРА


Слайд 5

«Web –страница сайта колледжа нашими глазами»
Проблема


Слайд 6 Должности


Слайд 7«Устами умных детей
глаголет истина»
Критерии оценивания:
«5 баллов» -

6 ответов;
«4 балла» - 4 – 5 ответов;
«3 балла» - 3 ответа;
«2 балла» - менее 3 ответов.

Тест

1 ЭТАП


Слайд 8История HTML


Слайд 9История HTML
Определения:
HTML-
(от HyperText Markup Language — «язык разметки гипертекста») — стандартный язык

разметки документов во Всемирной паутине.
CSS –
(Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.
JavaScript –
объектно-ориентированный скриптовый язык программирования. 
Всемирная паутина (World Wide Web) –
распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. 

Слайд 10Мозговая атака мудрецов
2 ЭТАП
1 задание
Узнайте, каков внешний вид страницы по HTML

– коду
2 задание
По внешнему виду Web-страницы расскажите об основных используемых тегах

Слайд 11Узнайте, каков внешний вид страницы по HTML – коду
1 команда



1Мозговой штурм

2
3

Наша группа самая дружная

4



5Наш колледж самый лучший



6



7

8Ура, миру новых технологий !!!




9послушать музыку




Слайд 14Мозговой штурм












Слайд 15По внешнему виду Web-страницы расскажите об основных используемых тегах


Слайд 16
Мозговая атака

size=+5>

Наш колледж








Слайд 17По внешнему виду Web-страницы расскажите об основных используемых тегах
2 команда


Мозговая атака


Участие класса обусловлено его активностью


Наш колледж



Наш колледж участвует во многих конференциях







Ура! Скоро диплом!



Слайд 18Золотое правило:
Сделать так, чтобы пользователю было удобно!!!


Слайд 19Создание личного мини-сайта
3 ЭТАП
Карточки с заданиями разного уровня
«2 балла» - создать

страничку «История колледжа»
«2 балла» - создать страничку «Фотогалерея»
«2 балла» - создать страничку «Расписание»
«3 балла» - создать страничку контактная информация
«4 балла» - создать меню
«5 баллов» - создать структуру сайта использую фреймовую структуру
«6 баллов» - создать структуру сайта используя CSS


Слайд 20Пресс-конференция
4 ЭТАП
План защиты проекта
Постановка проблемы
Технология разработки мини-сайта
Какие методы создания мини-сайта были

использованы (ручное написание сайтов, конструктор сайтов)
Уровень сложности сайта
Какие базовые теги использовали
Что еще добавили бы в свой мини-сайт

Слайд 21Рефлексия
Сегодня на уроке я научился…
Было интересно…
Мне показалось важным…
Я понял, что…
Сегодня на

уроке я узнал что…

Своей работой на уроке Я:
Доволен…
Не совсем доволен…
Я не доволен, потому что…


Слайд 22Домашнее задание
Оформить лабораторные работы в отчет
Подготовить защиту лабораторных работ по вопросам

методических указаний

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика