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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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