Создание сайта. Раскрутка сайта. Заработок денег на сайте

Макс Анатолий

Создание сайта

 

 

Создание сайта: 36 советов для всех

Введение

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

Советы Веб-дизайнеру

1. Делайте то, что от вас хотят видеть.

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

2. Не увлекайтесь графикой.

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

3. Держите стиль.

При создании дизайна пляшите от тематики. Есть такое понятие, как стиль. Он должен пронизывать весь сайт. Для корпоративных сайтов мягкий дизайн, для развлекательных веселый и обязательно для всех уникальный

4. Дизайн не должен быть литым.

Не сковывайте дизайном информативность сайта. Рано или поздно какую-нибудь менюшку убирут или добавят, а тексты поменяют

5. Уделяйте внимание мелочам.

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

6. Удобная навигация — залог успеха.

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

7. Ваш броузер не единственный, разрешение экрана не уникально.

Созданный вами сайт должен читаться при 256 цветах, на трех разрешениях экрана (640х480, 800х600, 1024х768) и пониматься двумя основными броузерами.

8. Если заказчик не может сформулировать задачу, дайте волю фантазии.

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

9. Любите себя в меру.

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

10. Дизайн не должен портить жизнь Веб-мастеру.

Создав сайт, доходчиво объясните Веб-мастеру о том, как его не развалить. У всех есть свои секреты и неординарные приемы. Веб-мастер должен их знать.

11. Точность — вежливость королей.

Графический дизайн сайта должен быть подогнан с точностью до одного пикселя. Не ленитесь, пусть работы будет больше, но и эффект значительно солидней.

12. Авторские права не шутка.

Не стоит воровать чужую графику. Во первых это не хорошо, а во вторых если не умеешь делать сам, то какой же ты дизайнер!

Советы Веб-мастеру

1. На сайте все должно быть на своих местах.

Четко следите за структурой сайта. Не сваливайте все в общую кучу. Если пользователь не разберется где, что лежит, то он к вам не вернется.

2. Не выкладывайте все на одну страницу.

Имеет смысл разбивать большие страницы на более мелкие. Почти вся Россия ходит в интернет через dial-up и вид бегунка на полосе прокрутки броузера превратившегося в пиксел, вряд ли побудит к вдумчевому чтению.

3. Работайте в рамках дизайна.

Дизайнер делает сайт, а вы отвечаете за его работоспособность. Прежде чем, что-то реконструировать свяжитесь с дизайн-студией и согласуйте перемены с ней.

4. Отвечайте на все(!) письма посетителей.

По своей работе вы наверняка получаете массу писем от пользователей с предложениями, замечаниями или жалобами. Не ленитесь, напишите ответ, пусть это будут примитивные фразы такие, как: «Большое спасибо» или «Мы это обязательно учтем». Сделав этот нехитрый номер вы 100 % получаете постоянного посетителя, который к тому же приведет к вам всех своих друзей.

5. Чем чаще обновления, тем больше посетителей.

Как можно чаше обновляйте ваш сайт. Никто не хочет читать одно и тоже. Даже если нет ничего нового, попробуйте сменить приветственную речь или комментарии под картинками. Эффектно, так же смотрится колонка новостей с датами обновления, особенно если эти даты еще не ушли в историю.

6. Работайте оперативно.

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

7. Никакой отсебятины.

Если у вас новостной, информационный сайт, то старайтесь избегать предвзятости. Даже если вам не нравиться какое-либо событие не приписывайте к нему свежепредуманные факты. Пусть будет, как оно есть (AS IS:), а посетители и без вас во всем разберутся.

8. Ваша настольная книга — орфографический словарь.

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

9. ИМХО сабж рулез или пишите по-русски.

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

10. Не пишите чепухи.

Не публикуйте на сайте сомнительную информацию или вообще полнейшую чушь. Пару раз прочитав липу посетитель в вас разочаруется и уйдет к вашим конкурентам. Ну, а если очень хочется, то вставляете подпись «Из непроверенных источников» и спите спокойно.

11. Счетчики, рейтинги и баннеры не последние вещи.

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

12. Будьте вежливы.

Если вам в 101 раз пишут о какой-либо неполадке, которую вы уже устраняете, не стоит посылать автора письма в одно известное место, он же для вас старается. Черкните ему фразу «Спасибо, вы нам безмерно помогли» и всем будет приятно.

Советы Заказчику

1. Вам действительно нужен сайт?

Прежде, чем поднимать на уши дизайнеров и программистов, тратив при этом немалые деньги, подумайте хорошенько зачем он вам. Возможно, что вам нужен простой e-mail.

2. Четко формулируйте задачи.

Не бойтесь загружать дизайнера работой. Ведь именно за этим вы его нанимали. Четко описывайте, что нужно сделать и, как вы это себе представляете. Ему намного проще работать зная, что он делает.

3. Дизайнер должен иметь все.

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

4. Как можно чаще давайте информация Веб-мастеру.

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

5. Не работайте с не внушающими доверия студиями.

Многие товарищи, чуть освоив свой Front Page (или, что там у них), быстренько клепают странички, называют себя Design Studio и ждут клиентов. Послушайте добрый совет — даже и не думайте связываться. Дизайнер должен уметь все делать своими руками и понимать, что он делает.

6. Одиночки — большая редкость.

Дизайнеры одиночки очень редки (я имею в виду именно профессионалов). Справиться с сайтом в одиночку теоретически можно, но практически… С вами должна работать команда, в которой у каждого четко определенная роль.

7. Дизайнера не должны пугать такие слова, как: CGI, SSI и ASP.

Если вы хотите получить по настоящему мощный, динамичный и информативный сайт, то простым HTML вы не отделаетесь. Погоняйте потенциального Веб-дизайнера на знание терминов и технологий. Отговорки типа: «это вам абсолютно не нужно» или «зачем такая роскошь» принимать не стоит. Дизайнер, как минимум должен свободно владеть HTML, JavaScript и CSS.

8. Позаботьтесь обо всем заранее.

Готовый сайт еще не все Даже если он у вас на руках, вам надо позаботиться о куче вещей, таких например, как: доменное имя, хостинг, рекламные кампании и о многом другом.

9. Не сковывайте фантазию.

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

10. Не надо довить на людей.

Работа над сайтом очень трудоемка. На изготовление любой мелочи могут уходить часы. Не торопите дизайнера! В противном случае вы расчитываете получить блеклую штамповку.

11. Веб-мастер и Веб-дизайнер, не одно и тоже.

Эти профессии настолько различны, насколько созвучны их названия. Веб-дизайнер ваш сайт делает, а Веб-мастер поддерживает. Почувствуйте разницу и с жалобами обращайтесь по адресу.

12. Заботьтесь о вашем сайте

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

 

HTML редактор

Итак. Начали.

Для создания web-страницы набираем специальный код на языке HTML. Запустите любой текстовый редактор, например Блокнот, входящий в Windows (Пуск- Программы- Стандартные — Блокнот). или качаем более продвинутый(бесплатный) редактор с нашего сайта

Теперь наберите в нем этот «текст»:

То что Вы набрали — является минимальным «набором» для создания страницы. В дальнейшем при создании web-страниц Вы можете просто копировать его на новую страницу для облегчения работы.

Теперь поясним набранное. Команды, заключенные в <>, называются тегами. Теги бывают парные и не парные. Парные теги состоят из открывающего тега и закрывающего. Например тег — открывающий тег, а — закрывающий. Как видите разница в открывающем и закрывающем теге всего лишь в /.

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

HTML редактор.

Теперь между тегами и напишите то, что Вы хотите разместить на Вашей странице, например так:

HTML редактор.

Приветствую Вас на моей страничке! Здесь Вы найдете много интересного.

Сохраните набранное в виде файла с расширением htm или html, например page1.html в отдельной папке.

Далее запустите сохраненный Вами файл page1.html или откройте его в Internet Explorer.

Поздравляем! Вы только что создали свою первую интернет-страницу.

Теперь идем дальше. Давайте поменяем цвет фона на Вашей страничке. Цвет фона задается в теге body, и записывается в 16-ричной системе., где каждая из цифр или букв означает «количество» основных цветов — RGB — Red Green Blue.

Например означает что цвет фона будет состоять из 00-красного, 00-зеленого, и 00 — голубого. Таким образом мы получим черный цвет.

Белый цвет фона кодируется так

Красный цвет фона кодируется так

Зеленый цвет фона кодируется так

Синий цвет фона кодируется так

Различные комбинации позволяют получить практически любой цвет фона. Например

Такой цвет

Такой цвет

и т. д.

Итак, добавьте параметр в тег body, например вот так:

Моя первая страничка в Интернет.

Приветствую Вас на моей страничке! Здесь Вы найдете много интересного.

Сохраните страничку и запустите ее опять в Internet Explorer.

Поэкспериментируйте с параметром bgcolor.

Если Вы хотите разделить набранный Вами текст на части…т. е. сделать на странице операцию подобную нажатию кнопки Enter в текстовом редакторе — для этого нужно использовать не парный тег

Разделим наш текст на несколько строк, например вот так:

HTML редактор.

Приветствую Вас на моей страничке!
Здесь Вы найдете много интересного.

ну или, чтобы это выглядело более читаемо, вот так:

HTML редактор.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.

Сохраните страничку и посмотрите ее в Internet Explorer.

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

Поставим открывающий тег

перед содержимым странички, а тег
после содержимого странички, вот так:

html редактор.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.

Сохраните файл, откройте его в Internet Explorer и посмотрите что получилось.

Теперь установим цвет текста для Вашей странички. Цвет текста задается в теге body, например вот так text="#FFFF00"

Добавим этот параметр после параметра цвета фона.

html редактор.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.

Теперь вставим какую-либо картинку на Вашу страницу.

Для размещения картинки на Вашей страничке вставляем вот этот код в страничку.

Моя первая страничка в Интернет.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.

Сохраните файл, откройте его в Internet Explorer и посмотрите что получилось.

Как видите, картинки вставляются в интернет-страничку с помощью тега img,где в параметре src указывается файл картинки.

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

Моя первая страничка в Интернет.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.


Ищете работу на дому? Нажмите здесь!

Если например Вы хотите сделать чтобы картинка являлась гиперссылкой то сделайте так:

Моя первая страничка в Интернет.

Приветствую Вас на моей страничке!

Здесь Вы найдете много интересного.


Ищете работу на домашнем компьютере? Щелкните здесь!

ПОЗДРАВЛЯЕМ!

Вы прошли начальный курс вебмастера и теперь можете делать простейшие страницы и с их помощью начать зарабатывать деньги!

 

Краткое руководство по HTML 3.2

БАЗИСНЫЕ ЭЛЕМЕНТЫ

Тип документа  (начало и конец файла)

Имя документа  (должно быть в заголовке)

Заголовок  (описание документа, например его имя)

Тело  (содержимое страницы)

ОПРЕДЕЛЕНИЕ СТРУКТУРЫ

Заглавие  (стандарт определяет 6 уровней)

с выравниванием 

Секция 

с выравниванием

Цитата

(обычно выделяется отступом)

Выделение (обычно изображается курсивом)

Дополнительное выделение  (обычно изображается жирным шрифтом)

Отсылка, цитата  (обычно курсив)

Код  (для листингов кода)

Пример вывода 

Ввод с клавиатуры 

Переменная 

Определение  (часто не поддерживается)

Адрес автора 

Большой шрифт 

Маленький шрифт 

ВНЕШНИЙ ВИД

Жирный 

Курсив 

(N3.0b) Подчеркнутый (часто не поддерживается)

Перечеркнутый  (часто не поддерживается)

(N3.0b) Перечеркнутый  (часто не поддерживается)

Верхний индекс 

Нижний индекс 

Печатная машинка  (изображается как шрифт фиксированой ширины)

Форматированый 

 (сохранить формат текста как есть)                             

Ширина

 (в символах)                             

Центрировать

(как текст, так и графика)

(N1.0) Мигающий (наиболее осмеянный элемент)

Размер шрифта (от 1 до 7)

Изменить размер шрифта

(N1.0) Базовый размер шрифта (от 1 до 7; по умолчанию 3)

Цвет шрифта

(N3.0b) Выбор шрифта

(N3.0b) Многоколоночный текст

(N3.0b) Пробел между колонками (по умолчанию 10 точек)

(N3.0b) Ширина колонки

(N3.0b) Пустой блок

(N3.0b) Тип пустого блока 

(N3.0b) Величина пустого блока 

(N3.0b) Размеры пустого блока 

(N3.0b) Выравнивание

ССЫЛКИ И ГРАФИКА

Ссылка

Ссылка на закладку (в другом документе)

 (в том же документе)

(N2.0) На другое окно 

Определить закладку 

Отношение  (часто не поддерживается)

Обратное отношение (часто не поддерживается)

Графика

Выравнивание

(N1.0) Выравнивание

Альтернатива *** (выводится если картинка не изображается)

Карта (нужна также программа)

Локальная карта

Определение карты

Области карты

Размеры (в точках)

Окантовка (в точках)

Отступ (в точках)

(N1.0) Заменитель в низком разрешении

(N1.1) Обновить

(N2.0) Включить об'ект (вставить об'ект в страницу)

(N2.0) Размер об'екта

РАЗДЕЛИТЕЛИ

Параграф

(закрывать элемент часто не обязательно)

Выравнивание

Новая строка
(одиночный перевод строки)

Убрать выравнивание

Горизонтальный разделитель


Выравнивание


Толщина


(в точках)

Ширина


(в точках)

(N1.0) Ширина в процентах


(в процентах от ширины страницы)

Сплошная линия


(без трехмерных эффектов)

(N1.0) Нет разбивки (запрещает перевод строки)

(N1.0) Перенос (где разбивать строку для переноса при необходимости)

СПИСКИ

Неупорядоченный

(
  • перед каждым элементом)

    Компактный

      Тип метки

        (для всего списка)

      • (этот и последующие)

        Нумерованый

        (
      • перед каждым элементом)

        Компактный

          Тип нумерации

            (для всего списка)

          1. (этот и следующие)

            Первый номер

              (для всего списка)

            1. (этот и следующие)

              Список определений

              (
              =термин,
              =определение)

              Компактный

              Меню

            2. (
            3. перед каждым элементом)

              Компактное

              Каталог

            4. (
            5. перед каждым элементом)

              Компактный

              ФОН И ЦВЕТА

              Фоновая картинка

              Цвет фона (порядок: красный/зеленый/синий)

              Цвет текста

              Цвет ссылки

              Пройденная ссылка

              Активная ссылка

              СПЕЦИАЛЬНЫЕ СИМВОЛЫ

              (обязаны быть в нижнем регистре)

              Специальный символ &#?; (где? это код ISO 8859-1)

              < <

              > >

              & &

              " "

              Торговая марка ТМ ®

              Copyright ©

              Неразделяющий пробел  

              ФОРМЫ

              Определить форму

              (N2.0) Посылка файла

              Поле ввода

              Имя поля

              Значение поля

              Отмечен (checkboxes и radio boxes)

              Размер поля (в символах)

              Максимальная длина (в символах)

              Список вариантов

              Имя списка

              Число вариантов

              Множественний выбор

              Имя текста

              (N2.0) Разбивка на строки

              ТАБЛИЦЫ

              Определить таблицу

              Окантовка таблицы

              Расстояние между ячейками

              Дополнение ячеек

              Желаемая ширина

              (в точках)

              Ширина в процентах

              (проценты от ширины страницы)

              Строка таблицы

              Выравнивание

              Ячейка таблицы

              (должна быть внутри строки)

              Выравнивание

              (как данные, но жирный шрифт и центровка)

              Выравнивание

              Выравнивание

              Без перевода строки

              Растягивание по колонке

              Растягивание по строке

              (N1.1) Желаемая ширина

              (в точках)

              (N1.1) Ширина в процентах

              (проценты от ширины страницы)

              (N3.0b) Цвет ячейки

              Заголовок таблицы

              Без перевода строки

              Растягивание по колонке

              Растягивание по строке

              (N1.1) Желаемая ширина

              (в точках)

              (N1.1) Ширина в процентах

              (проценты ширины таблицы)

              (N3.0b) Цвет ячейки

              Заглавие таблицы

              (сверху/снизу таблицы)

              ФРЕЙМЫ

              (N2.0) Документ с фреймами (вместо )

              (N2.0) Высота строк (точки или %)

              (N2.0) Высота строк (* = относительный размер)

              (N2.0) Ширина колонок (точки или %)

              (N2.0) Ширина колонок (* = относительный размер)

              (N3.0b) Ширина окантовки

              (N3.0b) Окантовка

              (N3.0b) Цвет окантовки

              (N2.0) Определить фрейм (содержание отдельного фрейма)

              (N2.0) Документ

              (N2.0) Имя фрейма

              (N2.0) Ширина границы (правая и левая границы)

              (N2.0) Высота границы (верхняя и нижняя границы)

              (N2.0) Скроллинг 

              (N2.0) Постоянный размер

              (N3.0b) Окантовка

              (N3.0b) Цвет окантовки

              (N2.0) Содержание без фреймов (для просмотрщиков не поддерживающих фреймы)

              ЯЗЫК JAVA

              Applet

              Applet — имя файла

              Параметры

              Applet — адрес

              Applet — имя (для ссылок из других частей страницы)

              Альтернативный текст (для программ не поддерживающих Java)

              Выравнивание

              Размеры (в точках)

              Отступ (в точках)

              РАЗНОЕ

              Комментарий (игнорируется просмотрщиком)

              Пролог HTML 3.2

              Поиск (означает начальную точку поиска)

              Приглашение (текст приглашения для поля ввода)

              Запустить поиск (используйте действительно знак вопроса)

              URL этого файла (должно быть в заголовке)

              (N2.0) Имя базового окна (должно быть в заголовке)

              Отношение (должно быть в заголовке)

              Метаинформация (должно быть в заголовке)

              Стили (часто не поддерживается)

              Программа (часто не поддерживается)

               

              2 Книги HTML в примерах

              Книга Введение в HTML

              Это не перевод скучной спецификации и не попытка написать учебник. Задача справочника — коротко и ясно описать действие всех элементов языка HTML, которые вы можете без опаски использовать при создании Internet-страниц, не боясь, что какая-то версия какого-либо браузера сделает вам неприятный сюрприз. Иначе говоря, здесь представлен "классический" HTML, употребляемый профессиональными web-разработчиками. И ничего лишнего. Все теги, не описанные в этом справочнике, можете смело выбросить в помойку

              Книга HTML в примерах

              Данная электронная книга в первую очередь предназначена для начинающих Веб-программистов, но также содержит некоторую информацию, полезную и для проффесионалов. Это — учебник и справочник в одной книге, который познакомит Вас с работай с HTML напрямую. Книга в первую очередь будет полезна для тех, кто не любит излишней лирики писателей. Здесь все построено на примерах с подробными коментариями. Любители построения сайтов с применением JavaScript, также найдут здесь много инересных примеров, узнают что представляет собой этот язык и как им пользоваться. Используя JavaScript вместе с CSS, Вы научитесь украшать такие элементы страниц, как формы, кнопки и т. п. Книга содержит программы, написанные на JavaScript, которые помогут Вам в построении сайта, информацию о тэгах, применяемых в HTML, дает ответы на многие вопросы…

              Скачать 2 книги HTML в примерах: http://www.webmasteruvse.ru/knigi.htm

               

              Разработка сайта. Десять самых важных НЕТ

              1. Не заставляйте посетителей ждать.

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

              До тех пор, пока аналоговые модемы не станут достоянием прошлого, основное правило для мастера — это удерживать свои страницы в рамках пятидесяти килобайт. В эту цифру входит вся графика, данные, результаты работы CGI скриптов и Java апплеты. На самом деле, при грамотной организации сайт редко возникает необходимость в страницах объемом более чем 25 kb.

              Есть несколько вещей, которые можно сделать для того, чтобы ваши страницы грузились так быстро, как только это возможно. Безусловно — основное правило — это найти самый быстрый сервер в интернете и разместить свой сайт именно на нем. Но это не всегда возможно и всегда недостаточно, поэтому есть несколько простых приемов, которые можно использовать для минимизации времени загрузки ваших страниц.

              Во-первых, используйте картинки маленького размера, настолько маленького, насколько можно без разрушения изобразительности и целостности образа. Во-вторых, используйте специальное программное обеспечение, такое как Ulead Web Razor, Adobe Photo Impact, Gif Animator; для оптимизации анимированных картинок.

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

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

              2. Не используйте передовых технологий.

              Не стремитесь использовать на своем сайте все новинки интернета. Пусть вас не беспокоят только что придуманные "прибабахи", подумайте лучше о том, что у большинства ваших пользователей нет еще новейшей версии браузера и необходимых плагинов (plug-in's). если посетитель встречает технологические проблемы при посещении вашего сайта, особенно такие. Которые могут привести к "зависанию" и краху системы, то вы его потом к себе калачом не заманите. Гораздо лучше дать возможность пользователю комфортно прочесть ваши страницы, чем фаршировать их суперновинками. Зачем искушать судьбу?

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

              3. Не используйте фреймы, если вы можете обойтись без них.

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

              Фреймы — это не тот инструмент, который стоит использовать, и есть всего лишь несколько вещей, которые нельзя сделать или очень трудно другими способами. Посмотрите на самые известные и посещаемы сайты в интернет, такие например, как Yahoo, — вы никогда не найдете там фреймовой структуры.

              4. Не используйте бесплатные и/или общедоступные библиотеки картинок.

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

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

              5. Не тратьте время на разговоры о себе.

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

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

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

              6. Не перегружайте ваш сайт ерундой.

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

              7. Не отпускайте посетителя на другой сайт.

              В том случае, если ваш основной доход составляет на продажа рекламного места, то не стоит просто так отпускать посетителей со своего сайта, лучше сказать: не стоит предоставлять им для этого изобилие возможностей. Особенно это касается таких критических участков, как заголовки страниц и — в первую очередь — титульная страница сайта. Безусловно, никогда не вредно размещать ссылки на сайты своих друзей и партнеров, но ни в коем случае не стоит этого делать сверху на странице, так чтобы пользователь первой на ваших страницах увидел рекламу чужого сайта. При необходимости размещения рекламы на страницах старайтесь использовать конструкцию "target=_new" в теге ссылки. Этот тег открывает новое окно браузера при активации ссылки, что позволяет вашему посетителю легко вернуться на ваш сайт.

              8. Не забудьте протестировать ваш сайт на совместимость с другими браузерами.

              Одна из самых печальных и неприятных вещей в web дизайне — это отсутствие реальных, работающих стандартов на программное обеспечение, а следовательно, непредсказуемость результатов. Каждый браузер имеет собственное мнение о том, как ему следует отображать вашу страницу на экране пользователя, и показывает ее хоть чуть-чуть, но иначе чем другие. Даже разные версии одного и того же браузера покажут вам одну и тужу страницу по-разному.

              Важнейшее ограничение, которое должен усвоить каждый мастер, работая в интернет — нет двух людей с одинаковыми системами на рабочем столе. Всегда следует помнить, что есть люди с 15'' мониторами и 16 — битной цветовой палитрой, а есть обладатели 21'' мониторов с такой цветностью, которой никогда не будет в web. Несмотря на то, что это не всегда возможно и удобно, постарайтесь сделать ваш сайт таким. Чтобы его могло прочитать по возможности максимальное количество народа. Никогда не делайте страницы шире 600 точек — горизонтальное прокручивание особенно не приветствуется.

              То, что выглядит замечательным у вас на мониторе, на экране вашего соседа может быть будет смотреться ужасно, так что потратьте немного времени и оттестируйте хорошенько ваш сайт на совместимость. Особенное внимание обратите на последние версии Netscape Navigator и Microsoft Explorer, так как именно с ними работает подавляющее большинство пользователей в интернет.

              9. Не забудьте отдать ваш сайт корректору.

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

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

              10. Не пренебрегайте контролем.

              Ваш сайт не работает, не приносит дохода, не дает требуемого отклика, но вы не представляете, почему так произошло… Чтобы этого не случилось, необходимо постоянно контролировать состояние сайт, посетителей на нем, поддерживать его активность, анализировать трафик и пр. Посмотрите, как пользователи перемещаются по вашему сайту, как они использую предлагаемые вами сервисы, что они пишут в конференциях и письмах. Ваш сайт — это сердце вашего представительства в Сети и для нормальной его работы за ним нужен постоянный уход, о нем нужно заботиться.

               

              Бесплатные программы для создания сайта

              Редакторы для создания сайта

              Sitecraft 3.0.0.2 Size: 23.94 MB, Rus, Cracked Сайткрафт — программа для тех, кому нужен сайт, но у кого нет времени разбираться в технических сложностях веб программирования, дизайнерских программ и сетевых протоколов. Это простой инструмент, построенный на основе разработанной нами технологии BabySteps (шаги ребенка). В нашем конструкторе вы создаете свой интернет-дом шаг за шагом, начиная от создания его Модели и заканчивая публикацией в сети. Одновременно, Конструктор — это вполне профессиональный инструмент. Весь процесс разработки сайта делается по простым шагам, начиная от создания его модели, дизайна, размещения всей информации на страницах и до его публикации. Графический редактор позволяет обрабатывать и изменять изображения прямо в программе, не прибегая к помощи Photoshop и другх графических редакторов. Интерфейс Сайткрафта сделан достаточно просто и понятно. Если же возникают какие-то вопросы, то ответы на них можно найти в учебнике, встроенный в Сайткрафт

              Nvu HTML-редактор (Size: 6.76MB, Rus, Free) Nvu позволяет с помощью нескольких кликов мыши создать веб-сайт. Программа представляет собой хорошую альтернативу платному редактору Dreamviewer и обладает всеми возможностями, которые могут понадобиться при создании сайта. Начинающим веб-дизайнерам предоставляется возможность создать сайт при помощи WYSIWYG-редактора (WYSIWYG — What you see is what you get), более опытные пользователи могут работать с кодом. Nvu может открывать страницы проекта на отдельных вкладках (tab), что существенно облегчает работу. Удобно и то, что на боковом поле окна программа показывает размер всех активных элементов в пикселях. Если, к примеру, вы кликните по таблице, то сразу увидите размер строк и столбцов. При помощи встроенного FTP-клиента созданный сайт можно тут же закачать на веб-сервер. Плюс к этому Nvu позволяет редактировать страницы сайта, уже размещенные на сервере, в онлайн-режиме.

              Extra hide studio 5.0 (Size: 3MB, Rus, Free) ХОРОШИЙ РЕДАКТОР ДЛЯ ПРОСМОТРА, КОРРЕКТИРОВКИ И СОЗДАНИЯ НОВЫХ HTML-СТРАНИЦ

              Сats html (Size: 2.10MB, Rus, +ключ) Единственная полноценная Русская программа для создания интернет сайтов и дизайна рассылок. Если вас ограничивают возможности шаблонов бесплатных сервисов типа Narod.ru, вы считаете, что писать в блокноте сайты довольно неудобно, а редакторы типа FrontPage кажутся громоздкими и неповоротливыми с кучей непонятных кнопок, да еще не на русском языке, то CatsHtml создана именно для Вас! Множество мастеров упростят вашу работу. Например имеется мастер вставки шаблонов страниц и скриптов (спецэффектов).

               

              Платный и бесплатный хостинг

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

              ХОСТИНГ — аренда дискового пространства у Провайдера для размещения Вашего сайта. Веб-хостинг (или виртуальный хостинг) — это размещение веб-сайтов клиентов на серверах Хостинг-провайдера и набор услуг по поддержанию аппаратного и программного обеспечения. При этом провайдер берет на себя ответственность за надлежащее функционирование сервера, обеспечивает своевременное обновление программного обеспечения. В услуги хостинга так-же, обычно, входит служба поддержки. Хостинг делится на ПЛАТНЫЙ и БЕСПЛАТНЫЙ. Бесплатный хостинг подойдет для простых домашних сайтов. Для средних и крупных сайтов необходим платный хостинг.

              Бесплатный хостинг. Подходит для простых сайтов. При бесплатном хостинге Вам предоставляется место для размещения сайта на одном из крупных серверов. Обычно на каждом сайте, размещенном на таком сервере, хостеры вешают свой рекламный баннер. Бесплатно сайт можно разместить на: narod.ru, mail.ru, agava.ru, holm.ru и др. Но помните, что разместив свой сайт на бесплатном Хостинге, Ваш сайт при подсчете тИЦ — не будет учитываться и ссылки с него на другие сайты также не будут учитываться, многие сайты с Вами не захотят иметь дело (обмен ссылками, некоторые партнерские программы, показы баннеров и т. д.), если Вы, конечно не опишете свой сайт в Каталоге Яндекса, что стоит несколько сотен долларов.

              Платный Хостинг — если Вы хотите иметь в Интернете серьёзный свой проект (сайт) на длительный срок, а не на один — два месяца, советую сразу подумать о покупке Домена 2-го уровня и платного Хостинга, что обойдется Вам на 1 год (потом можно продлить) у некоторых Хостинг-провайдеров, не более 1 тыс. руб. (можно для начала купить на 3 месяца или на полгода). В нашей книге ниже на этой странице представлен список самых лучших и недорогих Хостинг-Провайдеров.

              Дисковое пространство измеряется в Мегабайтах. Одна страница текста занимает обычно до 10 Килобайт. Одно фото занимает примерно 100 Килобайт. 100 Килобайт — это 1/10 Мегабайта, т. е. на 1 Мегабайте Дискового пространства можно разместить примерно 10 фотографий или 100 страниц текста. Путем несложных вычислений выберите сами, какой размер Дискового пространства Вам нужен, но всегда думайте о будущем. Выбирайте Дисковое пространство побольше, т. к. в дальнейшем Вам придется редактировать свой сайт, добавлять информацию, ссылки других сайтов, партнерские программы и т. д.

              Выбор Хостинга для сайта.

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

              Нажмите на название Хостинга, Вы перейдете на сайт выбранного Вами Хостинг-Провайдера на страницу с тарифными планами (откроется в новом окне).

              Хостинг — ДЖИНО. Если Вам нужен хороший, удобный и недорогой хостинг — выбирайте ДЖИНО.

              Место в 25 МБ там Вам обойдется всего в 0,04$ в сутки, 1,2$ в месяц соответственно. А 25 MB это очень много. Я со всеми своими книжками, сайтами и бонусами всего этого пространства не занимаю. Ну, а если размахнетесь на 50 МБ, то это будет стоить всего на 0,3$ дороже.

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

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

              На ДЖИНО есть раздел "Для чайников":-) Где расписано все очень подробно и доходчиво. Так что проблем с подключением у Вас не возникнет. А если все-таки понадобится консультация, то Вы можете побеседовать с оператором в режиме он-лайн. Это выглядит, как общение в чате.

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

              Кроме всего прочего, необычный дизайн сайта несомненно порадует ВАС.

              Так, что очень рекомендую ДЖИНО.

              1. NAROD.RU — один из лучших бесплатных хостингов в интернете. Дают домен в зоне narod.ru

              2. UCOZ.RU — самый популярный хостинг в интернете. Дают домен в зоне ucoz.ru

              3. SPACEWEB.RU — один из самых качественных и недорогих платных хостингов. Цена в месяц — от 21,67 руб. (скидки при оплате за 1 год и более). При заказе хостинга домен Вы получите бесплатно в подарок. Бесплатный хостинг для тестирования — 15 дней. Удобная и понятная панель управления сайтом. Консрукторы сайтов, бесплатные CMS (системы управления сайтом) — Mambo, Joomla, hostCMS, WebDirector, Drupal, форум phpBB, Gallery — галерея изображений. С помощью этих конструкторов сайта, Вы сможете сами сделать себе сайт, слегка изменив дизайн. Размер дискового пространства — от 75 до 1500 Мб. Неограниченное количество поддоменов. На всех тарифных планах — неограниченный трафик, WEB-интерфейс почты, проверка почты на вирусы и спам, автоответчики, PHP3/PHP4/PHP5, PERL, PYTHON, C++, SSI, FTP доступ, WAP, CGI, MySQL, предустановленные скрипты. Круглосуточная служба поддержки. При переносе сайта — бесплатный хостинг 3 месяца. РЕКОМЕНДУЕМ!

              4. HT-SYSTEMS.RU — отличный сервис и надежный профессиональный Хостинг. Удобный выбор тарифного плана под Ваш сайт. Размер дискового пространства — от 150 Мб до 14850 Мб. Бесплатные домены. На всех тарифных планах — неограниченный трафик, удобная панель управления, поддомены — неограниченно, парковка доменов, FTP доступ, SSH, Cron, CGI, BackUp, Почтовый web-интерфейс, SSI, Perl, PHP, MySQL, поддержка WAP, отличная служба техподдержки.

              5. AGAVA.ru — очень качественный хостинг. Цена в месяц — от 4 у.е. Дисковое пространство — от 200 Мб до 25Гб. На всех тарифных планах — неограниченный трафик, антивирус, POP3, SMTP, FTP-доступ, спам-фильтр, неограниченное кол-во почтовых аккаунтов. Панель управления, поддержка CGI, Perl, PHP, SSI, MySQL, SSH. Бесплатные домены.

              6. MOBYHOST.RU — качественный недорогой хостинг. Цена в месяц — от 1,95 у.е. (скидки). Размер дискового пространства — от 20 Мб до 1500 Мб. На всех тарифных планах — неограниченный трафик, неограниченно FTP аккаунтов, неограниченно E-mail аккаунтов, PhpMyAdmin, MySQL, Cron, POP3/SMTP/IMAP, автоответчики, фильтры почты, антивирус и антиспам CGI, PHP/Perl/Python, SSI, SSL, поддержка WAP, XML и Frontpage. Бесплатные домены.

              Для оформления услуг и оплаты Домена и Хостинга, а также для покупок и других расчётов в Интернет, Вам надо будет открыть счёт в платежной Интернет системе WebMoney.ru, все Хостинг-провайдеры принимают платежи через эту систему. Открытие счёта бесплатно.