Рекомендации по самостоятельному обучению. Как научиться делать макияж самой себе Настройка CMS и наполнение

Самому сделать сайт не сложно. Если вы вполне сносно знаете компьютер, ориентируетесь в Интернете, знаете, что такое «домен», «хостинг», вам остается только выучить язык HTML и таблицы стилей CSS. Даже не выучить, а разобраться в них и иметь под рукой шпаргалки со списком тегов и их атрибутами. А написать код можно и в обычном Блокноте – той самой простенькой программке, которая входит в набор стандартных программ любой операционной системы. Об этом факте, как приманке для доверчивых юзеров, кричат десятки заголовков в Яндексе или Гугле, стоит только набрать поисковый запрос «Как сделать сайт», ну или какой-то в этом духе.
Так-то оно так, но даже в этом случае вас ждет масса проблем и разбираться в них придется долго и мучительно, изучая массу инструкций, руководств и прочих объемных текстов, в которых многое непонятно, а если и понятно, то на практике почему-то не всегда получается. У меня, например, ушло два дня с того момента, когда я выложил на хостинг свой первый сайт до того момента, когда я наконец-то увидел его в браузере. Проблемка выеденного яйца не стоила, но это когда знаешь. А когда нет – два дня штудирования инструкций и переписки со службой поддержки хостинг-провайдера.

Если же вы не владеете программой Photoshop (про дизайн сайта не забыли, его кто делать будет?), с трудом представляете, что такое «домен» и с чем его едят, то сделать самому сайт может оказаться проблемой крайне сложной, почти не разрешимой. Однако выход есть!

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

От себя хочу только добавить, что с помощью этого диска вы не только выучите язык HTML, стили CSS, освоите основы web-дизайна в программе Photoshop, а также получите на диске и освоите еще массу других очень полезных программ, но и сможете избежать 90% всех проблем, которые возникают у неопытных пользователей, пытающихся делать что-то самостоятельно, потому что диск дает подробную пошаговую инструкцию изготовления сайта с абсолютного нуля до его тестирования в готовом виде, покупки домена, хостинга и выкладывания файлов на сервер хостинг-провайдера. А это огромное количество сэкономленного времени и сохраненных нервов!

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

Последние советы раздела «Компьютеры & Интернет»:

Программа для восстановления удаленных файлов
Скачать игры на Андроид бесплатно
Преимущества дистанционного обучения
Как выбрать смартфон в 2018 году

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

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

В первую очередь запомните следующее:

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

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

Если нет навыков программирования: выбираем автоматический конструктор

Автоматические конструкторы - это самый простой, дешевый и быстрый способ создания сайта. Одними из самых распространенных таких сервисов являются Wix, Squarespace, Weebly и Jimdo. В настоящее время эти конструкторы лежат в основе миллионов сайтов, созданных обычными пользователями. Если вы не являетесь специалистом в области веб-программирования, это лучший выбор для вас.

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

Разработчики создали специальное программное обеспечение, необходимое для создания сайта с нуля самостоятельно, поэтому теперь вам просто нужно использовать курсор на экране и перетаскивать слайд-шоу, блоки текста, изображения или видео в выбранном вами порядке. Вы можете вставить свой собственный текст, загрузить любые изображения, вставить видеоролики (например, с YouTube) и нажать «Опубликовать».

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

Как выбрать такой конструктор?

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

При выборе конструктора руководствуйтесь следующими параметрами:

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

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

В этом плане все темы Squarespace чувствительны к мобильности (это означает, что загружаемые страницы автоматически будут выглядеть одинаково, независимо от того, какое устройство использует ваш посетитель). Jimdo и Weebly предлагают широкий спектр мобильных версий, в то время как Wix и GoDaddy предоставляют мобильные редакторы, которые позволяют настраивать отображение вашего сайта, чтобы он выглядел более удобно на мобильных устройствах или вообще скрывал определенный контент от мобильных браузеров.

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

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

Если основные навыки имеются: выбираем движок

Какие языки используются для создания сайтов? Еще в середине 2000-х большинство сайтов были построены с применением HTML, CSS и даже Flash. Это занимало много времени, а освоить эти навыки было непросто. Сегодня же достаточно только базовых поверхностных знаний этих языков. Как научиться делать сайты с помощью таких платформ?

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

По последним статистическим данным, WordPress - это наиболее популярная система управления контентом (55 %), за которой следуют Joomla (20 %) и Drupal (11 %). Все они являются полностью бесплатными в использовании. Именно поэтому лучше всего применять WordPress, особенно для создания информационного сайта.

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

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

Начало работы: домен и хостинг сайта

Чтобы настроить ваш сайт, вам потребуются два элемента:

• имя домена (веб-адрес, к примеру yourname.com);
• хостинг (сервис, подсоединяющий ваш ресурс к Интернету).

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

Как только вы зарегистрируете доменное имя, одновременно получите новую учетную запись электронной почты, которая будет вашей личной. Она выглядит более профессионально, чем общий ящик на Gmail и прочих сервисах. Далее пошагово создание сайта выполняется так:

1. Выберите провайдера, предоставляющего услуги хостинга.
2. Зарегистрируйтесь в выбранном вами сервисе.
3. Переходите на страницу, позволяющую выбрать план хостинга по вашим запросам и финансовым возможностям.

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

Как имя?

Если вы заняты созданием сайта для бизнеса, имя домена должно совпадать с наименованием вашей компании. Вы можете выбрать международный регистратор, тогда название вашего сайта будет заканчиваться на.com, .org или.net. Или же остановитесь на более популярных.ru или.su. Стоит также отметить, что в последнее время появилось очень обширное количество расширений домена - от.agency до.pizza. Однако лучше не останавливать на них свой выбор, если они не описывают именно то, что вы можете предложить. Например, при создании сайта интернет-магазина лучше ограничиться стандартным.com.

Если у вас уже есть продуманное доменное имя, просто впишите его и щелкните на «Далее» в соответствующей форме на сайте регистратора. Если вы не готовы выбрать его сразу, вы можете сделать это в более позднее время.

Как зарегистрировать хостинг?

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

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

Загрузка движка на хостинг

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

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

Ниже указаны действия по шагам, которые вам нужно выполнить (они должны быть сходными для всех основных провайдеров):

1. Войдите в вашу хостинговую учетную запись.
2. Зайдите в ней на панель управления.
3. Отыщите значок «Сайт» либо WordPress.
4. Выберите тот домен, на который вам нужно закачать ваш ресурс.
5. Нажмите кнопку под названием «Установить сейчас», и у вас станет открытым доступ к новому сайту на WordPress.

Во-вторых, вы можете провести ручную установку. Если же по одной из причин (некоторые сервисы не дают установку в один клик) у вас нет возможности загрузить WordPress автоматически, вам придется сделать это самостоятельно.

Процесс настройки

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

Как найти шаблон, который вам понравится и подойдет лучше:

1. Зайдите на панель инструментов «Вордпресс».
2. Откройте доступ к бесплатным темам. Чтобы сделать это, просмотрите боковую панель «Внешний вид», после чего нажмите «Темы». Если требуется что-либо более профессиональное или оригинальное, вы можете перейти на ресурс ThemeForest.net, в котором представлена огромная библиотека шаблонов, доступных по различной стоимости.

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

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

Поставьте новую тему

После того как вы подобрали понравившийся вам шаблон, вы сможете легко загрузить его. Для этого потребуется щелкнуть по «Установить», после чего нажать «Активировать».

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

Как добавить информацию и сделать новые страницы?

Сайт, когда все предварительные работы завершены? После установки шаблона вы будете готовы добавлять данные. Здесь нужно рассмотреть некоторые из основ:

1. Добавление страниц и их редактирование. Итак, вы хотите создать страницу «О сайте» либо «Услуги» (например, в меню вверху интерфейса сайта). Это можно сделать следующим образом. Посмотрите на боковое меню в панели инструментов «Вордпресс», выберите «Страницы» -> «Добавить новую». Как только вы щелкнете по этим пунктам, вы увидите экран, сильно похожий на интерфейс Microsoft Word. Введите текст, закачайте картинки и иное содержимое, чтобы создать требуемую страницу, после чего сохраните ее, когда все сделаете.
2. Добавление в меню страниц. Если вам хочется, чтобы ваша свежесозданная страница была синхронизирована с навигационной панелью, выполните сохранение всех изменений, внесенных на нее, нажав «Обновить». Щелкните по «Внешний вид» -> «Меню» на панели сбоку интерфейса WordPress Dashboard. Найдите созданную вами страницу и внесите ее в список, установив флажок напротив нее, а затем выберите «Добавить в меню».
3. Добавление и редактирование сообщений. Если у вас создан блог на сайте, все «Сообщения» будут отображаться одно за другим. Вы имеете возможность использовать различные категории для группировки подобных сообщений. Так, возможно применение разных категорий и рубрик. Допустим, вы желаете создать категорию, именуемую как «Блог». Чтобы сделать это, добавьте ее в ваше меню и начните создание сообщений. Для этого перейдите в раздел «Посты -> Категории» или напишите ваше сообщение в блоге, заходя в раздел «Посты -> Добавить новый». Когда вы закончите набирать ваш пост, вам нужно добавить его в подходящую рубрику. Как только вы создадите вашу категорию, добавьте ее в меню, и все будет отображено на сайте.

Изменение заголовка и названий страниц

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

Отключение комментариев на ресурсе

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

1. Если вы создаете новую страницу, нажмите в правом верхнем меню «Параметры экрана».
2. Нажмите на поле «Обсуждение». Снизу отобразится «Разрешить комментарии».
3. Отключите «Разрешить комментарии».

Если же вы желаете отключить комментарии на каждой новосозданной странице по умолчанию, это возможно сделать так: найдите раздел в меню «Настройки -> Дискуссия» и уберите там флажок под названием «Разрешить пользователям оставлять комментарии к новым статьям».

Как настроить главную страницу?

Если вы используете WordPress, вам наверняка не захочется, чтобы домашняя страница выглядела как сообщение в блоге. Вам доступно исправить это, если вы сделаете ее «статической». В отличие от стандартного блога, в котором первая свежесозданная статья станет отображаться вверху каждый раз, настроенная «статическая» страница отображает тот же самый контент каждый раз, когда кто-то заходит на сайт.

Чтобы настроить ее, выполните следующее:

1. Перейдите в раздел под названием «Настройки -> Чтение».
2. Сделайте выбор статической страницы, которую вы сохранили. «Главная страница» отображает домашнюю, «Страница сообщений» - это первая часть вашего блога (если ваш весь ресурс не является блогом).

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

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

Большинство тем WordPress обладают боковой панелью с правой стороны (иногда она располагается слева). В случае когда вы желаете избавиться от нее или отредактировать элементы, убрав ненужные, сделайте следующее:

1. Перейдите в пункт «Внешний вид -> Виджеты» в меню инструментов WordPress.
2. В данном пункте вы можете применить перетаскивание, чтобы включить разные «боксы» на боковую панель, или же исключить ненужные элементы.

Также имеется поле HTML - поле из текста, в котором вы можете применить HTML-код. Если вы обладаете соответствующими знаниями, просто не трогайте его.

Установка плагинов для лучшей функциональности

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

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

Поставить такой плагин можно легко. Чтобы запустить установку, отыщите раздел «Плагины -> Добавить новый» и затем начните поиск. Помните, что имеется в доступе примерно 25 000 бесплатных разнообразных расширений. Установка очень проста - как только вы найдете подходящий плагин, просто нажмите «Установить».

Какие расширения наиболее популярны?

Ниже представлены популярные плагины для WordPress, которые многие вебмастера считают востребованными:

1. Контактная форма. Это потрясающая функция, так как посетители могут заполнить форму и затем прислать вам электронное письмо, игнорируя вход в свой личный почтовый провайдер. В случае когда вы желаете создать нечто подобное, обязательно установите этот плагин.
2. Yoast SEO, разработанный для WordPress: когда вы желаете сделать ваш сайт более оптимизированным для SEO, данный плагин является обязательным. Он доступен бесплатно, а работает потрясающе. У вас появится возможность редактировать теги заголовков, все мета-описания, а также многое другое, причем все действия будут из самой страницы. Таким образом, вам больше не придется долго разбираться с настройками WordPress.
3. GoogleAnalytics: Желаете отслеживать всех посетителей на ресурсе и их поведение? Для этого поставьте плагин, синхронизируйте его с вашей учетной записью Google и вы будете готовы к работе.

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

Привет, друзья!

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

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

С чего можно начать фрилансерствовать я уже писал. И даже перечень 7 профессий для легкого старта в интернете дал. Сегодня же коснусь самой близкой для себя темы (и крайне полезной для читателей), а именно: как научиться создавать сайты с нуля и зарабатывать на этом деньги.

Ибо, так уж сложилось, что именно о сайтах и их создании мне очень часто задают вопросы как на вебинарах, так и в личку. Что ж, будем раскрывать карты.

Вообще, веб-строительство (или веб-мастеринг, как его называю я) — достаточно обширная ниша, куда входят специалисты самого разного уровня: от тех, кто педалит простые одностраничники в lpgenerator до могущественных фронт-энд разработчиков Ruby on Rails и Python. Я, как обычно, остановлюсь посередине и расскажу о том, какие делаю сайты я и что для этого необходимо знать.

В данное время я занимаюсь разработкой WordPress-сайтов под ключ.

Для их создания необходимо следующее:

1. Основы профессии веб-дизайнера и базовые знания типографики . Сочетание цветов, умение находить комбинации форм и шрифтов. Наверное, это самая-самая нужная база для создания сайтов с нуля.
2. Понимание работы веб-серверов, хостингов и вообще сети интернет . Тут вообще без маньячного красноглазия сисадминства обходится плохо. Но на начальном этапе с этим можно не заморачиваться.
3. Умение работать с хостингами . Хотя бы чтоб залить-исправить Ваш шедевр через интернет.
4. Знание хотя бы на уровне определений таких понятий, как FTP, HTTP, IP-адрес, CMS, Javascript, HTML, CSS. Не пугайтесь — все намного проще, чем вам кажется. На начальном этапе достаточно будет изучить, что такое FTP (чтобы заливать сайты на хостинг), CMS (чтобы управлять наполнением) и IP (чтобы знать как этот FTP настроить).
5. Желательно уметь разбираться в HTML и CSS и хоть немного понимать, как сайты верстать.
6. и, пожалуй, все!

Не заметили, какого одного не хватает пункта, о котором многие говорят? Правильно — «программирования»! Как так — спросите Вы? А вот...

Как Вам такая красота? Пугает?

Для того, чтобы на базовом самому научиться делать сайты, Вам совершенно не нужно знать таких страшных вещей, как PHP, MySQL, Javascript и.NET. Однако (чтобы меня не закидали помидорами супер-корифеи) подчеркну: со знанием программирования Ваши возможности увеличиваются в разы, следовательно сложность разрабатываемых сайтов повышается колоссально, а вместе с ней и возможная оплата труда.

Понятие «писать сайты» осталось актуальным только для систем, в которых крайне важна разработка с нуля и где предъявляются самые крутые требования к безопасности, скорости и чистоте кода. Хотя, есть такие фанаты, которые даже простые сайты-визитки предпочитают писать ручками.

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

А пока о структуре работы.

Как происходит создание сайта?

Создание — это всегда процесс творческий, однако и он (в целях удобства) подвергается достаточно жесткой структуризации. Ранее, этот этап мне казался лишним. Мол, чего тратить время?

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

Поэтому, не важно: будете ли Вы создавать свой сайт с нуля самостоятельно или заказывать его у фрилансеров — всегда в этом процессе должен быть этап прототипирования.

Создание прототипа будущего сайта.

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

Если уж творить, то только так

Если Вы фрилансер, то приступайте к следующему этапу разработки только после принятия заказчиком прототипа! Если есть тексты и изображения — разместите их в макете. Если нет — вставляйте «текст-рыбу» и произвольные картинки.

Что можно использовать для создания прототипа:

• обычный листок А4 и цветные ручки (обожаю аналоговые инструменты и скрип пера по бумаге)
• Word, Excel или их аналоги
• Обычный Paint
• Photoshop
• Adobe Muse

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

Создание дизайна проекта по готовому макету

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

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

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

Верстка дизайна

Верстка — это перенос дизайна из картинки в код HTML, чтобы браузер понял, как этот самый сайт отображать. Самый интересный этап, который отпугивает большинство новичков, ибо именно здесь, как нигде, знания html, css и jquery становятся актуальными.

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

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

Казалось бы, халява, но знать принципы использования блочной верстки — крайне желательно, чтобы процесс работы оставался осмысленным и ничего никуда не разъезжалось.

Настройка CMS и наполнение

После того, как Ваш первоначальный макет был сверстан, необходимо к нему подключить WordPress (или любую другую систему управления контентом, она же CMS). Для этого в готовый сверстанный шаблон вставляются команды уже самой CMS, чтобы показать ей, что вот это — шапка сайта, а вот это — логотип.

На самом деле, этот этап используется далеко не всегда. И часто бывает, что заказчик требует только html-версию. Однако же, если вы хотите на создании сайтов зарабатывать хорошие деньги, учитесь работать с CMS. Как раз дальше я расскажу, где этому научиться.

Где учиться делать сайты быстро?

И вот теперь самое интересное! Времена, когда для создания сайтов с нуля Вам требовались глубокие знания программирования, прошли. Однако, я сразу предупреждаю : все дальнейшие сервисы и курсы — платные. И если Вы ищете что-то совсем уж бесплатное, обратитесь лучше в гугл и на сайт htmlbook.ru.

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

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

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

Обучение заработку на сайтостроении

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

Вот несколько предложений от его центра:

1. БЕСПЛАТНАЯ ИНСТРУКЦИЯ по заработку на веб-строительстве
2. БЕСПЛАТНАЯ КНИГА «Создание сайта от начала до конца» В ней автор на наглядном примере показывает весь процесс разработки сайта, который Вы будете делать самостоятельно.

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

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

Как зарабатывать на создании сайтов?

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

Делается это в двух словах так:

1. Ты даешь информацию своим друзьям-знакомым о том, чем ты теперь занимаешься
2. Ставишь минимальный ценник для наработки опыта и портфолио
3. После — идешь на биржи фриланса
4. Получаешь заказы, обрастаешь нужными связями и опытом
5. Развиваешься и становишься профессионалом экстра-класса
6. Покупаешь себе Геленваген и дачу на Бали

6 очевидных шагов, которые иногда очень тяжело даются.

Сколько времени нужно для того, чтобы научиться делать сайты?

Иногда мне задают вопросы: сколько нужно времени чтобы освоить создание сайтов. Ответить на него тяжело, ибо не совсем понятен «пункт прибытия». Т.е. какой момент будет считаться точкой, где ты «уже умеешь». У меня этот процесс длится уже 8 лет и чем дальше, тем я кажусь себе все менее компетентным:)

Однако, за 2-3 месяца можно неплохо поднатаскаться, чтобы уверенно делать что-то несложное на заказ. Когда я начал осваивать более продвинутую верстку, взял заказ через 2 недели после начала обучения. Наделал кучу ошибок, но свои первые фрилансерские 900 рублей заработал. Радости предела не было)

Поэтому, скажу так: учитесь и как почувствуете под ногами опору сделать что-то простое — беритесь! И не бойтесь допустить ошибку.

Замечание для матерых веб-программистов

Предвижу вполне обоснованные возражения от акул кодинга и веб-девелопмента.

«Мол, зачем дискредитировать науку создания сайтов? Ибо дилетантов уже и так полно на рынке. Пользы от них мало, а вот убытков они приносят много. Заказчикам — ибо совершенно не умеют работать ни как специалисты, ни как продажники; коллегам по цеху, ибо откровенно демпингуют на рынке»

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

Профессионалы и адекватные специалисты всегда были и остаются в цене.

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

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

Все просто: «живи сам и дай жить другим», — как говорят на Шри Ланке!

На этом все, друзья! Думаю, ваш голод по теме «хочу научиться делать сайты» мне утолить удалось. Поделитесь в комментариях, пожалуйста: кем бы Вы хотели работать удаленно? А то мне часто пишут вопросы именно по профессиям в онлайн-заработке, поэтому эту нишу я решил потихоньку заполнять.

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

Красивых Вам сайтов и платежеспособных заказчиков!

• • 1.1. Определение тематики будущего сайта и подбор имени
  • 1.2. Выбор домена и хостинг-услуг
  • 1.3. Разработка технической составляющей сайта: как создать свой сайт с нуля или установка движка
  • 1.4. Раскрутка и наполнение сайта
• • 2.1. Целевая аудитория
  • 2.2. Геотаргетинг
  • 2.3. Задачи сайта
  • 2.4. Платформа сайта
• • 3.1. Создание контента
  • 3.2. Разработка дизайна
  • 3.3. Верстка сайта
• • Вопрос №1. Как найти надежных и опытных исполнителей?
  • Вопрос №2. Где можно научиться профессиональному созданию сайтов?
  • Вопрос №3. Можно ли научиться создавать сайты бесплатно?
  • Вопрос №4. Какого заработка можно достичь при создании сайтов?
• 5. Заключение

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

Для того, чтобы разобраться как создать свой сайт, понадобится выяснить, что такое хостинг и домен, научиться использовать технологии HTML и CSS , возможно, даже выучить PHP , JavaScript и MySQL . Требуемый объем знаний определяется сложностью проекта .

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

Самостоятельное создание сайтов - руководство и инструкция

1. «Как создать сайт» - с чего начать

Любая разработка начинается с появления идеи, от которой зависит успех будущего проекта. Если она будет незаурядной и интересной, то принесет пользу и создателю, и посетителю.

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

1.1. Определение тематики будущего сайта и подбор имени

Одновременно с появлением идеи стоит выбрать тематику, поскольку эти вещи взаимосвязаны.

Здесь действует то же правило - выбирать нужно ту сферу, в которой накоплено больше всего опыта. Впрочем, можно попробовать себя и в новом направлении, если оно кажется достаточно выгодным и интересным.

Разобравшись с идеей и тематикой, нужно выбрать имя. Оно должно быть кратким , давать понять, чему посвящен сайт, и быть оригинальным. Имя не всегда тождественно домену (web-адресу), но может и повторять его. Оригинальность имени легко проверить на следующем этапе.

1.2. Выбор домена и хостинг-услуг

Домен - имя сайта, его адрес в Сети, состоящий из двух частей: названия и доменной зоны .

Размер доменного имени не должен превышать 15 символов , в противном случае возможны проблемы с индексированием сайта поисковыми системами.

Также нужно решить, в какой зоне будет располагаться сайт (.ru , .com и прочее). Это также влияет на скорость появления ресурса в поисковой выдаче.

Для сайтов на русском логично выбрать зону.ru .

Существуют и другие известные зоны, не привязанные к языку или стране:

• .net - сайты, содержимое которых связано с интернетом.
• .biz - проекты, посвященные бизнесы.
• .info - информационные ресурсы.
• .com - коммерческий проект.

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

1. Имя легко запомнить, оно оригинально.
2. Имя просто набирается на латинице. Сложным набор делает наличие шипящих и буквы «Ю».
3. В домене отсутствуют дефисы.

Теперь поговорим о хостинге.

Хостинг - размещение сайта в Сети, услуга, которую предоставляет хостер (хостинг-компания).

Вкратце, хостинг необходим для того, чтобы обеспечить бесперебойный круглосуточный доступ к сайту.

Как правило, заказ хостинга обходится начинающим сайтостроителям в 500-1500 рублей в год . От того, каким объемным получится сайт, отчасти зависит стоимость хостинга.

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

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

Обратить внимание стоит на такие составляющие:

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

В отдельных случаях есть смысл заказать домен у одной компании , а услуги хостинга - у другой .

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

1.3. Разработка технической составляющей сайта: как создать свой сайт с нуля или установка движка

Если есть сопутствующие знания, создать сайт бесплатно можно самому с нуля, но при этом возможно появление множества ошибок, к тому же собственноручная разработка займет длительное время.

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

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

Шаблон - готовый «костяк» сайта, на него и натягивается весь созданный контент, то есть содержимое.

1.4. Раскрутка и наполнение сайта

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

В ход идут не только тексты, очень полезно создание уникальной графической информации: скриншотов, графиков + видео-материалов.

Раскрутка сайта осуществляется двумя путями: самостоятельно или через заказ SEO у профессионалов .

Ни одна из опций не дает гарантии, однако второй путь приносит результаты значительно быстрее.

Ключевые моменты при создании будущего сайта - на что следует обратить особое внимание

2. На что стоит обратить внимание при создании сайта?

Чтобы после запуска сайта не пришлось многое переделывать, на четыре вещи нужно обратить внимание сразу же:

1. целевая аудитория;
2. геотаргетинг;
3. платформа сайта;
4. задачи сайта.

2.1. Целевая аудитория

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

Например , сайт по пошиву детской одежды будет востребован у женщин 20-35 лет , а интернет магазин запчастей чаще будут посещать мужчины 20-50 лет .

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

2.2. Геотаргетинг

Для людей, предлагающих определенные услуги, особенно важно, где именно проживают посетители сайта.

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

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

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

2.3. Задачи сайта

Решив, как именно сайт будет приносить прибыль, будет легче определиться с его видом.

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

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

2.4. Платформа сайта

Под платформой для создания сайта понимается хостинг, на котором он будет располагаться, используемая доменная зона, а также используемая CMS или конструктор .

Пошаговое руководство

3. Как создать свой сайт самому бесплатно - пошаговая инструкция + видео

После того как веб-мастер определился с задачами сайта, выбрал движок и вид сайта, остается еще три шага:

1. создание контента;
2. разработка дизайна;
3. верстка.

Затем останется лишь купить домен и хостинг, перенести сайт на него и запустить.

3.1. Создание контента

Все содержимое будущего сайта можно разделить на 3 части:

1. текстовая информация;
2. фотографии и изображения;
3. видеозаписи.

Далеко не все сайты применяют видео в своей работе, однако оно может оказаться полезным. Существует известный прием в SEO, когда в статью добавляется тематическое видео с YouTube.

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

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

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

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

3.2. Разработка дизайна

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

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

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

Важно определиться с гаммой цветов: будут они яркими или тусклыми, светлыми или темными.

После проработки этих моментов и зарисовки прототипа в «Photoshop» можно приступать к верстке.

3.3. Верстка сайта

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

На этом же этапе сайт приобретает законченный вид:

• добавляется контент;
• проставляются ссылки;
• настраивается функционал сайта.

В конце этого шага ресурс становится полностью готовым к переносу на хостинг и запуску.

Для выполнения заключительных шагов не потребуется особых знаний, достаточно просто следовать инструкциям к CMS или воспользоваться программой «Filezilla» .

Для верстки потребуется знание CSS, HTML и использование соответствующих приложений.

Существует множество программ для редактирования и просмотра кода, но для решения большинства задач можно использовать «Adobe Dreamweaver» и «Notepad ++» .

Смотрите видео: «Свой Сайт на движке „WordPress“ за 1 Час 38 Минут. Пошаговое руководство!»

Вопросы и ответы

4. Часто задаваемые вопросы по разработке и созданию сайтов

Начинающие разработчики сайтов часто задают схожие вопросы, и вот самые животрепещущие из них:

Вопрос №1. Как найти надежных и опытных исполнителей?

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

Хорошо, если исполнитель официально или . Это дает определенные гарантии.

Вопрос №2. Где можно научиться профессиональному созданию сайтов?

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

Вопрос №3. Можно ли научиться создавать сайты бесплатно?

В интернете полно бесплатных обучающих курсов, которые дают вполне конкретные знания.

Начать лучше всего с HTML и CSS. Затем можно перейти к программированию или испытать свои силы при использовании CMS. Пригодятся и навыки в компьютерной графике.

Вопрос №4. Какого заработка можно достичь при создании сайтов?

Размер заработка на разработке сайтов не ограничен, а потому может составлять даже 10000$ в месяц . В конечном итоге все зависит от опыта, таланта, репутации и наличия заказов.