САЙТОПРОИЗВОДСТВО ДЛЯ ЧАЙНИКОВ

Назад
Главная
Общие сведения
Новости
История
Политика
Меньшинства
Гражданство
Ветераны СС
Ветераны СА
Реформа школ
Права человека
Экономика
Культура
Спорт
Приезжающим
Глас народный
Снимки

Сайтопроизводство для чайников

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

Во-первых, надо разобраться, для чего данный сайт будет предназначен. Сайты высшего порядка от крупных организаций исключаем - этим должны заниматься профессионалы. Оставшиеся варианты: сайт для мелкой фирмы, которой просто хочется обозначить себя, чтобы было куда ссылаться для наглядной информации; крупный личный сайт, либо специализированный по теме типа этого http://rianova.narod.ru , либо сайт, расписывающий собственную личность - для примера сошлюсь на http://eytan.narod.ru . Но в любом случае, для начала следует создать тест-сайт на каком-нибудь приспособленном для этого сервере, в котором и будешь спокойно разбираться, что и как тут работает. А затем на основе полученного опыта делать настоящий.

Важно также знать, чем сайт будет создаваться. Если у тебя на компютере есть FrontPage, я могу лишь позавидовать. Лично я делаю на Ворде97 и потом выкидываю из кода лишнее, чтобы уменьшить размер, или просто пишу сразу в HTML - потом растолкую, что это. Пока буду исходить из того, что ты в начале будешь действовать легчайшим путём, то есть брать готовый шаблон сайта, в котором надо только записать свой текст и подобрать желанные цвета.

Первый тест-сайт: где и как

1.) Находим место, куда его засунуть. В принципе, можно сделать его и дома и затем вставлять, но лучше для начала воспользоваться бесплатными серверами для этого. Серверов, позволяющих бесплатно размещать у себя сайты определённого размера (как правило, достаточного, если там не слишком много фотографий), множество, но нам нужны самые удобные. Я назову два: http://www.narod.ru , и http://www.bravehost.com . Тому, кто не уверен в своём английском и намерен пользоваться кириллицей, лучше воспользоваться первым, хотя по многим другим пунктам он хуже остальных - ужасно медленно открывается (что сводит на нет его преимущество более крупного дозволенного размера сайта), примитивность шаблонов, отсутствие кучи возможностей. Зато всё по-русски, и прочев "народ", можно увереннее разбираться с англоязычниками.

2.) Открываем страничку "народа" и в верхней части видим предложение застолбить имя для своего сайта. Придумай что-то оригинальное, потому что все простые имена уже заняты - но не слишком длинное, чтобы можно было вспомнить и не полчаса писать. Если сайт только для теста, можно позволить себе хоть имя h6r6e6n, и пароль того же рода. Если сперва для теста, а затем для публики, желательно что-то поумнее. Если имя занято, попросят придумать другое. (Можно заранее попробовать написать адрес http://h6r6e6n.narod.ru и посмотреть, есть ли такой сайт.) После чего, скорее всего, запросят сообщить некоторые данные о себе (кроме почтового адреса, их можно выдумать, но не стоит - говорить правду проще) и назвать почтовый адрес, на который отправить данные. При составлении анкеты нужно прочесть правила пользования (хотя их мало кто соблюдает) и снять галочку с предложений присылки любой рекламы. (Исключение - сервер bravehost, где стоит оставить их информацию для начинающих Webmasterov.)

Я пишу по памяти, так что мелочи процедуры могут и отличаться - но в любом случае всё будет написано и объяснено там.

В общем, тем или иным способом подтверждаем своё наличие (большинство серверов присылает пароль доступа на "мыло", с которого потом в первый раз надо заходить и подтвердить получение) и попадаем в народную страничку производителя. Сайта у нас ещё нет, зато есть мастерская и кучка шаблонов. Смотрим, где написано что-то вроде "Создание страницы" - на народе есть несколько вариантов под словами "персональная страница", "бизнес-страница", "фан-клуб" и т.д. Нажимая на одно из этих слов, будет предложено несколько шаблонов, как эта страничка может выглядеть. Выбираем наименее противную версию, называем её index.html (это - самое разумное наименование для первой, т.е. основной, страницы, т.к. по умолчанию открывается именно она) и смотрим, что с нею можно сделать. Как правило, предлагается записать какой-то текст (для начала можно просто "тест") и выбрать цвета. В первый раз можно и оставить цвета по умолчанию, они хоть согласуются между собою (согласовать цвета - вещь важная, чтобы не резало глаза. Красный цвет на зелёном фоне, например, - признак дебила либо дальтоника). После чего жмём на "сохранить" или "создать", открываем новое окно с адресом http://h6r6e6n.narod.ru и смотрим в новом окне, что же у нас теперь имеется. Имеется страничка примерно такая же, как на шаблоне, только текст какой-то... недоработанный. Теперь можно поработать с текстом. Проходим снова тот же путь, указывая, когда нас спросят, что мы хотим не "создать" новую страничку указанного типа, а редактировать этот самый index.html. Пишем какой-то более мудрый текст, пробуем разные шрифты на частях этого текста, несколько пробуем поменять цвета и поставить какую-нибудь ссылку (скажем, на http://www.google.com - весьма полезно иметь эту ссылку под рукой). В общем, выпендрываемся со страничкой, пока не станет ясно всё, что с нею здесь дозволено сделать. Когда вроде ничего неясного не осталось - пробуем создать ещё несколько страничек по другим шаблонам, называем их подходящими именами типа novosti.html, porno.html, hram.html и связываем их ссылками друг с другом. Можно включить и гостевую, хотя я предпочитаю держать гостевую на отдельном сервере, http://www.guestbook.de (есть и куча других) и связать с основным сайтом только ссылками.

3.) Это уже сайт. Но примитивный - аж самого тошнит. Даже самые умные тексты на нём смотрятся глупо, потому что шаблоны народовские приспособлены в основном для текстов типа "Здесь был Вася". Потом, когда мы разберёмся в языке записи сайтов HTML, мы ещё возратимся к народу, но пока перейдём к более продвинутым вариантам на английском.

Второй тест-сайт: мудреем день ото дня

Народ - это упрощенная версия покойного geocities, даже способ размещения рекламы совпадает. Но я склонён рекомендовать более сложный http://www.bravehost.com . У него намного больше рекламы, размещённой в верхней части страницы, и ограничен траффик - то есть нельзя слишком много посещений в день,- но нам следует изучить его возможности.

Процесс регистрации уже был описан в народе. Здесь надо только постоянно выискивать, где есть free (бесплатно), т.к. нам постоянно будут предлагать за деньги. Уже в самом начале bravehost даёт четыре готовые странички, но нам их в таком виде не надо. Переделаем главную.

1.) Смотрим, где там написано templates (шаблоны). О блин сколько... Лучшие за деньги, но и оставшиеся пригодны. Всех нет нужды просматривать, хватает выбирать из первой тридцатки. Потом все странички в сайте по умолчанию будут создаваться по этому шаблону (и переделываться все разом, если выберём другой). Делаем, как и в народе, главную страничку с парой слов, лучше на латынице.

2.) Возвращаемся на основную страницу bravehost и высматриваем, где тут в куче предложений надписи типа Web Page Editor и File Manager. Дошедши до последнего, мы видим, что там у нас в сайте есть - четыре странички, одна из которых переделана нами, а оставшиеся просто стоят пока мёртвым грузом. Пусть ждут. Выделяем индексную, то бишь основную, страничку и в левой стороне жмём на "редактировать ВИЗУАЛЬНЫМ редактором". Это называется WYSIWYG - What you see is what you get, "Что видишь, то и получишь". На правой стороне появится вид страницы, где можно более-менее спокойно писать кириллицей. Панель наверху позволяет с большими или меньшими удобствами редактировать текст (надо следить, какое окно активно), вставлять таблицы (сперва определяя их размеры, потом активируя окно и вставляя в месте курсора, а не в ином порядке), создавать ссылки, в общем, примерно как в Ворде. После чего жмём на Save (значок дискеты), дожидаемся подтверждения (с кнопкой "ОК") и в новом окне смотрим, что имеем. Полезно, что в первом окне всё осталось и ждёт дальнейшего редактирования, так что всегда можно сравнить варианты. Минус - после ОК нельзя спасти уже изменённую версию (в geocities можно).

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

4.) У бравехоста есть ещё куча возможностей. Например, на нём предлагается под словами clipart и banners разные красивые и не очень рисунки, которых можно вставить в сайт. В визуальном это можно делать с Insert Image.

Word 97

1.) Ворд97 позволяет написать какой-то текст и сохранить его как HTML-документ или, что одно и то же, как Web-страницу. Процесс здесь выглядит так: пишем текст, сохраняем в этой форме на компе или дискете под нужным нам названием страницы для сайта (типа greh_1.html), входим в свой диспетчер, менеджер или как его ещё файлов, короче, в свой список страничек на сайте, жмём "загрузить файл", под "найти" ("browse") находим файл на своём компе и велим загрузить. Всё. Страничка готова. Открываем её... в общем, она есть. Но не совсем такая. Каждая строчка вообразила себя абзацем. Пропал цвет фона. Съехали рисунки. Вообще много чего не так. Просто Ворд тупой и не понимает, что и как делать. Почему - понятия не имею. Но он обычно при сохранении так и признаёт: вероятно, часть вещей сохранить не удастся. Ворд2000 несколько лучше, но и он не вполне совместим с Сетью.

2.) Неплохой результат даёт писание текста в WordPad с позднейшим вкопированием его в Ворд - по крайней мере, строчки так не наглеют.

3.) Кроме того, вордовские странички в той части, что невидима глазу, огромны. Эксплорер их открывает долго и с нескрываемым отвращением.

Я нашёл только один способ борьбы с этим: лезть в код странички и рукой выправлять недостатки. Итак, о коде...

HTML

Наша страничка хранится на сайте не в виде изображения, а виде закодированного текста. Internet Explorer же, как и любой другой браузер, является программой, которая этот текст превращает в изображение по определённым правилам. Код этот не является секретным, его можно смотреть и переделывать. Я не стану здесь расписывать значение каждого кодового слова, наилучший способ с этим разобраться - почитать это всё на бумаге. Либо купив книгу на эту тему (их масса), либо скопировав из Сети. Скажем, из http://www.postroika.ru . Читать прямо с Сети не рекомендую, быстро устаёшь. Посмотреть на код можно, открыв в Интернете любую страничку и нажав на View --> Source. Для примера - простая страничка, часть этого же текста:

<HTML> <HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>Сайты</TITLE> </HEAD>

<BODY>
<B> <U> <FONT FACE="Arial" SIZE=3> <P> Сайтопроизводство для чайников </P> </U> </B> </FONT>
<FONT FACE="Arial" SIZE=2> <P> Вариантов, как создавать сайт... </P> </FONT>
<B> <U> <FONT FACE="Arial" SIZE=3> <P> Первый тест-сайт: где и как </P> </U> </B> </FONT>
(...)
</BODY> </HTML>

Текст, как мы видим, пишется по-обычному, а информация для браузера, как этот текст отображать - коды, или теги, - в треугольных скобках. Наверху (<HEAD>) браузеру сообщают, что заголовком текста является "Сайты" - это слово появится на самом верху, на синем фоне,- что использовался русский язык в кодировке windows-1251 и что страничка склепана на Ворде. Этим информация в </HEAD> заканчивается (косая черта - конец действия тега). Далее в <BODY> идёт текст с пометками: писал любимым "Ариалом", заголовки выделял жирным и подчёркивал ( <B> <U>), а также большим размером, <P> - знак абзаца. В конце извещаем, что текст страницы закончился и </HTML> тоже уже не используется. Если что-то из возможных вещей не упомянуто, браузер пользуется показом по умолчанию, например, текст здесь будет чёрный, а фон белый (некоторые извращенцы устанавливают на своих компах иные значения по умолчанию, но это их проблемы). Этот код мы можем поправлять, используя условленные слова и числа. Например, если мы вместо <BODY> запишем <BODY BGCOLOR="yellow">, наш чёрный текст будет виден на жёлтом фоне. Подробности см. в списках тегов.

Как я уже писал, Ворд зачастую устраивает лишние абзацы, между строчками записывая что-то типа <FONT FACE="Arial" SIZE=2><P></P></FONT> Всё, что я могу порекомендовать,- просмотреть код made in Word перед его отправкой на сайт или после этого и выбрасывать всё явно излишнее. Проще всего это сделать, когда ещё ничего не отправлено,- открыть файл, велеть его редактировать в меню "Файл", заменить всю фигню пустым местом в Вордпаде или Ворде и так сохранить. Удобно редактировать в ConTEXT, если такой имеется.

Так же полезно поправлять вордовские таблицы, изменив их цифровое значение в пикселях процентными - если в описании таблицы написано WIDTH=555 или вроде того, лучше заменить это на WIDTH=100% и широту её ячеек тоже заменить на соответствующие процентные значения, чтобы вместе получалось 100%.

Таблица - как много в этом слове для сердца хакера слилось...

Слово "таблица" для сайтмэна имеет более широкое значение, чем для нормального человека. Таблицей называют, среди прочего, и всякую попытку разделить страничку по вертикали. Просто не предусмотрен иной способ (вообще-то есть рамки, но они ещё хуже). Итак, для создания текста вроде http://rianova.narod.ru - налево ссылки с одним цветом фона, направо сам текст с иными цветами,- надо рисовать таблицу с двумя ячейками. Левая узкая, правая широкая. Тэги на этот счёт сложные, но нужные. Впрочем, это ещё что, когда в таблице много ячеек - это только читать код закачаешься. Конечно, таблицу можно и в Ворде сделать, только потом надо будет фон и широту от руки исправить.
Если текст в таблице длинный, крайне полезно - особо в народе - его разбить на несколько таблиц, идущих подряд вниз. Эксплорер открывает таблицу целиком, а это требует времени. Лучше пусть он быстро откроет верхнюю часть и пока читатель смотрит её, тем временем открываются и те, что ниже линии экрана. Пример - http://rianova.narod.ru/for/mify.html .

Картинки

Сайта без картинок в наши дни не бывает. Их можно хранить на сайте и в нужном месте указать тегами: вставить картнку, хранящуюсю там-то. Можно изменять её размер, задав его в пикселях (большинство мониторов поставлены на размеры 800*600 либо 1024*768, но не следует занимать картинкой всё окно - чем больше изображение, тем медленнее оно грузится). Можно указать и адрес картинки не на своём сайте, если собственный переполнен (я зачастую так делаю - сделал спецсайт для фотографий).

Интересным способом можно поставить картинку на фоне - небольшая картинка, если она будет поставлена фоном, по умолчанию будет размножаться, пока на займёт весь задний план. Это грузится быстро. Примеры - картинка GIF-анимации (взята с http://www.gifcollection.by.ru) на http://rianova.narod.ru/dru/galaxy.html . Описание нужных для этого тегов см. в соответствующих книгах... или просто скопируй код этих страничек и проштудируй его.

Удобства для постчайника

Чайник, который научился языку HTML, уже не совсем чайник. Хотя стоило бы знать ещё и Javascript, css и подобные вещи, но и без этого можно сделать сайт не яркий, но пригодный для информации. И вообще, много разных эффектов отвращают внимание от содержания.

Можно сделать своими руками образ сайта, который нравится (у меня такой - rianova). Можно поступить и иначе: просто взять готовый и переделать. То есть открыть любую понравившуюся страницу и начать редактировать на своём компе - Эксплорер для этого загружает её в Ворд либо в спецредактор, если таковой установлен. Особо оригинальных или известных страниц желательно переделать как можно более - всё же авторское право существует. В любом случае, после сделания одной такой страницы нет нужды делать всё снова для создания похожей. Надо только скопировать код первой, а затем вставить его в новую и внести изменения - скажем, если, как на рианове, дизайн и левая страница ссылок почти одинаковы, то вырезываем только текст с правой и заменяем его сохранённым в виде HTML новым текстом. В народе для этого рядом с каждым файлом есть кнопка с карандашом, которая открывает текст в виде кода HTML. На bravehost обращаемся к Text Editor для того же, однако я не рекомендую это делать на англоязычных серверах. Они русский текст в общем сохраняют, но прочесть потом... просто кириллица сохраняется обычно не в виде букв, а в виде условных символов вроде &#287; (это одна буква), что очень затрудняет правку. Русские тексты, если их предполагается изменять, лучше хранить на русских серверах вроде народа. Затрудняюсь сказать, что он сделает с текстом украинским, не пробовал.

Заключение

The end

Сайт управляется системой uCoz