Информационный дизайн WEB-сайта

МУРМАНСКАЯ АКАДЕМИЯ ЭКОНОМИКИ И УПРАВЛЕНИЯ
ИНФОРМАЦИОННЫЙ ДИЗАЙН WEB-САЙТА
Конспект лекций по дисциплине
для направлений
080100.62 «Экономика», 080500.62 «Менеджмент»
Мурманск
2012
Информационный дизайн WEB-сайта: конспект лекций по дисциплине
для обучающихся по направлениям подготовки 080100.62(Г) «Экономика»,
080500.62(Г) «Менеджмент» / сост. ст. преподаватель кафедры общественных и
естественных наук О.Х.Воронская. – Мурманск: МАЭУ, 2012. – 11с.
© Мурманская академия экономики
и управления, 2012
Понятие web-дизайна.
Что мы понимаем под дизайном?
Дизайн (виды сайтов)стремится охватить все аспекты окружающей человека среды.
Само слово дизайн пришло из итальянского языка и имеет множество значений.
«Disegno»— это замысел, план, намерение, цель, чертеж, эскиз, набросок, рисунок,
узор, модель, шаблон, схема, композиция.
Термин вебдизайн или виды сайтов по-разному воспринимался и разнообразно
использовался в разных странах, что говорит об особом отношении к этому виду искусства.
Для Интернета понимание дизайна носит особый характер. В последнее время вебдизайн (дизайн сайта) является весьма распространенным видом дизайна. И это
неудивительно, ведь развитие Интернет является весьма удобным как для реализации
экономических интересов различных компаний, так и художественных замыслов дизайнера.
Веб-дизайн является одним из наиболее современныхвидов дизайнерского искусства.
При этом веб-дизайн (в сети часто встречается написание без дефиса: вебдизайн, webдизайн,
поэтому не обращайте внимание на разное написание этих слов сайтов старается отвечать
всем условиям практичного использования.
В основе web-дизайна лежат те же основные принципы, что и в основе других
разновидностей дизайна:
Принцип функционализма: «что функционально, то красиво». Этот принцип
был сформулирован в конце 20-го века в школе Баухауз. При создании web-дизайна сайта
решаются все вопросы его функционирования, а поэтому при разработке макета сайта этот
принцип не может не использоваться.
Принцип конструктивизма, который заключается не в цели составления
композиции, а в цели создания её конструкции. В web-дизайне очень важным является
совокупность графических элементов и их смысловое расположение на странице сайта.
Сайт, продуманный в техническом смысле, должен быть проникнут духовной
идеей, и, лишь тогда он сможет претендовать на конкурирование с другими работами
подобного направления.
История видов сайтов.
В 1997 году произошел массовый отход от фреймовых структур, и в сайтостроении
началось повальное увлечение flash. Flash, flash-анимация — технология создания
анимированной графики, введенная в широкие слои пользователей в 1996 году. Она до сих
пор остается модным течением в web-дизайне.
В 2001 году модным направлением в web-дизайне сталаскетизм, строгость и
простота структурирования информации на сайте.
В 2000-2002 году модным направлением WEB-дизайнастало предоставление
заказчику возможности самому редактировать свой сайт ON-LINE. Для этого создавался
специальный WEB-интерфейс на самом сайте.
Сегодня в web-дизайне сайтов модно то, что стильно, хорошо запоминается,
выполнено с хорошим качеством и чувством меры.
Сегодня в связи с увеличением каналов возросла скорость соединения,
соответственно, все чаще можно увидетьсложные графически web-дизайны, получает свое
развитие 3D графика. При этом спецэффектов в web-дизайне все меньше, применяются они в
основном там, где это работает на повышение эффективности сайта, а не ради сомнительной
красоты. В частности, из моды вышли заглавные страницы — красочные «обложки», и
деловые сайты имеют информационную заглавную страницу.
Сегодня в web-дизайне сайтов модно то, что стильно, хорошо запоминается,
выполнено с хорошим качеством и чувством меры.
Информационный дизайн
Информационный дизайн — один из подвидов дизайна отвечающий за представление
информации ( логические связи, компоновка, средства визуального представления)
Информационный дизайн (Information design) - практика подготовки информации
(дизайн информации) таким образом, чтобы люди могли использовать ее оперативно и
эффективно
Одной из главных задач информационного дизайна - это донести до пользователя
наибольшее количество информации за наименьшее количество времени.
Роль информационного дизайна в современном ИТ мире трудно переоценить. В
течение последних лет компьютеры вышли из разряда мощных калькуляторов и стали
помощниками во всех сферах деятельности человека благодаря развитию способов
взаимодействия пользователя с компьютером.
Процесс информационного дизайна.
В проведении первичного дизайна или редизайна программной системы или сайта нет
ничего сложного достаточно выполнить ряд последовательных этапов описанных ниже.
1. Составить пользовательские требования
На данном этапе мы должны составить таблицу содержащую информацию о
пользователе и выполняемых им действиях с использованием данного программного
продукта или сайта.
Несмотря на видимую простоту задачи решить ее быстро и правильно можно только
при наличии опыта и знаний о механизме работы.
Во первых необходимо определить либо виды пользователей для систем широкого
пользования, либо круг лиц которые в дальнейшем с данным решением будут работать.
Во вторых необходимо произвести среди них сбор данных
Есть 2 пути для получения данных: опрос пользователей или наблюдение
Опрос пользователей является более быстрым, но менее надежным. Каждому
пользователю или для систем предназначенных для работы с широкой аудиторией
представителям разных видов пользователей предлагается ответить на вопросы какие
действия он будет выполнять. Опрос проводится для функций уровня пользователя.
Например для систем учета данных это: ввод данных, формирование отчетов,
редактирование справочников, регистрация, управление пользователями. (список без деления
на группы пользователей)
Второй метод: наблюдение, требует на порядок больше времени, но дает лучшие
результаты в следствии того что в ходе работы информационный дизайнер становится
непосредственным участником процесса работы.
Для выполнения необходимо для каждого пользователя или для представителей групп
пользователей произвести запись последовательности выполняемых ими действий для
решения той или иной задачи. В отличии от предыдущего метода данные полученные в этом
пригодятся нам и при разработке пользовательских сценариев.
Как видно из описания если в случае опроса мы имеем большое количество ошибок
т.к. большинство пользователей может элементарно забыть о ряде действий или
самостоятельно проведя оценку важности отнести их к разряду второстепенных, то во
втором случае дизайнер получает возможность получить требуемый ему для работы уровень
детализации процесса исполнения.
2. Составить функциональный набор
Использую данные полученные в предыдущем этапе теперь необходимо составить
функциональную таблицу для программы.
В этой таблице размещается информация о всех функциях уровня пользователя
необходимых для работы системы.
Ничего сложного в этом процессе нет. Необходимо взять действия пользователей
выполняемые ими из данных предыдущего пункта без детализации и отбросить дубликаты.
При отбрасывании дублирующих действий необходимо внимательно следить за
детальной информацией по действию т.к. для разных пользователей действие может
выполняться в разных формах и иметь различные уровни детализации.
3. Определить характеристики потенциальных пользователей
Необходимо ввести классификацию пользователей желательно в форме таблицы или
диаграммы разбив их на классы (оператор, администратор, наблюдатель)
В западной схеме проведения дизайна так же используется методика визуализации
пользователя. Точных данных нет но по всей видимости данное явление пришло из
маркетинга. Заключается оно в построении фото робота усредненного пользователя каждой
категории.
Занятие это достаточно ресурсоемкое поэтому проведение его повсеместно я лично не
рекомендую. Идти на подобный шаг имеет смысл в случае наличия среди пользователей
например группы людей с ограниченными физическими возможностями, детей или любых
других групп имеющих ограничения на физиологическом уровне.
4. Написать пользовательские сценарии
Используя данные предыдущих двух пунктов необходимо для каждой группы
пользователей расписать последовательность выполняемых действий для каждого пункта
функционального набора данной группы.
В случае если в пункте 2 мы использовали опрос, тогда на данном этапе дизайнер
должен провести повторный опрос с просьбой детализировать набор действий для каждого
пункта функционального набора и проанализировав полученные результаты выполнить
построение усредненного сценария.
Если же в пункте 2 мы использовали наблюдение, то повторный опрос не проводится
и пользовательский сценарий пишется на базе имеющихся данных.
5. Оптимизировать пользовательские сценарии
Обладая пользовательскими сценариями на данном этапе дизайнер отслеживает, все
ли действия сценария требуют взаимодействия с пользователем, имеется ли в наборе
действий излишний или дублирующийся функционал.
Наибольшие результаты от данного шага получаются в случае автоматизации
физических процессов в которых процесс излишних действий или действий, которые можно
вывести на автоматический уровень достигает 70-80%
6. Разработать структуру интерфейса
Обладая набором оптимизированных пользовательских сценариев дизайнер
разрабатывает структуру интерфейса будущего программного продукта или сайта.
Здесь необходимо отметить что на данном этапе развития ИТ рынка разработка
отдельного пользовательского интерфейса для каждой группы пользователей не только не
является избыточным, но и начинает приобретать форму стандарта.
При разработке интерфейса необходимо помнить:
a. Меню не должно содержать более 5-7 элементов на одном уровне.
b. В зависимости от использования пользователем того или иного средства ввода
информации (мышь, клавиатура) необходимо предусмотреть дублирование возможных
способов работы
c. Группировка элементов управления осуществляется согласно функциональной
принадлежности
d. В зависимости от частоты использования того или иного элемента управления
необходимо предусмотреть возможность выделения его размером, размещением, графикой
или цветом.
e. Не нужно размещать излишние элементы управления отвечающие за
неиспользуемые или недоступные данной группе пользователей возможности.
f. В идеальном варианте доступ к любой функциональной возможности требует от
пользователя не более 2-х кликов или нажатий клавиш.
7. Описать и разработать нестандартные элементы управления
В случае если в ходе разработке интерфейса для улучшения функционала было
принято решение о введении в интерфейс нестандартных элементов управления в рамках
данного этапа необходимо детально описать внешний вид элемента и логику его работы.
Стоит помнить о том, что введение нестандартных элементов интерфейса можно
считать обоснованным в случае если они:
1. Дублируют физические, привычные пользователю сущности (управление Winamp)
2. Обладают интуитивно понятными внешним видом и функциями
8. Провести тестирование на фокус группе
По завершении описанных выше этапов необходимо разработать первичный вариант
интерфейса и предложить пользователям фокус группы поработать с ним.
По итогам работы заполняется отчет содержащий информацию: о времени
затраченном пользователем на выполнение того или иного действия, невыполнении
пользователем того или иного действия, возникающих в ходе работы у пользователей
вопросах, возникших в ходе работы ошибках.
При разработке концепции информационного наполнения сайта следует учитывать
следующие факторы:
1) Тип и формат представления информации
Чтобы определить тип и формат подачи информации, необходимо ответить на
несколько вопросов. Будет ли достаточным использование только обычного текста и
графики? Возможно, оптимальной будет необходимость интегрировать в контент сайта
видео, звуковые файлы, Flash-презентации, VRLM-страницы и т.д.? Будет ли сайт состоять из
статичных Html-страниц, или пользователю будет выдаваться информация, специально
скомпилированная для него из баз данных (например, сравнительные таблицы с
характеристиками продуктов и ценами на них)? В случае динамических страниц появляется
возможность выдавать пользователю именно ту информацию, которая его интересует, и
именно в том виде, который максимально удобен для восприятия, анализа, принятия решений
и т.д.
2) Структурирование информации
С самого начала следует определиться - каким образом можно структурировать
информацию, из каких разделов будет состоять сайт. Сразу надо заметить, что сегментацию
информации можно производить по различным критериям:
- по типу аудитории для которой та либо иная информация будет интересна или
полезна;
- по времени поступления информации;
- по степени важности информации;
- по структуре принятой внутри самой компании (для корпоративных сайтов);
- по типу самой информации и по множеству других критериев.
Нужно определиться и с общим объемом представленной на сайте информации и о
путях расширения содержания в будущем. Важный вопрос - источники формирования
контента. Сможете ли Вы подготовить всю информацию сами или Вам нужно привлекать
сторонних специалистов (журналистов, копирайтеров, аналитиков и т.д.)? Сколько времени
займет процесс подготовки материалов, будете ли Вы использовать внешние источники
информации, если да, то на каких условиях?
От объема и сегментации информации на сайте зависит выбор средств навигации.
Самое главное требование, предъявляемое к системе навигации состоит в том, чтобы она
была интуитивно понятной для пользователей с любым уровнем подготовки. Она не только
должна позволять пользователю быстро найти именно то, что ему необходимо и сразу давать
представление о том, из чего состоит сайт и что еще полезного можно здесь найти.
Существует целый набор средств навигации. Считается хорошим тоном иметь на
сайте сразу несколько дублирующих друг друга разноплановых инструментов навигации,
каждый из которых будет более удобен как для определенного круга пользователей, так и для
разных типов поиска на сервере. К элементам навигации относятся:
Меню - список основных разделов сайта (часто с раскрывающимися подменю),
располагается на главной или сразу на всех страницах сервера;
Выпадающий список - не обладает наглядностью меню, где все сразу разделы
находятся в зоне видимости, но очень компактен;
Карта сайта - наиболее полезный, с моей точки зрения, инструмент - специальная
выделенная страничка на сервере, содержащая полную структуру сайта;
Back and Forward - если на сайте информация изложена последовательно (как в
книге), то практикуется система листания, когда после прочтения страницы пользователь
нажимает кнопку "next" и получает следующую порцию информации;
Поисковая машина на сервере - незаменима для очень больших сайтов со сложной
структурой и особенно с отсутствием оной. Ищет документы, содержащие введенные
пользователем ключевые слова или выражения.
3) Форма подачи информации.
В Интернете, как ни в каком другом средстве масс-медиа, важно максимально быстро
завладеть вниманием пользователей, поскольку на расстоянии одного щелчка мыши
находятся другие сайты сходной тематики или сайты конкурентов.
Уже по главной странице пользователь должен понять, что представляет собой сервер
и чем будет интересен/полезен. Здесь же, на главной странице, следует помещать анонсы
новостей, оповещать о новых продуктах и маркетинговых программах. Подобная
информация будет полезной для повторных или постоянных посетителей: если их каждый
раз встречает что-то новое, это хороший стимул возвращаться на сайт вновь. К тому же такая
мобильность - показатель динамичного развития компании и сайта.
Из-за дефицита внимания, в Сети часто практикуется пирамидальная структура
представления информации: сначала главное, ниже - подробности. Лента новостей также
состоит из заголовка и краткого анонса - если интересно, нажми на ссылку "подробнее" и
прочитай полный текст.
Желательно разбивать информацию на небольшие порции. Редко кто из пользователей
читает с экрана очень длинные файлы. В то же время "версии для печати" рекомендуется
делать "нормального" размера, а не дробить на небольшие куски.
Очень важным является и объем страниц. Нельзя допустить потери посетителя только
потому, что он не смог дождаться до конца загрузки Вашего сайта. Желательно не делать
объем заглавной страницы более 70 килобайт, для всех остальных страниц требования к
размеру еще жестче. Не злоупотребляйте графикой и другими элементами, имеющими
большой объем. А та графика, которая используется, должна быть максимально
оптимизирована.
Модульные сетки
Что такое модульная сетка?
Это невидимый скелет вашего дизайна – система горизонтальных и вертикальных (а
порой еще диагональных и дуговых) направляющих, помогающих сориентировать и
согласовать между собой отдельные элементы композиции.
Модульная сетка представляет собой набор невидимых направляющих, вдоль которых
располагаются элементы веб-страницы. Это облегчает размещение данных в документе,
обеспечивает визуальную связь между отдельными блоками и сохраняет преемственность
дизайна при переходе от одной страницы к другой.
Веб-страница фактически рассматривается как набор прямоугольных блоков, которые
выкладываются в определенном порядке. При этом, как правило, данные располагаются по
колонкам, поэтому при верстке применяют термин одно-, двух-, трехколонный макет и т.д.
Модульные сетки позволяют упростить верстку сайта, поскольку все материалы
разбиваются на отдельные блоки, которые выравниваются по невидимым направляющим
линиям. Такие блоки хотя и взаимосвязаны друг с другом, но обычно дозволяют независимое
редактирование данных, что упрощает оформление элементов.
Итак - какие модули должны присутствовать на главной странице сайта? Рассмотрим
самый типичный вариант для среднего сайта средней фирмы или не самый "запущенный"
вариант авторской страницы.
1.
Название (сайта или организации)
2.
Логотип (или любой графический знак, который уникальным образом
идентифицирует проект или организацию)
3.
Навигационное меню (в простейшем случае это один блок, однако, как
мы рассмотрим в следующих выпусках, их может быть несколько в рамках одного
проекта и одной страницы проекта).
4.
Данные. Собственно содержание первой страницы.
5.
Второстепенные данные. Это может быть графический баннер
партнерского проекта или текстовая информация о спонсорах...
Для домашней страницы (в большинстве случаев) разработчики выбирают
двухколоночную модульную сетку. При этом пропорции ширины колонок так же зависят от
содержания и целей проекта.
В отличии от полиграфических колонок модульная сетка может быть не только
статической, фиксированной (ширина каждой колонки строго зафиксирована), но и
динамической, резиновой. Т.е. есть возможность задать ширину всех колонок в процентах,
или же сделать растягиваемой, резиновой только одну колонку и зафиксировать размер
остальных.
Наиболее популярная модульная сетка для авторских сайтов и проектов с умеренным
объемом содержания (и наиболее легкая в реализации) - это сетка из двух колонок,
пропорции которой расчитываются следующим образом:
во-первых с учетом наиболее популярного по статистике разрешения экрана на
сегодняшний день - 1024х768,
во-вторых с учетом того, чтобы при разрешении экрана 800х600 не появлялась
горизонтальная полоса прокрутки (для этого суммарная ширина всех колонок не
должна превышать 770 пикселей),
в третьих, с учетом того, что колонка, которая определена как модуль для
отображения собственно информации была больше, чем колонка, которая
определена как модуль-навигационное меню.
Таким образом пропорция выбирается 150px+620px или же 200px+550px. Мы
получаем сетку из двух колонок, причем в меньшей предполагается расположить
навигационное меню, а в большей - содержание.
Прикладные программы для создания Веб – сайтов
Web - сайт – это набор Web-страниц и файлов связанных между собой гиперссылками.
Web-страницы или гипертекстовые документы представляют собой текст, в котором
содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают
форматирование элементов страницы и позволяют размещать на ней графические объекты,
рисунки, гиперссылки и т.д.
Web-страницы создаются с помощью специального языка HTML. HTML или Hyper
Text Markup Language является языком разметки гипертекста, разметка осуществляется с
помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML.
В настоящее время для создания интерактивных сайтов применяются различные
современные технологии:, PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access
и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены
CMS (Системой Управления Контентом - Content Management Systems).
Управляемые сайты создаются разработчиками для того, чтобы информационную
поддержку и сопровождение сайта (например, обновление содержания или контента сайта)
мог осуществлять сам владелец сайта.
Как осуществляется передача Web-страниц в Интернет?
Возможность работы с Web-страницами обеспечивает один из видов сервиса Internet,
который называется World Wide Web или сокращенно WWW. В основу World Wide Web был
положен протокол прикладного уровня http, который обеспечивает прием и передачу Webстраниц.
WWW работает по принципу клиент-серверы: серверы Internet, по запросу клиента,
который осуществляется с помощью Web-броузера, установленного на компьютере
пользователя, направляют ему копии документов. Получив затребованные документы, Webброузер ПК пользователя, интерпретирует данные и отображает содержание документов на
экране.
Для создания Веб–сайта компании необходимо:
определить цель создания сайта
разработать ТЗ
зарегистрировать домен сайта в определенной зоне (com, ru, ua, net и т.д.)
разработать сайт
разместить сайт на хостинге
зарегистрировать в поисковых системах и тематических каталогах
выполнить поисковую оптимизацию сайта
осуществлять постоянную поддержку сайта
Определение цели создания сайта
Сайты создаются для различных целей, например: для ведения электронного бизнеса,
для поддержки учебного процесса, для предоставления информации, предоставления
финансовых услуг и т.д.
Разработка технического задания
В техническом задании учитываются все этапы разработки и сопровождения сайта,
цели и назначение сайта, его дизайн, методы навигации, указывается язык разметки страниц
и т.д.
Обычно сайт должен включать:
1. Информацию о компании, реквизиты: почтовый адрес. Телефон, адрес электронной
почты
2. Каталог предлагаемой продукции или услуг
3. Информационный раздел (новости, статьи, аналитические обзоры по тематике
предлагаемой продукции или услуг)
4. Гостевую книгу
5. Способы оплаты
6. Счетчики числа посетителей (счетчики рейтингов).
Регистрация домена
Регистрация домена осуществляется в выбранной пользователем зоне ua, ru, com, net,
info и так далее. В зависимости от назначения сайта выбирается его зона регистрации. Для
регистрации сайта желательно выбрать домен второго уровня, например www.lessons-tva.info,
хотя можно работать и с доменом третьего уровня, например tva.jino.ru.
Домен второго уровня регистрируется у регистратора – организации занимающейся
администрированием доменных имен, например http://www.imhoster.net/domain.htm. Домен
третьего уровня приобретается, как правило, вместе с хостингом у хостинговой компании.
Имя сайта выбирают исходя из вида деятельности, названия компании или фамилии
владельца сайта.
Разработка сайта - важнейший этап создания сайта
Разработка сайта это сложный и трудоемкий процесс. При разработке сайта
необходимо уделять большое внимание содержимому, структуре и дизайну (графическому
оформлению) Web-страниц, а также структуре Web-сайта и методам навигации по Web-узлу.
Главное на сайте – это его содержание или контент, структурированность
информации, навигация, а затем графическое оформление или дизайн сайта. Другими
словами дизайн сайта определяется содержанием материалов, которые будут на нем
публиковаться.
Для разработки сайта используются различные средства: конструкторы сайтов
(дизайнеры), WebCoder 1.6.0.0, профессиональные приложения: Macromedia HomeSite Plus
v5.1 for Windows XP, Macromedia Dreamweaver, Microsoft FrontPage и т.д. Для создания
сайтов целесообразно использовать редакторы на русском языке Macromedia Dreamweaver
8.0.1 или FrontPage 2003.
В редакторе FrontPage существуют мастера, которые позволяют легко создавать Webсайт, и шаблоны Web-страниц и Web-узлов, содержащие разметку (структуру) и дизайн
необходимые для быстрого создания как Web-страниц, так и Web-сайтов. С помощью
FrontPage можно также создавать Web-страницы и Web-сайты на базе пустой страницы и
пустого Web-узла.
При создании сайта необходимо оптимизировать его для поисковых систем, так как
целевой посетитель приходит на сайты в основном с поисковых систем, поэтому необходимо
стремиться к высокому рейтингу в поисковых системах.
Особое внимание необходимо уделять таким мета - тегам как Тitle (заголовок),
Keywords (ключевые слова) и Description (описание), а также расположению ключевых слов в
тексте Web-страниц
Размещение сайта на хостинге
Один из важнейших этапов создания сайта является размещение его на хостинге. Вебхостинг - это место для размещения сайта на сервере в сети Internet, который предоставляет
доступ к Web-страницам посетителям сайта. Серверы предлагают как платные, так и
бесплатные хостинги. Отличие этих хостингов состоит в качестве предоставляемых услуг.
Для обучения выбирайте бесплатные хостинги и только после приобретения навыков ведения
электронного бизнеса или коммерции, размещайте свои сайты на платных хостингах.
Для размещения сайта на хостинге необходимо зарегистрироваться на одном из
серверов, который предоставляет услуги по размещению. Интернет-адрес или доменный
адрес сайта зависит от того, какой Вы уровень домена приобрели. При работе в Internet
используются не доменные имена, а универсальные указатели ресурсов, называемые URL
(Universal Resource Locator).
URL - это адрес любого ресурса (документа, файла) в Internet, он указывает, с
помощью какого протокола следует к нему обращаться, какую программу следует запустить
на сервере и к какому конкретному файлу следует обратиться на сервере. Общий вид URL:
протокол://хост-компьютер/имя файла (например:http://www.lessons-tva.info/book.html).
Для загрузки файлов сайта на сервер можно использовать файловый менеджер
(команду загрузить) из раздела управление сайтом на сервере, на котором Вы размещаете
сайт. Сначала с помощью файлового менеджера создайте на сервере директорию (папку), в
которую будете помещать файлы или выберите готовую папку на сервере.
Загрузить файлы на сервер можно и с помощью браузера (Internet Explorer) по
протоколу ftp, например ftp://www.lessons-tva.info/. Далее появится диалоговое окно с
запросом ввести пароль, после ввода пароля и нажатия кнопки "ОК" в окне просмотра будут
отображены все Ваши директории на сервере.
Далее откройте папку, где будут размещены файлы сайта и скопируйте их туда одним
из методов. Адрес FTP-сервера указывается в персональных данных, которые вы получите
после регистрации на сервере. Чтобы соединение по FTP-протоколу происходило быстрее
необходимо предварительно войти в свой аккаунт по протоколу http.
Но лучше всего для загрузки файлов использовать WC или Total Commander для этого
в меню "СЕТЬ" выбрать команду "Новое FTP - соединение" и в появившемся диалоговом
окне "Соединиться" ввести FTP-адрес (например, ftp://www.lessons-tva.info/). Затем по
запросу ввести пароль и на одной из панелей WC появятся папки, расположенные на сервере,
в одну из них необходимо поместить (скопировать) файлы.
Далее Вы присвойте имя этому соединению и сохраните его. Это имя будет помещено
в опцию "Соединиться с FTP-сервером" в меню "СЕТЬ". При повторном соединении
(например, при обновлении страничек) Вы выбираете это имя, далее на запрос вводите
пароль и соединяетесь с директорией, в которой находятся странички и файлы Вашего сайта.
Регистрация сайта в поисковых системах и тематических каталогах
После размещения сайта на хостинге необходимо зарегистрироваться в поисковых
системах и тематических каталогах Yahoo, Rambler, Апорт и (адреса регистрации находятся
на страничке http://www.lessons-tva.info/favorite.html) и осуществить раскрутку сайта. Для
раскрутки применяются различные средства.
Контроль посещаемости сайта осуществляется по счетчикам. Поисковые машины, как
правило, имеют рейтинговые системы, которые ранжируют ресурсы по их посещаемости.
Для участия в рейтинге установите на главной странице своего сайта счетчики рейтингов.
Поддержка и регулярные обновления (развитие) сайта
Далее Вы должны осуществлять поддержку и регулярные обновления сайта. Причем
чем чаще Вы будете обновлять информацию на сайте, тем больше будет целевых посетителей
сайта и естественно потребителей Вашей продукции или услуг.