Задание 1 – Ввод и форматирование текста на html-странице.Задание 1 – Ввод и форматирование текста на html-странице. Задание 2 – Работа с графическими.

Презентация:



Advertisements
Похожие презентации
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Advertisements

Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Задание: изучить тему, записать все теги форматирования.
Форматирование текста Вставка рисунка Таблицы Гиперссылки Круговой сектор Структура документа.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Язык разметки гипертекста. Терминология HTML. Методика использования. Основные конструкции. Лаборатория информатизации образования ИДППО Институт дополнительного.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
СОДЕРЖАНИЕ СОДЕРЖАНИЕ Строка Меню Строка Меню Панель инструментов Стандартная Панель инструментов Стандартная Панель инструментов Форматирование Панель.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
(HyperText Markup Language) – язык гипертекстовой разметки.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Работа с текстом Возможности текстового редактора конструктора e-publish.
Транксрипт:

Задание 1 – Ввод и форматирование текста на html-странице.Задание 1 – Ввод и форматирование текста на html-странице. Задание 2 – Работа с графическими объектами.Задание 2 – Работа с графическими объектами. Задание 3 – Использование списков на web- страницахЗадание 3 – Использование списков на web- страницах Задание 4 – Работа с таблицамиЗадание 4 – Работа с таблицами Задание 5 - Гипертекстовые ссылкиЗадание 5 - Гипертекстовые ссылки Задание 6 - ФрэймыЗадание 6 - Фрэймы

Задание 1. Ввод и форматирование текста. Создать страницу «Задание_1.htm» с заголовком «Фамилия, Имя и класс». Набрать стихотворение, состоящее из трёх четверостиший, каждое своим шрифтом (использовать тэги FACE, COLOR, SIZE). Первое четверостишье должно быть выровнено слева и набрано курсивом, второе – по центру, полужирным и подчёркнутым, и последнее – справа, моноширинным шрифтом. Цвет фона не должен быть белым и каждое четверостишье должно иметь разный цвет, отличный от фона.

Задание 2. Работа с графическими объектами. Создать страницу «Задание_2.htm» с каким-либо фоновым изображением. Вставить на страницу второе изображение в виде картинки. При работе надо использовать атрибут размера изображении и рамки для изображения. Так же обязательно задать всплывающую подсказку (при наведении курсора на изображение).

Задание 3. Списки. Создать страницу «Задание_3.htm», содержащую следующие виды списков: 1. Вложенный упорядоченный список с атрибутом TYPE; 2. Вложенный маркированный список; 3. Неупорядоченный список с использованием какой-либо картинки в виде маркера; 4. Список определений; 5. Комбинированный список.

Задание 4. Таблицы. Создать страницу «Задание_4.htm», содержащую следующие таблицы: 1. Название «Таблица 1» вверху таблицы. Ширина границ таблицы > 1. Использовать различное выравнивание текста в ячейках. Все ячейки одного цвета. текст 2. Название «Таблица 2» внизу таблицы. Использовать разные цвета фона для ячеек. Цвет текста так же должен быть разным. Выравнивание текста – любое. текст

3. Название «Таблица 3» вверху таблицы. картинка 1 картинка 2 текст 4. Название «Таблица 4» внизу таблицы. Пунктиром показаны невидимые границы вложенной таблицы. текст спи сок

Задание 5. Гипертекстовые ссылки. Разместить html-файлы в каталоге «SCR», все используемые в них рисунки – в каталоге «PIC». Создать файл index.htm, в котором будут гиперссылки на несколько web-страниц из каталога «SCR», а на каждой такой странице (которая будет вызываться из index.htm) создать переход обратно на главную страницу.

Задание 6. Фрэймы. Создать страницу «Задание_6.htm» следующего вида: где верхний фрэйм является статичным (заголовок). Во втором фрэйме содержится таблица из трёх ячеек, в каждой из которых находится ссылка, при нажатии на которую изменяется содержимое главного фрэйма (нижнего справа). В нижнем левом фрэйме так же должна располагаться ссылка, изменяющая содержимое главной части окна.