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

Слайд 1Лекция №2
Визуальные редакторы веб-страниц.
Macromedia Dreamweaver. Интерфейс программы. Установка кодировки.
Гвасалия

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

Web-design


Слайд 2Редакторы для верстки веб-страниц
Визуальные
WYSIWYG (What You See Is What

You Get – визуальные редакторы, в которых, как говорится «что видишь, то и получишь»)

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


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

Macromedia.
Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире

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

или редактирования, с которым будет осуществляться работа

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

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

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


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

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

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



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




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





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


Режим просмотра HTML-кода и ручной расстановки меток

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

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

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

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

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

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

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


Слайд 9Проверка установленной кодировки
1. Войти в режим просмотра HTML -кода
2. Кодировка «кириллица-Windows»:

charset=windows-1251

Слайд 10Задание:
Установить кодировку кириллица-windows
Создать новый HTML-документ
Проверить выставленную кодировку


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

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

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

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

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


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

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