Куцева Надежда Алексеевна Учитель I квалификационной категории Муниципальное общеобразовательное учреждение средняя общеобразовательная школа 1 г.Камешково.

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



Advertisements
Похожие презентации
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Advertisements

был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
Язык разметки гипертекста НТМL (HyperText Markup Language)
КОМПЬЮТЕРНАЯ ГРАФИКА - создание, обработка графических изображений с использованием компьютера. Растровая графикаВекторная графика Трехмерная графика.
Урок 1 Сайт – это совокупность гипертекстовых страниц (чаще имеющая древовидную структуру) для представления предприятия, фирмы (корпоративные сайты),
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Язык разметки гипертекста. Терминология HTML. Методика использования. Основные конструкции. Лаборатория информатизации образования ИДППО Институт дополнительного.
(HyperText Markup Language) – язык гипертекстовой разметки.
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ OpenOffice.org. ТЭГИ (дескрипторы) – это команды, определяющие внешний вид Web – документа и формирующие связи с другими.
Язык разметки текста HTML. HTML-страница HTML-страница представляет собой простой текстовый файл, в котором наряду с текстом присутствуют специальные.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Основы HTML Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна.
HTML HTML – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста.
Правила синтаксиса. Нумерованные списки в HTML. Никитенко Ольга Борисовна педагог дополнительного образования ГБОУ ЦО 671 Петродворцового района Санкт-Петербурга.
Скажи мне, я забуду. Покажи мне, я могу запомнить. Позволь мне сделать самому это, и это станет моим навсегда" "Скажи мне, я забуду. Покажи мне, я могу.
Транксрипт:

Куцева Надежда Алексеевна Учитель I квалификационной категории Муниципальное общеобразовательное учреждение средняя общеобразовательная школа 1 г.Камешково Владимирской области

Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.

ТЭГ - начальный или конечный маркеры элемента. Тэги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы тэги заключаются в угловые скобки, а конечный тэг всегда снабжается косой чертой. * Записать основные тэги

1. Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице Всегда использовать конечные тэги (не забывать,, и др.). 3. Не нарушать правила вложения тэгов. Правильно: Заголовок крупный Заголовок поменьше Неправильно: Заголовок крупный Заголовок поменьше

4. Любая полезная информация должна находиться между начальным и конечным тэгами, указывающими ее формат. 5. Все атрибуты располагаются в начальном тэге. 6. Принято начальные тэги писать ЗАГЛАВНЫМИ буквами ( ), а конечные строчными буквами ( ). Выполнить практическую работу (на ПК)

Аквамарин aqua #00FFFF Белый white #FFFFFF Желтый yellow #FFFF00 Зеленый green # Золотистый gold #FFD700 Индиго indigo #4B0080 Каштановый maroon # Красный red #FF0000 Оливковый olivе # Пурпурный purple # Светло-зеленый lime #00FF00 Серебристый silver #C0C0C0 Серый gray # Сизый teal # Синий blue #0000FF Ультрамарин navy # Фиолетовый violet #EE80EE Фуксиновый fuchsia #FF00FF Черный black #000000

КодЦветКодЦвет # # # # # #A00000 # #B00000 # #C00000 # #D00000 # #E00000 # #FF0000

Цвет шрифта можно задать с помощью атрибута color в теге, например: Это цветной текст 1 Это цветной текст 2 Цвет шрифта можно задать с помощью атрибута color в теге, например: Это цветной текст 1 Это цветной текст 2 Чтобы задать цвет фона страницы используется атрибут color внутри тега, например: Чтобы задать цвет фона страницы используется атрибут color внутри тега, например:

Например: Иванов Иван Иваныч или Иванов Иван Иваныч

Абзац - выравнивание текста по левому краю экрана. - выравнивание текста по центру экрана. - выравнивание текста по правому краю экрана. Принудительный переход на новую строку

- элемент для создания ссылки на графический файл (image). Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: - обычный рисунок - анимированный рисунок C:\Program Files\Microsoft Office\CLIPART\PUB60COR

Высоту и ширину области, в которой демонстрируется рисунок, задают при помощь атрибутов height - высота и width - ширина. Например: * Обратите внимание, что во втором случае изменен размер рисунка (мы изменили ширину, высота будет изменена автоматически).

Атрибут border задает рамку вокруг объекта. border="2' - ширина рамки задается в пикселях. Например:

Домашняя страничка Куцева Надежда Алексеевна учитель ИКТ МОУ СОШ 1

… внешний элемент таблицы … элемент, задающий строку таблицы … элемент, задающий ячейку таблицы (кол-во столбцов)

Опишем таблицу, которая будет состоять из двух строк и двух столбцов: Начало таблицы Начало первой строки Первая ячейка первой строки Вторая ячейка первой строки Конец первой строки Начало второй строки Первая ячейка второй строки Вторая ячейка второй строки Конец второй строки Конец таблицы

Ширину таблицы можно задавать в пикселях или в процентном отношении к ширине страницы Например:

Цвет фона таблицы: bgcolor="#RRGGBB" например: Цвет фона таблицы: bgcolor="#RRGGBB" например: Цвет ячеек таблицы. Цвет ячеек таблицы.

Ширина боковой грани border. Задаётся в пикселях. Если border=0, то грань будет невидима Например:

Расписание уроков урока время понедельник вторник … Первая строка таблицы

- тэг для гиперссылки Шаблон: Текст для щелчка Например: Домашняя страница

Внутри тега используются атрибуты: link - задает цвет ссылок на всей Web-странице, vlink - задает цвет посещенных ссылок, alink - задает цвет активных ссылок (цвет появляется при нажатии мыши). Пример : Пример :

Cсылка указывает на какой-либо Web-ресурс: href= Гиперссылка используется для указания адреса электронной почты. Обычно такую ссылку размещают в конце страницы для обеспечения связи с Web-мастером или автором страницы, например: Алексей Гончаров

1.Выделить папку с готовым материалом 2.В навигационном меню команду «Опубликовать в Вебе» 3.В появившемся диалоговом окне нажать кнопку Далее (дважды) 4.Теперь необходимо указать сервер (Narod.ru или Chat.ru)

5.Если мастер выдаст сообщение об ошибке, необходимо щелкнуть «Нет доступных служб» 6.В появившемся окне указать адрес сервера: 7. Теперь нужно будет ответить на несколько вопросов и дальше Мастер сделает сам

Login (логин) Password (пароль) Установить самим