Разделы презентаций


Работа с текстом

Содержание

Проверка домашнего заданияПеречислите этапы создания сайта.Что такое HTML?Какие существуют варианты списков?Какой тэг создает список определений?Какой тэг определяет каждый из терминов списка?Какой тэг описывает каждое определение?Какой тэг создает нумерованный список?Какой тэг определяет

Слайды и текст этой презентации

Слайд 1Работа с текстом.
Урок 4.
Работа с текстом.

Работа с текстом.Урок 4.Работа с текстом.

Слайд 2Проверка домашнего задания
Перечислите этапы создания сайта.
Что такое HTML?
Какие существуют варианты

списков?
Какой тэг создает список определений?
Какой тэг определяет каждый из терминов

списка?
Какой тэг описывает каждое определение?
Какой тэг создает нумерованный список?
Какой тэг определяет каждый элемент списка и присваивает номер?
Какой тэг создает ненумерованный список?
Проверка домашнего заданияПеречислите этапы создания сайта.Что такое HTML?Какие существуют варианты списков?Какой тэг создает список определений?Какой тэг определяет

Слайд 3Проверка домашнего задания:
Тест «Работа со списками»

Проверка домашнего задания:Тест «Работа со списками»

Слайд 4Работа с текстом.
первоначальные представления о работе с текстом в html.
знакомство

с тегами, которые мы будем использовать для работы с текстом

в html.
знакомство с основным инструментом для форматирования текста в html с таблицами каскадных стилей CSS
Работа с текстом.первоначальные представления о работе с текстом в html.знакомство с тегами, которые мы будем использовать для

Слайд 5В тэге может быть несколько атрибутов
Каждому тэгу можно прописать атрибуты.
Атрибут

состоит из 2-х частей: название атрибута и его значение:

В тэге может быть несколько атрибутовКаждому тэгу можно прописать атрибуты.Атрибут состоит из 2-х частей: название атрибута и

Слайд 6Сделаем заготовку:





Отображение текста нормальным шрифтом
Отображение текста жирным шрифтом
Отображение текста шрифтом

курсив



Сделаем заготовку:Отображение текста нормальным шрифтомОтображение текста жирным шрифтомОтображение текста шрифтом курсив

Слайд 7Переносы можно определить двумя способами: новым параграфом … или переносом



Переносы можно определить двумя способами: новым параграфом … или переносом

Слайд 8Изменение начертания текста
Жирным текст отображается с помощью тэга
Консорциум w.w.w.

постепенно избавляется от тэга
Курсивом текст отображается с помощью тэга


Изменение начертания текстаЖирным текст отображается с помощью тэга Консорциум w.w.w. постепенно избавляется от тэга Курсивом текст отображается

Слайд 9Внесем изменения:





Отображение текста нормальным шрифтом

Отображение текста жирным шрифтом



Отображение текста шрифтом курсив



Внесем изменения:Отображение текста нормальным шрифтом Отображение текста жирным шрифтом  Отображение текста шрифтом курсив

Слайд 10Сохранить обновить

Сохранить         обновить

Слайд 11Форматирование текста: стиль, размер, цвет
Стиль текста определяет тэг
Шрифт

текста определяет тэг font-family
Кегль текста определяет тэг font-size
Цвет текста определяет

тэг color
Форматирование текста: стиль, размер, цветСтиль текста определяет тэг Шрифт текста определяет тэг font-familyКегль текста определяет тэг font-sizeЦвет

Слайд 12Внесем изменения (заготовка):
….

Текст запишем шрифтом Verdana размер 20 цвет красный



Внесем изменения (заготовка):….Текст запишем шрифтом Verdana размер 20 цвет красный

Слайд 13Пропишем этот стиль:
…..


Текст запишем шрифтом Verdana

размер 20 цвет красный



Пропишем этот стиль:…..Текст запишем шрифтом Verdana размер 20 цвет красный

Слайд 14Сохранить обновить

Сохранить         обновить

Слайд 15стиль CSS
Выбранный стиль может повторяться в тексте несколько раз.
Чтобы каждый

раз не прописывать строку style=“font-family: Verdana; font-size:20px; color:red используется атрибут

class=“st.1”
Создается файл с расширением css, обычно это – style.css, в котором прописывается .st.1{style=“font-family: Verdana; font-size:20px; color:red}
В любом месте страницы, где понадобится такой стиль, достаточно вставить не всю строку, а

.
А табличка style.css прицепляется с помощью специальной команды в «шапку» html-страницы

стиль CSSВыбранный стиль может повторяться в тексте несколько раз.Чтобы каждый раз не прописывать строку style=“font-family: Verdana; font-size:20px;

Слайд 16Создайте файл с расширением style.css
в файле пропишите .st.1{style=“font-family: Verdana; font-size:20px;

color:red}
Изучите его вид на рабочем столе.
Применять его пока не

надо.
Создайте файл с расширением style.cssв файле пропишите .st.1{style=“font-family: Verdana; font-size:20px; color:red} Изучите его вид на рабочем столе.Применять

Слайд 17Практическое задание: Упражнение к уроку 4
1. Отформатировать выбранный вами текст

по следующим параметрам:
шрифт verdana
размер 24
цвет синий
2. Отформатировать выбранный вами

текст по следующим параметрам:
шрифт arial
размер 18
цвет красный
Сохраните файл как "text.html".
Практическое задание: Упражнение к уроку 41. Отформатировать выбранный вами текст по следующим параметрам:шрифт verdana размер 24цвет синий2.

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика