Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?

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



Advertisements
Похожие презентации
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Advertisements

ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
Web-страницы и Web-сайты. Структура Web- страницы.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Web-страницы и web-сайты. Структура web-страницы..
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Задание: изучить тему, записать все теги форматирования.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
Web-страницы и Web-сайты. Структура Web- страницы.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Название страницы содержание страницы Структура любого HTML файла.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Транксрипт:

Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС? Простейшие текстовые редакторы : в ОС Windows – Блокнот в ОС Linux – Kate Web – редакторы : в ОС Windows – Microsoft FrontPage в ОС Linux – Quanta Plus

Что такое сайт? это некое технологическое средство, несущее определенную информацию, состоящее из web- страниц. Для чего создаются сайты? - «Чтобы было». (домашние страницы) - Стремление зарабатывать (зарабатывать непосредственно изготовлением Web-сайтов, либо зарабатывать на услугах, рекламируемых с помощью Web-сайтов ). - Желание сделать общедоступными результаты собственной работы. (Эту причину можно применить к исследователям, публикующим свои уникальные или эксклюзивные материалы в виде научных статей, монографий, различного графического материала. )

Какие бывают сайты? Домашние страницы Коммерческие сайты Образовательные и организационные сайты Процесс создания сайта складывается из нескольких этапов. Каких? Планирование Реализация Тестирование Публикация Рекламирование Сопровождение

Теги, делающие текст заголовками Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра: left - слева, right - справа, center - по центру, jastify - по ширине.

Пример кода: Форматирование html Это заголовок первого уровня Это заголовок второго уровня Это заголовок третьего уровня Это заголовок четвертого уровня Это заголовок пятого уровня Это заголовок шестого уровня Это просто текст

Теги разделения на абзацы и переноса строки Тег - тег принудительного перевода строки. Теги разделяют текст на абзацы. У тега есть параметр align, который задает способ выравнивания текста внутри параграфа. Возможные значения этого параметра: left - слева, right - справа, center - по центру, jastify - по ширине.

Форматирование html Это абзац, он отделен от всего текста пустыми строками сверху и снизу, и выровнен по левому краю. Это абзац, он отделен от всего текста пустыми строками сверху и снизу, и выровнен по правому краю. Это абзац, он отделен от всего текста пустыми строками сверху и снизу, и выровнен по центру. Это просто текст. Это текст с новой строки.

Теги, выделяющие текст курсивом Теги используются для логического выделения названий книг, статей и цитат. Теги используются для выделения определений. Теги выделяют важные фрагменты текста

Форматирование html Этот текст в тегах cite Этот текст в тегах dfn Этот текст в тегах i

Теги, выделяющие текст полужирным шрифтом

Форматирование html Просто текст Этот текст в тегах strong Этот текст в тегах b

Теги, выделяющие текст подчеркиванием

Форматирование html Просто текст Этот текст в тегах ins Этот текст в тегах u

Теги указывают параметры шрифта текста: face - название шрифта. size - размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3. color - цвет текста (по умолчанию - черный).

Пример кода: Форматирование html Это простой текст. Этот текст красный, размера 5. Этот текст синий, размера 2.

Теги предназначены для выравнивания всех элементов внутри него по центру окна браузера.

Пример кода: Форматирование html Это простой текст Это выровненный по центру текст.

Совместное использование тегов Выделим слово "текст" красным цветом: Текст Добавим теги курсива: Текст А теперь - теги полужирного начертания: Текст

Каждый раз все предыдущие теги мы помещаем в новые. Это и называется порядком вложенности.

Назовите теги, делающие текст заголовками ( ; ; ; ; ; ) Назовите параметр горизонтального выравнивания (align.) Назовите теги, выделяющие текст курсивом ( ; ; ; ) Назовите теги, выделяющие текст полужирным шрифтом ( ; ) Назовите теги, выводящие текст в верхнем и нижнем индексах ( ; )

Устройство компьютера Внешние Принтер, сканер, монитор, клавиатура Внутренние винчестер материнская плата видеокарта

Устройства компьютера (заголовок 1) Внешние (заголовок 2) Принтер, сканер, монитор, клавиатура. (размер -2, цвет синий, шрифт Arial) Внутренние (заголовок 2) Винчестер, материнская плата, видеокарта.