Смекни!
smekni.com

Создание локальной версии Web-сайта компании (стр. 13 из 14)

</body>

</html>


1.2.10 HTML – кодWeb-страницы «Контакты»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Art Mix: Контакты</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper"> <div id="content"> <div id="header"> <div id="logo"> <h1>Art Mix</h1> <h4>Студиядизайна</h4> </div> <div id="links"> <ul> <li><a href="index.html">Дизайнинтерьера</a></li> <li><a href="f.html">Фотогалерея</a></li> <li><a href="st.html">Стоимостьуслуг</a></li> <li><a href="stat.html">Статьи</a></li> <li><a href="cont.html">Контакты</a></li> </ul> </div> </div> <div id="mainimg"> </div> <div id="contentarea"> <div id="leftbar"> <h2>Контакты</h2>

<BODY LANG="ru-RU" LINK="#0000ff" VLINK="#800000" DIR="LTR">

<P STYLE="margin-bottom: 0cm; font-weight: normal"><BR>

</P>

<TABLE WIDTH=30% BORDER=0 CELLPADDING=0 CELLSPACING=0> <COL WIDTH=128*> <COL WIDTH=128*> <TR VALIGN=TOP> <TD WIDTH=50%><P>Телефон:</P></TD> <TD WIDTH=50%><P><B>8(952) 853 12 72</B></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=50%> <P STYLE="font-weight: normal">E-mail: </P> </TD> <TD WIDTH=50%> <P STYLE="font-weight: normal"><FONT COLOR="#0000ff"><A HREF="mailto:artmixdesgn@mail.ru" style="padding:0;"><SPAN LANG="en-US">artmixdesgn@mail.ru</SPAN></A></FONT></P> </TD> </TR>

</TABLE>

<P STYLE="margin-bottom: 0cm; font-weight: normal"><BR>

</P>

<P STYLE="margin-bottom: 0cm; font-weight: normal"><BR>

</P>

<P STYLE="margin-bottom: 0cm">Если Вы зашли к нам на

сайт в нерабочее время, заполните онлайн

заявку на консультацию и мы Вам перезвоним!</P>

<BR>

<TABLEWIDTH=30% BORDER=0 CELLPADDING=0 CELLSPACING=0> <COLWIDTH=128*> <COLWIDTH=128*> <TRVALIGN=TOP> <TDWIDTH=50%> <P>Имя, фамилия:</P> </TD> <TDWIDTH=50%> <P><inputtype="edit" /> </P> </TD> </TR> <TRVALIGN=TOP> <TDWIDTH=50%> <P>Тел.:</P> </TD> <TDWIDTH=50%> <P><inputtype="edit" /> </P> </TD> </TR> <TRVALIGN=TOP> <TDWIDTH=50%> <P>E-mail:</P> </TD> <TDWIDTH=50%> <P><inputtype="edit"/> </P> </TD> </TR> <TRVALIGN=TOP> <TDWIDTH=99%>

<P> <input type="button" VALUE="Отправить">

</P> </TD> <TD WIDTH=1%> </TD> </TR>

</TABLE>

<P STYLE="margin-bottom: 0cm"><BR>

</P> </div> </div> <div id="bottom"> </div> </div>

</div>

</body>

</html>


2. Теоретические аспекты создания сайта и продвижения его в сети Интернет

2.1 Теоретические аспекты создания сайта

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

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

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

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

Другим важным аспектом создания сайта является оформление или дизайн – внешний вид сайта. Оформление сайта подсказывает посетителю, куда он попал: на корпоративный сайт какой-либо компании, информационный портал, литературный сайт, или какой-либо другой ресурс. Оформление помогает посетителю ориентироваться по сайту, но может, и наоборот, сбить посетителя с толку так, что даже при хорошо разработанной структуре посетителю будет трудно ориентироваться. Дизайн – это целая наука, она включает в себя такие понятия, как колористка (теория цвета), композиция, шрифт, работа с графическими редакторами и т.п. От оформления зависит многое - визуальная информация не менее важна, чем текстовая. Основным этапом создания сайта является написание html-кода и программирование. Код отвечает за то, что пользователь видит в определенной последовательности на странице текст и картинки. Как правило, код этот пишется на языке разметки текстовых документов html.html достаточно прост, и практически каждый пользователь может освоить его, чтобы создавать свои не слишком сложные веб-сайты. Также не слишком сложны для изучения таблицы каскадных стилей – CSS – дополнительное средство, при помощи которого можно управлять содержимым страниц, CSS, по сути, дополняет HTML, расширяя его возможности.Но HTML и CSS отвечают только за разметку внешнего вида документа (страницы), а для того, чтобы реализовать более сложные вещи, например, гостевую книгу, или поиск по сайту, или форуму, нужны уже другие средства. Нужно знать языки программирования для веб – PERL, PHP, ASP или другие. При помощи языков веб-программирования пишутся программы – скрипты. Скрипты представляют собой некий последовательный набор команд, для выполнения определенных действий или операций (например, чтобы запись, введенная вашим посетителем, добавилась в вашу гостевую книгу). Кодинг и программирование является достаточно сложным этапом в создании сайта. От того, кто разрабатывает программную начинку сайта, и пишет код сайта, также как от дизайнера, требуются хорошие, твердые знания и опыт, чтобы создать хороший коммерческий, серьезный проект. Последним этапом создания сайта является его тестирование и доработка. Когда сайт готов, его выкладывают в сеть (Интернет). Для этого нужно завести для сайта доменное имя (адрес), и хостинг (место для вашей страницы). Когда сайт выложен, то прежде, чем его раскручивать и рекламировать, следует проверить сайт на работоспособность. Возможно, какие-то скрипты выполняются с ошибками или не хватает какой-либо важной информации. Желательно чтобы дополнительно сайт протестировали люди не участвовавшие в его разработке, можно провести исследование посредством опроса: что нравится или не нравится посетителям на вашем сайте, удобна ли навигация и т.д.


2.2 Продвижение сайта в сети Интернет

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

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

Интернет рекламу можно условно разделить на следующие категории:

Поисковая оптимизация сайта (SEO)

Каталоги и рейтинги

Контекстная реклама

Баннерная реклама

Почтовые рассылки

Public Relations (отношения с общественностью)

Вирусная реклама

Поисковая оптимизация сайта (SEO).

Поисковая оптимизация сайта или SEO (Search Engine Optimization) - это комплекс мер по обеспечению высоких позиций сайта по нужным запросам в поисковых системах. Задача SEO улучшить видимость сайта в поисковых системах, добиться как можно более высокого положения сайта в выдаче поисковых машин по тематическим запросам. На сегодняшний день ситуация такова, что поисковая оптимизация самый популярный метод продвижения сайтов, каждый у кого есть сайт задумывается о том, как бы его продвинуть на первые позиции по нужным поисковым запросам, потому что с поисковых систем каждый день на раскрученный сайт приходит основная доля новых посетителей.

Каталоги и рейтинги.

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

Контекстная реклама.

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

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