Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

JS Animated. Устранение неполадок. Режим разработчика в Dreamweaver

Этот урок Вам поможет отредактировать Ваш JavaScript анимированный шаблон, а также (на базе JavaScript, Responsive, Bootstrap, One Page Html), в программе Dreamweaver, когда макет в режиме разработчика (т.е. Design Mode) отличается от того, который показывается в браузере.

JS Animated. Устранение неполадок. Режим разработчика в Dreamweaver Эта проблема возникает из-за JavaScript, который находится в таких шаблонах. Чтобы отредактировать шаблоны в режиме разработчика, нужно активировать в Dreamweaver режимы Live Code (Интерактивный код) и Live View (Интерактивный просмотр). Live Code позволяет просматривать код страницы (выделен желтым цветом) при взаимодействии пользователей со страницей в браузере. Оба режима не позволяют выполнять редактирование, поэтому для этой цели нужно их отключить.

Просмотр страниц в режиме Live view

  1. Откройте .html файл в Dreamweaver и включите режимы Code (код) и Design (дизайн) ( в главном меню View/Просмотр  > Code and Design (код и дизайн) )
  2. Нажмите кнопку Live view (или просто Live — зависит от версии Dreamweaver).
  3. В режиме Code(код) измените .html (.css или другие похожие файлы) .
  4. Для просмотра изменений Вам нужно обновить режим Live view. Для этого выберите на панели инструментов кнопку Refresh/Обновить или же просто нажмите F5.
  5. Если в шаблоне есть выпадающее меню и Вы хотите, чтоб оно было открыто при проведении изменений, то нажмите F6 (или зайдите в View > Live View и выберите там Freeze JavaScript ). При повторном нажатии F6 Вы отмените данную опцию.
  6. Еще раз нажмите на кнопку Live view, чтоб вернуться в режим Split (разделение).

Чтоб просмотреть Интерактивный код

  1. Убедитесь, что Вы в режиме Live view.
  2. Нажмите на кнопку Live Code.
  3. Поработайте с элементами на странице. Live Code выделит их в коде (работает только, если в View/Просмотр > Live View Options/опции интерактивного просмотра выбрано Highlight Changes in Live Code/ В интерактивном коде выделять изменения).
  4. Нажмите еще раз на кнопку Live Code, чтоб отредактировать код.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

JS Animated. Устранение неполадок. Режим разработчика в Dreamweaver
  • Alex Ross

    You’re right, Live view was introduced in CS4. It’s not essential but it is convenient.

    There’s really no work-around but you can always do a Preview in Browser (menu: File>Preview in Browser>select a browser). it’s really only necessary when you want to see the affect of a rollover, visited link state, pop-out menu, etc.

    No votes yet.
    Please wait...
  • Alex Ross

    Unfortunately, some HTML-based templates just can’t be edited using Split/Design mode of DW due to their advanced and complex HTML5/CSS3/JS coding.

    No votes yet.
    Please wait...
 
Чат
We help you to choose the right product.
Начать чат