МЕНЮ


Ступени большого заработка

Построение сайта в
Macromedia Dreamweaver


ГЛАВНАЯ

РЫНОК FOREX
БИРЖА FOREX
КАК ЗАРАБОТАТЬ НА ФОРЕКС
FOREX Шаг-1
FOREX Щаг-2
FOREX Шаг-3
FOREX Шаг-4
FOREX Шаг-5


Быстрый заработок на Форекс


Построение сайта в Macromedia Dreamweaver

Построение сайта в Macromedia Dreamweaver начнем как и раньше с созданием рамки сайта т.е. вставляем таблицу 1х1. В главное окно программы нажимаем на Insert => Table или на иконку Table (рис. 5.3а, ук. 6) , или с клавиатуры нажимаем Ctrl + Alt + T . В каждом случае открывается окно Table (рис. 5.4).

Окно Table
Рис. 5.4

В этом окне задаем количество строк -1 (ук. 1), количество столбцов – 1 (ук. 2), ширину таблицы - 1000 пикселей (указатели 3, 4) и нажимаем ОК (ук. 5). Появилась рамка нашей странички. Делаем захват мышкой нижней части нашей рамки и увеличиваем ее по вертикали на 300-350 пикселей (для удобства дальнейшей работы).

В данном случае мы взяли размер бордера рамки – 0 (рис.5.4). А Вы можете взять 2, 3 пикселя и посмотреть что получилось. Также Вы можете експерментировать с Cell padding и с Cell spacing, которые определяют свободное пространство между содержимым ячейки и ее границами.  Если Вам нравиться странички с видимыми рамками меню, с видимыми рамками шапок, то можете вставлять все эти значения при их построениях. Это дело вкуса.

Далее в эту таблицу, в эту рамку вставляем таким же способом еще три таблицы. Первая вида – 1х1, вторая – 1х2, третья – 1х1 соответственно для шапки, тела и низа сайта. Ширину этих таблиц можете взять для наглядности – 994 пиксилей.

Выравнивание текста
Рис. 5.5

Но перед тем как все это построить, в первую таблицу делаем клик мышкой и видим, что курсор мышки устанавливается по середине в левой части таблицы (рис. 5.5, ук. 1). Далее в выпадающем меню Horz выбираем Center, чтобы выравнивать будующие таблицы по горизонтали, по середине (ук. 2). В выпадающем меню Vert  выбираем Top (ук. 3), чтобы наша таблица для шапки оказалась в самом вверху рамки (курсор перескакивает на верх, по середине).

В итоге мы должны получить  костяк странички как на рисунке 5.6. Для наглядности размер бордера мы поставили 1 (на рис. 5.5 размер бордера – 0 т.е. невидимая рама).

Структура сайта
Рис. 5.6

На рис. 5.6  Вы видите, что при выравнивание по центру надписи Шапка, Тело 1 и т.д. Dreamweaver создает пунктируемые таблички. Не волнуйтесь. В реалии они  невидимы.

Далее, как внедрить изображение в шапку, Вы знаете. Те же действия, что и в NVU. Ставим курсор мышки в ту ячейку, куда хотим внедрить картинку и нажимаем  Insert => Image или на иконку  Images:  Image (рис. 5.3а, ук. 7). Открывается новое окно Select Image Source (рис. 5.7).

Здесь мы выбираем папку (ук. 1), где находится картинка, саму картинку (ук.2) и расширение (ук. 3). При выборе картинки в поле File name (ук. 5) появляется имя файла, а в поле указанной стрелкой 6 – картика в уменьшенном размере. Нажимаем ОК (ук. 4) и все.


Рис. 5.7

Наша картинка появилась в шапке в левой части (рис.5.8). В правой части шапки можете вставить название сайта, название фирмы, эмблему фирмы и т.д. на Ваше усмотрение.

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

Например, написали такое меню: "Главная", "1-комнатные", "2-комнатные", "3-комнатные", "4-комнатные и более", "Дома", "Участки", "Коммерческая недвижимость", "Покупка", "Аренда" (рис. 5.8). В ячейку Тело 1 вставим полученное изображение многоэтажки-меню. Здесь, пока, ссылки не активные.

Пример сайта - Построение сайта
Рис. 5.8

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

Даже можете бесплатно создать сайт, а потом обслуживать его за определенную плату. Ваша работа, раз в неделю обновляете информацию на сайте. Можете договориться обновлять информацию сразу после продажи или появлению новых объектов, но это будет дороже. Вы ведь не сможете планировать свое время, не сможете куда-небудь поехать, без согласования с Агентством и т.д.

Если у Вас будут 3-4 заказчика, то игра стоит свечь. А их найти легко. Не забывайте про маклеров. Эти частники, индивидуалы, которые тоже работают в секторе  недвижимости и некоторые довольно успешно (если население города  больше 300000). Им тоже можете предлагать свои услуги.

Продолжим построение сайта в Macromedia Dreamweaver 8 и в тело 2, как образец, вставили таблицу 2х7 шириной 600 пикселей. В ней указали некоторые данные 3-х комнатной квартиры, которая выставлена на продажу. В последней колонке дана ссылка на дополнительную информацию (рис.5.8, ук.1).

Нажимая на ссылку,  открывается новая страничка с фотографиями комнат, коридоров, балконов квартиры. Там же можете показать вид из окна, схема подъезда к дому и другую информацию (рис. 5.9). Назовем ее страницей дополнительной информации.


Рис. 5.9

Покупатель, после просмотра данной квартиры или возвращается назад, нажимая на ссылку Назад (рис. 5.9), или возвращается на Главной, нажимая на фото в левом вверху сайта. А как посетитель узнает, что эта ссылка? Для этого мы сделаем так, что когда он подводит курсор мышки к фото, появляется другая картинка, характеризующая главную страницу. Посетитель уже смело нажимает на новую картинку, зная куда попадет. А как это сделать, узнаем из построение сайта в Macromedia Dreamweaver 8 на следующем шаге.

Пример нашего построения можно посмотреть по ссыке: ПРИМЕР САЙТА


Получите БЕСПЛАТНО
мгновенный доступ сразу к 4-м книгам!

"Как увеличить прибыль - задача любого интернет-коммерсанта" "Как увеличить прибыль при помощи электронной коммерции"
"100 советов, как стать успешным инфобизнесменом" "21 способ увеличить продажи в Интернет-бизнесе"
Введите Ваше имя, E-mail в нижнюю форму и нажмите кнопку:
"Получить книги бесплатно!"
На Ваш E-mail получите письмо активации и сразу после активации
откроется доступ на скачивание бесплатных книг:

 


Паралельно Вы получите бесплатный доступ
к еще 3-м продуктам, которые помогут Вам создать
очень доходный бизнес в Интернете.





Copyright © 2009 "20 steps" 
ВЕРШИНА-I ВЕРШИНА-II ВЕРШИНА-III ВЕРШИНА-IV
Все права защищены
20steps.ru