Отправляет email-рассылки с помощью сервиса Sendsay

WebMaX

  Все выпуски  

WebMaX


Служба Рассылок Subscribe.Ru

.:: Web Reference ::. - справочник веб-мастера!
Web Reference

С Наступающим Новым Годом!

Навигация
» Главная
» В избранное
» Добавить статью
» Статьи
» Сделать стартовой
» Друзья
» Каталог сайтов
» Обмен кнопками

 

 
Генераторы
» Генератор цветных кнопок
 
Статистика
Каталог Вебмастера be number one SpyLOG
 
Друзья
Wmaster дизайн портал - всё для web-дизайнера

Обмен ссылками


Реклама
 

Интернет журнал "Справочник веб-мастера"

   Интернет журнал (рассылка) Справочник веб-мастера была создана в начале декабря 2001 года. Это издание предназначено для людей, которым интересен процесс создания сайтов, которые хотят научиться этому, для тех, кто хочет просто получать интересную рассылку. 
Основные темы, которые можно будет встретить в журнале:
  • статьи о раскрутке сайтов
  • о разработке навигации для сайтов
  • все о графике
  • поисковики, рейтинги, каталоги
  • статьи веб-мастеров
  • все связанное с веб-дизайном
  • ссылки по темам

Подписаться на рассылку можно справа ->, а так же на сервере Subscribe.ru. Архив рассылки здесь. Так же Вы можете принять участие в формировании рассылки: присылайте свои статьи, ссылки на интересные сайты, вопросы, предложения. Ни одно письмо не останется без внимания!

Интернет журнал
Web Reference
Сегодня в выпуске:
  1. Полезные советы веб-мастеру.

  2. Порта.Ру - лучшие подарки к Новому Году!

  3. Разработка интерфейса навигации сайта.

Наши новости:

Наш сайт переезжает на хостинг к ValueHost.ru - лидеру Российского хостинга! Это значит, что теперь сайт будет загружаться быстрее, появятся новые сервисы, благодаря наличии всех возможных опций хостинга (MySQL, PHP5, PERL5, C++, и другие!). Наш новый адрес:

www.web.sanatory.net

Полезные советы
  • SHTML - это HTML документ, просматриваемый сервером перед отправкой на наличие SSI (Server-Side Includes). SSI выполняются, и результат их работы подставляется в посылаемый документ.
         
  • Не используйте очень большие таблицы на страничке. Если есть возможность, поделите таблицу на несколько более мелких таблиц или вообще откажитесь от них. Это связано с тем, что содержимое таблицы не выводится на экран до тех пор, пока вся таблица не скачана. И у пользователя создается иллюзия медленной загрузки этой страницы, что нежелательно.
         
  • Так можно автоматически перенаправить посетителя на другую страницу:
    <html>
    <head>
    <title>WebClub Has Moved</title>
    <meta http-equiv="Refresh" content="15;URL=http://www.webclub.ru/">
    </head>
    <body bgcolor="#ffffff">
    <h1 align=center>Web-masters Club переместился</h1>
    <hr>
    <h2 align=center>Подождите 15 секунд или воспользуйтесь ссылкой:
    <a href="http://www.webclub.ru"> http://www.webclub.ru </a></h2>
    </body>
    </html>

         
  • Строка DOCTYPE (DTD), расположенная в первой строке HTML документа, описывает стандарт HTML, который используется в этом документе. Два наиболее используемых DTD: HTML 3.2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
    HTML 2.0: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

         
  • Чтобы заменить кнопку в форме на изображение используйте: <INPUT TYPE="image" SRC="graphic.gif" HEIGHT="xx" WIDTH="yy" ALT="submit" BORDER="0">
         
  • Если при размещении странички на сайте не видно картинок, а в локальной версии всё было в порядке, то проверьте следующее:
    1. Адреса картинок не относительные, а абсолютные (типа file///.).
    2. Могут стоять неправильные слэши: не "/", а "\". В URL, как правило, применяются прямые слэши "/".
    3. FTP может класть на сервер файлики с именами, написанными заглавными буквами - PICTURE.GIF, в то время как в тексте будет прописано picture.gif или Picture.gif - для ОС типа UNIX это не одно и тоже
         
  • Если Вы делаете карту ссылок из одного изображения, разбитого на несколько частей, учтите, что язык HTML символ перевода каретки (конец строки) воспринимает как пробел. Поэтому ВСЕ тэги, которые у Вас формируют Вашу карту ссылок, нужно писать в ОДНУ строчку, иначе между картинками будут промежутки!
         
  • Чтобы убрать границы шириной 2-3 пискела между фреймами, добавьте в тэге <FRAMESET> строчку BORDER=0 FRAMEBORDER=0.
         
  • При использовании тэга <table background=img.gif> IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это неудобство можно, вложив таблицу в другую: <table cellspacing=0 cellpadding=0 border=0 background="img.gif">
    <tr><td align="center">
    <table cellspacing=0 cellpadding=4 border=0 width="100%" background=""> <tr><td align="left">
    <!--Some stuff-->
    </td><td align="right">
    <!--Some stuff-->
    </td></tr>
    </table>
    </td></tr>
    </table>
    Обратите внимание на background="" и на то, что в тэгах таблиц не задан атрибут bgcolor.
         
  • Для того, чтобы "собрать" один HTML-документ из нескольких кусков, нужно использовать команды SSI (Server-Side Includes):
    <!--#include file="ssi/menu.html" --> - путь к файлу указывается от текущего файла (файла, в котором расположена команда).
    <!--#include virtual="/ssi/menu.html" --> - путь к файлу указывается от корня сервера.
    Таким образом, например, можно задать меню, одинаковое для всех страниц сервера, и хранить его в отдельном файле. Тогда его изменение отразится на всем сервере и не потребует кропотливой работы по правке всех HTML-страниц Вашего сервера.
         
  • У адреса mailto:, применяемого для отправки писем, можно задать и другие опции, крома самого адреса. Например, адрес такого вида: mailto:name@domain.ru?subject="Happy Birthday!"&Body="Happy Birthday To You, My Friend!" задает, кроме адреса, subject и даже текст самого письма.
         
  • Как избавиться от противной синей рамки по периметру рисунка, который является ссылкой?
    <a href="link.html"><img src="image.gif" width=15 height=15 border=0></a>
         
  • Как сделать цветную горизонтальную линию без тени, не прибегая к картинке 1*1 пиксел? Эту задачу можно решить двумя способами:
    1) В тэг <hr> добавить атрибуты noshade (убирает тень) и сolor="******" (задает нужный цвет). Но эти атрибуты будет понимать только IE 4 и выше, другие же браузеры будут выводить обычный <hr>.
    2) Cоздать такую конструкцию:
    <table border="0" cellpadding="0" cellspacing="0" width="***"><tr><td height="1"
    bgcolor="******">
    <spacer type="block" height="1" width="***">
    </td></tr>
    </table>

    Ее понимают все версии браузеров, поддерживающие задание цвета в таблицах. Тестировалось на IE 4.0 IE5.0, NN 4.5, NN 3.04.

А здесь я раскрутил свой сайт! За 10 - 15 минут 30 - 70 посетителей! Подробнее...

Порта.Ру 

Вы не знаете что подарить на Новый Год своим друзьям, родным? Тогда загляните в интернет-магазин Порта.Ру. Перед Новым Годом большие скидки, распродажи, конкурсы. Это будет правильным решением!

Разработка навигации сайта

Пример такой системы навигации можно встретить на таких сайтах как TLE.ru и на бывшем сайте SORIX.ru. Такая система навигации используется на моем сайте (http://joystick.h1.ru). Внешний вид такого меню управления, как мне кажется, привлекателен и ╚весит╩ не много. Настроить его сможет любой, даже не опытный веб-мастер. Итак приступим.

Для начала давайте создадим пустой HTML-файл. В поле <head> ┘ </head> вставляем следующий код:


<style type="text/css">
<!--
A:hover { color: red; text-decoration: underline }
A.menu:link {color:#C0C0C0; text-decoration:none;}
A.menu:visited {color:#FFFFFF; text-decoration:none;}
A.menu:active {color:#C0C0C0; text-decoration:none;}
A.menu:hover {color:#C0C0C0; text-decoration:none;}
A.bottom:link {color:#C0C0C0; text-decoration:none;}
A.bottom:visited {color:#C0C0C0; text-decoration:none;}
A.bottom:active {color:#C0C0C0; text-decoration:none;}
A.bottom:hover {color:#FFFFFF; text-decoration:none;}
A {text-decoration: none}
-->
</style>
В этом коде мы имеем несколько переменных.


A.menu:что-то (color: здесь пишем желаемый цвет; text-decoration:none) *Примечание: если стоит none √ значит текст не подчеркнут

С остальными пунктами поэкспериментируйте, поймете, какой для чего служит.

Затем в поле <body>┘</body> вставляем следующее:

<a HREF="http://www.ru/" class="bottom" title="">Каталог ресурсов</a>
<a HREF="http://www.ru/" class="bottom" title="">Топ-рейтинг</a>
<a HREF="http://www.ru/" class="bottom" title="">Конференции</a>
<a HREF="mailto:f1@aleksin.tula.net" class="bottom" title="Написать письмо веб-мастеру"> Написать письмо</a>
и т.д. и т.п.

Ну а здесь наверное все будет понятно всем, кто хоть немного знает html-код. Немного все равно поясню.

В поле a href ="пишем адрес свой страницы, куда пользователь будет переходить, кликнув по с сылке Каталог ресурсов" class="bottom" title="Здесь должен быть текст, который будет появляться, после того, как пользователь подведет мышку на ссылку. Почти как всплывающая подсказка">НАЗВАНИЕ ССЫЛКИ (к примеру: МОИ РАБОТЫ)</a>

В следующем выпуске:

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

Главная | Генераторы | Статьи | Каталог сайтов | Друзья | Отдых | Веб-мастер

© 2001-2002 SerG.
Открыт 25.12.2001 
Размещено на ValueHOST.ru

 


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное