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

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

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

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

 

 

 

 

 

 

 

 

 

 

О создании файлов

Перед началом создания файлов для сайта, на своем компьютере создайте директорию (или структуру директорий) которую потом создадите на сервере (можно создавать вложенные каталоги до нескольких уровней). Помните, что написание имен директорий и файлов должно строго соответствовать и на компьютере и на сервере. Если компьютеру все равно как написано имя директории (FILES или files), то для сервера это две совершенно разные директории. То же актуально для имен файлов.

Всем файлам и директориям давайте имена только на английском(*), строчными буквами, желательно не более 8 знаков. В написании имен не должно быть пробелов. Не допускается использование имен файлов без расширений (.html .htm .txt .zip .shtm .gif и т.д.)

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

Вид части структуры моего сайта:  

При наборе текста избегайте буквы Е с двумя точками над ней. Она может быть прочитана правильно (сравните: надежный и надёжный). Так же может не отображаться знак " - номер" - №.

Для создания отступов можно использовать прозрачный .gif размером 1х1 пиксел, используя теги HSPACE и VSPACE для достижения нужной цели. Второй способ создания отступов, писать тег <p> следующим образом:
<p style="text-indent: 20">
где цифра определяет величину отступа в пикселах.

Для размещения текста и картинок на странице полезно использовать таблицы со значением BORDER=0. Ширину ячеек задавайте только в пикселах. Общая ширина таблицы для размещения большой массы текста не должна превышать 770 пиксел (для страниц без фреймов). Второй метод размещения текста в таблице.

Три примера:

1. Таблица шириной 760 пиксел
 
2. Таблица шириной 800 пиксел
 
3. Таблица для фрейма, шириной 640 пиксел

Необходимо иметь ввиду, чем больший объем занимает сама страничка и графика, отображаемая на ней, тем дольше происходит загрузка этой страницы из Интернета. И соответственно, чем меньше объем, тем быстрей открывается страница. В программе FrontPage 2000 есть полезная функция: справа в статус строке отображается полное время открытия страницы на скорости соединения 28,8 kb/сек.

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

Создание страницы

Нажимаем клавишу "Создать", затем "Сохранить". В открывшемся диалоговом окне выбираем директорию для сохранения и в строке "Имя файла" вписываем его имя согласно предыдущего совета.

После этого необходимо в свойствах страницы вписать "Название страницы" (это тег <title> - то, что отображается в верхней, системной, строке браузера при открытии страницы), установить кодировку страницы "Windows-1251".

Затем на закладке "Пользовательский" создать мета-теги <meta name="Description">, <meta name="Keywords"> и <meta name="author">. (Правильность составления МЕТА тегов делает возможным, чтобы ваш сайт было легко отыскать при помощи поисковых систем среди огромного числа других сайтов)

Название: в Меню/ Файл/ Свойства страницы/ Основные свойства - в окне "Название"
Кодировка: в Меню/ Файл/ Свойства страницы/ Язык/ Кодирование HTML - "Сохранить документ как" выбрать "Кириллица"
Для "Description": в Меню/ Файл/ Свойства страницы/ Пользовательский/ Переменные пользователя/ Добавить - Д.О. в строке "Название" пишем description , в строке "Значение" пишем краткое содержание (описание) данной страницы, не более 200 символов (не слов, а символов).
Для "Keywords": - в строке "Название" пишем Keywords , в строке "Значение" пишем ключевые слова этой страницы, через запятую (например: создать, сохранить, название, файл ), не более 1000 символов.
Для "author": - в строке "Название" пишем author , в строке "Значение" пишем свои Имя и Фамилию.
 

В блокноте указанные теги данной страницы выглядят следующим образом:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="Alexey V. Poluboyartsev">
<meta name="description" content="Советы по созданию Web-сайтов для начинающих">
<meta name="Keywords" content="Chat.ru, Windows, регистрация, HTML, каталоги, веб-мастер, вебмастер, дизайн, веб-страничка, html, руководство, загрузка, файл, FTP, тег, tag, фрейм, создание, сервер, сайт, интернет, internet">
<meta name="copyright" content="Alexey V. Poluboyartsev">
<title>Создание страниц</title>
</head>

Если вы не хотите, чтобы роботы не индексировали одну из страниц сайта, на ней впишите мета-тег: <meta name="robots" content="noindex, nofollow"> 
в этом случае не будет индексироваться и эта страница, и страницы по ссылкам с нее.

Можно воспользоваться генератором мета тегов на сайте http://tvoyweb.ru

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

Отображение картинок

Для сайта используйте изображения только в форматах .jpg (для фотографий) и .gif (для рисунков и фона). Картинки этих форматов занимают в несколько раз меньший объем, чем другие форматы.

Некоторые начинающие авторы ошибочно считают (по аналогии с работой в Microsoft Word), что если картинку вставить в документ HTML на своем компьютере, она автоматически будет видна в этом же документе, загруженном на сервер. Нет, это не так. Необходимо все файлы с картинками загрузить на сервер, а в документе указать точный путь для их открытия.

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

http://genealogical-tre.chat.ru/POLUB/Polub_tree_ru.gif
а у вас написан путь:
http://genealogical_tre.chat.ru/POLUB/Polub_tree_ru.gif
или:
http://genealogical-tre.chat.ru/P
olub/Polub_tree_ru.gif
или:
http://genealogical-tre.chat.ru/POLUB/
polub_tree_ru.gif
или:
http://genealogical-tre.chat.ru/POLUB/Polub_tree_ru.
GIF
то картинка ни в коем случае не откроется.

Как узнать какой путь прописан для открытия картинки:
Войдите на свой сайт, на месте неоткрытой картинки щелкните правой кнопкой и в открывшемся контекстном меню выберите СВОЙСТВА.
(В Netscape Communicator можно выбрать "Информация о кадре", где будут отображены пути открытия всех картинок, находящихся на данной странице. Или выберите "Копировать адрес рисунка", который затем вставите в текстовый файл в блокноте.)

Для заполнения своего сайта не используйте картинки, размещенные на чужих сайтах. Если вам понравилась какая-то картинка с чужого сайта, скопируйте ее и загрузите на свой.

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

Как это сделать: ПКМ на картинке - КонтекстМеню/ Свойства изображения - Д.О./ Основное/ Текст - пишем нужную надпись.

В блокноте тег отображения картинки выглядит примерно так:
<img src="yellow.gif" width="13" height="18"> или так:
<img src="almaty/foto/flag.gif" alt="Флаг Казахстана" width="209" height="104">
Если вокруг картинки получается рамочка, то добавьте код border="0"

Как писать ссылку на файлы в различных вариантах их размещения на сервере, посмотрите пункт Создание гиперссылок.

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

В блокноте тег отображения картинки в этом случае пишется так:
<img src="FILES/11.gif" align="right" hspace="0" width="109" height="92">
<img src="SPONS/globe.gif" align="left"
hspace="15" vspace="15" width="40" height="40">

Параметры width и height определяют размер картинки (обязательный параметр).

В МЕНЮ

Copyright © Полубоярцев А.В.

 

 

 

 

 

 

* - Еще один совет из собственного опыта:

Пишите имена английскими буквами всем файлам, создаваемым вами на своем компьютере.

Однажды на винчестере моего компьютера образовалось несколько десятков сбойных секторов. В результате этого были повреждены некоторые системные файлы. И при включении компьютера не только не запустилась система, но имена всех файлов и директорий, написанные в русском регистре, были заменены на закорючки, типа $$о$а$~1. После этого значительную часть времени я потратил на то, чтобы просмотреть содержимое каждого файла и директории и переименовать их в понятный вид. (А все имена, написанные ранее в английском регистре, сохранились без изменений.)

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