Создание сайта с чего начать – Все для начинающего вебмастера | Создание сайта — с чего начать разработку своего проекта?

8 шагов к созданию собственного сайта / Habr

Я не нашел хороших пошаговых шаблонов к действию для новичков в сайтостроении, поэтому хочу поделится опытом создания собственных веб-сайтов от идеи до запуска.
Минимальные требования: умение верстать HTML-страницы и базовые знания в любом из языков веб-программирования (PHP/Python/Perl/Ruby).
Рекомендуемые: Основы работы в графических редакторах (Photoshop/Adobe Illustrator), навык divной HTML вёрстки, владение хотя бы одним из языков для веб-программирования (PHP/Python/Perl/Ruby...).
Временные затраты: напрямую зависят от навыков и желания. У меня на 1 проект уходило от пары часов до недели (В зависимости от детальности реализации каждого из пунктов).

Идея

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

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

Полезные статьи:

Контент

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

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

Полезные статьи:

Интерфейс

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

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

Полезные статьи:


Дизайн

Идеальным будет вариант, если у вас есть знакомый дизайнер, с которым вы договоритесь за небольшое вознаграждение оформить макет с учетом ваших пожеланий.
Если у вас нет друзей дизайнеров, но есть желание и время для создания своего дизайна — рекомендую статью «Используем Adobe Illustrator для создания макета страницы»
При заполнении макета я никогда не использую пустые тексты вроде Lorem impsum… Дизайн наполненный реальной информацией и соответствующими картинками на порядок приятнее и живее обезличенного шаблона.
В идеале вы получите шаблон под требуемое расширение экрана, со слоями для каждого из элементов. Если красивый шаблон у вас создать не получается и финансы не позволяют сделать дизайн на заказ — можно подсмотреть симпатичные шаблоны на templatemonster.com

Вёрстка

О идеальной вёрстке можно говорить бесконечно, напишу о том, с чем я чаще всего сталкиваюсь:
Кроссбраузерность
Обычно я проверяю, как отображается наш сайт в последних сборках Firefox, Opera, IE, Chrome (если вы ориентируетесь только на русскую аудиторию — актуальная статистика по браузерам для рунета). Затем используя multi IE, проверяю как сайт выглядит в версиях до 6 включительно (В 6 версии устраняю только проблемы, из за которых сайт нереально прочитать). После запуска проекта удобно использовать сервис http://browsershots.org/
Рекомендую использовать дивную вёрстку, все стили выносим в отдельный css файл. При этом основной контент сайта должен располагаться как можно ближе к началу исходного кода страницы. Например если у вас страница состоит из двух колонок, одна из которых — основной контент страницы (справа), а другая — сквозной список часто читаемых статей (слева), используйте floatы или отрицательные отступы.
В итоге вы должны получить статичную html страницу + css + jpg/png изображения — образец реальной страницы вашего сайта.

Полезные статьи:


Первая версия

Закрытая среда разработки
При разработке сайта на локальной машине в первую очередь я беспокоюсь о том, что бы исходники не утекли в сеть раньше времени. Даже если ваш сайт доступен только в локальной сети (например по адресу 192.168.1.100), закройте доступ извне. Также я до запуска сайта не устанавливаю счётчики и отключаю в браузере режим «слежения» — например в Google Chrome.
Имея сверстанный шаблон и контент, которую мы собираемся разместить на сайте, самое время проявить наши таланты в web-программировании на вашем любимом языке.
К этому моменту вы должны определится, какую базу данных вы будете использовать, или хранить всё в файлах.
Для своих сайтов я всегда использую MySQL, которая с большей долей вероятности уже установлена на дешевых хостингах, желательно что бы вы уже представляли какие таблицы в базе данных у вас будут.
Если у вас уже есть избранная CMS или Framework, не составит проблем адаптировать html шаблон и приступить к написанию необходимых модулей. Если вы делаете сайт с нуля, и при этом у вас нет наработок прошлых проектов — делаем выбор, будем изучать CMS/Framework или писать свой велосипед, учась на своих ошибках.

Не стоит проводить преждевременную оптимизацию кода (конечно, если у вас уже сейчас код страницы генерируется 5+ секунд, стоит задуматься), лучше займитесь оптимизацией изображений.
Немаловажно определится с кодировкой, в настоящий момент UTF-8 становится стандартом де-факто, так что подумайте перед тем, как выбрать windows-1251, что бы потом не было проблем с переходом.

Полезные статьи:


Запуск

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

Полезные статьи:


Поддержка

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

  • серверных скриптов (в моём случае PHP)
  • статики (javascript, css, изображения)
  • таблиц в базе данных (в моём случае MySQL).

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

Полезные статьи:

UPD: Уверен, большинство опытных хабраюзеров не узнают ничего нового, но хабр читают и начинающие вебмастера.

UPD(2): Обновил некоторые устаревшие ссылки на материалы.

стратегии с нуля до результата

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

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

Стратегия №1

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

  • Какой именно сайт мне нужен? Это может быть интернет-магазин, блог или сайт-визитка.
  • О чем я буду писать.
  • На каком хостинге я размещу свой портал.
  • Какой домен выбрать.
  • Буду ли я использовать готовый движок и если «да», то какому отдать предпочтение.
  • Где взять дизайн? Стоит ли использовать шаблоны, обратиться к дизайнеру или рисовать все самому.
  • Хочу ли я изучить верстку или поручу ее стороннему исполнителю.

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

Вы вряд ли поверите, если я скажу, что идеальный хостинг TimeWeb, а домены лучше всего регистрировать на сайте ReGod.ru. Вы захотите сами все узнать. В итоге влезете в изучение что такое php, MySQL, ISPmanager.

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

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

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

Конечно я порекомендую вам использовать готовый движок WordPress. Всего за час вы можете вырваться вперед. Установить его на хостинг и создать сайт. Без изучения кода, тысяч километров страниц. Тем не менее вы можете столкнуться и с html, и с CSS, и другими языками программирования, но позже. Когда будете к этому готовы, в этом появится потребность.

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

ProDengiBlog

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

Стратегия №2

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

Быстро познать код, все тонкости движка, разобраться в верстке и создать реальный проект, который впоследствии можно будет отредактировать, так как знания основ у вас уже будут, легко и просто можно при помощи курса «WordPress 4: пример создания блога».

WordPress 4 пример создания сайта

Хочется чего-то большего? Могу предложить бесплатные уроки по созданию сайтов на WordPress «Уникальный сайт с нуля». В бонусы к этому курсу идет основная информация о движке, а упор, в плане образования, строится вокруг верстки. Здесь вас научат рисовать красивые и грамотные сайты трех типов: сайт компании, блог и визитка.

Уникальный сайт с нуля

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

Не нравится вордпресс, могу предложить аналогичное пошаговое руководство по Joomla. «Создание собственного шаблона на Joomla». И точно также, вы сможете разобраться в панели и даже сверстаете аж 6 страниц премиум-шаблона. Вы пройдете через все этапы работы: от отрисовки и до публикации.

Создание шаблона на joomla

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

Стратегия №3

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

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

Geekbrains

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

Geekbrains

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

Geekbrains

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

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

До новых встреч и удачи в онлайне.

Как сделать простой веб-сайт за один час / Habr

От переводчика: инструкция максимально простая, зато на неё можно ссылаться, если новички задают вопрос, как запустить свой сайт в интернете.

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

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

1. Идёте на namecheap.com и регистрируете домен. Этот шаг только в том случае, если нужно собственное доменное имя.

2. Создаёте аккаунт Github и скачиваете Git, если это ещё не сделано.

3. Создаёте директорию для размещения веб-сайта и перемещатесь туда командой cd: это команды mkdir my-site && cd my-site. Все будущие команды предполагают, что вы внутри рабочей директории.

4. Делаем новый репозиторий Github для сайта под названием yourusername.github.io. Например, я зарегистрирован под именем smilli, так что мой репозиторий называется smilli.github.io.

5. В рабочей директории запускаем git init и git remote add origin github.com/username/username.github.io.git, где вместо ‘username’ указываем свой имя пользователя.

6. Создаём файл ‘index.html’ в папке с сайтом с HTML-кодом главной страницы. Здесь необязательно тратить много времени, он может быть весьма лаконичным.

<html>
<head>
  <title>YOUR SITE TITLE</title>
  <-- Add some style to your site, see http://getbootstrap.com for details -->
  <link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
  <h2>YOUR SITE TITLE</h2>
  <p>Your text blahblahbhalbha</p>
  <p>Another paragraph!  Maybe more text!</p>
</body>
</html>

7. Пишем в коде главной страницы любой текст. Изменения отображаются локально командой python -m SimpleHTTPServer 8000 и набором адреса localhost:8000 в браузере.

8. Теперь запускаем следующие команды:

git add .
git commit -m "Initial commit"
git push -u origin master

9. Идём на yourusername.github.io. Здесь вы должны увидеть свой сайт! Поздравляю, вы что-то опубликовали в онлайне.

10. Если хотите собственное доменное имя, создаёте файл ‘CNAME’ (всё прописными буквами). Туда добавляете одну строчку ‘'yourdomainname.com' (без http или www). См. подробности конфигурации CNAME здесь.

11. Как и раньше, отправляем все изменения на Github.

git add .
git commit -m "Add CNAME"
git push

12. Теперь авторизуетесь на namecheap.com и щёлкаете по доменному имени, которое нужно, в списке своих доменов. Список будет примерно таким:

После выбора домена, появится ссылка «All Host Records» в левой панели во вкладке «Host Management». Нажмите на неё. Теперь вы увидите настройки по умолчанию, которые Namecheap указал для вашего сайта.

Измените настройки следующим образом (заменив ‘username’ на своё имя пользователя, конечно).

13. После вступления в действие изменений в DNS вы сможете увидеть свой сайт на своём домене! Поздравляю. 🙂

Создание сайта, с чего начать?

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

Создание сайта, с чего начать

Я вам даю гарантию 100% что отсюда вы без собственного сайта не уйдёте! Если даже вы что-то не поймёте или не найдёте здесь то всегда можете задать вопрос или дать предложения в соответствующих разделах этого сайта или обратится ко мне лично и я вам обязательно отвечу.

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

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

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

Некоторые из вас могут возразить: «Зачем мне учить всё это если я могу создать сайт на одном из известных движков?«

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

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

Изучить*- Не обязательно от корки до корки, достаточно понять принцип работы, а задачи решать пo мере их поступления.

Рекомендуем к прочтению

Все для начинающего вебмастера | Создание сайта — с чего начать разработку своего проекта?

Быстрая навигация по этой странице:

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

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

создание сайта с чего начать

Начинаем с идеи

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

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

Концепция и структура

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

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

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

Это важно, так как если на сайте адреса страниц будут сформированы с помощью ЧПУ-модуля (то есть будут иметь вид не мойсайт.ру/index.php?page=14, а мойсайт.ру/razdel-dlya-sobak/ovcharki.html), то потом будет сложно менять структуру сайта, в частности — объединять или переименовывать категории, так как для этого в большинстве случаев потребуется менять адреса страниц, уже проиндексированные поисковиками.

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

Выбор домена

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

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

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

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

Первый дизайн

Я не случайно написал слово «первый». На мой взгляд, на первоначальном этапе нет смысла сразу делать или заказывать какой-то супер дизайн. Здесь, конечно, все зависит от типа вашего проекта, но если вы, к примеру, делаете персональный блог — то возьмите для начала wordpress и любой из бесплатных шаблонов дизайна — установите его и начните публиковать первые посты.

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

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

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

Наполняем контентом

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

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

С чего начать создание сайта?

Содержание статьи:


И снова здравствуйте! После вступительного поста, который дал официальный старт блога о SEO продвижении и заработке в Интернете на дому, хотелось бы сразу перейти к полезной для начинающих вебмастеров информации, а именно ответить на вопрос: “С чего начать создание сайта?”

С чего начать создание сайтаС чего начать создание сайта

Начинаем с серьёзного подхода

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

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

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

Тематика будущего ресурса

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

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

Артём ВысоковАртём Высоков

Артём Высоков

Автор блога о SEO и заработке на сайтах - Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Задать вопрос

С чего начать создание сайта?

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

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


Выбираем доменное имя для сайта.

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

  • доменное имя должно запоминаться!
  • не должно быть длиннее 25 символов, а желательно менее 15 (www.google.ru)
  • должно максимально отражать тематику сайта (www.plata.ru)
  • не должно быть похоже на доменные имена популярных ресурсов со схожей тематикой

Написанные выше правила можно назвать аксиомами выбора доменного имени. Первые 3 пункта надеюсь ни у кого не вызывают каких–либо вопросов. По поводу последнего:

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

Для нашей темы подойдет доменное имя www.plata.ru, т.к оно соответствует всем требованиям, описанным выше. Проверить свободно ли доменное имя и приобрести его вы сможете на сайте Стоит сказать, что регистратор RUCENTER ( ) является крупнейшим и старейшим регистратором доменных имен в РФ, поэтому вы всегда можете быть полностью уверенны в качестве предоставляемых услуг и не бояться за свое доменное имя.

Что еще нам потребуется для создания сайта.

С выбором имени для нашего будущего сайта мы разобрались, теперь необходимо подобрать инструментарий для предстоящей работы. А понадобятся нам:

Денвер.

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

Тут же находится подробнейшие инструкции по установке и настройке данного продукта.

Dreamweaver.

Для создания HTML, PHP, CSS и JavaScript кодов нам потребуется мощный редактор. Наиболее удобным инструментом для создания веб–страниц является Adobe Dreamweaver, который можно найти по адресу

Photoshop.

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

Браузеры.

Интернет-браузеры вы сможете найти по адресам:

На самом деле, браузеров существует намного больше, но приведенные 3 используются 90% аудитории русскоязычного интернета.


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

В следующем уроке мы разберем особенности работы в визуальном редакторе кода Dreamweaver.

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

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