Adob Dreamweaver CS6 — начало

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

rfgy45-8515771

Всем доброго здравия и времени суток. Начинаем сериал «Дримвивер». Один из самых популярных HTML редакторов компании Adobe — в переводе глинобитный кирпичь, саман. Редактор на котором можно сделать практически всё, от мелкой редакции до тяжёлого сайта.

Начнём с азов. Первый урок познакомимся с программой , кто знаком может переходить к следующим.Сразу предупреждаю, я не особо профессионал, что освоил тем и делюсь.

На шибко умные и насмешливые коменты стреляю без предупреждения.

«Смеётся тот,  кто стреляет первым.»

Джон Вэйн (король вестерна)

От простого описания мы перейдём к созданию сайта воронки, или как говорят, страничке захвата.

Итак первый урок описание программы Adob Dreamweaver CS6 и создание папки будущего сайта. В нашем случае  — Странчки захвата. Или лучше Сайт Воронка.

Для начала надо просмотреть программу, можете просмотреть на официальном сайте разработчика>>

Или уже крякнутую версию в конце поста . Крякнутая — лопнувшая. давшая трещину 🙂 . То есть бывшая платная стала безплатной в результате некоторых действий.

Скачав установив, открываем программу  и сразу же перейдём из «Дизайнер» в вид «Классический»

02-091-7840402

для удобства. В правом нижнем экране появился интерфейс «Локальные файлы«. Здесь мы видим наш компьютер. Этот менеджер удобен для создания папки будущего сайта, что мы и сделаем, кликаем «Управление вебсайтами» появляется ещё одна панель «Управление сайтами»

ЧИТАТЬ:  Форма связи в всплывающем окне

ader-1436465

жмём «Новый сайт», появится ещё одна панель «Настройка сайта…» и переименовываем в свой сайт допустим » Сайт Воронка » и папку прописываем ту же, скопируем название сайта и вставим в путь к папке

вместо  «Сайт без названия…»

dgdhgd-4303080

Папка создадится автоматически, естественно она пустая, можете указать другой диск или флеш накопитель. Начало положено…

Вот теперь кликаем на основном разделе интерфейса иконка и подпись» HTML», вверху под «Создать» . Мы в редакции «Дизайн», если переключить в режим «Код» увидим начало документа и мигающий курсор в том месте  где и будут все наши надстройки и база, то есть тело документа, сайта всё содержимое между тегами

scsdt-7478655

Итак, для нашего сайта воронки потребуется создание блока div, в котором  и будет содержатся все элементы, прежде всего wrapper — обёртка, создаём…

Перейдём в визуальный вид редактора кликнув по кнопке «Дизайн», далее сохраним наш будущий сайт и теперешний файл в index.html, для этого откроем файл/сохранить как

fuyu-2119322

теперь название нашего документа поменялось (вверху слева) и мы можем двигаться дальше. Создаём блок div иконкой вверху, задаём индификатор ID — wrapper  и правило css, по кнопке «Создать правило CSS»

ЧИТАТЬ:  Закрытый раздел сайта или только для подписчиков

sgey-4802170

Появилось ещё одно окошко программы, для нашего одностраничного сайта мы создадим отдельный CSS файл и жмём «Ок»

открывается ещё одно окошко проги и здесь нам надо сохранить наш файл, для этого мы создадим папку  css

tyty-9083560

dggd-6628414

в котором будет файл ( таблица стилей ) style, пропишем

ytyu-5750618

выпало следующее окно ( надо стекольщиков вызывать 🙂  ) . Здесь зададим все правила. Прежде всего

  • фон выберим белый, кликнув по серому квадратику появится таблица цветов, в ней берём белый и «Применить»

bbbn-1113418размеры задаём в «Рамка«, обычно это до 800 пикселей, сделаем 760, высота до 4000. Пусть будет 3000 , потом всегда можно изменить. Далее отступы пишем так как на скрине, когда по эксперементируете можете писать свои…

wergtrty-7652787

галочку уберём (Галину Ивановну убрать 🙂  ) в «Одинаково для всех» . Кликаем Применить,»Ок», ещё раз «Ок» и смотрим нашу рамку, мы всегда можем перейти в редакцию иконкой карандаш

dyy-6597078

или кликнув внутри блока и потом на иконку внизу CSS , затем на «Изменить правило» мы так же перейдём в редакцию. Что и проделаем сейчас, для того чтоб обозначить рамку границу

ftt4im1-9213607

ставим solid и 2 пикселя и цвет серый  — рамка готова, теперь создадим ещё одно правило, для тега body. Откроем окошко «Создать правило CSS» иконкой страничка с +

02-09-2788999

выберим «Тег (преопределяет элемент HTML)» и «body«, жмём «Ок».

ЧИТАТЬ:  Как получить доступ по FTP

Далее , чтоб наша воронка была по симпатичнее предлагаю сделать фон (background) текстурой, зайдём в ресурсы картинок и выберим изображение текстуры. Можно просто в Гугл картинки набрать «Текстуры», допустим эту

vasia-1668979

Если картинка весит много, можете перевести в формат jpg и уменьшить вес. Далее создадим папку images в нашем файле «Сайт воронка»

и положим изображение с текстурой  туда. Теперь в Дримвивере укажем наш bacground во вкладке «Фон» кликнем на «Обзор»

gtuy76-6223384

Кликаем «Ок», «Применить» и сразу пропишем для тега body базовые шрифты, зайдём в «Тип» в Font-family изберём —

  • Arial, Helvetica, sans-serif
  • Font-size — 14
  • цвет #333

Жмём  » Применить»  , «Ок»

grtt-3378621

И получаем вот такой начальный вид

vid-6423694

Можете просмотреть в браузере, кликнуть по иконке глобуса и выбрать ваш текущий обозреватель.

На этом первый урок закончен , далее вы можете перейти в раздел Уроки и выбрать в главе Adob Dreamweaver CS6 — уроки, тот урок который вас больше интересует.

Не волнуйтесь при закрытии Дримвивер попросит разрешение сохранить текущий документ, сохраняйте и в следующих уроках продолжим дальше.

Всем всего и больше. Пока.

P.S. просмотреть Адоб Дримвивер CS6>>  Скачайте и откройте  Crack/Keygen там текстовый файл «Читать»

Внимательно пользуйтесь инструкцией и устанавливайте.

Упс… Ошибка 404

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

d098d181d0bbd0b0d0b4d0bdd181d0bad0b8d0b5-d181d0bad0b0d0b7d0bad0b8-324x160-7113687 d09fd180d0b5d0b4d181d0bad0b0d0b7d0b0d0bdd0b8d18f-d0b8d0bdd0b4d0b5d0b9d186d0b5d0b2-d0a5d0bed0bfd0b8-324x160-3892923 flak_jacket_1942-324x160-6782882 ural_kremlin_compare-324x160-9157986 04909834-324x160-6463750 ПоделитьсяTweetПоделитьсяGoogle