МЕНЮ


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

Редактор NVU. Начало работы


ГЛАВНАЯ

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


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


Редактор NVU. Начало работы

Далее мы будем рассматривать, как создать такой же сайт при помощи редактора NVU. В настоящее время редактор NVU 1.0 имеет уже многочисленные возможности для построения и редактирования веб сайтов.

Этот визуальный редактор сайтов позволяет работать со структурой сайта в целом, имеет встроенный Редактор CSS, с помощю которого можно посмотреть стили, цветную подсветку синтаксиса в режиме редактирования кода, можно проверять орфографию, имеет много инструментов для редактирования таблиц, графических изображений, гиперссылок и многое другое.

Редактор nvu можно загрузить с официального сайта:

http://nvu.mozilla-russia.org/ .

Установим нашу программу в какой нибудь папке на диске. По умолчанию программу можно устанавливать в папку C:\Program Files\Nvu. Размер файла не очень большой и составляет около 24 Мбайта.

До запуска программы создадим папку Наш сайт 2, в которой создадим еще одну папкку Images.  В ней перепишем из ранее созданной папки index_files (она была создана автоматически в Word-e), которая находится в папке Наш сайт 1, два файла: Image002.jpg  и    Image003.gif . Это картинки нашей шапки. В папку Images мы можем переписать и другие графические изображения, если считаем, что в дальнейшем они будут использоваться на нашем сайте.

При запуске редактор открывает новую страницу – "без_имени" (рис. 2.1, красная стрелка без номера). Для работы с визуальным редактором мы должны выбрать Обычный режим просмотра страниц (рис. 1, указатель 1). 



Рис. 2.1 Визуальный редактор NVU

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

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

Таблицы позволяют использовать простые методы размещения разных элементов сайта на веб-странице, поэтому начинающие веб-мастера, да и не только, предпочитают применять таблицы для верстки сайта. Использование таблиц не требуют знания языков JavaScript или VBScript, как в случаях с использованием слоев, достаточно иметь начальные знания по HTML или использовать визуальный редактор, например NVU, и уже можно составить примерную схему-макет будущего сайта.

Итак, строим таблицу. Для этого нажимаем Вставка=>Таблица... (рис. 2.2, указатель 1) и в новом окне на Точная (указатель 2, рис.2.2), чтобы можно было точнее определить таблицу (рис. 2.3).


Рис. 2.2  Вставка таблицы

Выбераем:
количество строк – 1, количество столбцов – 1, ширину таблицы - 950 "пикселов" (рис.2.3, ук.1), рамка – 1 и нажимаем ОК.


Рис. 2.3  Вставка таблицы (продолжение)

Полученную таблицу (рис. 2.4) можно расширить вверх-вниз, влево-вправо двумя способами:


Рис. 2.4  Расширение таблицы

- можно мышкой захватить маленкий квадратик, маркер (рис. 2.4, указатель 1) и двигать его вверх-вниз до нужного размера таблицы по вертикали. Таким же образом можно изменить таблицу и по горизонтали, выбирая другой маркер.

- можно нажимать на Таблица=>Свойства таблицы...(указатель 2, рис. 2.4) и в открывшийся окно (рис. 2.5, указатели 1 и 2) выбираем высоту и ширину таблицы.



Рис. 2.5  Параметры страницы

Если у Вас появляются вопросы по ходу действий, нажмите на «Справка» (рис. 2.5, указатели 7 и 8).

После расширения таблицы до нужных размеров и выбора пикселей для рамки, для полей между ячейками и внутри ячейки (рис. 2.5, указатели 3 и 4), после выбора фона - серый, нажимаем ОК. Потом еще раз выделяем ее (таблицу) и нажимаем Таблица => Свойства таблицы... => Ячейки  (рис. 2.6, ук. 1).


Рис. 2.6  Свойства таблицы

В поле Выравнивание содержимого выбираем Вверху (рис. 2.6, указатель 2), чтобы следующую  таблицу (шапку) мы смогли разместить в самом вверху рамки и нажимаем ОК (ук.3).


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

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

 


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





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