Создание html-документа в текстовом редакторе

  • pptx
  • 04.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 10. Создание html-документа в текстовом редакторе.pptx

Создание html-документа в текстовом редакторе

Домашнее задание

Разработать Web-страницу
Папку, содержащую графические файлы и файл с расширением html, добавить в архив и ОТПРАВИТЬ НА ПРОВЕРКУ

Создание простейшей Web-страницы

Подготовка к выполнению задания:
1. Создайте папку с именем Фамилия_Сайт.
2. Подберите и сохраните в папку изображения: компьютер, фон.
3. Откройте текстовый редактор Блокнот и сохраните в папку файл с именем Сайт.html.

Порядок выполнения задания:
1. В файле Сайт.html создайте структуру HTML-документа.
2. Добавьте название веб-странице

0

3

Создание простейшей Web-страницы

Порядок выполнения задания:
3. Разместите текст на веб-странице

4

4. Выполните форматирование текста «Все о компьютере»:
- сделать заголовком;
- выравнивание по центру;
- изменить цвет текста.

Создание простейшей Web-страницы

Порядок выполнения задания:
5. Разместите горизонтальную линию под заголовком

5

6. Разместить текст разбитый на абзацы

Создание простейшей Web-страницы

6

Порядок выполнения задания:
7. Разместите графику на Web-странице

Создание простейшей Web-страницы

7

Порядок выполнения задания:
8. Вставьте фоновую картинку

Перед загрузкой Web-страниц на сервер необходимо их протестировать.
«Локальная проверка» - в пределах жесткого диска ПК:
- проверить правописание;
- проверить навигацию;
- проверить доступ к внешним файлам;
- проверить, допустимо ли время загрузки.

Тестирование Web-страницы