Программа Dreamweaver

программа dreamweaver

Программа Dreamweaver является лидером среди визуальных редакторов по созданию сайтов. Слово «dreamweaver» в переводе с английского означает «ткач мечты».

Программа Dreamweaver изначально была разработана компанией с целью экономии времени веб-мастера — и это главное преимущество Dreamweaver.

Эта программа позволяет создавать качественные сайты, хотя, конечно, сама программа за вас ничего не сделает — необходимо иметь опыт и соответствующие навыки.

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

Программа Dreamweaver — Каркас страницы


каркас страницыКогда я только училась создавать сайты, все коды я писала вручную. Программа Dreamweaver, при правильной ее настройке, создает новую страницу уже со встроенными тегами каркаса страницы.

Вам остается пробежать взглядом, все ли правильно, а также отдельно добавить description, keywords и другие meta теги, которые, как вы видите на картинке, вводятся почти автоматически — с подсказками, из которых вы выбираете нужный вариант.

Ссылки в программе Dreamweaver


Создание ссылок в Dreamweaver занимает полсекунды. Существует несколько способов создания ссылок:

  1. Выделяете нужный текст и нажимаете на «Цель» левой кнопкой мыши.
    Не отпуская кнопки, перетаскиваете цель на нужный файл, который находится в панели справа. Ссылка на файл создана.
  2. Выделяете текст, правой кнопкой мыши открываете меню make Link, указываете страницу. Все.ссылки в программе dreamweaver
  3. Выделяете текст, затем в панели Properties в строке Link напишите, на какую страницу ведет ссылка или можно ссылки в dreamweaver нажать на кнопку ПАПКА и выбрать нужный файл из выпавшего списка. Ссылка готова.

Вставка якоря


Как вы знаете, якорь используется в таких случаях, когда нужно перейти на нужную страницу и обратить внимание читателя на любую область страницы — это может быть элемент списка, например, или подзаголовок. Если эти понятия вам пока незнакомы, рекомендую пройти Бесплатный курс Евгения Попова «Базовый курс HTML» — там все эти термины объяснены автором в видео уроках на примерах.

В Dreamweaver на странице, куда должна вести ссылка, нажимаем на кнопку «вставка якоря» в программе в верхней панели. В появившейся форме пишем любое имя якоря.

Название этого якоря вводим в ту же строку, где ранее мы вставляли ссылку.

Сначала быстро устанавливаем ссылку любым из вышеперечисленных способов, а затем через решетку название якоря.

вставка якоряВсе — якорь готов.

В данной статье я не ставила целью рассказать обо всех возможностях программы Dreamweaver, т.к. программа обширна, и при всем желании невозможно рассказать о данной программе в таком формате.

Основные преимущества программы Dreamweaver:

  1. Подсветка кода, подсказывающая где вы могли допустить ошибку.
  2. Автоподстановка кода. Даже если вы хорошо разбираетесь в тегах, часто их написание становится муторным занятием, потому что вам приходится их вводить снова и снова. Программа Dreamweaver дописывает коды сама, предлагая из выпадающего списка различные варианты. Это видно из примера выше.
  3. Программа Dreamweaver называется визуальным редактором неслучайно — здесь есть возможность при написании кода сразу видеть визуально результаты вашей работы. Если у вас большой экран, вы вводите режим «код и дизайн», и пользуетесь этой удобной функцией.
  4. Функция поиска в программе Dreamweaver за пару секунд ищет и при желании заменяет коды и тексты не только в открытом документе, но и во всех существующих файлах вашего сайта.

Вы на практике можете увидеть все достоинства и недостатки (и такие имеются) данной программы, если ознакомитесь с видео курсом Евгения Попова «Dreamweaver», который включает в себя 14 видео уроков, и который вы совершенно БЕСПЛАТНО можете скачать здесь.

Понравилась статья? Поделить с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.