Мастер класс. Создание сайта

Содержание

Слайд 2

Сайт – (от англ site – место, местоположение, позиция) – совокупность

Сайт – (от англ site – место, местоположение, позиция) – совокупность страниц,
страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.

Слайд 3

Создание сайта

Сопровождение, продвижение

Этапы создания сайта

Планирование, анализ содержания

Создание сайта Сопровождение, продвижение Этапы создания сайта Планирование, анализ содержания

Слайд 4

Этапы создания сайта:

Этапы создания сайта:

Слайд 7

Оформление сайта

Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда

Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые
находятся на одних и тех же местах. Это:

заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.

Название сайта

Название страницы

Поле ввода информации

Графика

Меню

Фон

Координаты

Примерный шаблон страниц сайта

Слайд 8

Оформление сайта

Не ставьте точку в названиях сайта и страниц,
если они состоят

Оформление сайта Не ставьте точку в названиях сайта и страниц, если они
из одного предложения

Названия пунктов меню делайте краткими

Не выбирайте для страниц пёстрый фон

Не размещайте на странице слишком много
информационных и художественных блоков

Не пишите слишком длинных текстов

В каждом абзаце используйте
одни и те же приёмы форматирования

Рекомендации при наполнении страниц сайта
информационными материалами

Слайд 9

Тестирование сайта

Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами:

Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными

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

Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Размещение сайта в Интернет

Слайд 10

Где создать бесплатный сайт?

Хоть у них и масса достоинств, но они

Где создать бесплатный сайт? Хоть у них и масса достоинств, но они
обладают и кучей недостатков:
Сложный веб-топ пароль;
Реклама;
Панель управления находится на отдельной вкладке, чтобы в неё попасть надо набирать новый пароль
Очень часто сайты созданные на UCOZ.ru, Narod.ru и taba.ru похожи друг на друга, т.к.
- школьных дизайнов очень мало
-одинаковая навигация

Слайд 11

Практическая работа
по созданию персонального учительского сайта

Для создания сайта на платформе WIX

Практическая работа по созданию персонального учительского сайта Для создания сайта на платформе
необходимо наличие электронного
адреса: <имя адреса>@gmail.com, <имя адреса>@mail.ru, и т.д. Причем имя адреса будет отображаться в названии сайта

1. В адресной строке браузера набираем wix.com, на главной странице выбираем «создать сайт»

Слайд 12

Практическая работа
по созданию персонального учительского сайта

2. Далее создаем аккаунт в wix

Практическая работа по созданию персонального учительского сайта 2. Далее создаем аккаунт в
(регистрация на сайте). Аккаунт позволит под одним именем создавать множество сайтов

В последующей работе, когда аккаунт уже создан, на данной странице необходимо выполнить вход

Слайд 13

3. Проходим процедуру регистрации

Выбираем «создать»

3. Проходим процедуру регистрации Выбираем «создать»

Слайд 14

4. После регистрации и ее подтверждения, заходим в аккаунт и выбираем
«создать сайт»

5.

4. После регистрации и ее подтверждения, заходим в аккаунт и выбираем «создать
Выбираем понравившийся шаблон, можно из категории «Образование»

Слайд 15

6. После выбора шаблона нажимаем «Редактировать»

6. После выбора шаблона нажимаем «Редактировать»

Слайд 16

Открывается окно редактирования, в котором можно производить множество действий

Открывается окно редактирования, в котором можно производить множество действий

Слайд 17

Открывается окно редактирования, в котором можно производить множество действий

Меню страниц позволяет добавлять,

Открывается окно редактирования, в котором можно производить множество действий Меню страниц позволяет
удалять, переименовывать переставлять в нужном порядке, подчинять, скрывать страницы

Слайд 18

Меню ФОН позволяет добавлять фото, видео в качестве фона. Также фон можно

Меню ФОН позволяет добавлять фото, видео в качестве фона. Также фон можно
изменить в любой момент, вызвав на нем контекстное меню (правая клавиша мыши)

Контекстное меню можно вызывать на любом объекте сайта,
что позволяет его быстро форматировать

Слайд 19

Кнопка «Добавить» позволяет добавлять на сайт всевозможные объекты начиная с текста, видео, фото,

Кнопка «Добавить» позволяет добавлять на сайт всевозможные объекты начиная с текста, видео,
заканчивая формами опроса, рассылки, и т.д.

Слайд 20

Любой объект на сайте можно редактировать, для этого выбрать его левой клавишей

Любой объект на сайте можно редактировать, для этого выбрать его левой клавишей
и нажать «Редактировать», также его можно удалить, нажав Delete на клавиатуре

Слайд 21

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

В течение работы над сайтом, его необходимо периодически сохранять и публиковать
Имя файла: Мастер-класс.-Создание-сайта.pptx
Количество просмотров: 28
Количество скачиваний: 0