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

Содержание

Слайд 2

Редакторы для верстки веб-страниц

Визуальные
WYSIWYG (What You See Is What You

Редакторы для верстки веб-страниц Визуальные WYSIWYG (What You See Is What You
Get – визуальные редакторы, в которых, как говорится «что видишь, то и получишь»)

Текстовые
редакторы, позволяющие непосредственно работать с кодом HTML (в них предусмотрена «быстрая вставка» больших фрагментов, выделение различных тэгов, добавление готовых сценариев и многое другое).

Слайд 3

Macromedia Dreamweaver

Dreamweaver (в пер. «ткач мечты») – HTML-редактор. Разработан компанией Macromedia.
Богатый

Macromedia Dreamweaver Dreamweaver (в пер. «ткач мечты») – HTML-редактор. Разработан компанией Macromedia.
инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире

Слайд 4

Интерфейс программы

При запуске программы появляется стартовая страница, позволяющая выбрать объект создания или

Интерфейс программы При запуске программы появляется стартовая страница, позволяющая выбрать объект создания
редактирования, с которым будет осуществляться работа

Создать новый HTML документ

Открыть недавно созданный документ

Открыть документ

Слайд 5

Перед началом работы необходимо установить кодировку!!!!!

При работе с текстами на русском языке

Перед началом работы необходимо установить кодировку!!!!! При работе с текстами на русском
необходимо с самого начала изменить настройку программы – кодировку!!!!

Слайд 6

Установка кодировки:
More – Preferences – Default Encoding – Ok

Установка кодировки: More – Preferences – Default Encoding – Ok

Слайд 7

Создание HTML-документа

Создание HTML-документа

Слайд 8

Панель инструментов Insert - Вставка

Ярлык – имя открытого документа

Панель инструментов Document

Режим

Панель инструментов Insert - Вставка Ярлык – имя открытого документа Панель инструментов
просмотра HTML-кода и ручной расстановки меток

Визуальный режим Design
(констуиро-вание)

Заголовок HTML-документа

Панель Properties – отражает свойства выделенного в данный момент объекта

Свойства страницы

Установить/свернуть панель Properties

Установить/свернуть инструмен-тальные панели

Строка заголовка

Слайд 9

Проверка установленной кодировки

1. Войти в режим просмотра HTML -кода

2. Кодировка «кириллица-Windows»:
charset=windows-1251

Проверка установленной кодировки 1. Войти в режим просмотра HTML -кода 2. Кодировка «кириллица-Windows»: charset=windows-1251
Имя файла: Гвасалия-Дарья-Александровна.pptx
Количество просмотров: 78
Количество скачиваний: 0