Программа Dreamweaver является лидером среди визуальных редакторов по созданию сайтов. Слово «dreamweaver» в переводе с английского означает «ткач мечты».
Программа Dreamweaver изначально была разработана компанией с целью экономии времени веб-мастера — и это главное преимущество Dreamweaver.
Эта программа позволяет создавать качественные сайты, хотя, конечно, сама программа за вас ничего не сделает — необходимо иметь опыт и соответствующие навыки.
В данной статье мы рассмотрим только некоторые преимущества Dreamweaver, и на примерах убедимся, почему программа Dreamweaver занимает первое место у многих веб-мастеров.
Программа Dreamweaver — Каркас страницы
Когда я только училась создавать сайты, все коды я писала вручную. Программа Dreamweaver, при правильной ее настройке, создает новую страницу уже со встроенными тегами каркаса страницы.
Вам остается пробежать взглядом, все ли правильно, а также отдельно добавить description, keywords и другие meta теги, которые, как вы видите на картинке, вводятся почти автоматически — с подсказками, из которых вы выбираете нужный вариант.
Ссылки в программе Dreamweaver
Создание ссылок в Dreamweaver занимает полсекунды. Существует несколько способов создания ссылок:
- Выделяете нужный текст и нажимаете на «Цель» левой кнопкой мыши.
Не отпуская кнопки, перетаскиваете цель на нужный файл, который находится в панели справа. Ссылка на файл создана. - Выделяете текст, правой кнопкой мыши открываете меню make Link, указываете страницу. Все.
- Выделяете текст, затем в панели Properties в строке Link напишите, на какую страницу ведет ссылка или можно ссылки в dreamweaver нажать на кнопку ПАПКА и выбрать нужный файл из выпавшего списка. Ссылка готова.
Вставка якоря
Как вы знаете, якорь используется в таких случаях, когда нужно перейти на нужную страницу и обратить внимание читателя на любую область страницы — это может быть элемент списка, например, или подзаголовок. Если эти понятия вам пока незнакомы, рекомендую пройти Бесплатный курс Евгения Попова «Базовый курс HTML» — там все эти термины объяснены автором в видео уроках на примерах.
В Dreamweaver на странице, куда должна вести ссылка, нажимаем на кнопку «вставка якоря» в программе в верхней панели. В появившейся форме пишем любое имя якоря.
Название этого якоря вводим в ту же строку, где ранее мы вставляли ссылку.
Сначала быстро устанавливаем ссылку любым из вышеперечисленных способов, а затем через решетку название якоря.
Все — якорь готов.
В данной статье я не ставила целью рассказать обо всех возможностях программы Dreamweaver, т.к. программа обширна, и при всем желании невозможно рассказать о данной программе в таком формате.
Основные преимущества программы Dreamweaver:
- Подсветка кода, подсказывающая где вы могли допустить ошибку.
- Автоподстановка кода. Даже если вы хорошо разбираетесь в тегах, часто их написание становится муторным занятием, потому что вам приходится их вводить снова и снова. Программа Dreamweaver дописывает коды сама, предлагая из выпадающего списка различные варианты. Это видно из примера выше.
- Программа Dreamweaver называется визуальным редактором неслучайно — здесь есть возможность при написании кода сразу видеть визуально результаты вашей работы. Если у вас большой экран, вы вводите режим «код и дизайн», и пользуетесь этой удобной функцией.
- Функция поиска в программе Dreamweaver за пару секунд ищет и при желании заменяет коды и тексты не только в открытом документе, но и во всех существующих файлах вашего сайта.
Вы на практике можете увидеть все достоинства и недостатки (и такие имеются) данной программы, если ознакомитесь с видео курсом Евгения Попова «Dreamweaver», который включает в себя 14 видео уроков, и который вы совершенно БЕСПЛАТНО можете скачать здесь.