Web-design
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Гвасалия Дарья Александровна презентация
Содержание
- 1. Гвасалия Дарья Александровна
- 2. Редакторы для верстки веб-страниц Визуальные
- 3. Macromedia Dreamweaver Dreamweaver (в пер. «ткач
- 4. Интерфейс программы При запуске программы появляется стартовая
- 5. Перед началом работы необходимо установить кодировку!!!!!
- 6. Установка кодировки: More – Preferences – Default Encoding – Ok
- 7. Создание HTML-документа
- 8. Панель инструментов Insert - Вставка Ярлык –
- 9. Проверка установленной кодировки 1. Войти в режим просмотра HTML -кода 2. Кодировка «кириллица-Windows»: charset=windows-1251
- 10. Задание: Установить кодировку кириллица-windows Создать новый HTML-документ Проверить выставленную кодировку
Слайд 1Лекция №2
Визуальные редакторы веб-страниц.
Macromedia Dreamweaver. Интерфейс программы. Установка кодировки.
Гвасалия
Дарья Александровна
Слайд 2Редакторы для верстки веб-страниц
Визуальные
WYSIWYG (What You See Is What
You Get – визуальные редакторы, в которых, как говорится «что видишь, то и получишь»)
Текстовые
редакторы, позволяющие непосредственно работать с кодом HTML (в них предусмотрена «быстрая вставка» больших фрагментов, выделение различных тэгов, добавление готовых сценариев и многое другое).
Слайд 3Macromedia Dreamweaver
Dreamweaver (в пер. «ткач мечты») – HTML-редактор. Разработан компанией
Macromedia.
Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире
Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире
Слайд 4Интерфейс программы
При запуске программы появляется стартовая страница, позволяющая выбрать объект создания
или редактирования, с которым будет осуществляться работа
Создать новый HTML документ
Открыть недавно созданный документ
Открыть документ
Слайд 5Перед началом работы необходимо установить кодировку!!!!!
При работе с текстами на русском
языке необходимо с самого начала изменить настройку программы – кодировку!!!!
Слайд 8Панель инструментов Insert - Вставка
Ярлык – имя открытого документа
Панель инструментов Document
Режим просмотра HTML-кода и ручной расстановки меток
Визуальный режим Design
(констуиро-вание)
Заголовок HTML-документа
Панель Properties – отражает свойства выделенного в данный момент объекта
Свойства страницы
Установить/свернуть панель Properties
Установить/свернуть инструмен-тальные панели
Строка заголовка
Слайд 9Проверка установленной кодировки
1. Войти в режим просмотра HTML -кода
2. Кодировка «кириллица-Windows»:
charset=windows-1251
Слайд 10Задание:
Установить кодировку кириллица-windows
Создать новый HTML-документ
Проверить выставленную кодировку
