Разработка сайта «Моя семья»
Разработка сайта «Моя семья»
Цель урока: закрепить навыки по созданию web-страниц с помощью визуального
Цель урока:
закрепить навыки по созданию web-страниц с помощью визуального HTML - редактора;
освоить основные критерии создания веб-ресурсов и научить качественно оценивать веб-ресурсы общего назначения;
выполнить проектную работу по созданию сайта по заданной теме.
Что такое Web-сайт? Веб-сайт (от англ
Что такое Web-сайт?
Веб-сайт (от англ. Website: web — паутина и site — «место») — в компьютерной сети объединённая
под одним доменным именем или IP-адресом). Все веб-сайты Интернета в совокупности составляют Всемирную паутину.
Какая информация может содержаться на
Какая информация может содержаться на Web-сайте?
Из чего состоят Web-сайты? Web-страниц
Из чего состоят Web-сайты?
Web-страниц
Web-страница это…
Веб-страница — это место в интернете, которое содержит в себе какую-то информацию (это может быть текст, изображения, видео и прочее).
Достоинства Web-страниц:
- Малый информационный объем
- Возможность просмотра в различных операционных системах
Этапы разработки web-сайта 1 этап — определение целей создания сайта 2 этап — проведение исследований по теме 3 этап — определение типа сайта, разработка технического…
Этапы разработки web-сайта
1 этап — определение целей создания сайта
2 этап — проведение исследований по теме
3 этап — определение типа сайта, разработка
технического задания и структуры
4 этап — разработка макета дизайна сайта
5 этап — HTML-CSS вёрстка
7 этап — заполнение сайта контентом (информацией)
6 этап — программирование и установка на CMS
8 этап — тестирование сайта и исправление ошибок
9 этап — публикация сайта в интернете
10 этап — продвижение сайта и реклама в интернете
Тест на проверку знаний основных понятий по созданию
Тест на проверку знаний основных понятий по созданию Web-сайтов
Web-редактор - это программа для
Web-редактор - это программа для ...
Просмотра Web-страниц
Создания Web-страниц
Создания гиперссылок на Web-странице
Вопрос 1.
Публикации во Всемирной паутине реализуются с помощью
Публикации во Всемирной паутине реализуются с помощью...
Языка HTML
Web-сайтов
Тэгов
Вопрос 2.
Web-страница имеет расширение: xls txt html
Web-страница имеет расширение:
xls
txt
html
Вопрос 3.
Web-страницы сайта объединяются между собой с помощью
Web-страницы сайта объединяются между собой с помощью...
Гиперссылок
Браузера
Сервера
Вопрос 4.
Язык HTML - это ... Школьный алгоритмический язык
Язык HTML - это ...
Школьный алгоритмический язык
Язык разметки гипертекста
Язык программирования
Вопрос 5.
Web-сайт можно создать с помощью языка
Web-сайт можно создать с помощью языка...
Qbasic
Turbo Pascal
HTML
Вопрос 6.
Для создания Web-страниц используются
Для создания Web-страниц используются
Web-редакторы:
DreamWeaver
Word
Paint
Вопрос 7.
Браузер - это программа для ..
Браузер - это программа для ...
Просмотра Web-страниц
Создания гиперссылок на Web-странице
Создания Web-страниц
Вопрос 8.
Что такое гиперссылка? Текст, выделенный полужирным шрифтом
Что такое гиперссылка?
Текст, выделенный полужирным шрифтом
Указатель на другую Web-страницу
Выделенный фрагмент текста
Вопрос 9.
Для просмотра Web-страниц в Интернете используют программу:
Для просмотра Web-страниц в Интернете используют программу:
MS Word
Блокнот
Google Chrome
Вопрос 10.
Задание. Оцените – созданные Web-сайты
Задание. Оцените – созданные Web-сайты. Критерии оценки Web-сайтов в таблице:
Деловая игра
Баллы | |||
Название сайта: | 2 | 1 | 0 |
полностью | частично | нет | |
Структура сайта | |||
Отражены цели | |||
Содержание представленной информации | |||
Представленная информация является ценной и интересной | |||
Стилистически текст построен грамотно | |||
Орфографические ошибки отсутствуют | |||
Текст написан понятным языком | |||
Дизайн сайта | |||
Дизайн соответствует тематике сайта | |||
Текст на выбранном фоне хорошо читается | |||
Иллюстрации хорошего качества | |||
Навигация по сайту | |||
Представлен широкий спектр средств навигации | |||
Все гиперссылки работают корректно | |||
Внесите свои предложения и пожелания по дальнейшему развитию сайта
Сайты: Официальный сайт МБОУ СОШ №9 г
Сайты:
Официальный сайт МБОУ СОШ №9 г. Бердска
Официальный сайт МАОУ «Лицей №7 г. Бердска
Официальный сайт МАОУ СОШ №4 г. Бердска
Официальный сайт МБОУ СОШ №13 г. Бердска
Интерфейс программы KompoZer
Интерфейс программы KompoZer
Практическая работа Разработка сайта «Моя семья»
Практическая работа Разработка сайта «Моя семья»
Урок понравился, у меня все получилось
Урок понравился,
у меня все получилось
Урок понравился,
но у меня не все получилось
Урок не понравился,
у меня не все получилось
Сайт подобен посаженному нами саженцу…
Сайт подобен посаженному
нами саженцу…
Подобно дереву, при хорошем уходе,
он даёт новые побеги – темы,
растёт и развивается…
И без постоянного его обновления,
сайт может превратиться в одно
из засохших деревьев Интернета –
видимость есть,
а жизни в нём нет…
Домашнее задание Параграф 14, вопросы 1-4 стр
Домашнее задание
Параграф 14, вопросы 1-4 стр. 96
© ООО «Знанио»
С вами с 2009 года.
