Скачать презентацию
Идет загрузка презентации. Пожалуйста, подождите
Презентация была опубликована 12 лет назад пользователемflash-library.narod.ru
1 Лекция 2 Визуальные редакторы веб-страниц. Macromedia Dreamweaver. Интерфейс программы. Установка кодировки. Гвасалия Дарья Александровна
2 Редакторы для верстки веб-страниц Визуальные WYSIWYG (What You See Is What You Get – визуальные редакторы, в которых, как говорится «что видишь, то и получишь») Текстовые редакторы, позволяющие непосредственно работать с кодом HTML (в них предусмотрена «быстрая вставка» больших фрагментов, выделение различных тэгов, добавление готовых сценариев и многое другое).
3 Macromedia Dreamweaver Dreamweaver (в пер. «ткач мечты») – HTML- редактор. Разработан компанией Macromedia.HTML Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали 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-документ Проверить выставленную кодировку
Еще похожие презентации в нашем архиве:
© 2024 MyShared Inc.
All rights reserved.