Сайт, сделать, в Dreamweaver, быстро

Мне очень нравится программа Dreamweaver, поэтому я её применяю! Но это совсем не означает, что вы не сможете применить весь материал, который здесь представлен! Некоторые материалы, вообще никакого отношения не имеют к программе Dreamweaver.

Большинство манипуляций можно сделать и в блокноте! Либо в другой программе предназначенной для работы с кодом, например Notepad .

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

Благодарен им за то, что я немного, теперь, понимаю в коде и код не кажется – джунглями, через которые невозможно пройти!

Когда я только начинал делать сайт, то нигде не мог найти простой инструкции – как сделать сайт быстро.

Поэтому, решил сделать такой раздел, у себя на сайте, как сделать сайт быстро в программе Dreamweaver.

Самое главное – думайте о ваших посетителях, и делайте сайт для посетителей!

Мы будем делать сайт в простом html и в программе Dreamweaver. Это меня вполне удовлетворяет. Текст написан, реклама поставлена, комментировать можно – что еще нужно?

Почему я выбрал статичный HTML, а не динамику? см.здесь.

Я задумался, а сколько нужно сделать шагов, чтобы первая страница нашего сайта оказалась в интернете.

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

1. Первый шаг, который мы должны сделать это подготовить место для сайта у себя на компьютере в программе Dreamweaver .
2. Второй шаг – если говорить о создании первой и простой страницы, то практического применения – это не имеет. А может, имеет – не знаю. Нам нужно быстро сделать рабочий сайт, поэтому не будем отвлекаться по созданию ненужной страницы – будем делать сразу – нормальную страницу из архива шаблонов. Архив с щаблонами можно скачать здесь.
3. Предварительная подготовка страницы к изготовлению шаблона.

Пример страницы прикрепленной к шаблону.

11. Как сделать ссылку в программе Dreamweaver.

Идите со мной, шаг за шагом и вы через несколько шагов вы - профи!

Не важно, что этот шаблон вам не нравится! Научитесь править код! И тогда, вам вообще не важно будет, из какой страницы сделать шаблон для вашего сайта!

Шаг номер 12 предполагался как «Окончательная подготовка шаблона в Dreamweaver», но коснувшись одной тему – понял, что нам ещё много нужно сделать, чтобы наш шаблон получился действительно пригодным для использования!

Поэтому, даже, боюсь предположить, сколько ещё шагов потребуется сделать! Но что делать? Нам нужен сайт!

Смотрим, на css Document, который сделан в простом блокноте.

Смотрим, на файл css сделанный в программе Dreamweaver.

Смотрим. на различные стили в нашем файле стилей css.

Пример страницы с использванием разлчных стилей css.

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

Программа Adobe Dreamweaver создавалась для того, чтобы упростить работу по созданию сайтов. С ее помощью можно создавать любые сайты от домашней страницы до коммерческого сайта. Dreamweaver хорошо подходит и для опытных Web-мастеров, и для новичков, которые только начинают свой путь к созданию собственного сайта. Эта статья расскажет, как создать сайт в Dreamweaver.

Для начала нужно сделать некоторые настройки программы, чтобы создать сайт с помощью Dreamweaver.

• При первом запуске программы в открывшемся меню необходимо выбрать вид страницы. Это будет страница HTML.
• На загрузившейся странице с инструментами зайти в меню Свойства и перейти в категорию Кодировка. В выпадающем меню выбрать Кириллица Windows. Если в меню имеется пункт Тип документа DTD, выбрать 4.01 Transitional и нажать Ok.
• Сразу создадим еще одну страницу. Для этого нужно зайти в меню Файл.
• Выбрать подменю Новый.
• Выбрать тип документа 4.01 Transitional.
• В верхнем окне нажать HTML. Нажать Ok.
• Сделать шаблон будущего сайта. В Dreanweavere он, как правило, готов. Увидеть его можно в меню код, когда создается новый документ. По умолчанию он называется Untitled-новый документ. В коде данного документа и находится готовый шаблон.

Сохранить этот документ на компьютере. Для этого нужно:

• Создать общую папку для сайта и дать ей свое название.
• В данной папке создать папку, которая должна иметь название WWW. По-другому ее называть нельзя.
• В этой папке создать еще одну. Назвать ее images. Здесь хранятся картинки для сайта.
• И теперь сохранить документ в папке WWW под именем index.html. Это главная страница, название ее должно быть именно таким.

• В рабочем окне в панели программы нажать кнопку Файлы.
• В выпадающем списке выбрать Управление веб-сайтами.
• В окне управления сайтами нажать кнопку создать.
• В открывшемся окне необходимо ввести некоторую информацию.
• В подпункте Имя веб-сайта ввести его название.
• В пункте Локальная папка сайта выбрать созданную ранее папку с названием WWW.
• В меню Дополнительные настройки найти строку Папка изображений по умолчанию. Выбрать папку с названием images.
• Ok.
• Нажать сохранить. Появится знакомое окно уже с названием сайта.
• Готово. В меню файлы появится сайт, в котором будет папка WWW и файл index.html. Если нажать на папку WWW, то в ней откроется папка с изображениями.

• В программе выбрать вкладку стили CSS.
• Нажать внизу на знак + с белым листиком.
• В появившемся окне выбрать имя селектора. Это нужно сделать обязательно, если имен в списке нет, его нужно создать. Нажать Ok.
• Появится окно для сохранения файла.
• Сохранить его нужно в папке WWW.
• Открыть в меню Файл сайт и проверить появился ли там данный файл. Если нет, нужно нажать F5 для того, чтобы окно обновилось. Файл должен появиться.

• На главной странице сайта перейти во вкладку дизайн.
• В панели инструментов открыть вкладку Общий.
• Нажать значок таблица.
• Внести параметры страницы: столбцы 1, строка 3, ширина таблицы 900. Заголовок – нет.
• Каркас готов. Переходим к фону.
• Зайти во вкладку Файл, затем в style.css.
• Откроется в программе файл на всю область. Появится пустая страница с названием файла. Сюда нужно внести код.
• В коде должны быть прописаны: 1 строчка – цвет и толщина рамки; 2-ая – должен быть выбран рисунок для фонового изображения; 3-я строчка – цвет фонового изображения.

• Для того, чтобы завершить сайт в Dreamweaver, нужно сделать еще несколько шагов.
• Создание шапки сайта при помощи программы Adobe Photoshop.
• Создание горизонтального меню для сайта.
• Создание ссылок на новые страницы сайта.
• Выбор хостинга.
• Размещение сайта в интернете.
• Чтобы на сайт заходили посетители, его нужно зарегистрировать в поисковых системах.

Мы довольно подробно рассмотрели, как создать сайт в Adobe Dreamweaver, очень удобной для этого программе. Попробуйте сделать его сами и у вас все получится.

Создание сайта в Dreamweaver

Поговорим о подготовке базы, т.е. что нам потребуется для самостоятельного создания сайтаhtml вDreamweaver. Нам потребуется html – редактор. Об этом многообразии мы тоже уже говорили (от простого блокнота и до сложных WYSIWYG систем). Объяснять Вам и выкладывать скриншоты я буду на примере популярной программы Dreamweaver. Продукт этот не бесплатный, а призывать Вас скачатьDreamweaver с таблеткой я не стану. Если у Вас есть возможность работать с этой программой (любой версии) то это очень хорошо, а если нет, то тоже ничего страшного. Кстати можно воспользоваться 30-дневным бесплатным периодом и, по-моему, там нет никаких серьёзных ограничений. Если же нет, то в этом случае можно, к примеру, воспользоваться совершенно бесплатным программным продуктом Nvu.

1. Создаём папку, в которой собственно и будет храниться сайт, который мы будем создавать - html страницы, каскадные таблицы стилей css. изображения. Сделайте это в любом удобном для Вас месте. У меня это будет диск C: и каталог я назову freesite.
2. Заходим в программу Dreamweaver. Я буду опираться на Adobe Dreamweaver CS5 .

Связываем созданный нами каталог freesite с Dreamweaver, чтобы из него получился локальный веб-сайт. Для этого щёлкаем на «Файлы» - «Управление веб-сайтами …» в правой панели или выбираем из горизонтального меню «Веб-сайт» - «Управление веб-сайтами …».

Документ по умолчанию: HTML;

Расширение по умолчанию. html;

Тип документа по умолчанию (DTD): HTML 4.01 Transitional.

Создание сайта в Dreamweaver

Май-29-2009 Автор: VeryOldMan

Ну вот, созданы с помощью программы Фотошоп графические элементы дизайна сайта и возникает логичный вопрос, что с этими элементами делать дальше. А дальше мы будем непосредственно создавать сайт в Dreamweaver. Или, как говорят, учиться делать верстку страницы сайта. Кстати, сама страница сайта, это обычный текстовый документ. И, в теории, такую страницу, можно было бы создавать в обычном текстовом редакторе.

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

Пару слов о структуре веб-сайта. Каждый сайт состоит из отдельных страниц, одна из которых — главная. Каждая страница сайта, ее содержание и дизайн, описаны отдельным файлом. Именно эти файлы выдается сервером в ответ на запрос Вашего браузера или любого другого посетителя данного сайта. К этому файлу необходимо приложить графические элементы: рисунки, фотографии, скрипты. А так же таблицы стилей, ну и, в общем, все, что может понадобиться.

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

Само создание сайта в Dreamweaver выполняется довольно просто. Это потому, что эта программа относится к классу визуальных редакторов. Чем хорошо создание сайтов в визуальном редакторе для новичка. А тем, что сам процесс верстки страницы сайта возможен без знания языка html. То есть у Вас есть возможность создавать сайт таким, каким Вы хотите его видеть, а редактор Dreamweaver, вслед за Вами, самостоятельно создаст html код. Хотя если Вы серьезно намерены заниматься созданием веб-сайтов, то знать язык html Вам нужно будет обязательно, да и не только этот язык.

Вот, пожалуй, и все, что хотелось сказать перед тем, как Вы начнете изучать, как создавать сайт в Dreamweaver. Успехов Вам в этом непростом, но очень интересном деле!

Сделал сайт по Вашей методике, в браузере IE сайт отображается как и в DreamWeaver, а в браузере Opera совсем по другом (в одну строчку). Как сделать так чтоб сайт отображался во всех браузерах одинаково?

Это очень старая проблема всех веб-мастеров. Как она решается Вы можете узнать из статьи

«Вставка – Объекты шаблона – Редактируемая область»

Представьте, как читать ваш материал тем у кого стоит английский дримвивер?

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

А русифицированный софт, имхо, удел тех кто учится методом научного тыка. Либо имеет смысл русифицировать программу которая интуитивно понятна и легка в использовании. но никак нельзя писать мануал по русифицорованной версии DW.

Пожалуйста, исправьте слова выделенные красным. или добавьте англ. название в скобках рядом.

Посоветуйте где можно скачать бесплатно Dreamweaver, т.к без него дальше дело не пойдёт,как я понимаю и какие ещё нужны программы для создания сайта? А если уж они все платные то ни как он не получается бесплатным,но покрайней мере будет представление о затратах которые можно будет вкладыватьпоэтапно. Заранее благодарю!