Практические задания по созданию web-страниц
методическая разработка по информатике и икт по теме

Данилина Юлия Николаевна

6 заданий с полным описанием действий:

1 - Основные тэги

2 - Тэги форматирования

3 - Гиперссылки, вставка графики

4 - Формат картинки

5,6 -  Бегущая строка, формат таблицы, фреймы

Публикация в WWW

Список тэгов в HTML

Схема цветов для сайтов

Скачать:

ВложениеРазмер
Файл prakticheskie_zadaniya_po_sozdaniyu_veb-stranic.rar154.42 КБ

Предварительный просмотр:

Разработка Web-сайтов. Тема - Основные тэги HTML.

Задание № 1: Создать Web-страницу, знакомящую с основными тэгами HTML.

1. В своей папке создайте новую папку, имеющую имя: Создание Web-сайта.

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

3. Ввести HTML-код, задающий структуру Web-страницы:

Первое знакомство с тэгами HTML

4. Внести в текст страницы тэги заголовков различных уровней (размеров):

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

5. Отделить этот фрагмент от остального текста с помощью горизонтальной

    разделительной линии:


6. Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные:

  1. Первый элемент списка
  2. Второй элемент списка
  3. Третий элемент списка


  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка

7.Внести в текст страницы тэги, определяющие начертание шрифта. Отделить

   этот фрагмент от текста с помощью горизонтальных разделительных линий:


Обычный текст

Жирный

Курсив

Подчеркнутый

Жирный подчеркнутый курсив


8. Ввести команду Файл - Сохранить, файлу Web-страницы присвоить имя

    proba.htm и сохранить в своей папке Создание Web-сайта, закрыть Блокнот.

9. Откройте созданный документ из своей папки, в заголовке окна браузера

    высвечивается название Web-страницы – Первое знакомство с тэгами HTML.

10. Замените общие фразы следующими (подумайте какие заменить):

Моя личная страница.

Давайте познакомимся.

Немного о себе:

  1. Моё имя…
  2. Мой адрес…
  3. Контактные координаты…

До встречи.

Спасибо за внимание.

Продолжение следует!

11. Сохраните изменения в файле proba.htm.

Основные тэги HTML

Назначение

Формат

Структура Web-страницы

Начало и конец страницы

 

Описание страницы, в том числе ее имя

 

Имя страницы

 

Содержание страницы

 

Форматирование текста

Заголовок (уровни от 1 до 6)

 

Абзац

 

Абзац с выравниванием

Перевод строки


Горизонтальный разделитель


Выравнивание по центру

 

Нумерованный список

Ненумерованный список

Форматирование шрифта

Жирный

Курсив

Подчеркнутый

Верхний индекс

Нижний индекс

Размер шрифта (от 1 до 7)

Цвет шрифта (задается названием цвета или его 16-ричным кодом)

Гарнитура шрифта

Атрибуты задания цветовой схемы(цвета фона, текста и гиперссылок)

цвет

код

название

цвет

код

название

черный

# 000000

black

фиолетовый

# FF00FF

magenta

белый

# FFFFFF

white

бирюзовый

# 00FFFF

cyan

красный

# FF0000

red

желтый

# FFFF00

yellow

зеленый

# 00FF00

lime

золотой

# FFD800

gold

синий

# 0000FF

blue

оранжевый

# FFA500

orange

серый

# 808080

gray

коричневый

# A82828

brown


По теме: методические разработки, презентации и конспекты

Практическое задание 9 класс "Создание табличных моделей типа объект-объект""

По следущим текстам построить таблицы типа "Объект-обеъкт"...

Задание по созданию веб-страниц

Материал предназначен для выполнения практической работы по размещению и форматированию изображений на веб-страницах. А также на форматирование шрифта и созданию бегущей строки. Применяется интеграция...

Практическое задание №5 Тема: Разработка Web - страницы

Практическое задание №5Тема: Разработка Web - страницы...

Практическое задание №8 Тема: Создание и заполнение БД

Практическое задание №8Тема: Создание и заполнение БД...

Создание Web-страницы с помощью языка HTML. Практическое задание

Практическое задание для 8 класса по теме "Создание Web-страницы с помощью языка HTML"...

Методическая разработка практического занятия по информатике по теме: "Встраивание изображений при создании web-страницы" для учащихся 9 класса.

Презентация предназначена для учащихся, изучающих тему "WEB-дизайн". В данной презентации затронуто важное и сложное для понимания учащимися понятие адресации ресурсов в Интернете. Решая кон...

Практическая работа "Создание web-страницы", 9 класс

Практическая работа "Создание web-страницы", 9 класс...