Режим 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 10414
2. Стартовое окно 1:10 0 5706
3. Обзор интерфейса 2:09 0 4540
4. Переключение интерфейса 1:44 0 3240
5. Настройка интерфейса 1:51 0 2925
6. Обзор панели вставки 1:48 0 2620
7. Панель управления 1:46 0 2485
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2327
Начало работы
9. Создание сайта 2:04 2 15320
10. Создание документа 2:05 0 6083
11. Сохранение и открытие документов 1:10 0 3499
12. Режим Code 2:35 0 3402
13. Режим Design 1:35 1 3269
14. Работа со вспомогательными инструментами 2:16 0 2933
15. Установка опций фона web-страницы 1:52 0 4421
16. Макет страницы. Работа с фреймами 2:02 0 4388
17. Наполнение фреймов контентом 1:42 0 3214
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4383
19. Ввод текста и создание заголовоков 1:47 0 2771
20. Нумерованные списки 1:21 0 2364
21. Маркированные списки 1:37 0 2574
22. Многоуровневые списки 1:15 0 3121
23. Дополнительные настройки страницы 1:34 0 2102
24. Элементы SEO 2:01 2 2710
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2884
28. Создание ссылок на другие страницы 2:13 0 2699
29. Работа со ссылками при фреймовой структуре 1:23 0 1874
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2688
32. Оптимизация графики 2:27 0 2189
33. Дополнительные настройки изображения 1:32 0 1930
34. Карта-изображение 1:15 0 2029
35. Rollover Images 1:44 0 2255
36. Размещение баннеров-изображений на странице 1:51 0 2449
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2371
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2673
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1993
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2100
46. Сортировка данных в ячейке 2:00 0 1445
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2760
50. Редактирование списка браузеров 1:44 0 1822
51. Использование Device Central CS4 1:14 0 2741
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook