'

Кружок «Web-дизайн»

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





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

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


Слайд 15

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


Слайд 16

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


Слайд 17

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


Слайд 18

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


Слайд 19

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


Слайд 20

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


×

HTML:





Ссылка: