Для
начинающих веб-дизайнеров
Сайт, на котором Вы сейчас находитесь, создавался
следующим образом:
1. Ознакомился с многочисленной литературой по этому
вопросу, представленной на сайте http://www.classs.ru.
Из всех книг мне больше всего понравилось учебное пособие
Бориса Артанова «WEB-мастеринг без посторонней помощи» (М.: «Триумф», 2006,
336 с): коротко, предельно понятно и с юмором.
2. Благодаря Артанову, в качестве основного
инструмента был выбран FrontPage 2003.
3. Исходный материал — текст в формате WORD 2003 с графикой в формате .BMP (имена
всех файлов — маленькими латинскими символами).
4. После форматирования текста в WORDе выбирается
команда «Файл/Сохранить как веб-страницу…». Для главной (самой первой) страницы
сайта обязательное название ее файла — index, для остальных — по их смысловому
содержанию, но обязательно латинницей.
5. Для текста с графикой при выполнении п. 4 будут
созданы файлы name.htm и соответствующие им папки name.files с графикой. В
нашем случае в папках name.files вместо .BMP оказались PNG-, JPG- и GIF-файлы,
причем, как правило, PNG-картинки дублировались JPG-картинками. При наличии
выражений, созданных в редакторе формул WORDа, перед выполнением п. 4
необходимо обязательно перевести их в графическую форму с использованием
какого-либо копировщика экрана.
6. Удаляем из всех папок name.files все PNG-файлы и
переносим весь материал будущего сайта (name.htm и name.files) в папку,
например, My_Site, оставляя в отдельной папке, например, WORD исходные name.doc
и, желательно, в виде отдельной подпапки все BMP-файлы для каждого name.doc.
Последнее обстоятельство вызвано возможной потерей и искажением JPG- и
GIF-файлов при обработке в FrontPage и передаче содержимого папки My_Site на
сервер narod.ru. В нашем случае для восстановления JPG- или GIF-файлов
использовался графический редактор XnView. В дальнейшем
использовались только GIF-файлы, что сняло все описанные проблемы.
7. Запускаем FrontPage 2003 и командой «Файл/Открыть…»
вызываем первым из папки My_Site файл index.htm. При этом можно работать в
режимах «Конструктор» или «С разделением», индицируемых в левом нижнем углу
FrontPage. В первом режиме все его рабочее окно выделяется под index.htm, во
втором — только нижняя половина, а верхняя — для его HTML-кода.
8. При редактировании index.htm его отдельные пункты
можно разделить линиями по команде «Вставка/Горизонтальная линия» и для каждого
предварительно выделенного (зачерненного курсором мыши) пункта назначается
ссылка командой «Вставка/Гиперссылка» (CTRL + K), в диалоговом окне которой в
строке «Адрес:» указывается соответствующий содержанию пункта файл name.htm.
Последним пунктом в index.htm может быть «Гостевая книга» для
общения с посетителями сайта, ссылка на которую назначается после
регистрации на narod.ru.
9. Аналогичным п. 8 редактируются остальные name.htm.
Если они содержат графику, то вследствие указанного в п. 6 удаления PNG-файлов
могут оказаться пустыми (но с рамкой-заготовкой) места под некоторые рисунки. В
этом случае их необходимо восстановить командой «Вставка/Рисунок/Из файла…»,
используя соответствующую папку name.files.
Поскольку в этой папке графические файлы именуются как image…, то
предварительно необходимо установить соответствие их номера исходному BMP-файлу
в name.doc с помощью вьюрера, например, MS Photo Editor. В этом случае и
потребуется исходный name.doc. Результаты редактирования файла index.htm и
других name.htm можно проконтролировать с помощью браузера на вашем ПК.
10. Заходим на narod.ru и после выбора пункта
«Создайте свой сайт» регистрируемся с указанием имени (логина name) и пароля.
Если логин является уникальным (неповторим на narod.ru), то сайту присваивается
имя name.narod.ru, после чего на странице «Управление сайтом» выбираем
«Мастерская», содержащей множество пунктов, наиболее важными из которых
являются пункты под рубрикой «Редактирование и управление» (см. ниже).
11. Загрузку материалов сайта из папки My_Site на
сервер narod.ru целесообразно проводить в режиме FTP-клиента, что гораздо удобнее,
чем через меню «Мастерская/Редактирование и управление», поскольку загружать можно
целиком папки, а не отдельные файлы. В нашем случае для этого использовался
файл-менеджер Total Commander версии
В последнее время описанный способ загрузки
не получался. Поэтому по рекомендациям narod.ru я освоил следующую методику:
11.1. Загружаем новые материалы в
D:/My_Site (скрытая папка; у Вас она может иметь другое имя и может находиться
на другом диске). При этом имена файлов — только латиницей, иначе будут
сообщения об ошибках.
11.2. В командную строку браузера (в моем
случае IE) заносится ftp://логин:пароль@ftp.narod.ru.
11.3. В IE заходим в меню «Страница» (в последнем поле команд справа) и
выбираем пункт «Открыть FTP-узел в Проводнике Windows».
11.4. Из Проводника загружаем index.htm в D:/My_Site.
11.5. Запускаем index.htm в FrontPage и вносим
необходимые изменения (новые пункты и гиперссылки на них).
11.6. В обновленном index.htm
последовательно открываем каждый пункт с новым материалом, используя клавишу
CTRL+ курсор мыши.
11.7. Устанавливаем в этом материале требуемые гиперссылки.
11.8. Копируем новый index.htm и все новые
материалы из D:/My_Site в Проводник (на сайт).
12. Если загрузка прошла успешно, то далее необходимо
провести дополнительные настройки, используя меню «Мастерская/Редактирование и управление/Управление файлами
и HTML-редактор», в котором представлены в табличном виде все загруженные
файлы. В крайнем правом столбце таблицы расположены кнопки «Свойства», после
нажатия которых вызывается окно, в котором для выбранного файла можно вызвать
HTML-редактор, установить счетчик посещений, выбрать его оформление и др. Не трогайте счетчик посещений и
его показания, иначе их можно потерять (я так потерял 846 посещений, случайно
сбросив его на ноль).
13. При редактировании index.htm после
регистрации на narod.ru ссылка для пункта «Гостевая книга»
формируется автоматически при выборе команды «Вставка/Гиперссылка», в
диалоговом окне которой в строке «Адрес:» в нашем случае была ссылка на /gb.
14. Немного приукрасим выбранные страницы сайта, воспользовавшись в FrontPage командой «Формат/Тема…»,
при которой предлагается несколько вариантов ее оформления. Можно также
воспользоваться командой «Формат/Фон…» примерно такого же содержания. После
этого необходимо обновить измененные файлы на narod.ru, а также добавить новые
файлы, которые формируются в папке
My_Site в результате выполнения указанных команд.
15. Для так называемой раскрутки сайта
используется его индексирование, при котором специальные программы, называемые пауками или
поисковыми роботами, посещают сайты Интернета и записывают в специальную базу
данных выжимку информации, хранящейся на сайте. Для индексирования на Яндексе
необходимо на narod.ru выбрать команду «Мастерская/Редактирование и управление/Индексирование в
поисковых системах» и на ее странице в команде «Добавить URL» указать адрес сайта. В нашем
случае ответом было: «Ваш сайт не проиндексирован (Сайт успешно добавлен в
очередь на индексирование)». На Рамблере процесс индексирования более сложен
(попробуйте!).
Первая редакция —