Как создать сайт на adobe dreamweaver CS6?

taurus1967 Искусственный Интеллект (285169) 3 года назад

Вопрос непростой - эту программу изучают не менее полугода, желательно с преподавателем - есть вариант попроще, для начала

Aurora Web Editor - создаёт вебсайты быстро и легко - точно так же как, когда Вы используете текстовый редактор! В отличие от другого программного обеспечения для создания Вебсайта, здесь Вы не должны учиться закодировать HTML! Визуальная редактирующая среда (режим полного соответствия - то, Что Вы Видите, - то, Что Вы Получаете) отображает Ваш вебсайт так, как это будет выглядеть онлайн. Добавление текста, изображений и ссылок является лёгким. Вы можете даже перетащить элементы на экране, чтобы изменить размеры и установить их точно, как Вы хотите. Редактор Кода: Для тех разработчиков Сети, которые предпочитают закодировать web странички вручную, Aurora Web Editor предлагает богатый HTML, кодирующий среду. Обучающая программа HTML включена.

* Деловой и лаконичный ститль сайта

* Быстрый импорт данных:

o Из 22 программ нашей фирмы

o Таблиц Excel

o Возможность работы без импорта данных

* Сайт содержит:

o Информацию о фирме, список новостей

o Перечень услуг, оказываемых вашей фирмой

o Перечень товаров, продаваемых вашей фирмой

o Контактную информацию, реквизиты, схему проезда

* Возможность настраивать каждую страницу сайта

* Возможность включать/отключать некоторые страницы сайта

* Удобные каталоги товаров и услуг с навигацией по группам

* Выгрузка сайта по протоколу FTP

* Возможность задания схемы проезда

* Подробные инструкции по регистрации бесплатных сайтов в

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

Web Page Maker – это очень простой инструмент для создания WEB – страниц. С его помощью вы сможете создать свою страничку даже не обладая никакими знаниями HTML. Просто перетаскивайте мышкой на рабочее пространство программы изображения, текст, музыку и видео. Во время работы вы с лёгкостью можете передвигать объекты по всей странице. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут вам начать работу. Также вместе с программой поставляются различные эскизы, Java - скрипты, таблицы, формы и т. д. В программу встроен FTP-менеджер, с помощью которого вы сможете опубликовать свой сайт в интернете.

WebSite X5 Evolution - полноценная программа для создания web-сайтов, за несколько шагов пользователь сможет создавать и опубликовывать профессиональные веб-сайты и онлайн-магазины. Не требует знаний программирования, имеет более 1000 готовых шаблонов веб-сайтов, проста в использовании, по сравнению с другими программами по визуальному сайтостроительству. Сайты созданные в данной программе совместимы с разными интернет-браузерами, могут просматриваться с мобильных телефонов и индексируются поисковыми системами. Программой могут пользоваться пользователи, которым нужно простое и быстрое создание собственного веб-сайта или веб-галереи. Бизнесмены могут использовать данную программу для профессионального создания корпоративных веб-сайтов или онлайн-магазинов. Данная программа не имеет никаких ограничений по количеству создаваемых страниц и веб-сайтов.

WYSIWYG Web Builder - Программа для создания веб-страниц, которая автоматически создаёт HTML-код, в то время, как вы просто размещаете объекты, т. е. знание HTML от вас совершенно не требуется

Остальные ответы

Школа создания сайтов в Adobe Dreamweaver

Шаг 7. В открывшемся окне программа предлагает нам настроить будущую таблицу. В поле Rows (строки) мы указываем количество ячеек по вертикали, укажем 2. В поле Columns (столбцы) укажем количество ячеек по горизонтали, тоже 2. В поле Table width (ширина таблицы) указываем число. В соседней вкладке выбираем либо percent (измерение в процентах), либо pixels (ширина в пикселях). Мы выбрали 90 percent. В поле Border thickness (толщина рамки) выбираем либо 0 (рамка не будет отображаться), либо 1,2,3 и т.д. (число — это толщина рамки в пикселях). Мы указали 1. В поле Cell padding (отступ от границы ячейки) пишем 20 (измеряется также в пикселях), т.е. ячейки «приклеены» друг к другу. В поле Cell spacing (расстояние между ячейками) оставялем 0. Остальные настройки не трогаем. Нажимаем ОК.

Шаг 9. Давайте сохраним наш документ. Для этого выбираем в верхнем меню программы File (Файл) > Save as… (Сохранить как….). В открывшемся окне выбираем место, куда мы хотим сохранить файл (рекомендуем вам создать папку site и в нее сохранять все материалы сайта); затем задаем имя файлу (поскольку мы создали главную страницу, назовем ее index.html) и нажимаем Save (Сохранить). В дальнейшем можно сохранять документы при помощи комбинации клавиш Ctrl+S.

Уроки Dreamweaver

Надеюсь, что Вы воспользовались рекомендациями и установили Dreamweaver. И так приступаем к предварительной настройке редактора.

Запускаем программу Windows. нажимаем кнопку Пуск. выбираем в меню пункт Программы и появившемся на экране подменю пункт- Мacromedia Dreamweaver 8. Запускаем программу. Появится главное окно программы.

Оно служит вместилищем множества других окон, содержащих как открытые web страницы, так различные инструменты, предназначенные для работы с ними. Также в главном окне находится строка главного меню, с помощью которого мы сможем получить доступ ко всем инструментам Dreamweaver. Об этом Вы можете прочитать открыв справочник Мacromedia по интернет адресу http://www.dreamweaver4.ru/ .

Выполняем предварительную настройку редактора. Работа будет происходить в многофункциональном окне настройки Preferences. Чтобы вызвать его, нужно выбрать пункт Preferences меню Edit или нажать комбинацию клавиш <Ctrl>+<U>. В левой части окна Preferences находится список категорий Category. а в правой -элементы управления.

Для поддержки русскоязычных страниц выбираем в списке категорий пункт New Document. Окно настройки примет следующий вид:

В раскрывающемся списке Default document по умолчанию выбран пункт HTML. Так как мы будем создавать web страницу оставим в списке этот пункт. В поле ввода Default extension выбран по умолчанию html. Оставим его. Далее следует раскрывающейся список Default Document Type(DDT). Для создания нашей web страницы выбираем HTML 4.01 Transitional. Следующий раскрывающейся список Default encoding задает кодировку документа. Мы можем смело выбрать Кириллица (Windows). которую поддерживают и распознают все современные web обозреватели.

Ниже раскрывающегося списка Default encoding находится флажок Use when opening existing files thet don"t specify an encoding. Он указывает Dreamweaver применять заданную в списке кодировку ко всем открываемым web страницам, кодировка которых не задана в HTML-коде и включен по умолчанию.

Последний интересующий нас флажок, включенный по умолчанию, это - Show New Document dialog box Control+N. Он предписывает редактору после выполнения команды создания нового документа, выводить на экран диалоговое окно New Document .

Зададим еще несколько настроек. Для этого переключаемся на категорию General окна Preferences .

Здесь много элементов, но нас будут интересовать только два флажка. Флажок Use <strong> and <em> in place of <b> and <i>. если его включить, заставит Dreamweaver использовать для формирования текста теги логического форматирования <strong> и <em>. При отключенном положении устаревшие теги физического форматирования <b> и <i>. По умолчанию флажок включен.

Флажок Use CSS instead of HTML tags включает или отключает использование для форматирования текста стилей CSS вместо тегов физического форматирования. По умолчанию он тоже включен.

Вот и все самые необходимые настройки, которые мы должны задать. Разработчики программы, почти все, установили их за нас по умолчанию. Нажимаем кнопку ОК. чтобы закрыть диалоговое окно.

Следующий урок, где будут рассмотрены приемы создания простейших web страниц смотрите ЗДЕСЬ.

Adob Dreamweaver CS6

Всем доброго здравия и времени суток. Начинаем сериал “Дримвивер”.

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

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

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

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

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

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

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

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

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

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

вместо  “Сайт без названия…”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Жмём  ” Применить”  , “Ок”

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

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

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

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

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

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

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

Adobe Dreamweaver CS6 12

Скачать бесплатно программы для Компьютера

Скачать бесплатно программу Adobe Dreamweaver CS6 12.0 Rus Portable из категории Программы Portable. Текстовые редакторы

Adobe Dreamweaver CS6 - новая версия программы для создания профессиональных веб-сайтов. Программное обеспечение для веб-дизайна Adobe Dreamweaver CS6 содержит интуитивно понятный визуальный интерфейс для создания и редактирования веб-сайтов и мобильных приложений. Используйте «резиновые макеты» (Fluid Grid Layouts) с межплатформенной поддержкой для создания страниц. Просматривайте макеты в панели «многоэкранный просмотр» перед публикацией.

Новые функции Dreamweaver CS6:

Динамичная структура «резиновых» макетов. Создавайте веб-проекты для различных платформ и веб-браузеров при помощи динамичной структуры «резиновых» макетов на основе CSS3. Работайте над проектами для самых разных устройств и компьютеров еще эффективнее благодаря использованию стандартного кода. Создавайте сложные веб-публикации и макеты в визуальном режиме без необходимости написания многочисленных строк кода.

Улучшенная производительность FTP. Экономьте время при загрузке больших файлов благодаря усовершенствованному инструменту для многопоточной передачи файлов по протоколу FTP. Быстрая загрузка файлов позволяет сократить время создания проектов.

Интеграция с Adobe Business Catalyst. Используйте интегрированную палитру Business Catalyst в программном обеспечении Dreamweaver для подключения и редактирования веб-сайтов, создаваемых в Adobe Business Catalyst (приобретается отдельно). Создавайте веб-сайты электронной торговли при помощи серверного решения.

Улучшенная поддержка мобильной среды jQuery Mobile. Поддержка обновленной мобильной среды jQuery Mobile позволяет создавать оригинальные мобильные приложения для платформ iOS и Android™. Оптимизируйте рабочий процесс, создавая проекты для различной мобильной аудитории.

Обновленная поддержка PhoneGap. Обновленная поддержка Adobe PhoneGap™ позволяет легко создавать и компоновать оригинальные приложения для Android и iOS. Создавайте мобильные приложения, повторно используя существующий код HTML. Используйте эмуляторы PhoneGap для проверки макетов.

Переходы CSS3. Создавайте анимацию при изменении значений свойств CSS, используя переходы, которые позволяют создавать динамичные макеты. Используйте возможности точного контроля над разработкой веб-проектов при настройке элементов страниц и создании выразительных эффектов.

Обновленный интерактивный просмотр. Тестируйте страницы перед публикацией, используя обновленную функцию интерактивного просмотра. Интерактивный просмотр теперь использует последнюю версию механизма рендеринга WebKit, который обеспечивает полноценную поддержку HTML5.

Обновленная панель «Многоэкранный просмотр». Проверяйте качество проектов, предназначенных для смартфонов, планшетных устройств и настольных компьютеров, при помощи обновленной панели «Многоэкранный просмотр». Эта улучшенная панель теперь позволяет проверять рендеринг контента HTML5.

Среди лучших функций можно выделить:

FTP. Загружайте большие файлы еще быстрее при помощи усовершенствованного инструмента передачи данных FTP. Экономьте время при передаче пакетов связанных файлов для публикации проектов.

«Резиновый» макет. Создавайте сложные веб-публикации и макеты без необходимости написания многочисленных строк кода. «Резиновый» макет — динамический инструмент для создания проектов, которые изменяются в соответствии с размерами экранов настольных компьютеров и устройств.

Интеграция с Adobe Business Catalyst. Используйте интегрированную палитру Business Catalyst в программном обеспечении Dreamweaver для подключения и редактирования веб-сайтов, создаваемых в Adobe Business Catalyst (приобретается отдельно). Создавайте веб-сайты электронной торговли при помощи серверного решения.

Поддержка мобильной среды jQuery Mobile. Добавляйте сложные интерактивные элементы при помощи подсказок по коду jQuery. jQuery позволяет легко добавлять интерактивные элементы в веб-страницы. Быстро создавайте веб-сайты при помощи готовых шаблонов для мобильных телефонов.

Поддержка PhoneGap. Создавайте и компонуйте оригинальные приложения для Android™ и iOS с новой функциональностью Adobe PhoneGap. Преобразуйте код HTML в приложения для мобильных телефонов в Dreamweaver при помощи среды PhoneGap. Тестируйте макеты при помощи эмулятора, входящего в комплект поставки.

Переходы CSS3. Создавайте анимацию при изменении значений свойств CSS, используя переходы, которые позволяют создавать динамичные макеты. Используйте возможности точного контроля над разработкой веб-проектов при настройке элементов страниц и создании выразительных эффектов.

Интерактивный просмотр. Проверяйте страницы перед публикацией при помощи механизма рендеринга WebKit с поддержкой контента HTML5. Создавайте макеты, которые отображаются в одинаковом качестве в различных браузерах.

Панель «Многоэкранный просмотр». Создавайте проекты для смартфонов, планшетов и настольных ПК при помощи панели «Многоэкранный просмотр». Используйте поддержку медиазапросов для создания стилей и визуализации макетов на различных устройствах.

Системные требования:

Процессор Intel® Pentium® 4 или AMD Athlon® 64

Microsoft® Windows® XP с пакетом обновления SP2 (рекомендуется SP3); Windows Vista® Home Premium, Business, Ultimate или Enterprise с пакетом SP1 либо Windows 7

512 Мб оперативной памяти

347 Мб свободного пространства на жестком диске или съемном устройстве хранения флэш для распаковки портативной сборки

Разрешение монитора 1280x800 с 16-разрядной видеокартой

Java™ Runtime Environment 1.6 (включено)

Учебник по Adobe Dreamweaver CS5

Adobe Dreamweaver CS5 - очень известная программа для создания сайтов. Учебник по Adobe Dreamweaver CS5 представляет собой официальное русское руководство к оригинальной версии программы.

Некторые разделы учебника по Dreamweaver:

- как установить и настроить программу Adobe Dreamweaver CS5

- как подготовить программу к работе

- как создавать web страницы и web сайты в Adobe Dreamweaver CS5

- как работать в различных режимах (код, дизайн и смешанный режим)

- как добавлять на страницы, сделанные в Dreamweaver, различные тексты и графику, а также аудио и видео

- как форматировать html страницы

- как закачать готовый сайт на сервер по ftp

- как управлять сайтами в Adobe Dreamweaver CS5

- как работать с шаблонами сайтов и как создать собственный шаблон.

Учебник Dreamweaver можно использовать в качестве справки по программе Adobe Dreamweaver CS5.

Скачать бесплатно

http://depositfiles.com/ru/files/bhx477jgt/

Как создать сайт в Dreamweaver

Март 26, 2014 Создание блога с нуля Оставьте комментарий

Статья о том с чего начать создание сайта в программе Dreamweaver различных версий CS5, CS6 или CC определение сайта в программе. Я продолжаю серию статьей о самостоятельном создании блога. Для работы с html кодом я буду использовать программу дримвивер, хотя те приёмы которые я покажу вам во время работы вполне применимы и в других программах редакторах кода.

Ну что же приступим, как я говорил ранее цель этой серии статей показать, как изготовить блог на платформе WordPress и это хорошо и правильно. Однако все страницы блога на этом движке создаются динамически что тоже Вери гуд, однако создавать тему для блога с нуля используя модули движка не совсем удобно. Поэтому я предпочитаю для начала сделать простую html страницу, а уже потом «натянуть» её на модули движка. Для выполнения этой работы я обычно использую программу дримвивер. В ней я делаю всю верстку как страницы макета html.

Для начала небольшое определение, а что же такое собственно сайт.

Сайт — это совокупность файлов (электронных документов) принадлежащих частному лицу или организации.

Следовательно, создавая сайт в dreamweaver мы с вами создаём эту самую пресловутую совокупность. Создать её совсем несложно нужно просто все файлы, составляющие наш сайт сложить в одну папку. Ровно это я проделал когда писам пост о кнопках для сайта читать его можно здесь. Это всё хорошо и замечательно о том, что мы создали сайт сложив все файлы, его составляющие в одно место никто кроме нас не знает. Я вас поздравляю режим секретности полностью соблюдён нами, никто о нашем сайте не знает, и в полном неведении о его существовании находится программа редактор в которой мы планируем верстать наши страницы.

Этим действием мы даём знать нашей программе редактору что именно в какой-то папке у нас находится сайт, а не просто набор разномастных файлов. Определить сайт в Dreamweaver можно сразу после запуска программы используя соответствующую команду из главного меню «Веб-сайт» Новый сайт(1).

В открывшемся диалоге на вкладке Веб-сайт зададим имя нашего сайта к примеру «тестовый сайт» (2). Дальше следует указать папку в которой хранятся файлы нашего сайта нажав на кнопку с изображением папки.

Откроется стандартный диалог windows (если конечно вы используете эту операционную систему) в котором и происходит «долгий и мучительный» выбор нужной папки. Я выбрал ту папку с которой работал во время настройки локального сервера (1). После того как найдете нужную папку или создадите её торкнув правой кнопкой мыши по свободному месту в окне диалога. Смело жмите на выбор папки (2).

Вот собственно, и вся работа по определению сайта в Dreamweaver. Можно смело сохранять полученное достижение нажав на соответствующую кнопку (1).

На этом этапе работы над блогом нет необходимости в использовании локального сервера так как пока мы будем работать над простым html макетом поэтому темы настройки сервера для локального сайта я не коснулся в этом посте, мы вернемся к этому вопросу позже. Я пока наш сайт и всё его содержимое стало доступным для редактирования в программе. И все файлы составляющие сайт мирно расположены в панели файлы.

Конечно это далеко не вся работа по созданию сайта в dreamweaver предстоит еще много сделать — сверстать страницу макет для блога поработать с таблицами стилей, в общем весело и с пользой провести время. На этом пост я заканчиваю в следующей статье поговорим о создании нашей страницы макета для блога и о её структуре. А пока всем agur

Читайте другие материалы блога по этой теме:

До встречи на страницах "Зэ" блога yur3w.ru