Кружок «Web-дизайн» Разработка структуры сайта МОУ СОШ «Заклинская» Жарина Анастасия Сергеевна Разработка структуры сайта МОУ СОШ «Заклинская» Жарина Анастасия. - презентация

1 Кружок «Web-дизайн» Разработка структуры сайта МОУ СОШ «Заклинская» Жарина Анастасия Сергеевна Разработка структуры сайта МОУ СОШ «Заклинская» Жарина Анастасия Сергеевна

2 На прошлом занятии Структура HTML

3 На прошлом занятии Работа с текстом

4 На прошлом занятии Таблицы

5 Создаём структуру сайта С чего начать?

6 Создаём структуру сайта Определимся с целью сайта. Зачем нам его создавать? Что мы там будем Размещать? И как назвать свой сайт?

7 Создаём структуру сайта Мы назвали сайт и знаем что там будет. Теперь решим как будет выглядеть сайт

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

9 сайт-визитка (примеры)

10 сайт предприятия или организации Это официальный сайт. В нём содержатся документы, общая информация об организации. И примеры их работы.

11 сайт предприятия или организации (примеры)

12 персональный сайт Персональный сайт представляет собой сайт какого-либо конкретного человека. Содержит в себе сведения личного или биографического характера. Но в современном мире персональным сайтом стали называть почти любой любительский сайт.

13 персональный сайт (примеры)

14 персональный сайт На карточках определитесь какие разделы будут на вашем сайте. Например:

15 персональный сайт

16 Теперь на карточках нарисуйте схему, как будет выглядеть ваш сайт.

17 Схемы персонального сайта

18 персональный сайт Молодцы, ребята! А теперь закрепим результат и перенесём нашу схему в HTML документ.

19 персональный сайт Открываем нашу программу kompozer (Пуск Все программы kompozer) Создаём таблицу по нашей схеме.

20 персональный сайт Объединение ячеек в таблице Выделяем ячейки, которые хотим объединить. В программе в строке меню Таблица Объединить выбранные ячейки.

21 Спасибо за внимание!