Дримвивер — режим проверки и валидация

ПоделитьсяTweetПоделитьсяGoogle

Всем привет! Сегодня мы рассмотрим в Дримвивере режим проверки и валидацию.

Режим проверки нам даст возможность просмотреть документ, в данном случае  сайт воронку блоками и задать правильное расположение отступами (margin — внешние , padding — внутренние )

А валидация поможет устранить ошибки в коде .

Открываем Адоб Дримвивер / наша воронка и в панели инструментов кнопка «Дизайн»/»Live» (если у вас версия CS6 если пятая версия то сразу кнопка «Проверка») откроется ещё 2 кнопки и из них одна «Проверка».

Жмём её. В этом режиме Дримвивер подсвечивает блоки разными цветами при наведении курсора, мы видим абзацы блоками и можем задать корректирующие отступы

Всё легко и просто , выравниваем по лучшему дизайну надписи , картинки. Советую начинающим переключится в режим Разделение  по  кликабельной надписи Переключить сейчас l Подробнее на всплывшей панели подсказок вверху. Окно интерфейса разделится и можно созерцать как добавляется и самое главное какой код добавится когда вы задаёте отступы для блоков.  Быстрее поймёте html разметку.

Следующее действие — валидация. 

Проверим наш документ на наличие ошибок кнопкой с зелёным треугольником (Проверка W3S)

экран интерфейса разделится на  части по горизонтали и в нижней выдаст результат проверки,

Если есть ошибки то сразу будет указано способ решения, то есть добавить не достающий тег. Или выдаст что ошибок нет. Убрать разделение в этом варианте, в правом верхнем углу иконка с треугольником вершиной вниз раскрываете и «Закрыть группу вкладок»

Рассмотрим следующую кнопку «Многоэкранный просмотр» — этой кнопкой мы включаем просмотр в  трёх вариантах, как отображается наш документ на трёх устройствах. На телефоне, планшете и компьютере.

В этом просмотре можно задать для удобства размеры кнопкой «Размеры области просмотра»

Следующая полезная функция это поиск и замена элемента в коде.

Как и в любом текстовом редакторе здесь есть функция «найти и заменить». Вызывается эта функция комбинацией клавиш «Ctrl+F» появится окошко поиска . В этом окошке вверхнем поле мы вписываем элемент который ищем , в нижнем тот элемент который заменит его.

ЧИТАТЬ:  Что делать если заблокирован сайт провайдером

«Область поиска» по умолчанию — Текущий документ. Можно выбрать в каком именно документе идёт поиск, если это сайт с большим колличеством файлов, то уместнее выбрать Весь текущий локальный сайт, а если типа как наш одностраничный, то текущий документ ( по умолчанию). И кнопкой «Заменить всё», Дримвивер сразу поменяет все элементы в документе.

На этом ещё одна серия  по Адоб Дримвивер закончена и до о следующих, пока студия Юниверсал Мой Продакшн штампует новые  :-).

Всем всех благ!

Упс… Ошибка 404

Извините, но страница, которую Вы ищете, не существует.

d098d181d0bbd0b0d0b4d0bdd181d0bad0b8d0b5-d181d0bad0b0d0b7d0bad0b8-324x160-4484982 d09fd180d0b5d0b4d181d0bad0b0d0b7d0b0d0bdd0b8d18f-d0b8d0bdd0b4d0b5d0b9d186d0b5d0b2-d0a5d0bed0bfd0b8-324x160-7371064 flak_jacket_1942-324x160-4734015 ural_kremlin_compare-324x160-8788082 04909834-324x160-8574625 ПоделитьсяTweetПоделитьсяGoogle