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

Да...долго не выходила рассылка....Но на это была причина: Мы отдыхали... Начиная с сентября рассылка будет выходитьтакже регулярно, как и выходила раньше. 

Наш сайт обновился. Сейчас красуется новый раздел, посвящённый 3DStudioMax по адресу http://www.wmaster.ru/3dmax/ ... Ждите новых выпусков. 

Wmaster DG требуются программисты на java. Все резюvе направлять на vadim@wmaster.ru 

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

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

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

Автор: Алекс aka TrigGer
Источник: kovrik.hut.ru

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

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

Группа ссылок называется панелью навигации, потому что там собраны практически все ссылки на ваши страницы. Ссылки могут быть не только текстовыми, но и графическими. Это когда на графический элемент (картинку) ставиться ссылка на тот или иной документ. Понятно… Но обычно графическая навигация группируется в стильную составляющую графического интерфейса сайта, которая не должна отступать от задуманного дизайна.

Так все-таки что лучше в навигации стиль или простота? Конечно, то и другое вместе. Как этого добиться? Этот путь выбирает каждый мастер сам. Тут нет определенных правил, которые заключают web-мастера в определенные рамки. Но все же такая рамка есть. Это размер страницы. Если размер страницы очень большой, то она будет очень долго грузиться в Интернете. Как известно в Интернете скорость загрузки составляет, примерно, 3 kb в секунду. Так же известно, что нетерпеливый посетитель не будет ждать очень долго. Он обычно ждет 8-10 секунд, если на странице ни чего не происходит, то он ее покидает, зачастую навсегда. Так что старайтесь укладываться, как минимум в 30 kb, но можно и больше, но не переступайте предел в 100 kb - это уже слишком долго. Если у вас сайт посвящен графике или спецэффектам в Photoshop'e, то посетитель заранее готов, что страницы будут грузиться долго, так как он понимает, что все примеры идут обычно с графическими картинками, на которых показаны примеры.

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

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

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

Конечно, все это занимает место на странице. Места становиться все меньше и меньше, когда вы делаете навигацию, но чем поступиться это уже решать вам. Удобство для посетителя или больше информации на странице (сайте), но к ней меньше доступа. Решать вам…

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

Удачи. С уважением Алекс aka TrigGer.

http://blacksabbath.bigmir.net - Сайт, посвящённый легендарной группе Black Sabbath. На сайте есть море информации об этой группе, в том числе и дискография, фотоархив, статьи. Дизайн сайта очень простой и несочетающийся. Автору следует убрать простую таблицу с нижнего фрейма, настроить шрифты и навигацию, пободрать удобные цвета и не забывать обновлять сайт.

Вопрос №46

Что нужно сделать чтобы *.pdf файлы "загружались", а не открывалдись Acroba-том (если он установлен).  Ответить

Вопрос №47

Как с помощью PHP проверить введены ли в текстовом поле только латинские буквы? Ответить

Вопрос №48  

Кто-нибудь знает, как сделать чтобы AdobeGoLive 5.0 работала с русскими текстами, а не меня их на html коды. А то не каждый раз приходиться делать англоязычные сайты...:) И еще про тот же GoLive... как там можно еще кодировок добавить кроме Unicode и Западно-Европейской. Если кто уже встречался с такой проблемой ответьте.  Ответить

y

№42

Как создать выпадающее меню? 

Ответ от нашего Эксперта-Arekusa

<select>
 <option value="1" selected> Первая строка</option>
 <option value="2"> Вторая строка</option>
</select>
либо вставляешь между тегов <form> </form>, тогда данные (значение
value) следует обрабатывать при нажатии кнопки Submit, либо внутри тега
<select> вставляешь обработчик события (onChange и/или onSelect) с
вызовом скрипта вершащего соответсвующее действие.

Ответ от Humbug
<form name="а"><select name="list1" size=1 onchange="top.location.href=this.form.list1.options[this.form.list1.selectedindex].value">
<option value="" checked>а
<option value="файл.html">описания файла
<option value="файл.html">описания файла
</select></form>

Ответ от Ilya V. Bursov

почитать документацию по JavaScript, DIV, LAYER

№43  

Как можно сделать тонкую рамочку (таблицу)?

Ответ от нашего Эксперта Arekusa

<table border=1><tr><td>
эта фраза окружена тонкой рамочкой
</td></tr></table>

Ответ от Ilya V. Bursov

<table border=0 cellpadding=1 cellspacing=0 bgcolor=black>
<tr><td>
<table border=0 cellpadding=2 cellspacing=0 bgcolor=white><tr><td>
la-la-la
</td></tr></table>
</td></tr>
</table>
работает во всех браузерах

Ответ от UzesCCron

Если требуется, чтобы рамка была у каждой ячейки таблицы, то так:<table cellspacing="1" cellpadding="0" bgcolor="black">
<tr>
    <td bgcolor="silver">1</td>
    <td bgcolor="silver">2</td>
</tr>
</table>   или так:   <table cellpadding="0" cellspacing="0">
<tr><td bgcolor="black">
<table cellspacing="1" cellpadding="0">
<tr>
    <td bgcolor="silver">qwer</td>
    <td bgcolor="silver">qwer</td>
</tr>
</table>
</td></tr>
</table>   ну а если нужна рамка толко у самой таблицы, то удобнее всего описать её стиль:   <table cellpadding="0" cellspacing="0" style=""border-width:1px;" border-style:solid; border-color:black">
<tr>
    <td>1</td>
    <td>2</td>
</tr>
</table>

Ответ от Serj

Конечно таблицу. Простота, удобство, будет видна (рамочка) даже при
отключеной графике (имеется в виду, что рамочка сделаная в виде
картинки отображаться не будет).

Ответ от Im

<TABLE BGCOLOR="black" CELLSPACING="0" CELLPADDING="1" BORDER="0" WIDTH="100">
<TR><TD>
<TABLE BGCOLOR="#f0f0f0" CELLSPACING="0" BORDER="0" WIDTH="100">
<TR><TD>
<P>Ваш текст</P>
</TD></TR>
</TABLE>
</TD></TR></TABLE>
Атрибуты первого тэга <TABLE> BGCOLOR и CELLPADDING задают цвет
границы, и - толщину.

Второй способ, по моему проще. и я пользуюсь именно этим способом

<table cellspacing="1" bgcolor="black">
<tr>
<td bgcolor="white">Ваш текст
</td>
</tr>
</table>
А здесь обратите внимание, обязательные параметры cellspacing="1".
Далее в теге table - bgcolor="цвет рамки".
И обязательно надо указывать цвет фона либо в <tr> либо в <td>

Ответ от fred

Например такой текст для таблички с 1px толщиной границы:
<table border=1 cellpadding=2 cellspacing=0 width=200 height=100>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Подробней о тегах и свойствах см. в учебниках по html в сети.

Ответ от Sergey

Можно юзать таблицу в таблице:
<table bgcolor="#000000" cellpadding=1 cellspacing=0>
       <tr>
       <td>
           <table bgcolor="#ffffff" ....>
                  <tr>
                  <td>
                      ......
                  </td>
                  </tr>
           </table>
       </td>
       </tr>
</table>

Ответ от Turshudjyane Eugene

Задаешь таблице cellspacing="1" и bgcolor="цвет", а каждой строке
bgcolor="white"

Ответ от irina bauer

Тонкие рамки сейчас в самом деле в моде,
создать их не очень сложно, но для этого понадобится
конструкция из 2 таблиц.   <!-- основная таблица -->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="darkgray" width="100">
<! -- внутренняя таблица -->
<tr><td><table width="100%" border="0" cellspacing="1" cellpadding="5"><tr bgcolor="#E6E6E6"><td>содержимое таблицы</td></tr>
<! -- закрываем внутреннюю таблицу -->
</table></td></tr>
<! -- закрываем основную таблицу -->
</table>   Необходимо обязательно указать цвет фона, иначе эффект будет незаметен.
И цвет внутренней таблицы должен отличаться от цвета внешней.

№44

Что это за международные провайдеры? И почему их так не любят?

Ответ от нашего Эксперта Arekusa

... Как бы вопрос не совсем дизайнерский, а скорее админский и местами
даже политический, но всеже... Международные провайдеры, это конторы,
через которых идет связь из России в остальной мир.

№45

Возможно ли сделать невозможным копированиетекста с  web-страничек ? Я понимаю что страничка уже в кеше компа и т. д. - но все-таки ? Ведь можно сделать недоступным код странички. Ответьте пожалуйста кто что где-нибудь встречал подобное.

Ответ от нашего Эксперта Arekusa

нет, невозможно.
Хош скрыть код - пользуйся скриншотами экрана.

Ответ от irina bauer

По-моему, действенного способа нет, любую защиту можно как-то "взломать" при наличии знаний. Ничего не поделаешь, сеть общедоступна. С помощью JavaScript можно, например, отключить функцию правой кнопки мыши. Правда, таким способом можно испугать только новичка.Опытный пользователь может посмотреть источник через меню. Но всё же:   <html>
<head>
<title>Скрыть текст источника</title>
<script language="JavaScript">
<!--   function click(evt) {
if (navigator.appName.indexOf("Microsoft") != -1){
if (event.button==2) {
alert('Error - Показать текст источника невозможно');
return false
};
};
if (navigator.appName.indexOf("Netscape") != -1) {
if ( evt.which == 3 ) {
alert('Error - Показать текст источника невозможно');
return false
};
};
};
if (navigator.appName.indexOf("Netscape") != -1) {
document.captureEvents( Event.MOUSEDOWN )
};
document.onmousedown = click;   // -->
</script>
</head>   <body bgcolor="#FFFFFF">
Содержимое страницы
</body>
</html>   В сущности этот трюк - плоская шутка.
Не забывайте, что если перегрузить страницу "защитой", можно оттолкнуть пользователя.

yon TOP (наверх)

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

  Оглавление 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-->

Ждём заявок