Веб-Самоделкин. Как самому создать сайт быстро и профессионально

Гладкий Алексей Анатольевич

Разве это не замечательно – уметь собственноручно создать и сопровождать сайт, не обращаясь к кому-то за помощью? Помимо экономии денег (ведь услуги по веб-разработке стоят немало), это позволяет самостоятельно решать массу задач: создание личной веб-странички, корпоративного сайта, интернет – магазина, реализация интересных проектов – вот далеко не полный перечень того, что может делать человек, владеющий технологиями веб-разработки.

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

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

Введение

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

Многие люди все чаще задумываются о том, как самостоятельно создать сайт и разместить его в Интернете. Кто-то желает заняться этим просто из «спортивного интереса», кому-то необходим свой веб-ресурс для саморекламы или общения, а кому-то просто начальство велело: мол, надо сделать или подкорректировать сайт фирмы (отдела, подразделения, филиала и т.п.) – и точка. В любом случае, с проблемой создания и администрирования веб-ресурса зачастую сталкиваются люди, не имеющие ни малейшего представления о том, как это делается.

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

Вначале мы поговорим о том, с чего начинается процесс создания сайта: разработка концепции, выбор хостинга, и др. После этого мы расскажем о том, как создавать веб-страницы с помощью языка программирования HTML. Пусть вас не смущает слово «программирование», если вы ранее никогда и ничем подобным не занимались: изучив соответствующую главу, вы поймете, что писать программные коды на языке HTML – с технической точки зрения почти то же самое, что и набирать обычный текст в редакторе Word или в «Блокноте».

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

Глава 1.

С чего начать

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

Термины и определения, используемые веб-разработчиками

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

Баннер

– статичное или динамичное изображение стандартного размера (как правило – 468х60 пикселей или 100x100 пикселей), предназначенное для размещения рекламы.

Веб-сервер

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

Веб-страница

– логическая единица Всемирной паутины, однозначно определяемая адресом (URL) и представляющая собой файл HTML-формата. Веб-страница может включать в себя текст, графические объекты, фотографии, аудио–  и видеоматериалы и иные элементы. Все веб-страницы можно разделить на две категории: статические (на них представлена постоянная информация) и динамические (наиболее характерный пример – страница со списком результатов, выданными поисковой системой). Для просмотра веб-страниц предназначены специальные программы, называемые Интернет-обозревателями, или браузерами. Совокупность логически связанных между собой веб-страниц образует сайт.

Гиперссылка

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

Что представляет собой современный веб-сайт?

Итак, что же представляет собой современный веб-сайт? На этот вопрос мы попытаемся ответить в данном разделе.

Очень многое зависит от того, кто и с какой целью создал сайт, каково его информационное наполнение, выполнена ли оптимизация, много ли посетителей, и т. д. Несомненно одно: современный веб-сайт представляет собой мощный программный (а иногда – и программно-технический) продукт, адресованный широкому кругу посетителей и призванный решать вполне конкретные задачи. Например, кто-то создает сайт для общения, кому-то он необходим для работы, кто-то зарабатывает с его помощью деньги, и т. д. Что касается предприятий и организаций, то отсутствие собственного сайта здесь зачастую считается признаком дурного тона.

Давно прошло время, когда сайтом называлась средней привлекательности страничка в Интернете, на которой содержалась статичная информация вроде

«наша фирма открылась тогда-то, мы продаем бананы и ананасы, наш адрес такой-то, а телефон – такой-то»

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

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

Кроме этого, практически каждый сайт содержит такие страницы, как

Ссылки

,

Форум

и

Контакты

.

Разработка концепции сайта

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

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

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

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

2.       Что будет получено в результате создания сайта? Ответ нужно сформулировать максимально конкретно: доход в размере столько-то рублей в месяц, увеличение числа клиентов на 20%, продажа нового продукта не менее чем на такую-то сумму в месяц, и т. п. Однако подобная конкретика возможна не всегда. Например, если вы создаете сайт, чтобы разместить на нем резюме и найти работу, можно поставить такую задачу: получение отклика не менее чем от 5 потенциальных работодателей в неделю (декаду, месяц, и т.п.). А для нового корпоративного сайта можно поставить задачу привлечения посетителей не менее 50 человек в день.

Информационное наполнение (контент) сайта

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

При планировании информационного наполнения сайта важно определить тип и формат представления данных. Будет ли контент представлять собой только текст, либо в него будут добавлены графические объекты, звуковые файлы, Flash-элементы и т.п.? Какие страницы будут включены в состав веб-ресурса – только статические HTML-страницы или динамические, генерируемые на основании сформированных пользователем запросов? Отметим, что характерной особенностью динамичных страниц является то, что они предоставляют посетителю именно те сведения, которые его интересуют, причем именно в той форме, которая для данного посетителя является наиболее удобной для восприятия.

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

по типу аудитории, которой адресовано содержимое сайта;

по времени поступления информации (как правило, наиболее свежая и актуальная и информация следует первой);