3 стратегии для новичков — как начать создавать сайты с нуля. С чего начать писать сайт


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

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

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

Стратегия №1

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

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

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

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

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

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

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

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

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

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

Стратегия №2

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

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

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

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

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

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

Стратегия №3

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

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

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

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

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

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

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

start-luck.ru

Создание сайта - с чего начать и что делать в первую очередь?

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

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

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

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

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

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

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

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

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

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

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

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

Выбор домена

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

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

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

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

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

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

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

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

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

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

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

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

www.runcms.org

Как написать сайт на html

Приветствую! Если вы ещё не знаете о том, кто я, представлюсь: меня зовут Андрей Зенков. Блог Start-Luck — это способ поделиться с читателями полезной информацией по веб-дизайну. Сегодня хотелось бы поговорить о том, как написать сайт на html. Пошаговая инструкция ответит на вопросы, которые чаще всего возникают у новичков.

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

Рассмотрим программы, которые используются для написания кода.

Устанавливаем ПО

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

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

Вот так выглядит интерфейс Notepad:

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

Единственным преимуществом можно считать тот факт, что Блокнот установлен на ваш ПК по умолчанию. Вам не придётся искать источник для бесплатного скачивания программы.

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

Создаём свою первую веб-страницу

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

Создание сайта начинается с основных элементов. Рассмотрим каждый из них по отдельности.

DOCTYPE и <html>

Без них ни один браузер не сможет точно распознать веб-страницу и определить её тип. Обратите внимание: в большинстве теги являются парными, поэтому <html> нужно поставить не только в начале, но и в конце кода, «закрыв» его при помощи косой черты — </html>.

<head> и <title>

Эти теги предназначены для хранения служебной информации, которую считывают поисковые системы или браузеры. Здесь вы можете указать кодировку или подключить внешний файл CSS со стилями. В <title> указывается название сайта или каждой его страницы.

<body>

Всё, что вы видите в данный момент на моём блоге, находится в пределах парного тега. Изображения, текст, ссылки — эти элементы сайта отображаются благодаря <body>, который должен закрываться в конце html-документа.

Наполняем веб-страницу содержимым

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

Вставим в «тело» страницы изображение при помощи тега <img>. Не забудьте предварительно залить картинку на любой хостинг, чтобы получить ссылку:

Укажем в свойствах изображения его ширину и высоту параметрами width и height соответственно:

Нажмите File — Save As… (Файл — Сохранить как). Задаём имя — index — и выпадающем списке «Тип файла» выбираем пункт Hyper Text Markup Language file:

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

Поздравляю! Первая ступень на пути к личному сайту преодолена.

Ищем больше материала по HTML

Могу порекомендовать пару отличных курсов. Начнём с Михаила Русакова и его бесплатного 2-х часового видеокурса по созданию сайта, посвящённого основам HTML-вёрстки. На мой взгляд, это отличная бесплатная альтернатива занятиям в компьютерной академии, где сперва будут учить тому же.

Тем, кто хочет знать больше, подойдёт курс по основам HTML от Евгения Попова. Вы получаете наглядные уроки, по которым можно легко освоить создание сайтов даже заядлому чайнику. Не волнуйтесь и не забывайте верить в себя! Однажды я тоже был на вашем месте и не знал значения таких слов, как фреймы, метатеги, атрибуты и пр. Главное — начать, а всё остальное пойдёт как по маслу!

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

Желаю удачи!

start-luck.ru

С чего начать делать сайт | Советы веб-мастера

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

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

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

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

И еще, что необходимо продумать перед созданием сайта – это, какие разделы планируется на нем разместить. Это могут быть самые разнообразные главы, например, «О себе», Мои увлечения», «Рекомендую», «Это интересно» и т.п.

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

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

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

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

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

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

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

«Как сделать сайт легко и просто»

 

Рубрика: Как сделать сайт

Загрузка...

Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей

sovetywebmastera.ru

Как создать сайт с нуля или с чего начать новичку?

Доброго дня, уважаемые читатели.

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

Создание любого сайта состоит из следующих этапов:

1. Установка и настройка технических инструментов (web-сервера, базы данных, интерпретатора языка программирования, куча других прибамбасов по потребностям).

2. Выбор и установка системы управления контентом (CMS).

3. Создание нужного дизайна сайта и его установка на CMS.

4. Настройка и администрирование CMS.

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

Пункт 1.

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

   * Web-сервер: программное обеспечение, которое и "отправляет" страницы сайта пользователю, который к нему обращается (делает запросы в браузере). Обычно в качестве web-сервера используется такое ПО, как Apache.

   * Система управления базами данных (СУБД). Смысл этого ПО сводится к работе с содержанием сайта: всё содержимое сайта (тексты статей, картинки и т.д.) хранится не в виде файлов на жёстком диске (так было когда-то давно), а в так называемых базах данных, которые сильно упрощают и ускоряют работу с этими данными. И почти все современные системы управления контентом используют именно базы данных. Мы будем использовать в наших работах СУБД MySQL.

   * Интерпретатор языка программирования. Все сайты написаны на каком-то языке и web-сервер должен "знать" этот язык, чтобы исполнять нужный код (отображать сайт). Мы будем рассматривать сайты, написанные на языке PHP, потому нам тут нужен будет PHP-интерпретатор.

Как видно даже из этого далеко не полного (на самом деле) списка, данный процесс довольно многоступенчатый и муторный, вникать в него вам вряд ли захочется. Могу вас сразу обрадовать: и не придётся! Установку и настройку всех этих программ можно свести к обычной установке одной программы: пакета программ denwer. Denwer - это некоторый набор всего, что может понадобиться для успешной работы сайта, в него включено всё вышеперечисленное и даже намного больше. Просто скачиваете этот пакет отсюда: http://www.denwer.ru/ - устанавливаете, как обычную программу, и всё. После установки заходите по адресу: http://localhost/ - если всё прошло успешно, вы увидите там страничку типа той, что ниже:

Если прокрутить данную страницу ниже, то вы должны увидеть табличку вроде этой:

Пункты в данной табличке показывают все сервисы, которые вам будут доступны. На первых порах они вам точно не понадобятся и бояться того, что вы там ничего не поняли, и обращать на них внимание не стоит. Более подробно про установку денвера можно почитать на их официальном сайте: http://www.denwer.ru/base.html.

Что ещё следует понимать: после установки данного пакета на своём компьютере ваш сайт будет доступен только на вашем компьютере (по адресу: http://localhost/) и больше нигде. Чтобы он был доступен в Интернете, надо разместить данный сайт на хостинге - организация, предоставляющая услуги по созданию сайтов. Там не надо ничего устанавливать: вы просто заказываете услуги по размещению сайта, выбираете для него имя (доменное имя, т.е. имя типа mysite.ru) и получаете доступ к панели управления вашим сайтом, где можете загрузить файлы сайта на сервер хостинга. После этого начинается работа по пункту 2.

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

Пункт 2.

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

Почему стоит выбрать именно CMS Joomla! (4 неоспоримых плюса):

  1. Она бесплатна. Очевидный плюс (есть множество платных CMS).
  2. Имеет огромную и бесплатную поддержку. Под неё имеется огромное множество готовых шаблонов (дизайнов сайта), модулей и плагинов, при помощи которых можно быстро (буквально за 1 день) создать сайт почти любого типа: от обычной школьной газетки до крупного Интернет-магазина. Все эти модули пишутся различными профессиональными разработчиками и чаще всего выкладываются в Интернете в открытом и бесплатном (!) виде. Такого огромного разнообразия всяких дополнений, стилей и модулей нет ни у одной другой CMS.
  3. Имеет широкие возможности. В отличие от некоторых специализированных CMS типа Wrodpress, которые изначально ориентированы под создание сайтов конкретного типа (только блоги, только Интернет-магазины и т.д.), на Joomla! довольно легко создать сайт любого типа и сложности.
  4. Она легка в настройке. Настраивать и администрировать Joomla! (особенно на первых этапах) не в сравнении проще, чем, к примеру, всемирно известный Drupal.

Надеюсь, я всех убедил в том, что на первом этапе лучше использовать именно эту CMS. Кстати, скачать свежую руссифицированную версию джумлы можно отсюда:  http://joomlaportal.ru/content/view/77/66/ - версия 2.5 (3.0-3.1 пока ещё достаточно новые версии, для которых нет ещё достаточного числа модулей, качать их пока не стоит). Конечно, для тех, кто уже определился конкретно, что будет создавать блог (и не что-то иное), то стоит посмотреть ещё в сторону Wordpress. Однако мои уроки (в том числе бесплатные видеоуроки) в дальнейшем будут посвящены именно работе с Joomla!. Мой блог, который вы сейчас читаете, построен полностью на ней. :)

Пункт 3.

Самый сложный для нас этап. Прежде всего, потому, что само по себе создание дизайна (его проектирование) - даже в голове - процесс не простой. Конечно, есть множество готовых решений (сотни и даже тысячи шаблонов). Посмотреть и повыбирать их можно, к примеру, здесь: http://joomla-master.org/joomla-2.5.html. Однако совсем не факт, что вы сумеете там найти то, что вам нужно. А если и найдёте, то не факт, что сможете потом подправить дизайн шаблона нужным для вас образом (иногда это оборачивается просто в адский труд: проверено). Потому я могу предложить вам 2 варианта:

  1. Выбрать один удобный и несложный шаблон и изучать его досконально. После этого вы сможете сами без особого труда менять его "под себя", изменять цвета, формы, картинки и т.д.. Для этого требуется немало усилий, однако и результат будет оправдан. К примеру, я использую в качестве базового шаблона JaBusiness: http://joomla-master.org/joomla/templates/shablon-ja-business.html - вот тут его можно скачать. Посмотрите его демоверсию в первой (стандартной) реализации (она вся в тёмных тонах). А теперь посмотрите на мой сайт (тот, что вы читаете): это тот же JaBusiness. :) Только немного подправленный мной. :) Так что не пугайтесь, что он вам не подошёл: главное не это - главное, чтобы он был легкомодифицируем и с нужным функционалом.
  2. Заказать дизайн сайта под Joomla! у дизайн-ателье или просто компании по созданию сайтов: они и дизайн спроектируют сами (конечно, вы будете участвовать и высказывать пожелания), и установят его на вашу CMS. Способ в разы проще первого, займёт меньше времени (на первых этапах в особенности), однако и существенно дороже. Успокаивает то, что в случае создания сайта для себя (а не занятие этим на профессиональной основе) сделать это вам придётся всего 1 раз. К тому же, если вы раньше никогда не сталкивались с программированием и вообще с IT знакомы слабо, то конечно, этот вариант вам подойдёт куда лучше первого.

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

Пункт 4.

Данная часть работы, являющаяся заключительной значительно проще предыдущей. У вас уже есть сайт, он размещён где-то локально или на хостинге, у него уже есть красивый дизайн. Осталось добавить на него разного рода дополнения типа голосований, комментариев, создать нужные разделы и т.д.. Это та работа, для которой не нужны какие-то особые технические знания и разобраться с этим вполне реально самостоятельно в панели управления Joomla! (вот где проявится плюс лёгкости её администрирования). Конечно, просто там далеко не всё, и вопросов у вас, я уверен, будет возникать ещё много. Поэтому я буду писать ещё немало статей на тему разного рода настроек и дополнений. Со временем, надеюсь, вы всему научитесь.

Итак, мы с вами разобрали первые и основные шаги по созданию сайта полностью с нуля. Поняли, в каком порядке и чем надо заниматься. Чтобы окончательно закрыть все вопросы и понять всё в деталях, я сейчас создаю специальный бесплатный видеокурс на тему: "как создать сайт за 1 день с нуля", после чего будет множество последующих статей на тему разного рода особенностей работы Joomla!, дополнений и всяких других полезностей. Не пропустите. :)

Вопросы, как всегда, приветстсуются.

С уважением, A.S.

aseo-lab.ru

С чего начать создание сайта? Основы создания сайта

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

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

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

Идея для первого сайта

Идея является основой основ при создании сайта. Благодаря ей, вы сможете на много быстрее определиться с тем какой сайт вы хотите. Это может быть:

  • Личный блог (тематический или просто обо всем).
  • Корпоративный сайт (для ваших сотрудников).
  • Интернет — магазин (для продаж услуг или продукции).
  • Информационный портал (разной тематической информации).
Думаю Вы улавливаете ход моей мысли! Тогда продолжим дальше!К примеру вы любите фотографировать, и у вас очень много разнообразных фото. Которые Вы хотите всем показать, при этом позволить и пользователям показывать свои фото. Такая тема очень близка к блогу,  с наклоном на социальную составляющую. Остановимся именно на ней.Таким образом в листочек можно записать: Блог посвященный фотографии ( вы должны написать свою тему). И соответствовать ей дальше.

Как придумать классное название сайта

После продуманной темы и выбора основного направления Вашего сайта, дальнейшие действия приведут нас к названию. Название для сайта должно быть  обязательно читабельным, запоминающимся и не очень длинным. Чтобы пользователи могли его легко запомнить.Как правило, длинные названия пользователи не запоминают.Давайте напишем название для нашего сайта! Так как я выбрал тему «фотографии» и блог с социальной направляющей. Соответственно и само  название должно быть близким по смыслу к выбранной мною теме блога.К примеру: Photo BlogiТеперь разберем почему я написал название на латинице, а не русскими буквами. И  почему именно английские слова.Новичкам главное запомнить что Google не русский поисковик. И поддерживает в приоритете английский язык. Поэтому мы и используем эту особенность для более успешной реализации в дальнейшем.

  • Есть четкое вхождение ключевого слова «Photo — фотография» — соответствующее тематике создаваемого сайта.
  • Blogi — это второе ключевое слово, дающее понять пользователю что это блог!
Теперь продумайте свое название и запишите. Придумали? Записали? Отлично двигаемся дальше.Теперь я объясню выше написанное, более ясно:Написав подобное название, Вы автоматически соблюдаете банальное правило Seo.«Оно заключается в четком вхождении ключевого слова в название (заголовок). «Плюс к этому, поисковые системы намного быстрее индексируют блоги. Это происходит за счет постоянного добавления нового контента. Нежели чем обычный сайтик у которого контент добавляют раз или два в неделю. С этим разобрались ).

Как придумать доменное имя

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

Название сайта: Photo BlogiНазвание подходящих доменов: photoblogi.comphotoblogis.ru или даже blogiphoto.com

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

Пример по нашей теме сайта Фотографии:  Допустим пользователь хочет делиться фотографиями и вести свой фото блог.Соответственно в поисковой строке он введет запрос «фото блоги». А мы в свою очередь уже имеем четкий ответ и в названии сайта и в имени домена. Таким образом поисковая система отдаст предпочтение тому сайту.  У которого больше всего правильных вхождений ключевых фраз и слов входящих в состав запроса. То есть тому кто лучше ответит. Это очень эффективные манипуляции в начале реализации проекта. Так как вы можете занять очень крепко позицию по необходимому запросу еще в начале пути.

Крайне рекомендую Вам,  не используйте популярные слова для составления заголовка и домена. Так как это все уже давно занятно. Лучше используйте фразы и слова которые менее релевантные. Успеха в них будет намного больше. Найти подходящие вы можете с помощью: Подбор слов «Яндекс Адвордс». Именно с помощью этого сервиса, вы сможете просмотреть показы нужных запросов для Вашего проекта. Этот сервис очень сильно пригодиться Вам в будущем, особенно новичкам.Менее релевантные слова и фразы — это слова и фразы с меньшим количеством просмотров и показов.Такие меньше используются другими сайтами, и именно в этой нише Вы сможете лидировать.

Правильная логическая структура сайта

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

  • Меню (область в которой находятся наиболее важные страницы сайта). К меню можно отнести такие страницы как: 
  1. Главная (это ссылка на вашу главную индексируемую страницу).
  2. Блог (страница вывода всех ваших статей) — чаще для этого используют главную страницу, для более быстрого индексирования.
  3. О себе (страница Вашей биографии).
  4. О проекте (страница с описанием вашего проекта, направлением и целями развития).
  5. Форма связи (страница где пользователи могут с Вами связаться).
  • Футер — нижняя часть страницы не изменяется при обновлении страниц и переходах. К футеру можно отнести такие страницы как:
  1. Значение Copyright (указывает на авторство)
  2. Карта сайта (страница созданная как содержание всего сайта) — страница очень полезна для поисковиков. С ее помощью поисковые роботы могут намного быстрее индексировать Ваш сайт.
  3. Контакты (адреса, телефоны или любая контактная информация для связи с Вами).
  • Боковая часть сайта (обычно используют для виджетов, структур статей, поиска, и многих других полезных вещей) Например  на нашем сайте фотографий боковую часть сайта можно составить так:
  1. Виджет поиска (поисковая строка для удобного поиска по сайту).
  2. Виджет галереи — может быть слайдером (постоянный показ изображений которые имеются на сайте).
  3. Категории (меню ваших записей) — к примеру: фото животных, фото природы, ваши фото. Также можно создать под категории.
  4. Популярные статьи (виджет в котором будут выводиться наиболее обсуждаемые статьи или фото и т.д.
  5. Последние комментарии (тут будут выводить комментарии по мере их написания в статьях или к фото).
Думаю я понятно расписал структуру сайта) Теперь дело за Вами. Попробуйте составить на листочке похожую структуру для Вашего проекта. Только хорошенько обдумайте, что и где у Вас будет находиться.

Правила дизайна сайта

Мы подошли к дизайну сайта под Вашу тематику и нужды. Тут я могу сказать следующее:Ваш проект — это ваше лицо. Сайт описывает своего владельца и должен соответствовать стремлениям хозяина(ки). Продумайте до мелочей каждое изображение, не советую кидать все что красиво. Каждый элемент и цвет должны сочетаться, и динамично комбинироваться  друг с другом. Не создавайте яркий и пестрый дизайн — это может оттолкнуть. Используйте более мягкие цвета и текстуры для разработки. Такие цвета, как правило, не вызывают раздражения пользователя. Таким образом можно создать приятный для просмотра сайт и пользователь обязательно задержится! (хотя бы для того чтобы осмотреть).

Как создать качественный контент для сайта

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

  • Описание сайта в заголовке, обязательно должно состоять из главных ключевых фраз и слов по вашей теме. Причем его составление происходит от наиболее релевантных слов к менее релевантным словам.
  • Ключевые слова к медиа контенту, составляются примерно также. Но в изображения обычно ставят: название, описание (в описании, как правило, указывают то что изображено на картинке). После нужно предоставить одно или два ключевых слова можно даже фразу.
  • Статьи к сайту, обязательно должны быть грамотно написаны быть читабельными и легко восприниматься на слух. Вы можете писать сами или заказывать в сети. После обязательно проверяйте готовые варианты на уникальность. Проверить уникальность статьи можно на ресурсах, которых в сети много. Просто введите этот вопрос в поиск. Желательно при создании статьи, заранее определиться с ключевыми словами и фразами входящими в ее состав. Поверьте потом будет легче.
И так, какая должна быть статья:
  1. Читабельная для людей.
  2. Легко восприниматься на слух.
  3. Не маленькая (в районе 300 слов).
  4. Статья содержит ключевые слова и фразы.
  5. Уникальна (не менее 94% уникальность ).
  6. Ну и конечно без ошибок.

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

Важная заметка для Вас

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

  • Создание сайта онлайн — такое название больше вводит в заблуждение. Я могу представить это на примере фотошопа онлайн. В окошке вы создаете сайт самостоятельно и все плюшки для этого вам дали. Запомните это ерунда полная.
  • Или бесплатно, конструктор сайтов — дорогие читатели, давайте смотреть правде в лицо. Бесплатный сыр только в мышеловке. Сам по себе проект приведет вас к затратам (домен, хостинг, возможно днс сервер) и т.д. Пользуясь конструкторами вы в будущем, все равно заплатите деньги.
  • Программа для создания сайтов — да есть похожие программы, но смысла в них нет. Вы мало что поймете, тем более если вы новичок.
Главное для вас — это создание сайта своими руками, своим трудом. В этом будет больше смысла и пользы.  Думаю на этих словах, можно завершить эту статью.Эта моя первая статья для новичков. Совсем не думал, что она получиться такой насыщенной. В следующих обзорах мы разберем все наши разделы более подробно. Я расскажу вам, как и где грамотно оформить домен. Какую платформу-движок сайта (SMC) лучше использовать и многое другое.Не стесняйтесь, пишите комментарии с вопросами и предложениями. Я буду очень рад, если моя статья будет Вам полезна. Это будет для меня наибольшим толчком в дальнейшей работе.

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

Спасибо, что читаешь Nicola Top

nicola.top

Как написать сайт на php с нуля для чайников: лучшие книги и видео

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

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

Что же такое PHP?

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

Говоря простыми и доступными словами, php это язык программирования, специально разработанный для создания сценария веб-приложения, который исполняется на web-сервере. Это достаточно востребованный язык программирования, так как 85% веб-сайтов используют его.

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

Обучаемся эффективно

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

Затем нам нужно скачать компилятор. Это программа, которая построчно считывает ваш скрипт как инструкцию и исполняет ее.

Наиболее распространенный компилятор это denver – простой и бесплатный пакет нужных программ, с помощью которых вы сможете писать скрипты. Если вы спросите мое мнение, то я бы посоветовал вам скачать Open Server. Он сейчас набирает обороты. Он на голову выше денвера и в нем вам будет удобнее работать.

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

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

Книги для обучения

Скажу сказу, я не фанат книг. Когда речь идет о интернет-технологиях. Это все равно что объяснять человеку из племени Масаи что такое wi-fi. Никакие рисунки не помогут нормально все понять. И тем не мене, я хочу предоставить вам небольшой список книг по php для чайников, которые котируются среди профессионалов.

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

PHP и MySQL. Разработка Web-приложений– отличная книга которая подойдет новичку. Первым делом автор покажет как настроить Apache (HTTP-сервер), PHP и MySQL (база данных), затем подскажет, как выбрать редактор кода. В книге рассматривается: синтаксис языка, самые полезные функции, создание собственного движка и ряда других функций.

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

HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера – Это более детальный учебник по изучению php. В нем затрагиваются несколько других полезных языков программирования, без которых полноценное создание веб приложений невозможно.

Читается достаточно легко, подходит для самостоятельного изучения и обучения студентов. Автор затрагивает такие темы как: основы php, динамическое формирования страницы при помощи CSS (каскадная таблица стилей), администрирование баз данных, создания динамических страниц при помощи JavaScript.

Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 – данную книгу я бы посоветовал более продвинутым читателям, которые уже обладают основными навыками HTML верстки. Если вы когда-либо изучали это, и еще помнете основные принципы тогда эта книга для вас.

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

PHP и MySQL. От новичка к профессионалу – и завершает наш обзор книга Кевина Янка, в ней автор делает сильный уклон на создание веб-приложений с базой данных.

Книга очень легкая, отлично подойдет для самостоятельного обучения.

Видео с YouTube

По своему опыту скажу что, обучатся php по роликам из ютуба достаточно сложно. Хоть они и кажутся простыми. В отличии от уроков по фотошопу, которые я обожаю, изучать языки программирования в ютубе просто невозможно. Даже видео длиной всего в 15 – 20 минут вызывает массу неудобств.

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

Такие видео могут отбить желание самому набирать код. Зачем, если за вас уже все сделал автор: набрал, запустил, показал на конкретном примере как все работает? В результате запомнить что-то практически невозможно.

Обучающий курс

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

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

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

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

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

Если вы мечтаете о том, чтобы научиться создавать сайты без CMS, сами и на php, то это лучший для вас вариант.

Ну вот и все. Подписывайтесь на рассылку. До новых встреч и удачи в ваших начинаниях.

start-luck.ru