'

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

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

Должности


Слайд 6

«Устами умных детей глаголет истина» Критерии оценивания: «5 баллов» - 6 ответов; «4 балла» - 4 – 5 ответов; «3 балла» - 3 ответа; «2 балла» - менее 3 ответов. Тест 1 ЭТАП


Слайд 7

История HTML


Слайд 8

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


Слайд 9

Мозговая атака мудрецов 2 ЭТАП 1 задание Узнайте, каков внешний вид страницы по HTML – коду 2 задание По внешнему виду Web-страницы расскажите об основных используемых тегах


Слайд 10

Узнайте, каков внешний вид страницы по HTML – коду 1 команда <html> <head> 1<title>Мозговой штурм </title> </head> 2<body text = "#cc0000" bgcolor = #E0EEE0> 3<p align=center> <font size=+7> Наша группа самая дружная</font></p> 4<br><br><br> 5<font face="Arial"size=+2>Наш колледж самый лучший</font><br><br><br> 6<img src="1.jpeg" Border="5" width="200" height="300" ><br><br><br> 7<center><marquee height="10" width="270" bgcolor="#99CCFF"> 8Ура, миру новых технологий !!!</marquee><br><br><br> 9<a href="На Французскои Стороне.mp3" >послушать музыку</a><br> </body> </html>


Слайд 11


Слайд 12


Слайд 13

<title>Мозговой штурм </title> <body text = "#cc0000" bgcolor = #E0EEE0> <p align=center> <font size=+7> <br><br><br> <font face="Arial"size=+2> <img src="1.jpeg" Border="5" width="200" height="300" > <center><marquee height="10" width="270" bgcolor="#99CCFF"> <a href="На Французскои Стороне.mp3" >


Слайд 14

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


Слайд 15

<title>Мозговая атака</title> <body text = "#473C8B" bgcolor = "#FFE4E1"> <p align=center > <font size=+5> <img src="2.jpeg" align="right" height="400" width=350 HSPACE=30 VSPACE=5 alt="Наш колледж "> <br><br><br> <center><a href="index1.html"><font face=" Monotype Corsiva "><font size=+6></font></a> <center><font size=+5><blink>


Слайд 16

По внешнему виду Web-страницы расскажите об основных используемых тегах 2 команда <html> <head> <title>Мозговая атака</title> </head> <body text = "#473C8B" bgcolor = "#FFE4E1"> <p align=center > <font size=+5> Участие класса обусловлено его активностью</font></p> <img src="2.jpeg" align=" right " height="400" width=350 HSPACE=30 VSPACE=5 alt="Наш колледж "><br><br><br> <center><a href="index1.html"><font face=" Monotype Corsiva "><font size=+6>Наш колледж участвует во многих конференциях </font></a> <br><br><br><br><br><br> <center><font size=+5><blink> Ура! Скоро диплом! </body> </html>


Слайд 17

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


Слайд 18

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


Слайд 19

Пресс-конференция 4 ЭТАП План защиты проекта Постановка проблемы Технология разработки мини-сайта Какие методы создания мини-сайта были использованы (ручное написание сайтов, конструктор сайтов) Уровень сложности сайта Какие базовые теги использовали Что еще добавили бы в свой мини-сайт


Слайд 20

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


Слайд 21

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


×

HTML:





Ссылка: