Кружок Web-дизайн презентация

Содержание

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

Слайд 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

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


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика