Работа с текстом
<<  Редактирование текста Работа с фрагментами Обработка текста  >>
Лекция №3 Macromedia Dreamweaver Работа с текстом Создание списков
Лекция №3 Macromedia Dreamweaver Работа с текстом Создание списков
1. Работа с текстом
1. Работа с текстом
1. Работа с текстом
1. Работа с текстом
Задание №1
Задание №1
1.1 Создание и форматирование заголовков
1.1 Создание и форматирование заголовков
Задание №2
Задание №2
1.2 Изменение начертания шрифта
1.2 Изменение начертания шрифта
1.3 Изменение цвета шрифта
1.3 Изменение цвета шрифта
Задание №3
Задание №3
Изменение размера шрифта
Изменение размера шрифта
1.4 Изменение размера и гарнитуры шрифта
1.4 Изменение размера и гарнитуры шрифта
1.5. Создание нового абзаца
1.5. Создание нового абзаца
Задание №4
Задание №4
1.6. Выравнивание текста
1.6. Выравнивание текста
Задание №5
Задание №5
1.7. Создание маркированных и нумерованных списков
1.7. Создание маркированных и нумерованных списков
Задание №6
Задание №6
Вставка специальных символов
Вставка специальных символов
Работа с текстом
Работа с текстом
Вставка предварительно отформатированного текста
Вставка предварительно отформатированного текста
2. Работа с графикой
2. Работа с графикой
Размещение графических файлов
Размещение графических файлов
Задание №7
Задание №7
Выравнивание текста относительно изображения
Выравнивание текста относительно изображения
Выравнивание текста относительно изображения
Выравнивание текста относительно изображения
Задание №8
Задание №8
Установка зазора между текстом и рисунком
Установка зазора между текстом и рисунком
Задание №9
Задание №9
После того как изображение выделено, на панели свойств Properties
После того как изображение выделено, на панели свойств Properties
3. Работа с таблицами
3. Работа с таблицами
3. Таблицы в Web-дизайне
3. Таблицы в Web-дизайне
Работа с таблицами в программе Dreamweaver
Работа с таблицами в программе Dreamweaver
Задание №10
Задание №10
Изменение свойств таблицы
Изменение свойств таблицы
Изменение свойств ячейки
Изменение свойств ячейки

Презентация на тему: «Работа с текстом». Автор: Дарья Гвасалия. Файл: «Работа с текстом.ppt». Размер zip-архива: 640 КБ.

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

содержание презентации «Работа с текстом.ppt»
СлайдТекст
1 Лекция №3 Macromedia Dreamweaver Работа с текстом Создание списков

Лекция №3 Macromedia Dreamweaver Работа с текстом Создание списков

Вставка таблиц Вставка рисунков

Web-design

Гвасалия Дарья Александровна

2 1. Работа с текстом

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

3 1. Работа с текстом

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

Для форматирования текста используется группа инструментов Text панели Insert (Вставка) и инструменты панели Properties (Свойства). Инструменты данных панелей частично дублируют друг друга

4 Задание №1

Задание №1

Откройте файл training_text.doc Выделите текст Скопируйте его в буфер обмена (Горячие клавиши Ctrl + C) Создайте новый HTML-документ Вставьте скопированный текст в рабочую область документа (Горячие клавиши Ctrl + V)

5 1.1 Создание и форматирование заголовков

1.1 Создание и форматирование заголовков

Для форматирования заголовков группа инструментов Text панели инструментов Insert содержит кнопки h1, h2, h3. Список Format панели инструментов Properties позволяет выбрать любой из шести уровней форматирования заголовков, а значение None позволяет отказать от выбранного ранее форматирования.

Курсор может находиться в любом месте форматируемого заголовка

6 Задание №2

Задание №2

Задайте формат заголовка H1

7 1.2 Изменение начертания шрифта

1.2 Изменение начертания шрифта

Для изменения начертания необходимо выделить нужный фрагмент текста и выбрать одну из следующих кнопок Кнопки: B (Bold) – полужирный I (Italic) – курсивный S (Strong) – важный (отображается полужирным) Em (Emphasis) – важный (отображается курсивом)

Начертания шрифта

Начертания шрифта

8 1.3 Изменение цвета шрифта

1.3 Изменение цвета шрифта

Цвет шрифта

Для изменения цвета шрифта необходимо выделить нужный фрагмент текста, нажать кнопку Цвет шрифта (Text Color) и в открывшейся панели выбрать нужный цвет. При этом курсор превращается в «пипетку», что позволяет выбрать цвет из любых объектов отображаемых в данный момент экране. Кнопка Default Color – позволяет вернуть к цвету, установленному по умолчанию Кнопка System Color Picker открывает окно с большими возможностями по выбору цвета

System Color Picker

Default Color

9 Задание №3

Задание №3

Измените начертание заголовка (курсив) и задайте другой цвет для заголовка

10 Изменение размера шрифта

Изменение размера шрифта

Прежде чем приступать к изменению размера шрифта, следует изменить настройку программы: Edit – Preferences… Должен быть снят флажок Use CSS instead of HTML tags

11 1.4 Изменение размера и гарнитуры шрифта

1.4 Изменение размера и гарнитуры шрифта

Для изменения гарнитуры шрифта надо выбрать в раскрывающемся списке требуемый шрифт или Default Font (шрифт по умолчанию). Выбор Default Font позволяет удалить выбранную ранее гарнитуру. Размер шрифта (после настройки см предыдущий слайд) можно будет выбрать от 1 до 7 со знаками «+», «-» или без знака. Выбор со знаком означает, что размер увеличивается или уменьшается на соответствующую величину относительно заданного по умолчанию. Значение без знака означает абсолютное задание размера

Гарнитура шрифта

Размер шрифта

12 1.5. Создание нового абзаца

1.5. Создание нового абзаца

Новый абзац создается нажатием клавиши <Enter> Если необходимо перейти на новую строку не создавая нового абзац, нужно использовать сочетание клавиш <Shift> +<Enter>

13 Задание №4

Задание №4

Разделите текст на два абзаца, и разделите список книг переносом строки в пределах абзаца

14 1.6. Выравнивание текста

1.6. Выравнивание текста

На панели Properties расположены четыре кнопки, предназначенные для выравнивания текста абзаца по левому краю, по центру, по правому и по ширине. Для форматирования абзаца достаточно поместить курсор в любую точку текста. Если форматируются несколько абзацев, то их необходимо выделить.

Выравнивание текста

Создание абзацных отступов

Каждый абзацный отступ смещает левую или правую границу абзаца на несколько позиций

15 Задание №5

Задание №5

Установите выравнивание заголовка по центру, основного текста – по ширине и задайте дополнительный абзацный отступ для списка книг.

16 1.7. Создание маркированных и нумерованных списков

1.7. Создание маркированных и нумерованных списков

Для создания списка необходимо: 1. создать последовательность абзацев, нажимая клавишу <Enter> (Важно!!!!) 2. Выделить все абзацы и нажать кнопку ul (маркированный список) или ol (нумерованный список) в группе инструментов Text панели Insert. Или соответствующие кнопки на панели инструментов Properties

Создание списков

17 Задание №6

Задание №6

Создайте нумерованный список произведений

18 Вставка специальных символов

Вставка специальных символов

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

Переход на новую строку в переделах абзаца

Вставка символа неразрывного пробела

Вставка левых кавычек

Вставка правых кавычек

Вставка длинного тире

Вставка знаков

Вставка других символов

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

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

Для форматирования текста используется группа инструментов Text панели Insert (Вставка) и инструменты панели Properties (Свойства). Инструменты данных панелей частично дублируют друг друга:

Вставка спец.символов

Начертания шрифта

Выравнивание текста

Создание абзац-ных отступов

Гарнитура шрифта

Создание списков

Цвет шрифта

Размер шрифта

20 Вставка предварительно отформатированного текста

Вставка предварительно отформатированного текста

? Существует возможность импорта документов, приго-товленных в Word. File – Import – WD… и указать файл, который необходимо открыть. ? Либо через буфер обмена: Выделить весь текст в Word, скопировать его в буфер обмена (Ctrl+C); вставить текст из буфера (Ctrl+V) в окне Design

21 2. Работа с графикой

2. Работа с графикой

22 Размещение графических файлов

Размещение графических файлов

Панель инструментов “Вставка” Insert – Common – Image.

Если рисунок находится за пределами папки сайта, то откроется диалоговое окно, предупреждающее об этом. Следует нажать кнопку ОК и тогда будет сохранена копия изображения в папке сайта.

23 Задание №7

Задание №7

Вставьте рисунок potter.jpg

24 Выравнивание текста относительно изображения

Выравнивание текста относительно изображения

После того как изображение выделено, на панели свойств Properties отображаются его свойства

Выравнивание рисунка по горизонтали

Выравнивание текста относительно рисунка. В раскрывающемся списке нужно выбрать тип выравнивания (см. следующий слайд)

25 Выравнивание текста относительно изображения

Выравнивание текста относительно изображения

Default

Top

Middle

TextTop

Left

Right

Выравнивание по одной строке текста

Baseline и bottom

Выравнивание базовой линии текста по середине изображения

AbsoluteMiddle

Середина строки выравнивается посередине изображения

AbsoluteBottom

Нижняя граница строки выравнивается по нижней границе изображения

Текст обтекает рисунок справа

Абзац

Текст обтекает рисунок слева

Выравнивание по умолчанию

Базовая линия текста (или другого объекта) будет выровнена по нижнему краю изображения

Самый высокий элемент строки (не обязательно текстовый) выравнивается по верхней границе изображения

Самый высокий текстовый элемент строки выравнивается по верхней границе изображения

26 Задание №8

Задание №8

Выравните текст относительно рисунка. Установите в поле Align: Left

27 Установка зазора между текстом и рисунком

Установка зазора между текстом и рисунком

Зазор между текстом и изображением V - по вертикали H - по горизонтали

28 Задание №9

Задание №9

Установите зазор между текстом и изображением по горизонтали 10

29 После того как изображение выделено, на панели свойств Properties

После того как изображение выделено, на панели свойств Properties

отображаются его свойства

Свойства изображения

Размеры рисунка, но их лучше менять с помощью графических редакторов

Текст-подсказка, который появляется в окне браузера при наведении указателя мыши на рисунок

Выравнива-ние рисунка по горизон-тали

Зазор между текстом и изображением

Выравнивание текста относительно рисунка

Нужно выставить «0», чтобы не было рамки.

30 3. Работа с таблицами

3. Работа с таблицами

31 3. Таблицы в Web-дизайне

3. Таблицы в Web-дизайне

Таблицы используются для: Структуризации данных Компоновка элементов web-страницы (рисунков, фрагментов текста) Для создания таблиц используются следующие метки: <TABLE>… </TABLE> – начало и конец таблицы <TR>… </TR> – начало и конец строки <TD>… </TD> – одна ячейка <TН>… </TН> – заголовок столбца (выделяется полужирным шрифтом) Если размеры таблицы указывать в пикселях, то будет создаваться таблица с фиксированной шириной. Если в процентах относительно размеров окна, то таблица будет с относительной шириной.

32 Работа с таблицами в программе Dreamweaver

Работа с таблицами в программе Dreamweaver

Вставка таблицы кнопка Table в группе инструментов Common (общие) панели Insert (вставка). В появившемся диалоговом окне Table можно задать параметры таблицы:

Число строк

Число столбцов

Ширина таблицы

Толщина рамки

Расстояние между границами ячейки и её содержимым

Расстояние между ячейками

«Шапка» таблицы

Заголовок таблицы

Выравнивание заголовка

Примечание, ко-торое не отобра-жается браузером

33 Задание №10

Задание №10

Создайте таблицу из четырех колонок, для отображения результатов опроса:

34 Изменение свойств таблицы

Изменение свойств таблицы

Свойства таблицы можно менять с помощью панели Properties: Внимание должен быть выделен объект – таблица!!!!!!!!!!

Выравнивание по горизонтали таб-лицы относитель-но страницы

Фоновый рисунок

Цвет фона

Цвет рамки

Ширина рамки

35 Изменение свойств ячейки

Изменение свойств ячейки

Свойства ячейки также изменяют с помощью панели Properties. Для этого нужно установить курсор в ячейку свойства которой нужно изменить

Запрет переноса строк

Ячейка становиться заголовком

Объединение смежных ячеек

Разделить ячейку

Выравнивание содержи-мого ячейки по верти-кали или горизонтали

«Работа с текстом»
http://900igr.net/prezentacija/informatika/rabota-s-tekstom-112408.html
cсылка на страницу
Урок

Информатика

130 тем
Слайды