Позволяет получить представление о профессии Web-дизайнера и приобрести практические навыки создания Web-страниц « Основы WEB- дизайна » - презентация

1 Позволяет получить представление о профессии Web-дизайнера и приобрести практические навыки создания Web-страниц « Основы WEB- дизайна »

2 Содержание « Основы Web- дизайна » Изучаемые в курсе программы Учебные часы и время самостоятельной работы Программа Adobe Dreamweaver Программа Adobe Photoshop Программа Adobe ImageReady Особенности курса

3 Изучаемые в курсе программы Элементы дизайна Adobe ImageReady (создание анимации) Adobe Photoshop (графический процессор) Adobe Dreamweaver (редактор Web-страниц) курс «Основы Web-дизайна» базируется на трех программах «Основы Web-дизайна»

4 Учебные часы «Основы Web-дизайна»

5 Adobe Dreamweaver (25+30) Выполнение учебного проекта «Портфолио» (на сайте Образовательного центра «Нива»)«Портфолио» (на сайте Образовательного центра «Нива») Создание страницы в виде HTML-карты, на которой графические области представляют собой гиперссылкистраницы в виде HTML-карты Изучение основ HTML-языка (гипертекстовой разметки Web-документа) Оформление Web-страницы с использованием css-стилейcss-стилей «Основы Web-дизайна»

6 Пример электронного портфолио «Основы Web-дизайна»

7 Оформление WEB-страницы css-стилями «Основы Web-дизайна»

8 WEB-страница в виде HTML-карты «Основы Web-дизайна»

9 Adobe Photoshop (37+26) Создание собственной графики для Web- страниц: Кнопки Логотипы Фоны Надписи Создание фотоколлажафотоколлажа Обработка цифрового фотоцифрового фото «Основы Web-дизайна»

10 Создание надписей

11 Ввод надписей на готовое изображение

12 ФотоколлажФотоколлаж

13 ФотоколлажФотоколлаж

14 Обработка цифрового фото

15 Изменение цветности, яркости и контраста изображения

16 Adobe ImageReady (6+4) Создание макета Web-страницы и ее фрагментациямакета Web-страницы Создание анимированных рисунков Создание анимированных кнопок для Web- страницы «Основы Web-дизайна»

17 WEB-страница, созданная на основе макета Adobe Photoshop «Основы Web-дизайна»

18 Особенности курса Проекты курса «Основы Web-дизайна» Персональная Web-страница Зачетная курсовая работа Применение проектного метода обучения Детальная проработка этапов выполнения проекта Демина Ольга Потёмкин Александр Тюрикова Юлия Цепелева Ольга Черненко Лада Апресов Игорь Поставнев Максим Белова Елена Сергий Радонежский Одри Хепберн Палагин Ю.Н. Харуки Мураками Сергиев Посад Лувр «Основы Web-дизайна»

19 Проектные работы учащихся публикуются на официальном сайте центра «Нива» официальном сайте центра «Нива» Ежегодно в конце 2-го полугодия проводится конкурс на лучшую зачетную курсовую работу конкурс «Моя первая Web-страница в Интернет» В конце 1-го полугодия проводится зачет по курсовому проекту «Персональная Web- страница» и выполняется анализ работыанализ работы «Основы Web-дизайна» Особенности курса

20 Анализ работы над проектом «Персональная Web-страница» «Основы Web-дизайна»

21 Анализ работы над проектом «Персональная Web-страница» «Основы Web-дизайна»