Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Практическая работа по теме "Создание простейшей Web-страницы с использованием текстового редактора"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Практическая работа по теме "Создание простейшей Web-страницы с использованием текстового редактора"

Выберите документ из архива для просмотра:

Выбранный для просмотра документ Text.doc

библиотека
материалов

Учитель информатики МОУ "Лобановская школа" и учитель информатики и физики МОУ "Столбовская школа" Джанкойского района Республики Крым. Педагогический стаж 4,4 года. Окончил Мелитопольский Государственный Педагогический Университет имени Богдана Хмельницкого по специальности "Информатика". Квалификация по диплому "Инженер-программист". Увлечения: спорт, футбол, программирование, web-программирование.

Выбранный для просмотра документ Практическая работа№ 19.doc

библиотека
материалов

Практическая работа № 19

Тема: «Создание простейшей Web-страницы с использованием текстового редактора».

Ход работы

  1. Создайте на рабочем столе папку под своей фамилией.

  2. Запустите текстовый редактор Блокнот (Пуск → Все программы → Стандартные → Блокнот)

  3. Напишите общую структуру web-страницы:

hello_html_5b27bd39.png

  1. Сохраните документ как web-страницу с именем Ваша_фамилия.html (Файл → Сохранить как… → Тип файла → Все файлы) в свою папку.

hello_html_f35d9cb.png

  1. Не закрывая Блокнот, просмотрите созданную страницу в браузере.

  2. Вернитесь в Блокнот и добавьте заголовок web-страницы

hello_html_15bb24f1.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Скопируйте текст из файла Text.doc, находящийся в папке Практическая работа № 19 и поместите в разделе body, заключив в тег <font>

hello_html_42fb34f1.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Скопируйте файл Foto.jpg, находящийся в папке Практическая работа № 19 в свою папку на Рабочем столе.

  3. Добавьте изображение на страницу перед текстом:

hello_html_5032937e.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Добавим еще одну надпись и разобьем весь текст на абзацы, для этого внесите следующие изменения:

hello_html_2a832f0.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Установим размеры изображения, его выравнивание на странице и горизонтальный отступ от текста, для этого установим следующие атрибуты для тега <img>

hello_html_4ec01a3b.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Установим выравнивание для абзацев, для этого установим следующие атрибуты:

hello_html_3a433166.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Установим для заголовка <h1> цвет текста – синий, а для текста <font> - зелёный цвет и размер - 6, для этого добавим следующий код:

hello_html_m32f23a51.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения:

hello_html_2bf19d94.png

  1. Установите заливку фона страницы жёлтым цветом, для этого добавьте следующий код:

hello_html_m538039fe.png

  1. После текстового блока добавим таблицу следующей структуры:

hello_html_76e8185d.png

hello_html_76e8185d.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Добавим заголовок к таблице, для этого используем тег <caption>:

hello_html_m14a37f86.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения.

  2. Преобразуем таблицу:

  • установим выравнивание таблицы по центру, размер 75% относительно окна браузера, 3-й размер границ и заливку белым цветом;

  • зададим для заголовка красный цвет и размер текста 6;

  • выполним заливку нечетных строк серебристым цветом;

  • ширину 2-5 столбцов 22% относительно всей ширины таблицы;

  • текст в первом столбце и строке выровнять по центру;

для этого добавим следующие атрибуты:

hello_html_401dad75.png

hello_html_401dad75.png

  1. Сохраните страницу и обновите окно в браузере, чтобы посмотреть внесенные изменения:

hello_html_m105a4936.png

  1. Позовите учителя для проверки результата.

Автор
Дата добавления 20.04.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров169
Номер материала ДБ-044507
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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