Инфоурок / Информатика / Другие методич. материалы / Практическая работа по теме "Создание простейшей Web-страницы с использованием текстового редактора"
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

ПРИЁМ ЗАЯВОК ТОЛЬКО ДО 21 ОКТЯБРЯ!

Конкурс "Законы экологии"

Практическая работа по теме "Создание простейшей 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. Позовите учителя для проверки результата.


Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

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

Начало обучения ближайшей группы: 25 октября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

Общая информация

Номер материала: ДБ-044507

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