Создание страниц
Если вы обнаружили опечатку или ошибку,  выделите это место мышкой и нажмите Система Orphus

 
 
| О создании файлов | Создание страницы | Отображение картинок | Анимированные картинки | Фоновое изображение | Создание закладки | Создание гиперссылок | О формате гиперссылок |
 
| Загрузка файлов на сервер | О написании адреса сайта | Регистрация в поисковых машинах | Контроль объема файлов (работа по FTP) | Удаление файлов (работа по FTP) |
 
| Контроль вида страницы | Создание Гостевой книги | Счетчики посещений | Создание фотоальбома | Прибамбасы | Ответы на ваши вопросы | Настройка FrontPage "под себя"  
 
ПЕРЕЙТИ НА ГЛАВНЫЙ ВХОД САЙТА

Если вам помогли советы с этой странички, пожалуйста
разместите на своем сайте текстовую ссылку следующего вида:

<a href="http://genealogical-tre.chat.ru/LINKS/"><font size="4">Советы по созданию сайтов</font></a>
или кнопку перехода на эту страничку.

 

 

 

 

 

 

 

 

 

 

 

Анимированные изображения

Баннер можно сделать в любом графическом редакторе, хоть даже в Mspaint. Рисуете картинку в формате gif нужного размера (а лучше 88х31 пиксел) и вставляйте на страницу. Чтобы сделать анимированные изображения, баннеры, можно воспользоваться программой GIF Animator. В любом графическом редакторе создается серия картинок с изменяющимся рисунком в формате .gif и с помощью этой программы компонуется в один файл. Время показа каждого слайда задается отдельно, от 0,1 до 300 сек. Старайтесь, чтобы анимированный файл был не больше 20 kb.

Скачать установочный файл программы можно здесь:

GIF Animator 1,1 Mb download

Изготовленный файл баннера загружаете к себе на сайт, а для людей предоставляете к копированию код для установки баннера примерно такого вида:

<a href=http://адрес-вашего_сайта/ target=_top><img border=0 src=http://адрес-вашего_сайта/banner.gif width=88 height=31 alt="Название вашего сайта"></a>

 

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

Ниже приведен код одного из моих баннеров:

<a href=http://genealogistic.narod.ru/family/ target=_top><img border=0 src=http://genealogistic.narod.ru/family/FILES/gen_tre_brown.gif width=82 height=31 alt="Genealogy Poluboyartsevs and other - Генеалогия Полубоярцевых"></a>

так он выложен на моей страничке http://genealogistic.narod.ru/family/banners.html

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

 

 

Фоновое изображение

Чтобы изображение сделать фоном страницы <body background>: в Меню/ Формат/ Фон/ - Д.О./ Свойства страницы/ Фон/ ставим флажок на "Фоновое изображение", кнопкой "Обзор", выбираем нужный файл изображения.

При использовании "background`а" необходимо установить цвет подслойки <bgcolor> похожим на цвет картинки, используемой в качестве фонового изображения: в Меню/ Формат/ Фон/ - Д.О./ Свойства страницы/ Фон/ в окошке "Цвета, Фон" выбрать "More colors". В Д.О. нажать кнопку "Custom", в большом окне выбрать оттенок цвета, а в малом (справа) его яркость.

Рекомендую использовать для этих целей программу "Pixie 2.0"(*). С ее помощью вы просто и без проблем установите любой оттенок фона, скопировав его с изображения.

В блокноте тег отображения фоновой картинки и цвета подслойки выглядит примерно так:

<body background="FILES/Stone.gif" bgcolor="#FFFFFF">

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

 

Создание закладки

Для того, чтобы по гиперссылке страница открывалась в нужном месте, используются закладки: В нужное место страницы помещаем курсор. Меню/ Вставка/ Закладка - Д.О. Закладка , в окне "Имя закладки" пишем ее имя (на английском или цифрах).

В блокноте тег закладки выглядит так: <a name="sozd"></a>
где "sozd" - имя закладки, может быть цифровое, буквенное, в любом регистре

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

 

 

Создание гиперссылок

Если при создании страниц сайта с помощью текстового редактора вы будете писать ссылки явного типа (например
<a href="http://genealogical-tre.chat.ru/LINKS/sovety.html">Советы по созданию</a>), то эти ссылки будут нормально работать только при загрузке страницы на сервер. А локально на своем компьютере вы не сможете проверить работу всех ссылок сайта. Но вы хотите проверить работу своего сайта, не загружая его на сервер. Поэтому необходимо писать не явные, а относительные ссылки:

В блокноте тег гиперссылки на страницу своего сайта, находящуюся в этой же директории, пишется так:
<a href="sovety.html">Советы по созданию</a>

Ссылка из файла в корневом каталоге на файл, находящийся в каталоге первого уровня:
<a href="LINKS/sovety.html">Советы по созданию</a>

Ссылка из файла, находящегося в каталоге первого уровня, на файл в корневом каталоге:
<a href="../gt_sites.html">Ссылки на Генеалогические сайты</a>

Ссылка из файла, находящегося в каталоге второго уровня, на файл в корневом каталоге:
<a href="../../gt_sites.html">Ссылки на Генеалогические сайты</a>

Ссылка из файла, находящегося в одном каталоге первого уровня, на файл в другом каталоге первого уровня:
<a href="../LINKS/sovety.html">Советы по созданию</a>

(Все вышесказанное относится и к ссылкам для отображения картинок)

Гиперссылка на страницу чужого сайта:
<a href="http://www.null.ru/pages/tahion600/index.html">Tahion Group</a>

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

если имя файла file.zip то в html-редакторе ссылка может выглядеть так:
Скачать <a href="file.zip">файл file.zip</a> - объем 35 кб.
- - - - - -
если имя файла music.mp3 то ссылка может выглядеть так:
Скачать <a href="music.mp3">Название песни</a> - объем 4,95 Мб.

Имейте ввиду, что объем файла, закачиваемого на Народ.ру, не может быть больше 5Мб.

А в программе FrontPage не требуется знать, как писать тег ссылки в каждом конкретном случае:

Создание гиперссылки между страницами вашего сайта. Открыть в FPE две страницы, между которыми требуется создать гиперссылку. Например, Лист1 и Лист2. В первом листе пишем нужный текст для ссылки. Например, Перейти в Лист2. Выделяем или всю фразу, или одно слово. Далее - Меню/ Вставка/ Гиперссылка - Д.О. Создать гиперссылку  - нажать кнопку . В Д.О. Выбрать файл дважды щелкаем на имени страницы, которая будет открываться по ссылке. В этом случае страница будет открываться с первой строки. Если необходимо, чтобы страница открывалась на закладке: ПКМ на созданной гиперссылке, выбрать Свойства гиперссылки, в Д.О. Редактировать гиперссылку в окне "Закладка" выбрать имя закладки, страница будет открываться на ней.

Создание гиперссылки на страницу чужого сайта. На листе пишем нужный текст для ссылки. Например, Искать в "Апорте". Выделяем или всю фразу, или одно слово. Далее - Меню/ Вставка/ Гиперссылка - Д.О. Создать гиперссылку/ в строке "URL" вписать правильный URL.

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

 

О формате ссылок
(только для сайтов с фреймами)

Если ваш сайт сделан с фреймами, то при открытии сайтов по вашим ссылкам они будут открываться в вашем фрейме. Зачастую это может выглядеть жутко. Посмотрите три примера:

1. Открытие в вашем фрейме   Сайт Вадима Николаева
2. Открытие в новом окне   Всероссийское Генеалогическое дерево
3. Открытие поверх вашего фрейма   Стереофотографии и фотопанорамы

Для того, чтобы созданная вами ссылка открывалась в новом окне: ПКМ на ссылке - КонтекстМеню/ Свойства гиперссылки - Д.О./ в строке "Конечный фрейм" нажать кнопку выбора - Д.О. Конечный фрейм выбрать тип открытия сайта. 

В блокноте эти три гиперссылки выглядят так:

<a href="http://www.geocities.com/Baja/Dunes/5905">Сайт Вадима Николаева</a>
<a href="http://www.people.adicom.ru" target="_blank">Всерос Ген дерево</a>
<a href="http://almaty-stereo.narod.ru/" target="_top">Стереофото и фотопанорамы</a>

В МЕНЮ

Copyright(C) Полубоярцев А.В.

 

 

 

 

 

 

 

 

 

* - Очень простая и интуитивная в использовании утилита для тех, кто занят разработкой Web-страниц. Указав мышью на любую точку экрана, вы моментально узнаете ее координаты и цвет. Значение цвета отображается в нескольких форматах: в виде шестнадцатеричной константы, набора RGB значений, HTML-ready, CMYK и HSV-величин. Полученные значения можно использовать в других программах для точного подбора цветов.

Pixie 2.0 62kb ознакомиться  

ВЕРНУТЬСЯ В ТЕКСТ