Предыдущие выпуски вы можете посмотреть в архиве рассылки по адресу http://prostosite.ru/states.shtml. А тем временем этот выпуск вместе с вами читают 16 519 человек... :)

Сегодня для вас:

- Вступление
- Создаем графическое меню
- Ваши письма
- Новая версия программы Semonitor 3.1
- Рекомендую
- Новые ссылки
- Памятка для желающих написать мне письмо

Вступление

Здравствуйте, уважаемые читатели!

Большое всем СПАСИБО за присланные поздравления!

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

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

Как будет строиться курс? В курсе будет семь уроков с заданиями для самостоятельной работы. Выполнение каждого задания курсанты обсуждают со мной. Курс будет готов к сентябрю. Для курсантов первой группы будет действовать специальная цена - 75% от стоимости курса - 50 у.е.

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

Отклики на прошлый выпуск можно прочитать в разделе "Ваши письма", который находится ниже. А сейчас переходим к основной части выпуска. Недавно я вспомнила, что мы с вами уже как-то давно не работали с программой Adobe Photoshop. Поэтому сегодняшний выпуск посвящен созданию графического меню.

Создаем графическое меню

Внимание! Выпуск содержит рисунки, и если вы сейчас не подключены к Интернету, увидеть их вы не сможете. Если какой-то рисунок все равно не отображается, щелкните по нему мышью, он откроется в новом окне.

Сегодняшний урок будет очень простой, однако, в то же время, довольно практичный. Мы будем делать графическое меню в небезызвестной вам программе Adobe Photoshop, с которой мы уже работали в 16, 17, 19, 36 и 37 выпусках (см. архив рассылки).

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

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

Начинаем с создания нового документа. Я заранее рассчитала размеры для своей кнопки меню - 120х36. Если вы еще не знаете, каких размеров будет ваша кнопка, лучше создать новый файл размерами побольше, например, 200(ширина) на 100 (высота). Не имеет большого значения, какой задний фон вы выберите - белый или прозрачный. В своем примере я буду использовать белый фон.

Следующий шаг - заливка созданного файла цветом (рисунок слева). Все очень просто - выбираете нужный цвет с помощью инструмента Пипетка (можно вызвать клавишей I) или при помощи палитры Цвета Окно (Window) | Цвет (Color). Затем выбираете инструмент Заливка (на рисунке на панели инструментов он обозначен на более светлом фоне, его также можно вызвать клавишей G) и щелкаете им в любом месте созданного документа. Результат на рисунке слева.

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

Далее выполняем команду Слой (Layer) | Стиль Слоя (Layer Style) | Фаска и Рельеф (Bevel and Emboss). В открывшемся окне, меняя различные настройки, добейтесь нужного результата. На рисунке ниже показаны выбранные мною настройки и конечный результат.

Вот, в принципе, и все, осталось только написать на кнопке текст. Инструмент для написания текста можно вызвать клавишей T, на панели инструментов он также обозначен буквой T.

Теперь сохраняем созданную кнопку командой Файл (File) | Сохранить для Web (Save for Web). Кнопки для следующих пунктов меню не обязательно создавать заново, достаточно просто изменить текст и сохранить кнопку под другим именем.

Правда, простая кнопка, мне кажется, это не очень интересно. Поэтому давайте сделаем так, чтобы при наведении она... ну, например, изменяла цвет. Изменить цвет кнопки очень просто. Для этого очень удобно использовать инструмент изменения тона и насыщенности изображения, который можно вызвать командой Изображение (Image) | Регулировки (Adjustments) | Тон/Насыщенность (Hue/Saturation). В открывшемся окне, изменяя положения движков, добиваемся желаемого результата. Затем сохраняем измененную кнопку под новым именем.

Теперь в HTML-код вставляем:
<a href="http://prostosite.ru"
onmouseover="document.pm1.src='http://prostosite.ru/tost/knopka2.gif'"
onmouseout="document.pm1.src='http://prostosite.ru/tost/knopka1.gif'">
<img src="http://prostosite.ru/tost/knopka1.gif" name="pm1" alt="Главная" border="0"></a>

Результат на рисунке слева. Полное графическое меню на странице http://prostosite.ru/tost/menu.htm

Выскажитесь по теме выпуска >>>

Ваши письма

(Ольга Морозова) Ну и "немного" писем :))

Начнем с письма Станислава с комментариями на позапрошлый, 49-ый выпуск. 50-ый выпуск Станислав пока оставил без внимания :)

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

> Сегодня я продолжу тему

Давно пора. На своём сайте всё, что можно, я вставил в css. Между прочим, очень неплохой сайт по CSS имеется на http://css.manual.ru/.

> Таблицы стилей записываются между тегами <head> и </head>

Нет. Лучше размещать их в отдельном файле, и подключать с помощбю тега link. У себя на сайте я подключаю их так:

<link rel="stylesheet" href="/main.css" type="text/css" />

Разберу по порядку.

1) Атрибут rel указывает браузеру, что, собственно, мы подключаем. В данном случае это таблица стилей. Следовательно, пишем там stylesheet.

2) Атрибут href указывает файл, который мы будем подключать. Можно указывать относительный путь, или абсолютный. В последнем случае очень удобно ставить перед путём косую черту (slash по английски). Она указывает, что путь указывается от корневой папки. Будьте осторожны, если вы не используете локальный сервер. Объясню на примере. У меня стоит локальный сервер для отладки PHP-скриптов. Я открываю свой сайт на локальном сервере. Браузер думает, что я работаю с удалённым сервером, и при загрузке стилей запрашивает файл http://quarta-dimensio.webhost.ru/main.css. Но если ваш сайт вы проверяете, открывая файл c:\что-то там\index.html, то браузер будет пытаться запросить файл c:\main.css. Однако, вернёмся к нашим баранам. В данном случае мы запрашиваем файл main.css из корневой папки сайта.

3) Атрибут type. Указывает MIME-тип подключаемого файла. Долго объяснять, что это такое - MIME. Этот атрибут обязателен для того, чтобы браузер правильно прочитал файл. В данном случае мы подключаем текстовый (text) файл с синтаксисом CSS (css). Следовательно, пишем: text/css.

4) Косая черта перед закрывающей угловой скобкой. Она необходима для соблюдения синтаксиса XHTML. Что это такое, объяснять долго. Вместо этого я отправлю вас к «вебстуденту»:
http://webstudent.ru/modules/wfsection/article.php?articleid=101.

> Мы будем редактировать следующую страницу:

Пример отвратительный, но работает. Если уж на то пошло, лучше выравнивание текста делать по ширине - легче читать.

> Сначала письмо Станислава, который, как вы помните, дополняет мои ответы на письма читателей. Правда, дополняет в
> своей особой, отчасти издевательской, манере.

Я иначе не могу. :)

А теперь - дополнения. :-)

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

> выбрал, наконец, время и состряпал небольшой сайтик

Можно вопрос? Вы этот сайт делали для чего - потому что у приятеля есть, или потому что вам хочется выложить туда что-то действительно дельное?

> ВЕБ-страницы можно делать почти во всех, не прилагая особых усилий.

Можно, но не нужно. FrontPage XP раздувает код, по меньшей мере, в полтора раза. Впечатляет? А Word - это просто жуть.

> А главную страницу сделал в CorelDraw полностью, со всеми ссылками и ролловерами

И это размещается на народе?! Ну, знаете... Сайт компании LightTek (http://lighttek.com/rus/), той, которая делает Talisman (оболочка, заменяющая стандартный explorer.exe, возможностей больше раз в десять, при в меньшем размере), это ещё понятно, у них хостинг платный и канал широкий. Да и то, центральная часть текстовая. А народ - он перегружен сверх всякой меры.

> Правда при просмотре на сервере неприятно удивился, что при наведении ролловеры подсвечиваюся спустя время, а не сразу, как на моём ПК.

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

> Многие пользователи, спасаясь от навязчивой графической рекламы, отключают графику во время путешествия по Интернету

Ну, для этого есть Proxomitron (http://proxomitron.ru/). Невинные картинки остаются, а баннеры (и flash тоже!) заменяются ссылкой в виде альтернативного текста. Или AdSubtract (http://intermute.com/, http://adsubtract.com/). Есть и другие, но я их не пробовал. Это AdsCleaner, iNet Advisor, AdKiller, AdsGone, AdsNoMore, FilterGate, AdMuncher и прочие. К тому же весьма неплохие баннерорезалки, как правило, встронены в брандмауэры (Outpost - http://agnitum.com/ru/, Norton Internet Security (бывший @Guard, купленный компанией symantec вместе с потрохами - http://symantec.com/region/ru/).

2) Письмо от некоего Вячеслава, именующего себя в транслитерации.

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

Вот именно, вы не поняли суть вопроса. Вопрос был такой:

> Как можно напротив адреса www, сделать иконку в виде своего логотипа

Напротив АДРЕСА! И потом, чтобы в закладках он появлялся АВТОМАТИЧЕСКИ! Неужели вы думаете, что какой-нибудь пользователь будет восторженно, с пеной у рта, искать на своём компьютере значок, и поставить его для этого ярлыка, чтобы... Да, кстати. Раз упоминаются ярлыки, значит, вы пользуетесь недомерком под громким названием Internet Explorer? Больше вопросов не имею (© Остап Бендер).

3) Письмо без подписи.

> Скажите как сделать кнопки "добавить в избранное", "сделать стартовой".

Я не стал добавлять их на сайт. Всё равно их поддерживает только упомянутый недомерок. Нормальные браузеры дают пользователю сделать это самому. Если сайт хорош, его необходимо внести в закладки. Но представьте себе ситуацию. Вы приходите на внешне благополучный сайт, а потом находите в закладках (извиняюсь, избранном, ведь microsoft любит делать всё не как у нормальных людей) кучу «клубничных» сайтов. Оно вам надо? А сделать такой скрипт - дело техники.

> И что вы посоветуете на счет гостевой книги, чата и форума

Если сайт претендует на звание хотя бы «среднего», ему необходим форум. Посетители смогут высказаться насчёт каких-то вопросов, спросить о чём-нибудь и получить ответы. И сами могут отвечать на вопросы. Если ввести тему «обсуждение сайта (вариант: сайтов)», то автоматически становится ненужна гостевая книга. А чат может понадобиться только крупному сайту.
Да и зачем он вообще? Через минуту ваши слова будут удалены. А в форуме они будут столько, сколько будет работать сам форум. В некоторых движках уже есть встроенный форум, но хорошие движки, как правило, требуют для работы интерпретатор PHP (http://php.net/) и базу данных MySQL (http://mysql.com/). Кстати, форум на «Четвёртом измерении» теперь располагается тут: http://quarta-dimensio.webhost.ru/forum.php.

--
Станислав Субботин aka Qd aka Quarta-Dimensio
mailto:quarta-dimensio@mail.ru
ICQ: 286805765 (mailto:286805765@pager.mirabilis.com)
Администратор http://quarta-dimensio.webhost.ru/
"Четвёртое измерение" - физика, химия, математика, техника и прочая, прочая, прочая...

(Ольга Морозова) Отношение Станислава к компании Microsoft и браузеру Internet Explorer мне кажется довольно-таки предвзятым, но его комментарии все еще остаются очень полезными. Так что Станислав, спасибо!

Далее публикую развернутый ответ на один из вопросов 50-го выпуска Василия aka Дяди Васи. Вообще, по поводу 50-го выпуска Василий мне прислал такое письмо (цитирую в сокращении):

<...> Ну а теперь немного суровой прозы. Прежде всего, позвольте объяснить, чем вызвана такая задержка с поздравлениями. Как ни странно, отнюдь не человеческим фактором :-) По причинам, которые остаются для меня самого тайной, я не получил 50-ый выпуск рассылки. О его существовании я узнал лишь два дня назад; узнал почти случайно (из переписки с тем самым Виктором, письмо которого Вы мне пересылали). Вот такие порой случаются забавные совпадения: один из самых интересных для меня выпусков рассылки долгое время оставался вне поля моего внимания.

Полагаю, мне следует как-то прокомментировать Ваш анализ моего письма. Но я воздержусь. Чувствую себя почти как Остап Бендер после публикации в газете заметки о том, что он попал под лошадь и отделался лёгким испугом :-) Я не психолог, Ольга, затевать психоаналитическое обсуждение не хочу, поэтому ограничусь тем, что мягко и неаргументировано отведу Ваш "упрёк" относительно стыда и недостатка самоуверенности.
:-)

Давайте, будем просто делать то, что нам нравиться, и стараться, чтобы это приносило нам максимальную пользу!

Василий (aka Дядя Вася)

Вот так все коротко и ясно :) А теперь тот самый развернутый ответ на один из вопросов 50-го выпуска:

Приветствую, Ольга!

Я решил дать развёрнутый ответ на один из вопросов 50-го выпуска рассылки.
<ЦИТАТА>
Как лучше сделать, поместить все каскадные таблицы в один файл или создать несколько файлов?
</ЦИТАТА>

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

* * *

Итак, начинаю.
CSS -- это добро. Я стараюсь использовать его всегда вместо встроенных средств оформления HTML. Например, я вообще не пользуюсь елементами <I>, <B>, <FONT>, <CENTER> и т .п. Не пользуюсь атрибутами, влияющими на оформление: COLOR, WIDTH и т .п. Избегаю всего этого, даже если в результате увеличивается размер кода. Потому что предвижу: рано или поздно я захочу изменить внешний вид всех страниц: выделять текст не курсивом, а цветом, например. И тогда станет понятно, что исправить В ОДНОМ месте описание стиля проще, чем заменять В НЕСКОЛЬКИХ местах теги <I> тегами <FONT>.

* * *

Все сомнения вида "внедрять CSS-стили непосредственно в текст HTML-документа или выносить их описания в отдельный файл" решаются мною в пользу отдельного файла. И лишь в исключительных случаях допускается использование тега <STYLE>.

Благодаря этому ВСЯ ИНФОРМАЦИЯ ОБ ОФОРМЛЕНИИ ОТДЕЛЯЕТСЯ ОТ СОДЕРЖАТЕЛЬНОЙ ЧАСТИ. Отделяется и обособляется в виде отдельного файла, пригодного для повторного использования. Это очень важный принцип -- принцип разделения собственно информации и методов её представления. В идеальном случае HTML-документ должен отвечать на вопрос "Что?", а CSS-стиль — на вопрос "Как?".

Пример.
HTML говорит: документ называется "Инструкция к пылесосу". Документ содержит четыре раздела: Описание, Использование, Технические характеристики, Гарантийные обязательства. В разделе таком-то написано то-то.

CSS говорит: документ является текстовым документом, предназначенном для отображения на дисплее компьютера. Цвет текста -- чёрный, цвет фона -- белый. Текст выравнивается по ширине. Заголовки разделов отображаются шрифтом увеличенного кегля и выравниваются по центру. Особо важные фрагменты текста выделяются красным цветом. Названия торговых марок выделяются курсивом. Таблицы в разделе "Технические характеристики" имеют сплошные тонкие границы, текст в этих таблицах отображается шрифтом уменьшенного кегля.

Другой (альтернативный) CSS-стиль для того же HTML-документа может говорить: документ является текстовым документом, предназначенным для печати на принтере. Документ следует отображать так же, как и в первом случае, но каждый раздел должен начинаться с новой страницы. Особо важные фрагменты текста выделяются полужирным шрифтом, а не красным цветом, как это сделано при выводе на экран.

Выгоды ощутимы! Заменив в документе только ссылку на CSS-стиль, можно оптимизировать его внешний вид либо для просмотра на дисплее, либо для печати на принтере. Удобно, не правда ли?
А если дойти до высшего пилотажа, то и ссылку менять не придётся... ;-)

* * *

Теперь подумаем, что произойдёт, если через полгода я захочу добавить ещё одну страницу: "Инструкция к холодильнику"? Очевидно, я создам ещё один HTML-документ, который будет отвечать только на вопрос "Что?". И пропишу в нём ссылку на тот самый CSS-стиль, который уже содержит готовые ответы на вопрос "Как?".

Возможно, здесь выгоды от использования вынесенного во внешний файл CSS ещё не совсем очевидны: ведь можно тег <STYLE> скопировать из существующего документа в новый... и получим то же самое. То же да не это же! Во-первых, ссылка на внешний CSS-файл очень компактна, и её использование позволяет в большинстве случаев существенно уменьшить размер HTML-документа. А во-вторых...

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

А если инструкций будет не 5, а 50? И к ним ещё 50 гарантийных талонов? И всё это нужно привести к внешнему виду, удовлетворяющему требованиям свежепринятого ГОСТа? Тут уже появится повод в пояс поклониться тому, кто с самого начала решил вынести CSS во внешний файл!

Конечно, пока у меня всего одна инструкция, я могу обо всём этом даже не задумываться. И может статься, что повода задуматься на эту тему не появится вообще никогда. Но... жизнь длинная, откуда мне знать, что будет через полгода? А вынести CSS в отдельный файл можно уже сейчас, это ведь несложно.

* * *

Замечу также, что HTML документ может ссылаться сразу на несколько CSS-файлов. Один из них может отвечать за отображение таблиц, второй -- за отображение меню, третий -- ещё за что-то. Для больших сайтов такое разбиение на блоки бывает очень удобным: оно позволяет структурировать информацию об оформлении, упрощает работу с ней для нас самих. Возможно, именно в этом заключался вопрос из приведённой в начале письма цитаты?

Если вопрос действительно в этом, то мой совет таков: делайте таким образом, чтобы...
- Вам было удобно редактировать описания стилей;
- суммарный объём всех файлов сайта был минимальным.
Если эти требования начинают противоречить друг другу, решайте сами, что для вас важнее :-) Сам я для себя универсального шаблона расстановки приоритетов пока не нашёл, каждый случай приходится рассматривать творчески.

* * *

И ещё одно важное свойство CSS, которое редко используется. Директива @import позволяет из одного CSS-файла ссылаться на другой CSS-файл. Благодаря этому становится возможным комбинировать преимущества двух подходов: 1) разбивать описания стилей на блоки и хранить каждый блок в отдельном файле; 2) ссылаться из HTML-документа только на один CSS-файл, не задумываясь о назначении различных блоков. Порой это очень удобно, и сам я стараюсь не пренебрегать этой возможностью. Если будет интересно, могу изложить свои религиозные мысли и на эту тему. :-)

С уважением,
Василий (aka Дядя Вася)

P.S. Ольга, если Вы захотите использовать текст этого письма в рассылке, знайте: Вы можете цитировать его полностью, но Вы не обязаны это делать! Возьмите то, что Вам понравится, дополните своими комментариями и/или пояснениями для читателей (чтобы поправить мои ошибки/заблуждения или уточнить непонятные места, например). Безжалостно откажитесь от того, что сочтёте бесполезным или вредным. Помните: Вы преподаватель, и Вашей первичной целью, думаю, является качественное преподнесение качественного материала. Не стесняйтесь повышать качество! ;-)

(Ольга Морозова) Я процитировала письмо полностью, так как все изложено очень понятно, мне даже не пришлось ничего комментировать. Василий это очень хорошее дополнение к теме о CSS, спасибо!

Далее отзыв на 50-ый выпуск с темой "бессмысленный монолог", которая говорит сама за себя :)

День добрый. Буду краток.
Уже две недели переделываю дизайн своего будущего сайта. Слишком
самокритичен. Изучаю HTML посредством что надо, то и прочту.
Обламывает то, что не понимаешь все возможности языка и того, что
поддерживает халявный хостинг. А я и не знал, что вам нравится письма
от читателей получать. Историй о том с чем мне пришлось столкнутся и
как я это разрешил, очень много. Я на рассылки "хором" подписался. Мне
интересно узнавать то, что можно сделать с помощью стандартных
средств, а вот как, то здесь интересней самому попытаться.
Желаю удачи.

(Ольга Морозова) Да, мне на самом деле нравится получать письма от читателей (посмотрите, какая я становлюсь радостная после того, как прочитаю почту - http://prostosite.ru/foto5.shtml :)). Однако, письма "просто так" я, если честно, не очень люблю. Я и в реальной жизни очень редко общаюсь "просто так". Так что, уважаемые читатели, перед написанием мне письма, пожалуйста, ответьте себе на вопрос - "зачем?". "Зачем я пишу это письмо, какая у меня цель? И есть ли она?". Если цель найдете, пишите на здоровье. А я это с удовольствием прочитаю :)

Далее два письма от товарища Cadaverillo.

Здрасте! Я начинающий программист. Сейчас знакомлюсь с HTML и asp.net. В последней рассылке Вы предлагали сообщить адрес своего сайта. ТАК ЭТО Ж ИМЕННО ТО, ЧТО МНЕ И НАДО! Я месяц почти переписывался c mail.ru, чтоб они добавили в каталог мой предидущий сайт, но он им показался скудным ресурсом. С тех пор я приобрёл новые знания и сделал уже второй сайт. Но сейчас он не работает(не получается отослать почту с паролем), поэтому ссылку на него не оставляйте пока в рассылке. Если Вы не против, то я Вам сообщу, когда он заработает и Вы сделаете мне огромную услугу, если расскажете 16000 аудитории про мой форум.

Здрасте ещё раз!
Я Вам уже писал, но теперь возникли вопросы по содержанию рассылки:
1. Вы советуете какие-то программы для пересылки сайтов на сервер - так это ж можно сделать при помощи ИЕ по протоколу фетепе? Чё вы мучаете людей какими-то программами?
2. У Вас проскакивает в рассылке упоминание такой среды программирования, как фронтпейж. Сам я сайты делаю на вижуал студио и при щелчке двойном на кнопке, например, могу написать на це-решётка или бейсике предурковатом чё делать. А можно ли что-либо подобное сделать в фронтпейдж? У меня так и не получилось. Возникло опасение, что кнопки, списки и флажки там существуют только для красоты. И у Вас там фронтпейдж названа монстром - та какой это монстр? -это допотопная программа, сейчас существуют новые технологии типа .net, облегчающие создание сайта. Посоветуйте хоть Василию, например, Visual Studio.Net, раз он всю документацию к ехтеэмел прочитал, то и студию, думаю, освоит и порадуется, что сайт можно делать не 2 года, а 2 недели.
Пока!

Приглашаю посетить мой сайт
http://Cadaverillo.russia.webmatrixhosting.net

(Ольга Морозова) Я просила прислать ссылки на свои сайты не для того, чтобы рекламировать их в рассылке (эта услуга, знаете ли, у меня вообще платная). Мне было интересно, сколько человек не просто создали сайт, а создали его с помощью данной рассылки. И я никак не ожидала, что мне придет так много писем типа "Привет. Я создал сайт такой-то. Ну пока!". Да, это безусловно интересно, что вы создали сайт. И я за вас безмерно рада. Но опять же, смысл?

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

Возвращусь к письмам товарища Cadaverillo а точнее, ко второму из них. Вы спрашиваете, зачем для пересылки файлов на сервер использовать какие-то специальные программы. Не спорю, описанный вами способ тоже возможно использовать. Но он, увы, не совершенен и значительно проигрывает по сравнению со специальными программами типа CuteFTP, SmartFTP и пр. по количеству разнообразных функций и настроек. Лично я в самом начале пользовалась именно встроенным в Windows FTP-менеджером, однако, очень скоро он стал выдавать разнообразные ошибки "ни к месту". Поэтому я перешла на специальные программы по пересылке файлов на сервер и ничуть об этом не жалею.

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

Следующий отзыв на последний выпуск.

Здравствуйте, Ольга!
А 50-й выпуск о чем вообще-то.....?
Если у вас темы закончились, пишите о раскрутке сайта. Этой темы вы еще не затронули.
Если хотите, вышлю хороший учебник, будет о чем писать, но.... небольшую текстовую ссылочку на мой сайт вы разместите у себя на главной сроком на 3 месяца. Согласны?
С уважением, Beardedwolf.
mailto: beardedwolf@mail.ru
URL: http://samstroy.narod.ru
SAMSTROY - строим сайт сами!

(Ольга Морозова) Beardedwolf, очень жаль, что вы не поняли, о чем был 50-ый выпуск. Я бы посоветовала вам особенно обратить внимание на его последнюю часть, где я писала про неприятие себя и своего настоящего имени. Правда, в своей рассылке вы подписываетесь именем и фамилией, а письма почему-то под псевдонимом пишите. Очень странно :).

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

Здравствуйте, Ольга!

Меня зовут Виктор. Я занимаюсь веб-дизайном и поддержкой сайтов.

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

Позвольте мне рассказать свою историю и поделиться своим опытом. Думаю, начинающим дизайнерам будет интересно, а может даже и вдохновит.

Хочу сразу сделать пометку - я не считаю себя проффи. Сайты даются мне так быстро и легко как хотелось бы:) Но постепенно к этому почётному званию я всё-таки двигаюсь.

Я всегда был творческим человеком и веб-дизайн меня заинтересовал сразу же как я только об этом услышал. Для меня это стало ещё одной возможностью самовыражаться и создавать. Сайтами интересуюсь практически с 97 года, но свой первый сайт я сделал только в 2003. Это был сайт с моими фотографиями (я увлекаюсь фото, долгое время работал фотографом в одном издании). Сайт лежал на бесплатном хостинге. Дизайн был сделан мною только наполовину, остальное - готовый шаблон. Сайт не пользовался популярностью. Но тогда меня это вполне устраивало. Главное, что был свой настоящий сайт. А зачем, почему....это всё было неважно:) Сайт делал во Frontpage.

И наконец, наглядевшись на другие более профессиональные сайты, я всерьёз задумался над созданием уже более серьёзного сайта. Моя задача была сделать удобную галерею фотографий, свою гостевую, рассылку и обязательно свой домен. Всё было впервые. Регистрация домена вообще казалась какой-то сложной процедурой. Я уж не говорю о вёрстке и разработке дизайна сайта. Проблема была только в отсутствии информации. Покопавшись по форумам, расспросив знакомых дизайнеров я узнал, как регистрировать домен/заказывать хостинг, узнал, что дизайн сайта можно делать в Фотошопе, а верстать (собирать во кусочкам) сайт можно в любом редакторе, в том же FrontPage. Начал рисовать дизайн резать его на кусочки в Фотошопе, и уже потом собирать в редакторе. Заказал хостинг, домен. Последнее, что оставалось, это разобраться с тем, как работают гостевая и рассылка. Но тут всё оказалось проще, чем я тогда думал. В интернете оказалось огромное количество бесплатных скриптов. Ко многим скриптам прилагается инструкция как ими пользоваться. Скачав самые подходящие, оставлась только вставить их на свой сайт - вставить в дизайн. Вот тут-то и прищлось посидеть больше всего. Обычным редактором тут не обойтись и единственным выходом было разобраться и начать редактировать html. Несколько бессонных ночей и своя первая гостевая с рассылкой готовы!:) Так я сделал свой первый более или менее серьёзный сайт. Сайт стал пользоваться популярностью. Посетители есть всегда т.к. темой фотографии интересуются многие.

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

С тех пор прошло около года. Методом тыка/проб/ошибок я стал его понимать html, научился делать более сложную вёрстку сайтов, изучил CSS, использовать Javascript и php(популярный язык программирования на которых делают скрипты), работать с сервером. Дизайн делаю только в Фотошопе (в свой время я ходил на курсы, мне это здорово помогло), но планируюхочу также использовать и Корел.

В результате, за это время, я сделал 8 сайтов, 5 из них на заказ. Первых клиентов нашёл через знакомых. Кроме того, сейчас поддерживаю 3 сайта (на абонентском обслуживании). Деятельность обеспечивает мне неплохой дополнительный доход. С каждым заказом качество постоянно растёт и в очередной раз узнаю/изучаю что-то новое. После первого коммерческого заказа принял тут же решение создать виртуальную студию, которая сейчас благополучно развивается и растёт:) начинаю конкурировать с местными студиями.

Очень надеюсь, что моё письмо вдохновит начинающих. Научиться делать сайты может каждый. Самое главное делать, иметь желание, и обладать хоть небольшим чувством вкуса:). А по мере того как вы будете создавать свой сайт, будут возникать новые вопросы и задачи. Решив их, вы продвигаетесь дальше. Так происходит сейчас у меня.

Успехов!

/виктор/
Мой сайт: www.vbdesign.ru

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

Здравствуйте, Ольга ?
Что нам дает неуверенность в себе? Она дает нам
тысячи не созданных сайтов и сотни не опубликованных писем.
Да нет,просто у начинающих(чайников-это я о себе),время на создания сайта
уходит много.Создал загрузил на хост,погядел и ... уже не нравиться
хочется чего большего. Всё приходит с повышеннием знаний автора сайта.
Первая попытка создать чтолибо,это доказательство самому
себе,польщения своего самолюбия.Сам я только изучаю web-дизайн,
html,ssi.Во многих рассылках начинающему советуют поставить у себя
вебсервер Apache и языка PHP.Хотелось узнать ваше мнение?
Ответ Вадиму Поставь FAR,TC,
NAMO6-кстате визуальный HTML,с подержкой и проверкой кода Ява
приложений.
Теперь о грусном к сожелению, в ваша рассылка ответы на письма, и нет
продвижения к новым языкам и методам вёрстки сайтов.Начинающему (типа
меня) проще скачать её архив, а потом учиться, читая рассылку и
ожидая чегото нового.

-- С уважением, Kostia

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

Если вы пишите письмо для себя, то его, конечно же, можно написать как угодно. Но если вы хотите, чтобы его кто-то прочитал, и, что еще лучше, ПОНЯЛ, после запятой и точки для улучшения восприятия текста хорошо бы ставить пробелы. Если у вас не врожденная грамотность, проверять правильность написанного можно в том же Word'e. Это затрачивает не так много времени, зато текст читать намного приятнее.

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

Вебсервер Apache на начальном этапе, я считаю, устанавливать не имеет смысла. Сначала нужно изучить основы, те же HTML и CSS, а потом уже переходить к более сложным технологиям.

Здравствуйте, Оля!
К сожалению, не смог подобрать другой темы, "Thank to you!" самая
подходящая. Вы, судя по всему, очень щепетильно к этому относитесь. Не
просто сортировать кучу писем, я Вас понимаю. Я уже несколько раз
обращался к Вам по e-mail. Вы реально решили несколько моих проблем.
Читаю Вашу рассылку с некоторым опозданием, поздно подписался. Скачал
весь Ваш портал с помощью очень удобной программы, так называемого
"Интернет - пылесоса" - "Teleport". Из всех выпусков лично для меня
оказался наиболее полезен выпуск, повествующий о МЕТА-тегах и выпуск о
создании баннеров с помощью "Adobe ImageReady". Накануне я долго
мучился, пытаясь получить анимационный .gif файл. После прочтения
Вашей информации сделал анимированный баннер за пять минут. Я сейчас
много экспериментирую на базе созданного мной рекламного сайта,
включающего рецензии и ссылки по теме различных партнерских программ,
участником которых я являюсь. О всех подробностях говорить не буду, не
время. Просто хочу выразить свою благодарность.
Еще раз, огромное спасибо!
С уважением, Виталий.

(Ольга Морозова) Замечательно, когда человек извлекает из прочитанного пользу, не так ли? Советую и вам, уважаемые читатели, последовать примеру Виталия! :)

Очередной отзыв на 50-ый выпуск:

Здравствуйте, Ольга!

Прочитав юлилейный выпуск вашей рассылки, у меня неожиданно появилось
желание Вам написать. Не знаю даже с чем это связано, но считаю это
своеобразным достижением со своей стороны. Ко времени, когда я получил
2 выпуск рассылки у меня в голове уже твердо сформировалось стремление
сделать свой сайт. И вот 50-й выпуск и можно сказать, что сайт есть и
довольно стабильно функционирует...

Правда хочу заметить, что сайтостроение я постигал не по вашим урокам. Я даже FrontPage в глаза
никогда не видел, но много о нем слышал :). Но это не значит, что ваши статьи абсолютно бесполезны, нет, даже напротив. Мое самообразование несколько напоминает историю дяди Васи (или Василия), с тем лишь
отличием, что по образованию я несколько далек от компьютеров вообще, не говоря уже о web-дизайне, и кодером я наверное считаться не могу, хотя умею управляться с HTML и css - просто предпочитаю визуальный
режим работы, это удобнее, быстрее, а код подправить никогда не поздно. Но пишу я вобщем то не затем, чтобы поделиться как я "рос" - такой путь наверняка может считаться "классическим" у всех самоучек, и
уж не затем, чтобы сказать, что сайт может сделать абсолютно любой человек (при наличии желания естесственно).

Вы в 50 номере рассылки писали, точнее укоряли, что люди боятся выставить на всеобщее
обозрение и критику свои творения. Конечно, это ведь очень страшно. Представляете, тратишь лучшие мгновения жизни, растишь, воспитываешь, лелеешь свое детище (извините за сентиментализм), и тут выскакивает некто, не понятно откуда и несколькими фразами убивает в тебе то,
из-за чего вобщем-то и возникло желание сделать сайт (так сказать в самый корень). Но видимо, рано или позно наступает такой момент (может появляется нечто вроде психологической зрелости), когда критика,
пускай даже самая жесткая (даже с нецензурными выражениями), идет на пользу. Вот я кажется и перешел этот рубеж. Есть желание услышать все что люди думают по поводу моего творения, которое находится по адресу www.artgallery.kirov.ru. Правда я не представляю техническую сторону такого процесса, но думаю, если вы сами предлагаете, то знаете, что делать.

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

P.S. Уж совсем не могу не обратить свое внимание, на то что день рождения замечательный праздник, и всегда приятно получать поздравления, даже если они задерживаются на порядочный срок. С Днем
Рождения (наступившим)! Чмок!:).

--
С уважением,
Ilya Smirnov

(Ольга Морозова) Спасибо за поздравления! По поводу предложения подумаем. Если есть мысли на этот счет, пишите!

Добрый день, Ольга!
Не могу оторваться от Вашей рассылки. Я себя чувствую таким уютным московским чайником-м-м, с цветочками. Известно, что больше всего любят (и таки умеют!) пить чай москвичи. Вкусно! Из больших кружек!
Спасибо за Ваш труд. Песталоцци и Сухомлинский (в компьютерном мире) гордились бы такой рассылкой).
Такой стиль изложения напоминает любимую книгу детства "Рассказы о вещах" М. Ильина (а Вы, случайно, не родственница Самуила Маршака? ). Она написана в незапамятные времена, многие технологии изменились кардинально, но все равно читается с удовольствием.
Елена Тихонова.

(Ольга Морозова) Не родственница ли я Самуила Маршака? Ну, если учесть, что все люди братья и в седьмом поколении все друг другу родственники :) Спасибо за добрые слова!

Здравствуйте Ольга!

Узнала о вашем сайте в прошлом году, но написать решила только после
вашей юбилейной последней рассылки. Уж очень она располагает к
откровенности и публичному демонстрированию своих творений (в отличии
от памятки тем, кто собирается написать вам письмо - немного
отталкивает ваше "Но перед тем, как сделать это, спросите себя
"Зачем?"" (это так, к слову :)

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

Планирую всё же дочитать все ваши статьи по сайтостроению и качественно
улучшить свой сайт.

Сергеева Елена. mailto:sergeevaelena@mail.ru
http://moi-zametki1.narod.ru/

P.S. Письмо можно публиковать, а можно и не публиковать :)

(Ольга Морозова) Елена, спасибо за письмо, очень за вас рада :))

Здравствуйте Ольга !
Благодаря Вам, не смотря на то , что Вы так молоды и красавица, я начал изучать сайтостроение.
В результате создал подобие сайта во FrontPage - http://vkuteynikov.narod.ru а потом в порядке альтернатвы - в DreamWeaver - http://rv6lua.narod.ru в результате понял, какая это лажа, я имею ввиду мои сайты. Что в одной, то и в другой программе грузятся очень долго. И что делать я не представляю. Преимуществ одной программы над другой не наблюдаю. Может это я такой тупой, не знаю. Может кто-либо даст дельный совет чайнику, буду очень признателен.
С совершенным почтением :
Вячеслав Кутейников

(Ольга Морозова) Ну что, может, даст кто-либо совет чайнику? Хотя и так заранее известно, что напишут уважаемые гуру "Удаляй FrontPage и Dreamweaver, изучай HTML". А если серьезно, то для ускорения загрузки сайта HTML-код действительно нужно будет оптимизировать. Например, на первом вашем сайте вы использовали темы FP. Поэтому на странице много тегов типа  и . Один символ - один байт, а в Интернете каждый байт на счету. Чтобы не удалять каждый тег вручную (особенно когда один и тот же тег часто повторяется), можно просто открыть страницу в обычном Блокноте и выбрать Правка | Заменить. В первое поле "что" вводите то, что хотите заменить, а второе "чем" оставляете пустым. Затем нажимаете кнопку "Заменить все". Ту же операцию проделайте с остальными часто повторяемыми тегами, которые заведомо лишние (чтобы знать, какие именно теги лишние, а какие нет, основы HTML знать все же нужно). Это отнимает не очень много времени, зато значительно сокращает HTML-код страницы :).

На первом вашем сайте использование таблиц неоправданно. Обычным форматированием можно добиться гораздо лучшего результата. Например, можно задать рисункам выравнивание по правому или левому краю, как сделано в основной части сегодняшнего выпуска, тогда текст будет плавно эти рисунки "обтекать". А таблицы "утяжеляют" страницу. Не забывайте также про CSS!

Новая версия программы Semonitor 3.1

Вышла в свет новая версия программы Semonitor 3.1. Основным изменением этой версии стал новый отчет, позволяющий отслеживать визиты поисковых роботов, доступный теперь в модуле Лог-анализатор.
Как известно, прежде чем сайт попадет в выдачу поисковой системы он должен быть проиндексирован и добавлен в базу данных поисковой машины. Поисковые роботы, или пауки - специальные агенты поисковых систем, которые производят поиск и добавление новых страниц в индекс, а также обновляют информацию об уже известных поисковой системе страницах.
Анализ посещений роботов поисковых систем позволяет наглядно проследить процесс индексации сайта.
Сайт программы находится по адресу www.semonitor.ru а скачать ее можно по прямой ссылке www.semonitor.ru/semonitor-rus.exe

"Свой сайт - это просто! Создание, продвижение, SEO"

Статистика

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

Вступление

Создаем графическое меню

Ваши письма

Новая версия программы Semonitor 3.1

Рекомендую

САМОИСЦЕЛИТЬСЯ от любого недомогания Души и Тела, ЭТО возможно? В Школе своего Здоровья И невозможное ВОЗМОЖНО!!!
Школа своего Здоровья

Новые ссылки

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

"Свой сайт - это просто! Создание, продвижение, SEO"

Статистика

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

Вступление

Создаем графическое меню

Ваши письма

Новая версия программы Semonitor 3.1

Рекомендую

САМОИСЦЕЛИТЬСЯ от любого недомогания Души и Тела, ЭТО возможно? В Школе своего Здоровья И невозможное ВОЗМОЖНО!!! Школа своего Здоровья

Новые ссылки

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

САМОИСЦЕЛИТЬСЯ от любого недомогания Души и Тела, ЭТО возможно? В Школе своего Здоровья И невозможное ВОЗМОЖНО!!!
Школа своего Здоровья