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

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

Сайт рассылки: www.ProstoSite.ru. 

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

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

- Вступление
- Ваши письма
- Вопросы для продвинутых
- Рекомендую
- Памятка

Вступление

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

Недавно один из читателей рассылки, Владимир, предложил новый способ оформления курса "Создай свой СУПЕРСАЙТ вместе с Ольгой Морозовой". Пользоваться материалом теперь стало намного удобнее.

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

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

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

Часто приходят письма, где авторы высказывают сомнение, смогут ли они освоить программу курса, если они в сайтостроениии полнейшие "чайники"? Отвечаю: СМОЖЕТЕ!

А условия для успешного прохождения курса самые простые. Если вы имеете доступ к Интернету, умеете работать с электронной почтой (например, умеете сохранять вложения к письму) и владеете элементарными навыками работы на компьютере (например, знаете, как создать новую папку), то К НАЧАЛУ КУРСА ВЫ ГОТОВЫ!

Если вы все еще сомневаетесь, предлагаю вам ознакомиться с бесплатной демо-версией первого урока курса. Ее можно скачать по прямой ссылке http://prostosite.ru/lesson01demo.exe. Выполните вступительное домашнее задание. Оно совсем не сложное.

Пробуйте свои силы. Остальные задания будут примерно такого же уровня, здесь бояться нечего. Итак, приступайте к вступительному домашнему заданию, а результат присылайте мне. Уверена, у вас все получится! До встречи на курсе :)

Ваши письма

(Ольга Морозова) Письмо от Василия:

<ЦИТАТА>для того чтобы загрузить все рисунки, имеющиеся на странице, требуется дополнительное время, и оно будет зависеть уже от размера файлов открываемых рисунков</ЦИТАТА>

В связи с этим следует помнить про то, что размер ("вес") всех графических материалов можно и нужно уменьшать всеми (подчёркиваю, ВСЕМИ) доступными способами. В дополнение к 19-му выпуску рассылки [http://prostosite.ru/019.shtml] можно сказать следующее:

1. Правильно выбирайте формат изображений. Простое правило: для фотографий и других изображений с большим количеством полутонов и с плавными переходами тона лучшие результаты, как правило, даёт использование формата JIFF (файлы с расширением JPEG или JPG). Для диаграмм, чертежей, схем и других изображений с малым количеством цветов и с большим количеством "резких границ" обычно предпочтительнее формат GIF.

2. Для уменьшения размера файла JPEG постарайтесь максимально "размыть" изображение (уменьшить резкость и/или контрастность). Чем меньше будет "резких границ", чем больше будет плавных переходов, тем меньше будет размер JPEG-файла. Применение фильтра Blur (Размытие) в Photoshop иногда приводит к двукратному (!) уменьшению размера jpeg-файла. Не забываем также, что при сохранении JPEG-файла можно указать параметр качества: обычно это либо целое число (1 соответствует минимальному качеству и наименьшему размеру), либо упрощённый выбор по ключевым словам ("высокое", "среднее", "низкое"). Последний вариант описан в 19-ом выпуске [http://prostosite.ru/019.shtml] на примере Adobe Photoshop.

3. Для уменьшения размера GIF-файла следует ограничить количество оттенков цвета, присутствующих в изображении. Количество цветов (и другие свойства используемой палитры) можно указать при сохранении gif-файла.

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

5. В HTML-коде (в теге <IMG>) следует указывать размеры для КАЖДОГО изображения (даже для конвертика-значка E-mail). Это позволит браузеру корректно отображать страницу даже в случае, когда картинки ещё не загрузились или их отображение отключено. Пока посетитель будет читать текстовую информацию, картинки загрузятся.

6. Не забывайте, что по стандарту HTML для каждого изображения ОБЯЗАТЕЛЬНО должен быть указан "альтернативный текст", то есть текст, отображающийся вместо изображения в тех случаях, когда само оно недоступно (не успело загрузиться, в браузере отключено отображение графики и др.). Другими словами: в каждом теге IMG обязательно должен быть указан атрибут "alt", даже если это приводит к коду вроде такого:
<img src="/images/bar.gif" alt="" style=""width:" 300px; height: 2px">

* * *

<ЦИТАТА>У меня к Вам вопрос: Не подскажите ли какой-нибудь html-редактор на русском языке? </ЦИТАТА>
Попробуйте NVU: возможности скромные, но зато всё предельно просто.
http://nvu.mozilla.ru/ 

В продолжение темы редакторов: опять возник спор на религиозную тему, какой HTML-редактор лучше. Моё скромное мнение таково:

- если основным приоритетом является скорость разработки (нужно быстро получить результат или хотя бы его первое приближение, эскиз), следует использовать визуальные редакторы (WYSYWYG);
- если необходимо достичь максимального соотношения "цена-качество" (получить лучший результат, приложив минимум усилий), то чайнику следует использовать визуальный редактор (опытному разработчику -- см. след. пункт);
- если основным приоритетом является качество, следует использовать специализированные редакторы кода (при этом макеты, эскизы и т. п. могут создаваться в визуальных редакторах);
- если главной целью является изучение Web-технологий (HTML, CSS и т. п.), следует использовать самые примитивные инструменты (Блокнот), позволяющие ошибаться и учиться на ошибках;
- если рядом с Вами есть более опытный товарищ, используйте тот же инструмент, что и он -- это сильно упростит для Вас процесс получения помощи и совместного решения проблем.

------------------------
С уважением,
Василий
------------------------

(Ольга Морозова) Письмо от Станислава:

ОМ> Все хорошо, только не понятно, зачем Станислав на Татьяну наезжает

Ладно, извиняюсь. Беру свою шутку назад.

Т> Она - дизайнер и на сайте представлены примеры ее работ.

Дело в том, что дизайнеры с сайтами на бесплатных хостингах обычно не процветают. Клиент, я думаю, рассуждает так: "если у дизайнера нет денег на домен, значит, никто ему дизайн не заказывает; если не
заказывают, значит, это плохой дизайнер". Бывают, конечно, исключения. Но редко.

Т> Одна еще просто пустая

По всему рунету пишут: сначала сделайте сайт ЦЕЛИКОМ, а потом уже закачивайте его на сервер. Если я увижу на сайте надпись "Under construction" или её подобное, то я никогда больше на него не зайду.

Q> А я думаю что лучший редактор - простой БЛОКНОТ

Да, хорошо, что вы не пользуетесь визуальниками. Но чтобы ТАК ими не пользоваться... Tigerpad - вовсе не такая сложная штука. Это тот же текстовый редактор, но с подсветкой синтаксиса. Теги одного цвета,
параметры другого, значения параметров - третьего. На сайте есть > 50 подсветок на все случаи жизни. Да и свою подсветку сделать нетрудно, а потом можно и автору отослать. А возможностей там во многие десятки раз больше, чем в блокноте, при том, что размер - десятые доли мегабайта.

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

Но это не значит, что бесплатный хостинг - это плохо. С него очень хорошо начинать. Но если сайт ориентирован на получение прибыли, переходить на платный хостинг НУЖНО.

Комментарии опытных читателей Станислава и Василия, как всегда, оказались очень полезны. Еще одно дополнение к 55 выпуску:

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

читаю постояно вашу рублику "Свой сайт - это просто".
хотя многое уже знал, но кое-что черпаю из Ваших материалов.

на счет таблиц.
все что было Вами написано - это все правильно, но это касается тех
таблиц, у которых известна ширина.
А если используется, скажем, 10 столбцов и около 50 строк, но ширина
ячеек неизвестна. как разбить такую таблицу, чтобы столбцы были
выравнены по всем строкам и по всем разбитым таблицам?

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

Вячеслав

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

При использовании 10 столбцов и 50 строк разбивать таблицу на несколько как-то нелогично. А если неизвестна ширина (кстати, почему?), то и вовсе неразумно. Во всяком случае, добиться нужного эффекта будет сложно .

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

И тогда я подумал, что мне не хватает рассылки (или, хотя бы, рубрики):

"PHP - это просто"
(пособие по програмированию для чайников)

;-))

Вот это бы было здорово!!! Это вобщем то и не вопрос, а так - намек, или, если хотите, провокация :-))
Varid.

(Ольга Морозова) Н-да, мне такой рассылки тоже не хватает :)

Хотя есть много рассылок с названиями типа "PHP-это просто", "PHP для чайников" и на многие из них я подписана. Точнее, была подписана :). Потому что простотой там действительно не пахнет. Даже в начале. А если в начале все УЖЕ непонятно, то дальше будет только хуже. 

В связи с нехваткой понятных материалов о PHP, предложение к читателям рассылки. Если вы владеете PHP и можете рассказать о нем так, что вас поймет любой чайник, приглашаю вас вести дополнительный раздел в рассылке. Реклама вашего ресурса и бесчисленные благодарности читателей обеспечены :). Пишите мне на e-mail o.m.morozova@mtu-net.ru.

Вопросы для продвинутых

Вы можете задать свой вопрос в раздел, отправив письмо с темой vopros. Если вы не хотите публикации вашего e-mail в рассылке, тема должна быть vopros_no_e-mail.

Вопрос прошлого выпуска (80)

Все видели как изменяется гиперссылка, когда на неё наводишь курсор.
Предположим, что изначально гиперссылка имеет серый цвет, при наведении курсора текст становится красным, цвет гиперссылок на которых вы уже побывали становится черным.
Я захотел сделать себе так же и написал следующее:
<body link="#333333" vlink="#FF0000" alink="#000000">.
У меня получилось следующее: ссылка в пассивном состоянии имеет красный цвет, при подведении к ссылке она не меняется, при нажатии на нее она чернеет и остается такой на все время.
Подскажите как добится желаемано результата.

Отвечает Алексей:

Данные атрибуты для body являются нерекомендуемыми, авторам следует избегать их спользование. Для изменения цвета ссылок используются таблицы каскадный стилей. CSS может быть как внешней так и внутренее. Код для CSS такой:

A:link { color: red }
A:visited { color: blue }
A:hover { color: yellow }
A:active { color: #00FFFF }

Для данных псевдоклассов можно указать и другие параметры кроме цвета шрифта. Обратите внимание, что правило A:hover должно располагаться после правил A:link и A:visited, так как в противном случае правила каскадирования скроют свойство 'color' правила A:hover.

Пример использования этих классов можно посмотреть тут: http://samara.hustleclub.ru/

Отвечает Василий:

Вы немного ошиблись с атрибутами:
link - цвет непосещённой ссылки;
vlink - цвет посещённой ссылки;
alink - цвет активной ссылки (то есть цвет последней нажатой ссылки).

Чтобы добиться требуемого эффекта, используйте CSS -- это естественнее и лучше отвечает идеологии WEB. Например, можно включить в заголовок документа тег STYLE следующим образом:

<HTML>
<HEAD>
...
<STYLE type="text/css">
a:link {color: #333}
a:hover {color: #F00}
a:visited {color: #000}
</STYLE>
</HEAD>

<BODY>
...
</BODY>
</HTML>

Отвечает Станислав Субботин:

В разделе <head> пропишите следующее:

<style><!--
a:link { color: #333333; }
a:visited { color: #000000; }
a:hover { color: #ff0000; }
--></style>

Цвета можете менять по своему усмотрению. Также настоятельно
рекомендую сходить сюда: http://css.manual.ru/ и http://htmlbook.ru/.

Вопрос прошлого выпуска (81)

Я программист и занимаюсь сайтостроением. И вот мне нужен один скрипт.
Может он у Вас есть или Вы знаете, где в сети его можно найти. Проблема вот в чем.

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

Выглядеть это должно так: Я готовлю страницу (HTML), выкладываю ее на сайт. А в 00 часов эта страница сама подстыковывается к нужной основной странице (на которой есть вставка через фрейм). Происходит обновление. И я этим не занимаюсь ночью, а делаю это днем.

Хорошо еще, чтоб скрипт определял не только время суток, но и день недели, чтоб в разные дни подстыковывались разные страницы. Это возможно сделать на PHP, так я представляю, но я его пока не знаю. Да и со скиптами я еще пока на Вы. Но мне очень нужно. Подскажите, если знаете, как решить проблему.

Нет ответов!
Ответить

Вопрос прошлого выпуска (82)

Подскажите, пожалуйста, какой программой можно перевести музыкальные файлы из одного формата в другой. Например, из .ogg в .mp3 или из .mp3 в .mid? Заранее спасибо! 

Отвечает Станислав Субботин:

С mp3 -> midi ничего не получится. Если mp3, wav, ogg и иже с ними - оцифрованный звук, то midi - вроде как ноты. Компьютер сам воспроизводит, и от "железа" пользователя, от того какой плеер он использует зависит качество воспроизведения. Для остальных можно
использовать звуковые редакторы или программу Awave - http://fmjsoft.com. Она предназначена для пакетного преобразования файлов (это значит, что задаёшь ей список файлов и уходишь пить какао. Программа сделает всё в лучшем виде и без вас. Но все её достоинства сводятся к нулю её платностью. Без регистрации она работает только с
одним файлом, а регистрация стоит $n. Дороговато, как мне кажется.

Отвечает Stepashka:

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

Отвечает Kostyan:

Всё можно сделать Sound Forge 6.0

Отвечает Artur:

И это по Вашему для продвинутых? Куча софта есть. Например тот Sound Forge Даже Winamp это умеет со
специальными плагинами ))))

Новый вопрос (83)

Хотелось бы получить ответ на вопрос отображения сайта в различных браузерах. А именно сайт, который находиться по адресу http://yaryna2005.narod.ru/ отоброжаеться во всех браузерах, но в Netscape 8.0 выпадающее меню нормально работает до момента полной загрузки страницы, а по завершении загрузки страницы не работает. В чем может быть дело?

Кроме того, при просмотре сайта через этот браузер в конце страницы появляеться запись: -- '>, которая не предусмотрена кодом.  Я понимаю, что чего то не предусмотрел, но не могу понять чего именно. Не могли бы Вы смне помочь.

Ответить

Новый вопрос (84)

У меня не про HTML а про жабу вопрос вам. Может знаете почему некоторые функции мои на жабе не работают в опере(а другие работают)? Причём консоль выдаёт сообщение типа необъявленная переменаая и название функции. Чё это так?
Если хотите посмотреть то вот сайт мой новый http://cadaverillo.russia.webmatrixhosting.net/default.aspx. Функции жабы не работают на странице отображения темы, конкретно кнопки добавления в редактор тегов и не работает функция создающая новоё окно и показывающая в нём типа предварительный результат. Причём в ИЕ всё нормально.

Ответить

Новый вопрос (85)

Нигде не могу найти ответ по след. проблемке.
Есть ряд ссылок на страничке из наименований товаров, например телевизоров.
Пусть одна из ссылок - "Сони Классный ТВ 21ххххУра", Цена 3,3 дол. При
нажатии на эту ссылку задача попасть в форму (например, на другой страничке), в одном поле
которой: Сони Классный ТВ 21ххххУра, в другом - 3,3 дол.
Как передать эти параметры при переходе на др. страницу (в частности) и
в форму?

Ответить

Прислать вопрос
Прислать вопрос без публикации e-mail

Рекомендую

""Каталог Наших Рассылок" - Лучшие Рассылки Единомышленников"

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

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

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

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

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