Как создать сайт самому

Website

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

Введение.

Начнем с самого элементарного. Вебсайт — это совокупность страниц с определенным материалом (файлами, музыкой, статьями, фильмами), объединенных под одним доменным именем.

Страницы сайтов состоят из HTML и CSS кода. Функции сайта, как правило, пишутся на языке программирования PHP . Досконально изучать язык программирования PHP вовсе необязательно, но разобраться в html и CSS все-таки придется.

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

css CSS — (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

 

По изучению языков веб-программирования могу порекомендовать несколько книг:

А сейчас поговорим о доменном имени сайта, что является одной из важнейших его составляющих.

domain

Доменное имя сайта — это адрес вашего сайта в сети Интернет (запись вида name.com). Этот адрес достаточно ввести в адресную строку браузера, чтобы открыть Ваш сайт. Например, адрес моего сайта — it-world.pp.ua.

Домен — это область, в которой находится ваше имя (буквы после точки). У каждого домена есть свой ip-адрес (цифровой). Буквенные имена сайтов существуют благодаря службе DNS — системе доменных имен. Эта служба позволяет в удобной для человека буквенной форме  идентифицировать адрес сайта.

Необходимо детально разобраться, что такое уровни (области) доменов. Ведь адрес сайта дается Вам не просто так. Его потребуется купить и платить абонплату ОДИН РАЗ В ГОД.  Постараюсь уйти от сложной терминологии и рассказать как можно проще. Приведу список популярных Интернет-сайтов:

Vk. com — социальная сеть ВКонтакте

wikipedia. org — известнейшая Интернет-энциклопедия

ukr. net — украинский Интернет-портал, сервис электронной почты

mail. ru — российский Интернет портал, сервис электронной почты

Красным цветом выделены буквы. Это и есть домены. В этом примере предоставлены домены первого уровня — самые престижные и дорогие. Есть еще домены второго уровня: org.ua, com.ua, in.ua и так далее. А так же третьего уровня. Кроме того есть региональные домены, отвечающие за регион владельца сайта. Например, вы хотите создать сайт о городе Запорожье, и для «красоты» имени сайта можете приобрести домен zp.ua .

Классификация веб-сайтов.

Информационные ресурсы:

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

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

Интернет-представительства:

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

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

сайт-визитка (пример)

Как видим, на сайте размещена краткая биография фотографа, его портфолио и контактные данные.

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

Схема корпоративного сайта

 

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

пример интернет-магазина

Чтобы создать интерне-магазин вам не потребуется изучать сложные языки программирования,так как есть уже которые решения. Могу порекомендовать отличный сервис, предоставляющий бесплатный конструктор сайтов и интернет-магазинов —  nethouse.ua . Эти ребята представляют вашему вниманию готовую платформу. От вас потребуется лишь выбрать дизайн, шаблон сайта, составить его описание и так далее. Рекомендую посмотреть промо-видео:

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

Шаг №1. Все начинается с идеи.

Идея

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

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

 

Шаг №2. Учится, всегда пригодится.

После того как обдумали тематику своего проекта, переходите к изучению html и CSS языков. Это как азбука сайтостроения. Данные языки в совокупности дают мощный инструмент, помогающий в разработке дизайна сайта. Книги для изучения можете подыскать самостоятельно, либо воспользоваться теми, которые я предлагал вначале статьи.

Шаг №3. Публикация сайта.

Третьим шагом станет публикация сайта. После создания Ваш проект необходимо выложить в Интернет, присвоить имя (домен), о котором мы говорили в начале статьи, и обеспечить место на хостинге. Рассматриваются как бесплатные, так и платные варианты публикации сайта. Я пользуюсь платным вариантом, чего рекомендую и Вам. Так же особое внимание придется уделить выбору системы управления контентом (CMS). Настоятельно рекомендую прочитать статью « Как создать качественный сайт: выбор хостинга, CMS », которая развеет все сомнения.

Шаг №4. Наполнение контентом.

Контент (публикуемый материал) — одно из самых важных составляющих любого сайта. Если Вы хотите содержать по-настоящему качественный Интернет-ресурс, Ваш материал должен быть уникален! Никакого копипаста (копирование материала)! Я не говорю об уникальности фильмов, картинок, игр, книг и тому подобное, я говорю об уникальности текста. Уникальные описания, рецензии, инструкции и аннотации — залог успеха! Вот, к примеру, эта статья: ее я написал сам, картинки скачал из интернета, но сам текст уникален на 100%! Про Написание контента у меня отведена отдельная статья — « Как создать качественный сайт: наполнение контентом ».

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML -теги и атрибуты: <a href= http://www.it-world.pp.ua/"" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Uses wordpress plugins developed by www.wpdevelop.com