Вам нужно зайти в настройки 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. Это будет Ваша главная страница сайта, которая должна иметь именно такое название. Другое название главной страницы сайта не допустимо. Если только она может менять расширение с html на php.
Запомните эти главные требования которые необходимы при начальном этапе создании любых сайтов. Эти требования необходимы для того, чтобы в дальнейшем при создании сайта, не наткнуться на неприятные сюрпризы. Я не пугаю Вас, но данные требования нужны каждому, который хочет увидеть свой сайт в интернете.
Подготовительная работа в Dreamweaver.
Если все вышесказанное Вами сделано, то приступаем еще к одной подготовительной работе в dreamweavere. Без данных действий можно обойтись, но Вам будет очень не удобно тогда работать с программой dreamweaver. Поэтому сделайте данные действия о которых я Вам сейчас расскажу.
Справа от Вас в рабочем окне программы находится панель программы Adobe Dreamweaver. Все что Вам понадобиться в данной программе, так это два пункта этой панели "Файлы" и "Стили CSS". Но сначала Вам нужно зайти в меню "Файлы".
В этом окне нужно нажать на верхнюю кнопочку, под названием "рабочий стол".
В выпадающем списке нажать на строку "Управление веб-сайтами".
Далее у Вас появится окно "управления сайтами", где нас интересует кнопка "создать".
Нажимаем на эту кнопку и увидим еще одно окно, где необходимо создать Ваш сайт внеся информацию которую Вы создали у себя на компьютере, когда сохраняли Вашу первую страницу. А именно в подпункте "веб-сайт" нужно Вам ввести название Вашего сайта (можно называть как угодно и любым языком) и локальную папку сайта ту которая называется "www". Тоесть у Вас будет полный путь к этой папке.
Далее переходим в подменю "дополнительные настройки", где в строке "папка изображений по умолчанию" Вам нужно указать полный путь к Вашей папке с картинками, а именно папку "images". Важно при указании этих папок нужно обязательно зайти в них и затем нажать ок, чтобы в строке было название этой папки.
Все, после того как Вы сделали данные действия, нажимаете на кнопку сохранить в низу окна. После чего, у Вас появиться уже знакомое окно, но с той разницей, что в окне будет название Вашего созданного сайта.
Теперь Вам нужно нажать на кнопку "готово". И в меню "файлы" в окне справа у Вас должен появиться Ваш созданный сайт с папкой www и файлом index.html.
Если Вы нажмете на эту папку то у Вас появится еще одна с картинками. Здесь будут отображаться все Ваши файлы при создании сайта.
Все, основную работу мы сделали. Осталась лишь самая малость, перед тем, как мы начнем создавать сайт. Для это мы подключим таблицу стилей CSS к нашему сайту и это будет последнее приготовление, которое позволит начать создавать сайт.
В этом уроке пойдет речь о том, как сделать меню для сайта. Мы с Вами сделаем горизонтальное меню и вставим его на сайт с помощью Adobe Dreamweaver. Для этого Вам нужно совсем немного. Иметь при себе программу CSS Menu Generator, которую Вы сможете совершенно бесплатно скачать в интернете.
В настоящее время данное действие, а именно создание меню для сайта является главным звеном всех сайтов. Так как посетитель при просмотре любого сайта должен понимать, что его ждет на данном сайте и что он может найти здесь. Поэтому чем грамотней и проще сделаете свое меню для сайта, тем удобней будет пользоваться передвижением между страничками Вашего сайта, что само собой не даст потерять возможно ценного посетителя, который захочет что-то купить у Вас на Вашем сайте. Но для того, чтобы что-то продавать на своем сайте нужно сначала его создать, чем мы сейчас и занимаемся.
Сейчас существует множество способов создания меню для сайта, начиная от онлайн-серверов, до всевозможных программ которые делают данное меню. Так же нельзя исключить рукописное создание меню для сайта, но данный способ в основном только для продвинутых веб-мастеров.
Онлайн-сервера в данном уроке я не буду затрагивать, так как я сама ими не пользуюсь. Не знаю почему, но почему-то данный способ мне не нравиться. Мне по душе пришелся другой способ создания меню для сайта и именно этим способом я научу Вас создавать меню для сайта.
Я буду рассматривать создания меню с помощью одной, но на мой взгляд самой подходящей для новичков программы CSS Menu Generator. В данной программе есть все необходимое для того, чтобы создать довольно приличное меню которое возможно в чем-то не будет уступать профессиональным меню.
Эта программа не имеет множество различных инструментов которые по сути вообще не нужны, а наоборот имеет лишь те инструменты, которые нужны для создания меню. Интерфейс программы CSS Menu Generator довольно прост и понятен даже новичкам. Поэтому я и выбрала данную программу.
Недостаток данной программы в том, что она на английском языке, но интерфейс ее до того простой, что на этот недостаток не обращаешь внимание.
Все меню которые созданы с помощью данной программы легко индексируются поисковыми системами и просты в управлении.
Вы наверно устали от моей вступительной речи и готовы приступать уже к уроку который даст Вам возможность сделать меню для сайта своими руками?
Первым делом, как я уже говорила-это иметь при себе программу CSS Menu Generator. Если данная программа у Вас уже есть, то замечательно.
Далее запускаем программу и находим четыре строчки текста о которых я расскажу в новой теме, а кому интересен урок, может зайти на сайт bazainformatsionnaya.ru и получите бесплатно "Пошаговое руководство создания INFO-БИЗНЕСА с нуля"
А я прощаюсь с Вами! До новых встреч!
#новости
Присоединяйтесь — мы покажем вам много интересного
Присоединяйтесь к ОК, чтобы подписаться на группу и комментировать публикации.
Нет комментариев