Каталог статей
Меню сайта

Категории каталога
Perl [5]
HTML [1]
Работа в Adobe PhotoShop [5]
Web-дизайн [9]
CSS [2]
Раскрутка сайта [14]

Поиск по каталогу

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • Инструкции для uCoz


  • Приветствую Вас, Гость · RSS 01.11.2024, 02:28

    Начало » Статьи » Веб-дизайн » Раскрутка сайта

    Секреты web дизайна и раскрутки сайта Выпуск 4. World Wide Web. Основы.
    Введение

    Доброго времени суток, уважаемые подписчики.

    Представляю вашему вниманию четвертый выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

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

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

    Если говорить упрощенно, то браузеры (browsers) это программы отображения HTML документов. То есть, когда вы набираете в строке адреса какой-либо сайт, то браузер загружает html код и отображает его вам как веб страницу. В настоящее время самые популярные браузеры это:
    Microsoft Internet Explorer(IE)
    Безусловный лидер по количеству людей, которые его используют. По различным оценкам доля этого браузера составляет 85-95%. Последнее время его теснит Firefox, но с выходом IE7 у Firefox'а могут быть проблемы в дальнейшем отвоевывании рынка.
    Mozilla Firefox
    Возникший из пепла умирающего Netscape Navigator в конце 90-х этот браузер стремительно набирает обороты. Его популярность это сумма двух составляющих: открытый код и огромное количество расширений (plugin'ов), которые может написать любой желающий. Некоторые из расширений - просто шедевры. Лично я пользуюсь расширением HTML Validator, которое показывает мне html ошибки на веб странице с подробным описанием ошибки. Это очень помогает при разработке веб страниц.
    Если вы не пользовались Firefox, рекомендую хотя бы попробовать.
    Opera
    Очень симпатичный браузер от скандинавских программистов. Бесплатный и весьма богатый на функции.

    Также существует большое количество браузеров, которые на самом деле используют библиотеки Internet Explorer'a. Поэтому я и не включил их в список, хотя многие из них очень популярны.
    Статические и динамические страницы

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

    По поведению документа в браузере пользователя, различают:
    Статические html страницы
    Статические - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком.
    Динамические html страницы
    Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из plugin'ов-переводчиков для браузера Firefox.

    Динамика на веб страницах реализована при помощи скриптов, которые выполняются браузером. Многие элементы языка html поддерживают определение обработчиков событий. Например, можно задать обработку события "нажатия кнопки мыши" на картинке. Тогда если пользователь кликнет на эту картинку, вызовется определенный для этого обработчик.

    Это может звучать несколько запутано, но не переживайте. Когда вы с этим столкнетесь - все будет проще.

    Самый распространенный язык для создания динамики веб страниц - это JavaScript. (Не путайте с языком программирования Java. Это две совершенно разные сущности.)
    Реже используется VBscript(visual basic script). (Microsoft как всегда пошла своим путем.)

    По способу создания документы делят опять на статические и динамические.

    Статическими называют страницы, если они лежат на сервере в html виде.
    А динамическими называют те, которые генерируются "на лету" по запросу браузера.

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

    Если ваш сайт содержит часто меняющийся контент (content - информация на сайте), то вам на помощь придут скрипты, выполняющиеся на сервере. И это ключевое отличие этих скриптов, от описанных ранее (тех, что написаны на JavaScript). Работает это следующим образом:
    Браузер запрашивает у сервера документ
    Сервер определяет, что документ является скриптом и запускает его на выполнение
    Скрипт генерирует html страницу
    Сервер отправляет сгенерированную страницу браузеру, так что тот и не догадывается, что на сервере отработал скрипт

    Существует несколько языков программирования, на которых могут писать скрипты, которые генерируют "динамические" страницы. Самые распространенные из них:
    Perl
    SSI
    PHP
    ASP
    Python
    Java
    Бинарный код (программа на Си или С++ скомпилированная в исполняемый код)

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

    Как правило если вы видите, что адрес страницы заканчивается на .html или .htm, то это обычная статическая страница. (Можно конечно настроить сервер так, чтобы он исполнял скрипты, которые заканчиваются на эти же окончания, только это не практично. Все таки .html и .htm - это стандарт и переопределять эти окончания не стоит.) Если же вы видите любое другое окончание, то это скорее всего скрипт. Например, скрипты на языке PHP имеют обычно расширение .php, на языке Perl - .pl, ASP - .aspx
    Если же адрес не содержит имени страницы (например, www.neomoon.ru), то сервер будет использовать документ заданный по умолчанию (обычно это либо index.html либо index.htm либо index.php).

    Надо сказать, что сейчас все больше набирает силу гибридная система. Название у нее, как у голландского футбольного клуба - AJAX, что означает: Asyncronous JavaScript And XML (Как расшифровывается название голландского клуба я не знаю:)). Эта технология позволяет скриптам на JavaScript обращаться к какому либо скрипту на сервере и получать информацию с сервера. Это в свою очередь, дает пользователю гибкость и позволяет перезагружать только часть содержимого страницы, а не всю ее полностью (что значительно экономит трафик).
    Выводы

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

    Если же у вас на сайте часто меняющаяся информация, то выбор следует остановить на использовании скриптов.
    Вот расхвалил вам скрипты. Однако, у скриптов есть один минус: они требуют дополнительных ресурсов от сервера для своей работы. Если html страничку надо просто прочитать с сервера и отправить браузеру, то скрипт надо сначала запустить и выполнить. К тому же, очень часто скрипты используют систему управления базой данных (СУБД) для хранения изменяющихся данных, что создает дополнительную нагрузку.

    На последок, предлагаю вам ознакомится с учебником по HTML 4.0, который я выложил для вас на своем сайте. Запоминать все теги языка, конечно, не стоит, но вот знать общую структуру html документа очень полезно. Особенно для веб дизайна:)
    Ссылка на учебник по HTML
    Обратная связь

    Как и любому автору, мне очень важно мнение читателей о рассылке. Поэтому, я буду очень благодарен за любой отзыв. Даже критический.
    Только, пожалуйста, не пишите мне письма вроде: "Дурацкая рассылка. Мне не нравится". Такое письмо не принесет мне никакой пользы, только негатив. Пишите, что конкретно вам не понравилось, и почему. Я постараюсь учесть ваше мнение.

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

    На самые интересные вопросы я буду публиковать ответы в конце рассылки.

    Я жду ваших писем по адресу simeon@neomoon.ru

    Категория: Раскрутка сайта | Добавил: Admin (24.03.2007)
    Просмотров: 734 | Рейтинг: 0.0 |

    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]