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

Создаем сайт в Dreamweaver с нуля.

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

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

Но все же как создать сайт в dreamweaver новичку, который только осваивает азы данной техники, а именно созданию сайта.

Чесно сказать возможностей в программе dreamweaver очень много и данная программа является лидером среди WEB-дизайнеров. Но и для новичков данная программа вполне подойдет. Ведь как я уже говорил все что нам нужно от данной программы, так это ее небольшая часть. Но эта часть является основной при каждом создании сайтов в dreamweaver.

Настраиваем программу Adobe Dreamweaver.

Вам нужно зайти в настройки dreamweaver и сделать некоторые изменения которые позволят использовать данную программу в качественном объеме.

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

Создаем шаблон будующего сайта.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>

<body>
</body>
</html>

Этот шаблон является стандартным в большенстве случаев. В данном шаблоне может меняться 1 и 5 строчки. Все зависит от версии HTML и языка текста. Но я Вас буду учить создавать сайт именно по этому шаблону. Если Вы захотите создавать свой сайт в другом шаблоне, то пожалуйста, как говориться на вкус и цвет... Но запомните что от этого Ваш сайт не изменится и результат во всех случаях будет одинаковый. Если Вас данный шаблон устраивает то продолжаем.

Действия за пределами программы Dreamweaver.

Сохраните данный документ где нибудь у себя на компьютере. Создайте общую папку для Вашего будущего сайта и назовите ее на Ваше усмотрение.

В этой папке создайте еще одну папку с названием www (именно так и никак иначе).

Откройте эту папку и создайте еще одну с названием images (можно назвать ее как угодно, но при условии что она будет на английском языке. Здесь будут храниться Ваши картинки для сайта.

Далее сохраните Ваш созданный в dreamweavere новый документ в папку www под именем index.html. Это будет Ваша главная страница сайта, которая должна иметь именно такое название. Другое название главной страницы сайта не допустимо.

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

Подготовительная работа в Dreamweaver.

Если все вышесказанное Вами сделано, то приступаем еще к одной подготовительной работе в dreamweavere. Без данных действий можно обойтись, но Вам будет очень не удобно тогда работать с программой dreamweaver. Поэтому сделайте данные действия о которых я Вам сейчас расскажу.

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

В этом окне нужно нажать на верхнюю кнопочку, как показано ниже.

заходим в меню Файл в Dreamweaver

В выпадающем списке нажать на строку "Управление веб-сайтами".

Далее у Вас появится окно "управления сайтами", где нас интересует кнопка "создать".

управления сайтами

Нажимаем на эту кнопку и увидим еще одно окно, где необходимо создать Ваш сайт внеся информацию которую Вы создали у себя на компьютере, когда сохраняли Вашу первую страницу. А именно в подпункте "веб-сайт" нужно Вам ввести название Вашего сайта (можно называть как угодно и любым языком) и локальную папку сайта ту которая навается "www". Тоесть у Вас будет полный путь к этой папке.

Здесь нужно выбрать локальную папку и имя для сайта Dreamweaver

Далее переходим в подменю "дополнительные настройки", где в строке "папка изображений по умолчанию" Вам нужно указать полный путь к Вашей папке с картинками, а именно папку "images". Важно при указании этих папок нужно обязательно зайти в них и затем нажать ок, чтобы в строке было название этой папки.

Папка изображений по умолчанию в Dreamweaver

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

Теперь Вам нужно нажать на кнопку "готово". И в меню "файлы" в окне справа у Вас должен появиться Ваш созданный сайт с папкой www и файлом index.html.

Если Вы нажмете на эту папку то у Вас появится еще одна с картинками. Здесь будут отображаться все Ваши файлы при создании сайта.

Все, основную работу мы сделали. Осталась лишь самая маласть перед тем как мы начнем создавать сайт. Для это мы подключим таблицу стилей CSS к нашему сайту и это будет последнее приготовление которое позволит начать создавать сайт.

Для начала следующего урока, перйдите на следующую страницу сайта.

Наверх

Видео на тему: Как создать главную страницу сайта в Dreamweaver.

Другие страницы сайта:

Яндекс.Метрика