Свой сайт - это просто!
Пособие для чайников.

Выпуск 49
Часть 2

Предыдущие 48 выпусков вы можете посмотреть в архиве рассылки по адресу http://prostosite.ru/states.shtml. 

А тем временем этот выпуск вместе с вами читают 16 181 человек... :)

Письма читателей

(Ольга Морозова) Сначала письмо Станислава, который, как вы помните, дополняет мои ответы на письма читателей. Правда, дополняет в своей особой, отчасти издевательской, манере. Но не будем на него обижаться, дельное в его комментариях все же перевешивает понты. В общем, передаю слово Станиславу.

Здравствуйте, Ольга Морозова.

1) Письмо от некоего Виталия.

> Не судите строго, учитывая что мы люди военные и как всем кажеться тупоголовые, только с одной извилиной :)

Ну, не судите по себе. :) А сайты посмотрю обязательно.

> (Ольга Морозова) Добавляю ваш сайт в готовящийся раздел "Галерея сайтов". Кто следующий?..

Следующий http://quarta-dimensio.webhost.ru/ :)
(Ольга Морозова) Ок!

2) Письмо от некоей Галины.
> Вы описываете все действия по русифицированой (сомневаюсь в правильности написания этого слова)

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

> программе (мой Windows XP на английском) и многие действия мне не понятны. Что бы Вы дорогая Ольга,
> могли мне порекомендовать, и с чего начать, и вообще получится у меня создать сайт по вашим рассылкам,
> или необходимо искать что-то другое с английской прграммой (не русифоцированой).

Поставьте Muntilingual User Interface Pack, MUI (Пакет Многоязычного Интерфейса Пользователя). Сразу всё станет на русском.

3) Письмо от некоего Виталия Иванова.

> Лично я тоже публикую несколько рассылок, конструируя их с помощью FrontPage.

Клинический случай. Лечение только в стационаре.

> Хочу, чтобы Вы рассказали, каким образом можно достигнуть эффектного дизайна рассылки в рамках средств HTML.

Очень просто: надо изучать HTML. Лучший учебник в рунете, который я нашёл, находится на http://html.manual.ru/.

> Как Вы знаете, службы рассылок просят дополнительные деньги за attach.

Нет, не знаю.

> Я не могу приукрасить свои бесплатные рассылки картинками и другими спецэффектами

А зачем?

> ссылки on-line не спасут ситуацию.

Outlook скачивает картинки из интернета, а нормальные почтовики - нет.

> Я сам получаю много различных рассылок, скачиваю их и читаю в off-line.

Вы ещё скажите, что читаете их через веб-интерфейс.

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

С каких это пор?

> Вообщем, расскажите, какие эффекты доступны без использования attacha.

Идите на http://html.manual.ru/

> Могу ли я, например, сделать заголовок рассылки в виде бегущей строки? Или моргающий цвет?

Только в Outlook. Если The Bat! начнёт тоже это воспроизводить, я немедленно отпишусь от вашей рассылки.

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

Опять. Нет, стационар тут уже не поможет. Медицина бессильна. Лечению не подлежит.

4) Письмо от некоего Дмитрия.

> Так я и не понял, почему активно ведется пропаганда FrontPage?

Наконец-то!!! Хоть кто-то высказался по этому поводу.

> Мой - ksySoft.narod.ru (он для интересующихся математикой).

Обязательно зайду. При чём только здесь приставка soft?

> Хочу написать свой HTML-редактор, который, само собой будет бесплатным

А First Page 2000? Бесплатный. http://evrsoft.com/ 

5) Письмо от некоего Аманбека Тажимишева.

> Не могли бы Вы в рассылке подробно (на примерах) рассказать о SSI?

Цитирую учебник Фукса.

~-= ЦИТАТА =-~

> Что такое SSI? Это особые метки с адресом, позволяющие серверу сливать воедино несколько файлов формата
> .html. Именно поэтому они и называются вставки на стороне сервера - при обращении пользователя к страничке,
> содержащей метки, сервер автоматически на место этих самых меток подставит прописанные в метках файлы.
> Таким образом, необходимость во фреймах отпадает - точно так же храним в одном файле наше меню, точно так же
> любое изменение в этом файле будет отображено сразу на всех страницах нашего сайта.
> Пожалуй, единственный недостаток этой технологии - довольно ощутимая загрузка процессора машины, на которой
> расположен сайт. Но для проектов начального и среднего уровня это еще не проблема, а проекты профессиональные
> используют более изощренные технологии.
> SSI очень удобны и просты в освоении. Несмотря на то, что в них использовано вообще-то много всего (и время,
> и вычисление IP адреса клиента, получение от него данных и т.п.), начинающим все это совершенно бесполезно,
> и я не стану углубляться в дебри - расскажу лишь самое главное, что нужно знать тем, кто хочет делать сайт
> без фреймов. Вот так выглядит SSI вставка в файл, который у нас как бы "основной":
> <!--#include virtual="/файл.htm" -->
> в теге вставки прописываем путь и имя файла, который будем вставлять. Естественно, вам придется этот вставляемый
> файл заранее создать и "обрезать" лишнее. Т.е. обрезаем все "вступительные теги", типа <HTML> <BODY> и т.п. -
> оставляем только голое содержимое, начиная, например, с таблицы, в которой все лежит. Начало файла вложения
> будет <table... ну и т.п. Прописанное туда CSS и прочие теги - все смело удаляем, остаться должен только голый
> контент в таблицах.

~-= КОНЕЦ ЦИТАТЫ =-~

Действительно, очень просто. У меня сайт сначала был сделан на SSI, но потом я перевёл его на PHP. На PHP эти вставки делаются так: <?php include("относительный/путь/к/файлу") ?>

> В инете искал про SSI, но ничего понятного не нашел.

Плохо искали. попробуйте эту ссылку: http://yandex.ru/yandsearch?text=SSI

6) Письмо от некоего Максима.

> Хочу поменять домен (типа www.%%%.ru), а как это сделать не знаю.

Любой уважающий себя хостер должен тебе это разжевать. Не разжевал - ищешь другого. Я бы посоветовал домен в зоне .net.ru, или .com.ru. Не так накладно выйдет, так как за домен второго уровня надо выкладывать по 20 зелёных президентов в год, а для домена третьего уровня не надо.

7) Письмо от некоего Евгения.

> Я хотел бы узнать ваше мнение о верстке веб-страниц при помощи слоев.

И опять-таки цитирую Фукса.

> Итак, что же из себя представляет слой?
> Код слоя:
> <div id="имя слоя" style="xposition:absolute; left:204px; top:143px; width:171px; height:62px; xz-index:2">содержимое
> слоя</div>
> id - это индивидуальное имя слоя, совпадать и повторяться оно не должно!
> style - это вид слоя, то есть способ его отображения. Без этого параметра сам по себе тег div может служить
> лишь способом форматирования вложенного в него текста - без главных особенностей, присущих слоям - таких, как
> расположение поверх чего угодно.
> left - расстояние от левого края: может быть как в пихелях, так и в процентах от общей ширины экрана.
> top - расстояние от верха.
> ну, ширина и высота вам уже известны, их не упоминаю.
> z-index - значение может быть только цифрой. Причем, чем меньше эта цифра, тем выше находится слой по
> отношению к другим слоям. Казалось бы, дизайн, построенный на слоях, намного удобнее и проще, чем дизайн
> на банальных таблицах, но есть нюансы, как положительные, так и отрицательные.
> В числе положительных:
> - удобство для дизайнера - большая свобода и больше эффектов.
> - быстрее загрузка и не ждать закрытия замыкающего тега.
> - удобнее манипулировать их содержимым
> отрицательные стороны:
> - сложно подстраиваться под меняющееся разрешение монитора. И еще сложнее делать такой дизайн гибким -
> чтобы ширина слоя менялась сообразно ширине окна. Это, конечно, можно сделать при помощи весьма громоздкого
> скрипта, но... второе преимущество из списка положительного мы теряем.
> - поисковики... многие последовательности тегов, как ни вопят владельцы поисковых машин - а находятся хуже!
> Вывод - будь проще, и к тебе потянутся.
> Такие вот пирожки-печенюшки..
> Так и останутся слои элементом чисто декоративным и никак не основным. Зато при помощи слоев получаются приятные
> такие менюшки - в примерах скриптов вы сможете найти много таких примочек, пока же мы рассмотрим лишь основные
> параметры слоев, как таковых.
>
> Дополнительные возможные теги:
> background-color: цвет фона
> layer-background-color: цвет слоя
> border: 1px none - если убрать "ноне", то вокруг слоя появится бордюрчик 1 пихель толщиной.
>
> У слоев есть много других тегов, но, как правило, они все предназначены для использования наряду со скриптами,
> поэтому в них мы пока зарываться не будем.

~-= КОНЕЦ ЦИТАТЫ =-~

Могу лишь добавить, что на http://izcity.com/data/raznoe/article474.htm есть статья "Создание универсального выпадающего меню".

И ещё одно письмо, с темой 47, послал, на всякий случай, отдельно.

Это продолжение письма с темой 46.

> Станислав, большое спасибо!

Не за что.

1) Письмо от Сергея.

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

Ты, наверно, работаешь через прокси-сервер. Это такой сервер, работающий между тобой и сервером. Ты запрашиваешь какой-то файл, но отправляется этот запрос не на сервер, где этот файл лежит, а на прокси-сервер. Тот, в свою очередь, отправляет запрос серверу, получает там файл, а потом отдаёт его
тебе, одновременно сохранив в кэше. Вся фишка этих серверов в том, что если кто-то уже запрашивал этот файл, то он не будет запрашивать его где-нибудь в Чили, а выдаст его из своего кэша. Это гораздо быстрее. Попробуй отключить прокси-сервер. MSIE: Сервис \Свойства обозревателя \Подключения
\Настройка \Использовать прокси-сервер... (сбросить галочку). Opera (7x- 8x):
Tools \Quick Preferences \Enable proxy servers (сбросить галочку).

2) Письмо от другого, как я понимаю, Сергея. Если вы хотите сделать действительно хороший сайт, используйте обычный и/или HTML-редактор с подсветкой синтаксиса. Я использую Tigerpad (http://dimonius.ru/dnotepad.html). В комплект поставки входит файл подсветки HTML-кода. Там же можно скачать десятки подсветок для самых разных типов файлов. Рекомендую всем!

Post Scriptum. На моём сайте появился форум. Приглашаю! http://quarta-dimensio.webhost.ru/forum/ 

-- 
Станислав Субботин aka Qd
Администратор http://quarta-dimensio.webhost.ru/ 
"Четвёртое измерение" - физика, химия, математика, техника и прочая, прочая, прочая...

(Ольга Морозова) Письмо от Сергея, который в 47-ом выпуске интересовался, с помощью чего он может создать сайт. И вот к 49 выпуску сайт в первом приближении уже создан.

Здравствуйте, Ольга!
Что-то давненьконе выходила Ваша очередная рассылка. Ну а я за это время время выбрал, наконец, время и состряпал небольшой сайтик и разместил его для начала на народе: www.photojibe.narod.ru . Перед тем как начать, пробежался по знакомым пограммам и пришёл к выводу, что ВЕБ-страницы можно делать почти во всех, не прилагая особых усилий. А в таких монстрах, как Front Page, Dreamweaver с их шаблонами, любой чайник может создать вполне приличный сайт с обширной инфрастуктурой.Грустно, когда рушатся иллюзии. Не скрою, свой сайт я создал методом тыка и меня пока занимает больше дизайн, чем наполнение. А главную страницу сделал в CorelDraw полностью, со всеми ссылками и ролловерами, так,какпользоваться готовыми заготовками мне не интересно. Буду продолжать эксперементировать и с другими программами и по мере приобретения опыта. буду навешивать все прибамбасы, которые имеются в ВЕБ-дизайне . Закачивал на серрвер через FTP в Dreamweaver-е, очень удобная штука. Правда при просмотре на сервере неприятно удивился, что при наведении ролловеры подсвечиваюся спустя время, а не сразу, как на моём ПК. Не подскажете, почему?
С уважением, Сергей.

(Ольга Морозова) Конечно, сайт, сделанный, например, в CorelDraw, выглядит красиво, однако, сайт, состоящий только из графики создает множество затруднений.

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

Многие пользователи, спасаясь от навязчивой графической рекламы, отключают графику во время путешествия по Интернету. То есть графический сайт они вообще не увидят. Но если вы решили сделать исключительно графический сайт - что ж, воля ваша.

Разумеется, вид сайта на вашем компьютере и вид сайта в Интернете будет разный. Если раньше сайт загружался с вашего компьютера, то теперь он загружается с сервера, который находится довольно далеко от вас. Это, в первую очередь влияет на скорость загрузки сайта. Это, насколько я понимаю, вы и имели в виду.

Скорость загрузки также зависит от хостинга, на котором размещен сайт. Например, на многих популярных бесплатных хостингах (это тот же narod.ru) очень много пользователей, поэтому нагрузка на сервер большая и сайт будет загружаться медленнее, чем хотелось бы. К некоторым платным хостингам это тоже применимо.  

Так что, если скорость загрузки сайта вас не устраивает, имеет смысл сменить хостинг.

Ольга, в выпуске 48 был вопрс от Ирины, как установить ярлык (особый) к избранному (если я правильно понял). Нет ничего проще - щелкаем правой кнопкой мыши по избранному, выбираем свойство и далее сменить значек, после чего обзор и какой ярлычек нравится, тот и ставим. Правда может быть я не понял суть вопроса. Тогда I beg your pardon. 
Vyacheslav

(Ольга Морозова) Ваш ответ тоже правильный, но вы рассматриваете вопрос с точки зрения пользователя, а Ирина спрашивала с точки зрения создателя сайта. Суть вопроса заключалась в том, чтобы когда посетители занесли в Избранное сайт Ирины, у них рядом с ее сайтом автоматически появлялась определенная иконка.

Скажите как сделать кнопки "добавить в избранное", "сделать стартовой".
И что вы посоветуете на счет гостевой книги, чата и форума

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

Добавить в избранное:

<a href="#" onClick="window.external.addFavorite('http://www.prostosite.ru/', 'Свой сайт - это просто! Пособие для чайников'); return false;">Добавить в избранное</a>

Сделать стартовой:

<a href="#" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://prostosite.ru/'); return false;">Сделать стартовой</a>

По поводу гостевой книги, форума и чата. Вообще, об этом я очень подробно написала в книге "Создай свой СУПЕР-сайт за 21 день! Просто о сложном. Пособие для чайников". Но сейчас, по договору с издательством, я сама книгу продавать не могу, поэтому остается ждать печатной версии.

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

Если вы не готовы к таким усилиям, создавать гостевую, форум и чат бессмысленно.

Кстати, созданию гостевой книги уже были посвящены два выпуска рассылки: http://prostosite.ru/043.shtml и http://prostosite.ru/044.shtml. 

Памятка для желающих написать мне письмо

И пока не найдете ответ, писать запрещается! :)

Я довольно редко отвечаю лично автору письма по e-mail, но я могу ответить на письмо в рассылке. Для этого письмо должно быть ПО ТЕМЕ! Причем, желательно по теме выпуска. 

Про остальное:

• Я оставляю за собой право опубликовать любую часть вашего письма, если запрета на публикацию нет. Если запрет есть - то и публикации, как вы понимаете, не будет.
• Если вы боитесь "пауков", которые собирают адреса и рассылают спам, символ "@" в вашем e-mail можно заменить на "*", "#" или просто "(собака)"
• Критика принимается и одобряется, но только КОНСТРУКТИВНАЯ критика! "Мне не нравится" - это не довод.
• Письма с вложениями без текста в теле самого письма удаляются без просмотра.
• Я отвечаю на вопросы только по теме рассылки. Если у вас вопрос не по рассылке, его можно задать в раздел "вопросы для продвинутых". Для этого тема письма обязательно должна быть vopros! Если хотите ответить: otvet - (номер вопроса). В противном случае письма с неправильной темой письма не попадут в рассылку!
• Вы можете предложить тему выпуска, которую вы бы хотели видеть в следующем выпуске рассылки
• Если просто хочется написать - пожалуйста, пишите! Я читаю все приходящие письма, но в бессмысленные диалоги не вступаю.
• Я знаю, что рассылку читают не только начинающие, но и довольно-таки опытные "сайтостроители". Я жду ваших писем с рассказом о вашем опыте :)

А на сегодня все. 
Спасибо всем, приславшим свои материалы в рассылку!
Жду вас на сайте рассылки. Удачи!
Автор и ведущая рассылки Ольга Морозова.