Режим Code

С этим уроком также смотрят

Теперь в руках Web-разработчиков есть универсальный пакет Dreamweaver® CS4 для создания современных Web-приложений.

Adobe® and Dreamweaver® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 14 марта 2011

Adobe® Dreamweaver® CS4,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Скачать урок
Текст урока
После создания нового документа, программа Dreamweaver® CS4 перейдет в режим редактирования Split (Смешанный). Для начала перейдите в режим Code (Режим кода).
При включенном режиме редактирования HTML-текста, слева от рабочей области располагается дополнительная панель.
Рассмотрим ее состав.
В первой раскрывающейся кнопке можно выбрать редактируемый документ. Далее следует кнопка Collapse Full Tag (свернуть полный тег). Если выделить закрывающийся тег, то при нажатии этой кнопки его содержимое свернется. Для развертки тега, просто нажмите на плюсик возле него в рабочем поле.
Следующая кнопка позволяет сворачивать произвольный диапазон тегов. Выделите необходимый диапазон и нажмите эту кнопку – выделенный текст свернется.
Кнопка ниже позволяет развернуть все свернутые теги в документе.
Если текстовый курсор находится в списке параметров тега, кнопка в виде стрелки выделяет диапазон тега-родителя, т. е. тега, который содержит в себе вводимые параметры.
Следующий инструмент выделяет все содержимое, заключенное в тексте в фигурных или квадратных скобках. Далее находится кнопка, которая включает или отключает нумерацию строк в редакторе кода. Следом за ней, кнопка, при включении которой автоматически происходит проверка кода. Кнопка Syntax Error Alerts in info bar (Выносить предупреждения о синтаксических ошибках в инфо панель) позволяет выводить все синтаксические ошибки кода в отдельную панель.
Кнопки ниже предназначены для вставки и удаления комментариев. Следующая кнопка дает возможность поместить выделенный тег в новый. Далее идут две кнопки для работы с CSS и стандартными библиотеками. Затем кнопки создания отступов вправо и влево. Последняя кнопка дает возможность редактировать цвета и оформление редактора.
Таким образом, вы видите, что редактор кода Dreamweaver® CS4 позволяет работать с кодом на очень высоком уровне.
Комментарии (0)

Оглавление
Обзор программы
1. Назначение программы Adobe® Dreamweaver® CS4 1:21 3 10449
2. Стартовое окно 1:10 0 5717
3. Обзор интерфейса 2:09 0 4549
4. Переключение интерфейса 1:44 0 3247
5. Настройка интерфейса 1:51 0 2933
6. Обзор панели вставки 1:48 0 2625
7. Панель управления 1:46 0 2490
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2334
Начало работы
9. Создание сайта 2:04 2 15358
10. Создание документа 2:05 0 6102
11. Сохранение и открытие документов 1:10 0 3505
12. Режим Code 2:35 0 3417
13. Режим Design 1:35 1 3275
14. Работа со вспомогательными инструментами 2:16 0 2939
15. Установка опций фона web-страницы 1:52 0 4427
16. Макет страницы. Работа с фреймами 2:02 0 4398
17. Наполнение фреймов контентом 1:42 0 3222
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4386
19. Ввод текста и создание заголовоков 1:47 0 2775
20. Нумерованные списки 1:21 0 2366
21. Маркированные списки 1:37 0 2577
22. Многоуровневые списки 1:15 0 3123
23. Дополнительные настройки страницы 1:34 0 2104
24. Элементы SEO 2:01 2 2714
25. Панель History 1:19 0 1673
26. Редактирование состава меню Commands 1:10 0 1925
Работа со ссылками
27. Создание ссылок 2:15 0 2889
28. Создание ссылок на другие страницы 2:13 0 2704
29. Работа со ссылками при фреймовой структуре 1:23 0 1877
30. Отображение гиперссылок на странице 1:34 0 1936
Вставка графики на страницу
31. Добавление изображений 1:32 0 2691
32. Оптимизация графики 2:27 0 2192
33. Дополнительные настройки изображения 1:32 0 1932
34. Карта-изображение 1:15 0 2031
35. Rollover Images 1:44 0 2257
36. Размещение баннеров-изображений на странице 1:51 0 2452
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2373
38. Добавление видео в формате flv 2:09 0 2234
39. Вставка звука в web-страницу 1:43 1 2053
40. Создание форм на web-странице 1:34 0 2678
41. Основные управляющие элементы форм 1:41 0 1832
Таблицы
42. Добавление таблиц на страницу 2:10 0 1998
43. Форматирование таблиц 1:44 0 1787
44. Работа с ячейками. Выделение ячеек 1:13 0 1473
45. Объединение и разбиение ячеек 1:17 0 2105
46. Сортировка данных в ячейке 2:00 0 1448
47. Макет страницы на основе таблицы 2:00 1 1965
48. Дополнительные возможности табличного дизайна 1:49 0 1904
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2765
50. Редактирование списка браузеров 1:44 0 1825
51. Использование Device Central CS4 1:14 0 2745
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook