создание и разработка веб-сайтов
поисковая оптимизация и реклама
статьи о программировании и веб-дизайне

Ссылки по теме:
 

Первый сайт

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

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

За основу возьмём сайт http://www.itfn.ru/.

Начиная работу над проектом, Авторы вывели тему и направление сайта веб дизайн, программирование, 3D–графика.
После этого придумали разделы: о проекте, работы, статьи, реклама, контакты.

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

2) Мы определились с разделами и приступаем к дизайну сайта. Определитесь с цветовой гаммой! Цвета не должны резать глаз. Графику на странице старайтесь располагать в соответствии с правилом золотого сечения. Всё должно быть красиво, стильно и аккуратно.

3) Дизайн готов, мы переходим к вёрстке сайта в HTML. Для этих целей нам понадобится HTML–редактор, Авторы пользуются Macromedia HomeSite (http://adobe.com/products/homesite/).

а) Первое, с чего начинается вёрстка, это с описания разметки документа , отсутствие объявления типа документа и информации о его версии не позволяет правильно обрабатывать этот документ. Не факт, что сайт будет выглядеть неправильно, но то, что один из принципов правильного сайта будет нарушен — факт! Подробнее о разметке документа можно прочитать здесь (http://www.i2r.ru/static/479/out_23105.shtml)

б) далее идут <тэги> в следующей последовательности:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Название страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="Описание страницы"> <meta name="keywords" content="Ключевые слова встречающиеся на странице"> </head> <body> Содержимое страницы, которое выдаётся посетителю сайта. </body> </html> Как мы видим из приведённого выше примера, всё просто. Основным тэгом является <html>, в него заключена информация предназначенная для роботов поисковых систем, браузеров и пользователей. Рассмотрим подробнее: в тэги <head></head> заключена описательная часть страницы. Тэг <title> необходим для того, чтобы страница Вашего сайта получила название.
Мета тэги используются для быстрого определения информационного содержания сайта. В мета тегах указывается кодировка, в которой должен выводиться сайт, краткое описание страницы, ключевые слова, которые встречаются на этой странице.

4) Вуаля! Основные секреты правильного сайта раскрыты.

Держитесь ближе к нашему сайту и скоро Вы узнаете, как правильно совмещать графику и HTML.


10 апреля 2007 года
Автор: Паринов Алексей.