Практические задания по созданию web-страниц
методическая разработка по информатике и икт по теме
6 заданий с полным описанием действий:
1 - Основные тэги
2 - Тэги форматирования
3 - Гиперссылки, вставка графики
4 - Формат картинки
5,6 - Бегущая строка, формат таблицы, фреймы
Публикация в WWW
Список тэгов в HTML
Схема цветов для сайтов
Скачать:
Вложение | Размер |
---|---|
prakticheskie_zadaniya_po_sozdaniyu_veb-stranic.rar | 154.42 КБ |
Предварительный просмотр:
Разработка Web-сайтов. Тема - Основные тэги HTML.
Задание № 1: Создать Web-страницу, знакомящую с основными тэгами HTML.
1. В своей папке создайте новую папку, имеющую имя: Создание Web-сайта.
2. Запустите текстовый редактор Блокнот (Пуск – Программы – Стандартные - Блокнот).
3. Ввести HTML-код, задающий структуру Web-страницы:
4. Внести в текст страницы тэги заголовков различных уровней (размеров):
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
5. Отделить этот фрагмент от остального текста с помощью горизонтальной
разделительной линии:
6. Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные:
7.Внести в текст страницы тэги, определяющие начертание шрифта. Отделить
этот фрагмент от текста с помощью горизонтальных разделительных линий:
Обычный текст
Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
8. Ввести команду Файл - Сохранить, файлу Web-страницы присвоить имя
proba.htm и сохранить в своей папке Создание Web-сайта, закрыть Блокнот.
9. Откройте созданный документ из своей папки, в заголовке окна браузера
высвечивается название Web-страницы – Первое знакомство с тэгами HTML.
10. Замените общие фразы следующими (подумайте какие заменить):
Моя личная страница.
Давайте познакомимся.
Немного о себе:
- Моё имя…
- Мой адрес…
- Контактные координаты…
До встречи.
Спасибо за внимание.
Продолжение следует!
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 класс...