Web-строительство с DreamweaverMX

Здраствуйте!

Хочется напомнить, что без знания английского языка довольно трудно освоить языки программирования, а значит будет сложно создавать оригинальные веб-страници. Вам немного облегчит эту задачу сайт http://www.infotok.net.ru ==============================================================================

Web-строительство с DreamweaverMX

Создание новой Web-страницы

Приступим к созданию Web-страницы. Для этого выполните следующее: выберите пункт New в меню File, откроется диалоговое окно New Document.

Что мы видим в данном окне? Выберите вкладку General. Слева расположен список Category, где содержатся типы страниц. Правее расположен список шаблонов. Еще правее, окно Preview, сдесь Вы сможете увидить, как будет выглядеть страница. Description - окно описания шаблона. Подробнее о шаблонах мы поговорим вдальнейшем.

А сейчас в списке Category - выбираем Basic Page. В списке правее HTML и нажимаем кнопку Create. Будет создана новая пустая страница HTML.

Теперь создайте папку, где будите сохранять файлы. Например папку musite(мой сайт) на диске C:/.

Сохраним нашу страницу под именем index с расширением .html, в папке musite.

Введем текст, например такой:

"Главная страница.

Здравствуйте! Это моя первая страница сделаная с помощью редактора DreamweaverMX.

Какойто текст.

Какойто текст.

Какойто текст.

Авторское право принадлежит <Ваше имя>"

Теперь введите название страницы в окно Title на инструментальной панели документа, например Главная страница. Это название выводится в заголовке обозревателя, также оно необходимо для поисковиков в Интернет. Сохраните страницу.

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

Сделаем нашей странице заголовок. Для этого используем строку "Главная страница". Чтобы отформатировать текстовый абзац как заголовок, воспользуемся раскрывающимся списком Format на панеле свойств.

Пункт Paragraph - форматирует текст как обычный абзац. Пункты Heading 1 - Heading 6 задают уровень заголовка. Пункт Preformatted преобразует абзац в текст фиксированного формата, где форматирование задано не тегами HTML, а как в обычном тексте.

Поставим текстовый курсор на строку "Главная страница" и выберем в списке Format пункт Heading 1.
То же самое вы можете сделать, используя главное меню или контекстное меню окна документа. В первом случае в меню Text выберите пункт Paragraph Format и в появившемся на экране подменю — нужный формат абзаца. Во втором случае щелкните правой кнопкой мыши на строке приветствия, выберите пункт Paragraph Format и в подменю — формат абзаца.

Теперь выровняем заголовок по центру. В панели Properties найдите четыре кнопки AlignLeft(по левому краю), AlignCenter(по центру), AlignRight(по правому краю), Justify(по всей странице). То же самое можно сделать, воспользовавшись меню Text подменю Align или аналогичным подменю контекстного меню. Пункт-переключатель Left задает выравнивание по левому краю, Center — по центру, Right — по правому краю, a Justify — полное выравнивание.

Поставте текстовый курсор на строку "Главная страница" и поэксперементируйте с кнопками выравнивания. Установите заголовок по центру.

Теперь сделаем так, чтобы заголовок выделялся не только размером и положением, но и цветом. Для этого выделите текст заголовка и на панели Properties, найдите кнопку TextColor. Щелкните по кнопке TextColor, всплывет цветовая палитра. Удерживая левую кнопку мышки, выберите нужный цвет и отпустите кнопку. Посмотрите на заголовок, он должен принять выбраный Вами цвет.

Три строки "Какойто текст" - преобразуем в список. Для этого выделяем эти строки и на панели Properties находим кнопки UnorderedList и OrderedList. Также можно открыть меню Text или контекстное меню, и в подменю List выбрать:

• None - обычный абзац текста
• Unordered List - Маркированный список
• Ordered List - Нумерованный список
• Definition List - Список определений. Каждая нечетная строка становится определением, а каждая четная — описанием.

Вы можете изменить некоторые параметры списка. Для этого нажмите кнопку List Item на панели Properties. Откроется диалоговое окно List Properties.

Список List Type задает тип списка. Здесь доступны следующие типы:

• Bulleted List — маркированный список;
• Numbered List — нумерованный список;
• Directory List — список папок, похож на маркированный список;
• Menu List — список-меню, похож на маркированный список.

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

• Bullet — кружок с заливкой;
• Square — квадратик;
• Default — маркер по умолчанию, обычно кружок с заливкой.

Если выбран Нумерованный список, доступны значения:

• Number — арабские цифры;
• Roman Small — малые римские цифры;
• Roman Large — большие римские цифры;
• Alphabet Small — малые латинские буквы;
• Alphabet Large — большие латинские буквы;
• Default — нумерация по умолчанию, обычно арабские цифры.

Если выбран нумерованный список, доступно поле Start Count, где вы можете ввести номер, с которого начнется нумерация строк списка.

В нижней половине окна расположена группа элементов List Item, затрагивающая только ту строку списка, на которой находится текстовый курсор. В эту группу входят список New Style и поле Reset Count To, аналогичные списку Style и полю Start Count верхней части окна.
Закончив настройку свойств, нажмите кнопку ОК для сохранения установок.

Поэкспериментируйте с настройками списка.

Чтобы выделить абзац или струку в тексте, можно им задать отступ. Для этого поставьте курсор в начале или в конце строки(абзаца) и найдите, на панели Properties, кнопки:

• TextOutdent - уменьшает отступ;
• TextIndent - увеличивает отступ.

Поэкспериментируйте с кнопками над строкой "Авторское право принадлежит <Ваше имя>".

Такогоже результата можно добиться через контекстное меню, подменю List пункты Outdent и Indent.

Продолжение в следующем выпуске.

Все вопросы предложения и дополнения присылать на E-mail: istok@infotok.net.ru

==============================================================================

Первые выпуски рассылки с рисунками Вы можете просмотреть на http://www.infotok.net.ru