Создаем первую страничку нашего сайта.

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

Мы видим что пока в нашей папке пока ничего нету. Для того что бы создать файл или папку в папке не выходя из программы Macromedia нам достаточно кликнуть правой кнопкой мыши на "надписи с изображением папочки" рисунок выше, и выбрать New file(страница) или New folder(папка).

Давайте создадим папку img где будут храниться рисунки нашего сайта, а так же файлы index.html и stile.css у вас должно получится так.

чтобы открыть любой из файлов нам нужно всего-навсего сделать двойной клик на нужном файле. Дальше мы открываем файл index.html кликнув два раза на правой панели по одноименному ярлыку. У нас откроется белая пустая страница.

Самое время прицепить таблицу стилей к нашей страничке. Для этого внизу на панели инструментов находим окно style

Нажимаем на выпадающее меню и выбираем самую нижнюю запись Attach Style Sheet

Нажимаем кнопку Browse и указываем путь к нашему файлу stile.css который находится в той же папке что и файл index.html

Таблицу стилей мы подцепили.

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

Insert -> Table или сочетание клавиш Ctrl+Alt+T Появится такое окно. Выставьте настройки как показано ниже:

Rows - количество рядов в таблице

Columns - количество столбцов

Table Widsh 800 pixels - ширина таблицы

И дальше жмем OK.

У вас должна появится таблица: У нее 3 строки и 1 столбец.

Сразу выровняйте ее по центру с помощью параметра Align и задайте фон таблицы с помощью параметра Bg color как показано на рисунке.

Теперь давайте дадим нашей таблице окантовку, для этого в файле stile.css пропишем первый стиль main_border. Для этого откроем файл stile.css и пропишем туда такой код:

.main_border {border:1px solid #000000;} - Этот стиль придаст рамку нашей таблице. Cохраняем файл stile.css.

Переходим на index.html. Выделяем всю таблицу, для этого:

1.ставим курсор в любую ячейку нашей таблицы,

2.под горизонтальной полосой прокрутки ищем панель тегов и там тег <table>

кликаем на нем правой клавишей и выбираем из выпадающего меню set class(придать стиль) и выбираем стиль main_border, сохраняем index.htm.

Все - мы предали стиль главной рамки.

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

И уже в браузере таблица выглядит так :

И последнее мы зададим стиль для абзацев, чтобы наш текст на странице был упорядочен, и начинался с отступа. Для этого откроем файл stile.css и пропишем следующий код :

p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000; margin:15px;}

Не забудьте сохранить файл stile.css . если возникли трудности почитайте дополнительную литературу по CSS, хотя такого быть не должно.

Теперь текст на странице отображается корректно.