Здравствуйте дорогие читатели ! 

В раздел Статьи ->> Web мастеру добавились 3 новых статьи. Добавлен раздел SSI и Учебник CSS. Сейчас на обновление готовится ещё один учебник. Обновлений предостаточно !

Рубрика "Вопрос-ответ" --> За лучший вопрос и лучший ответ в конце месяца будет вручаться приз в размере 1000 баннеропоказов RLE Classic 468*60 или 2000 баннеропоказов RLE Classic 100*100.

Предлагаем вам общаться и задавать свои вопросы в нашем стильном форуме и почаще заходить на наш портал ( www.wmaster.ru ) . У нас каждую неделю обязательные обновления. Также вы можете заказать рекламу на нашем сайте, арендовать домены ( www.boutique.cd ) и услуги web-дизайна и поддержки web-сайтов на сайте www.superjaguar.com . 

Уважаемые авторы. Если вы хотите повысить посещаемость вашего сайта, вы можете присылать свои статьи в нашу рассылку. За каждую авторскую статью вы получаете 1000 показов RLE Classic 468*60 или 2000 показов RLE Classic 100*100. Также вы можете попросить поставить вашу кнопку на первую страницу нашего сайта. Ждём ваших статей. 

Ещё большая просьба !!!  Если вы пишите письмо на адрес rass@wmaster.ru , это не значит что меня зовут rass ( этот логин был создан Для rassылки). Меня зовут Антон Бочкарёв или можно использовать мой никнейм - Cody.

ValueHost : Самый популярный и профессиональный хостинг.  Лучший выбор это "План А": 200 mb, mySQL, cgi-bin, perl, PHP, FTP, неограниченно POP3 Email,  SSI, и всё это всего за $8.95 в месяц.  "Заказывайте на Valuehost !!". И если вы решились заказать хостинг у Валехост, то нажмите на эту ссылку --> ValueHost-лучший хостинг.

Вам нужен сайт и вы хотите, чтобы он был хорошим и посещаемым. Но каковы критерии, определяющие качественный уровень сайта? Отбросим в сторону рекламу и убеждения и оставим только основные аксиомы, которые подходят для корпоративного сайта. 10 правил - это далеко не полный список требовний. Но, пока, остановимся на них...

1. Содержание

Сайт должен содержать информацию. Наверное, вы уже много раз читали об этом? Тогда, прочтите ещё раз и вдумайтесь - сайт должен содержать ИНФОРМАЦИЮ. Именно из-за неё пользователи стремятся в Интернет. Чем больше конкретной информации, тем легче собрать большую аудиторию его посетителей. Хороший пример такого подхода - это информационные ресурсы, содержащие большое количество материалов определённой тематики, и имеющие собственное доменное имя (соответствующее содержимой в нём информацией), созданные фирмами отдельно от своих корпоративных сайтов и доменных имён. И уже рекламой и конкретными ссылками с него привлекающие пользователей на свой "деловой" сайт.

2. Оформление

Хотя, есть поговорка, что по одёжке встречают, я сделал этот пункт вторым после информации. Но это совсем не значит, что оформление сайта менее важно. Первое, с чего начинают оценку сайта, это его внешний вид, а уже потом делают выводы, изучая содержимое. История имиджевой рекламы уже существует около 200 лет (не у нас, конечно), а это многое значит. Сайт - лицо фирмы в Интернет, и по качеству оформления будут судить о вас. Кроме аккуратного исполнения, существует ещё множество правил, которые необходимо учитывать. Есть технические тонкости, например - вес (размер) графических файлов, оправданность применения некоторых технологий. А есть более скрытые: эстетическая ценность, креатив, правильность и совместимость цветового баланса, грамотность пропорций и перспектив по объёму и освещению. Плюс, немного психологии - правильное ассоциативное восприятие графического оформления, в соответствии с тематикой сайта и цветового решения. Часто, этот вопрос имеет большее значение, чем кажется на первый взгляд.

3. Структура и удобство навигации

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

4. Грамматика и стиль в тексте

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

5. Обновление и пополнение содержимого

Чтобы пользователи постоянно возвращались к вам, сайт должен быть "живым". Обновление устаревшей информации и пополнение новой должно проводиться регулярно. Очень хорошо, когда это поручено конкретному человеку или коллективу. Часто, это приводит к регулярным расходам - оплата квалифицированного специалиста (web мастера) или регулярные платежи за "поддержку" сайта (у нас эта проблема решена средствами разработанными cтудией <6 этаж> программами).

6. Качественное программирование

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

7. Интерактивность.

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

8. Правильная индексация и промоушн.

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

9. Аккуратное отношение к рекламе на сайте

Я уже говорил, что размещение баннеров рекламных систем на корпоративном сайте - это как рекламные наклейки с машин такси на 600 мерседесе. Особенно опасно вносить их в дизайн страниц. В рекламной системе могут крутиться различные баннеры, как по внешнему виду, так и по содержанию. Может возникнуть нелепая ситуация, если рядом с вашим логотипом окажется реклама конкурента или сайта вольного "содержания". У меня на памяти пример, когда наши клиенты показали цветную распечатку (специально распечатали на память) с сайта их конкурента. Место под баннер было вставлено в дизайн страницы и название фирмы было дополнено фразой: "здесь всегда хорошие девочки". А цветовое решение баннера полностью совпадало с оформлением сайта.

10. Авторские права

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

11. Размещение в Интернет

Размещение сайта - также очень важный вопрос. Корпоративный сайт или информационный ресурс, не имёющий своего доменного имени, не может вызывать уважения. Размещение сайта на бесплатных серверах - повод задуматься о серьёзности компании. Ещё одна тонкость - это пропускная способность канала у хост-провайдера и его удалённость от потенциальной аудитории (например, если сервер физически находится в США). Всё это выливается в скорость загрузки вашего сайта. Также, не маловажный вопрос - удобство и способы общения со службой технической поддержки. И, конечно, список услуг и возможностей (базы данных, активные страницы и т.п.), количество предоставляемого места и цена.

Сергей Степанов
http://www.6floor.ru/

I2R WebCreation

Вопрос №29

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

Вопрос №30

Как, размещая на странице фотографию, не дать посетителю ее сохранить? Не предлагать писать на фотографии по центру оранжевым свое имя.
Найдены следующие способы:
- фото вставляется как бакграунд для ячейки таблицы, а сверху заливается однопиксельным гифом.
- используется XML, тогда прямая ссылка на "Сохранить как..." неактивна, но сохраняется FlashGet`om и т.п.
Кто-то может предложить что-то еще?"  Ответить

y

№25

Мне нужно реализовать вот такую штуку: Вставить картинку в левый верхний угол так, чтобы не было отступов от краев браузера сверху и слева. Очень нужно! SOS!

Ответ от Arekus

Можно тупо - с помощью слоев:
<div style="position:absolute; left:0px; top:0px;">
<img src="img.gif">
</div>

Можно похитрее - с помощью фреймов:
<frameset cols="100%,*" border=no>
  <frame src="img.htm" marginheight=0 marginwidth=0>
  <frame src="null.htm">
</frameset>
Причем, если в img.htm твоя картинка распологается сразу после body -
все встанет верно, но если она вписана в таблицу, то будет отступ в 1
пиксел, даже если указаны border, cellspacing и сellpading = 0.

Ответ от Pavel Skancev

Нужно в тег <img>  прописать стиль, указав в нем
положение картинки:
style="position:absolute; top:0; left: 0;"
Удачи...

Ответ от Вани

Тут возможны как минимум 2 варианта
--------------------------------------------------------------------
1)
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <img src="your_image.jpg">
</body>
--------------------------------------------------------------------
2)
<body>
      <div id="image" style="position:absolute; left:0px; top:0px; z-index:1000; width: 100; height: 100">
           <img src="your_image.jpg">
      </div>
</body>
--------------------------------------------------------------------
Первый вариант будет работать как в IE так и в Netscape.
Со вторым вариантом могут возникнуть проблемы в старых версиях
Netscape.

Ответ от anatol@chermet.tula.net 

<BODY   leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >

Ответ от Ирины
Попробуй вставить в тэг <body> параметры
leftmargin="0" topmargin="0". А также, в тэг <img>
параметры vspace="0" hspace="0".
Пример:
<html>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0"
topmargin="0">
<img src="P1010007.JPG" width="100" height="80"
vspace="0" hspace="0">
</body>
</html>

Ответ от kibik
В теге <body> следует написать следующее: topmargin=0 leftmargin=0

Ответ от UzesCCron

Если только картинку, то напиши класс для соответствующего непарного тега 

<IMG>например, так:

<html>

<head><

style type="text/css">.no_margin{margin-left: 0px;margin-top: 0px;}

</style>

</head>

<body>

<img class="no_margin" src="моя_маленькая_красивая_картинка.гиф" alt="действительно_моя_маленькая_красивая_картинка">

</body>

</html>

Я СебЯ так НаУчил_ :)

Ответ от Pocherk
<body leftmargin="0" topmargin="0">
<table width="100%">
<tr>
  <td><img src="picture.gif" width="100" height="100"></td>
</tr>
</table>

Ответ от Grigory SHASTUN

Попробуй так: в тэг <BODY> вставь следующее:
 marginheight="0" marginwidth="0" topmargin="0" leftmargin="0",
где marginheight="0" marginwidth="0" - для NN,
      topmargin="0" leftmargin="0" - для IE,

но вставлять нужно и то и то :-))

№26 

Для того чтобы при всех разумных размерах экрана и разрешениях текст смотрелся прилично ( буквы не воспринимались слишком крупными или мелкими) разумно ли использовать некий базовый фонт высотой, например, 8 pt или этого лучше не делать?

Ответ от Pavel Skancev
В принципе для общего текста ипользовать можно,
если нет строгих требований, в остальных случаях
размер нужно "завязывать" с разрешением экрана ...
Удачи...

Ответ от Arekus
Не совсем понятно, что ты имеешь в виду написав "использовать некий
базовый фонт", но скорее всего эт кагды в стилях указано, что высота
фонта тока - 8 пунктов. В этом случае - успокойся - текст будет
смотреться прилично.
Да и вообще - откеда мы можем знать, какие настройки отображения
страницы у пользователя?

Ответ от UzesCCron
Вообще, оптимальное разрешение - 800x600, и я не знаю, с какого
кто-то там заикался, что типа (цитирую) "1024x768 t.k. bolshinstvo stavjat immen eto :-)",
если только в Германии ;)), в России же - 800x600! Что подтверждают многочисленные опросы...
Да и обзоры ЖК - мониторов по большей части на 15", а 800x600 для такого лучшее

№27

zdravstvyite. Skagite pogaluista , gde mogno podpisat,sya na rassilky yrokov po  rabote s flash. Spasibo.

Ответ от Arekus

www.flasher.ru - тута про Флеш и по-русски
www.subscribe.ru - всяческие подписки, может тут ты найдешь, что тенадо.

Ответ от kibik

заходи сюда: http://content.mail.ru http://subscribe.ru http://www.maillist.ru и ищи в списках рассылок то что тебе надо. найдешь обязательно!

Ответ от UzesCCron

Зайди на:http://content.mail.ru/arch/arch_3223.html там и архив, посмотри, понравится - подпишись, вообще нормально,там самому нужному учат - ActionScript; только инфы немного дают...но всё-таки надо отдать должное - полезная рассылка!

Ответ от Grigory SHASTUN

Попробуй www.flesher.ru

№28

У меня пара вопросов -
1) почему при автоматическом заполнении формы в <input type=text value="name">
игнорируется все после пробела и как это можно обойти?
2) как убрать scrolbar в textarea?

Ответ от Pocherk

1) В форме должно быть следующее:
 <input type="text" name="your_name" value=$name>
 В обработчике формы будет переменная $your_name содержащее текст
 из переменной $name

For example (вариант на PHP):
---------------
print("<form action='look.php'>");
print("<input type='text' name='your_name' value='$name'>");
print("<input type='submit'>");
print("</form>");

Файл look.php
---------------
.........
echo "Имя заказчика: ".$your_name;
.........
2) Полоску Scrollа в textarea убрать нельзя :-(

Ответ от Arekus

1) Эээ, если ты хош заполнить какое-нить поле автоматически, то стоит
использовать type=hidden, но может я просто не понял вопроса. В любом
случае, дарю тебе волшебный непереносимый пробел -> <- (он между
стрелочками).
2) Наверное - никак, хотя можно извратнуться запихав техтарею в слой,
который будет по правой стороне уже на ширину скроллбара.

№29

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

Ответ от Arekus

На ссылке вешаешь target="_blank", а в тег body открываемой страницы
добавляешь onBlur="javascript:window.close()".

№30

Как, размещая на странице фотографию, не дать посетителю ее сохранить? Не предлагать писать на фотографии по центру оранжевым свое имя.
Найдены следующие способы:
- фото вставляется как бакграунд для ячейки таблицы, а сверху заливается однопиксельным гифом.
- используется XML, тогда прямая ссылка на "Сохранить как..." неактивна, но сохраняется FlashGet`om и т.п.
Кто-то может предложить что-то еще?"

Ответ от Pavel Skancev
Так в директории  Temporary Internet Files,все равно картинка остается, кому нужно,найдет и сохранит. Сам иногда так делаю ...Удачи...

Ответ от Вани
Как бы ты не старался, в любом случае твою картинку сохранить
возможно!
Первый вариант(самый простой): использовать какой нибудь старый
браузер, который ни ЯВУ ни ХМЛ понимать не будет.
Второй вариант(самый гиморный): после загрузки странички с твоей
картинкой поискать её(картинку) в Temporary Internet Files

Ответ от Arekus
Можно включить еще обработку правого клика,.. но и это не спасет от
банального : Save page... Так что либо выкладывай изображения низкого
качества (маленький размер и/или разрешения), либо навешай на них всякие
WaterMark'и, либо молись, что бы их не использовали в корыстных целях.

y

Вам предствлены темы нашего форума http://forum.wmaster.ru . Чтобы пообщаться или задать вопрос зайдите на www.forum.wmaster.ru 

  Оглавление y

   "Wmaster Design Group & Jaguar Design Studio" сдает в аренду уникальные доменные имена с окончанием CD, наилучшим образом подходящие для сайтов, предлагающих компакт-диски (CD) с музыкой, программным обеспечением, играми. Домены musical.cd, soft.cd, player.cd и т.д. Цены, близкие к цене регистрации. Подробности на www.boutique.cd."

  Оглавление y

  В рассылке открывается клуб друзей. Для того, чтобы повысить рейтинг вашего ресурса и стать другом, вы должны поставить кнопку нашего дизайн портала и сообщить адрес вашего сайта и его краткое описание по e-mail: rass@wmaster.ru с темой "klub". Принимаются все сайты, кроме порно-сайтов, и сайтов о заработке в Интернете.

Вот код кнопки:

<!-- Начало кода кнопки Wmaster -->

<a href="http://www.wmaster.ru" target=_blank> <img src="http://www.wmaster.ru/88x31.gif" width=88 height=31 border=0 alt="Wmaster дизайн портал - всё для web-дизайнера" > </a> 

<!-- Конец кода кнопки Wmaster-->

Ждём заявок