САЙТОПРОИЗВОДСТВО ДЛЯ ЧАЙНИКОВ
Назад |
Сайтопроизводство для чайников Вариантов, как создавать сайт, на свете множество - всех не описать. Но бытие определяет житие, и если я - и ты сам - будем знать твои возможности и намерения, это даст найти самый подходящий путь. Во-первых, надо разобраться, для чего данный сайт будет предназначен. Сайты высшего порядка от крупных организаций исключаем - этим должны заниматься профессионалы. Оставшиеся варианты: сайт для мелкой фирмы, которой просто хочется обозначить себя, чтобы было куда ссылаться для наглядной информации; крупный личный сайт, либо специализированный по теме типа этого 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> Текст, как мы видим, пишется по-обычному, а информация для браузера, как этот текст отображать - коды, или теги, - в треугольных скобках. Наверху (<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 - налево ссылки с одним цветом фона, направо сам текст с иными цветами,- надо рисовать таблицу с двумя ячейками. Левая узкая, правая широкая. Тэги на этот счёт сложные, но нужные. Впрочем, это ещё что, когда в таблице много ячеек - это только читать код закачаешься. Конечно, таблицу можно и в Ворде сделать, только потом надо будет фон и широту от руки исправить. Картинки Сайта без картинок в наши дни не бывает. Их можно хранить на сайте и в нужном месте указать тегами: вставить картнку, хранящуюсю там-то. Можно изменять её размер, задав его в пикселях (большинство мониторов поставлены на размеры 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 для того же, однако я не рекомендую это делать на англоязычных серверах. Они русский текст в общем сохраняют, но прочесть потом... просто кириллица сохраняется обычно не в виде букв, а в виде условных символов вроде ğ (это одна буква), что очень затрудняет правку. Русские тексты, если их предполагается изменять, лучше хранить на русских серверах вроде народа. Затрудняюсь сказать, что он сделает с текстом украинским, не пробовал. Заключение The end |