Хотите, я открою вам один секрет? Создать свой сайт это намного проще, чем вы думаете и виноваты в этом новые технологии и программы. Думаете, для этого нужны знания HTML, CSS, и др. Ничего подобного, сейчас создать сайт сможет и 10-летний ребенок.
Давайте я расскажу, как это можно сделать.
Все способы создания сайта можно условно разделить на три категории. Два последних способа это и есть те самые новые технологии и программы.
Вы можете:
1) создавать сайт вручную, при помощи HTML, CSS, PHP;
2) использовать конструктор сайтов;
3) установить на сайт систему управления контентом (CMS).
Давайте рассмотрим каждый вариант в отдельности и попробуем выяснить его особенности.
1) HTML – это язык разметки гипертекста. Мы набираем текст определенными правилами и получаем красивую веб-страницу. Скажем так, что это самый трудоемкий способ создания сайта. Чтобы убедиться в этом, достаточно открыть код даже маленькой html-страницы и увидеть, сколько всего там написано. Нелегко набрать столько кода, даже если будешь пользоваться html-редактором. Не правда ли? А если в этом коде нужно что–нибудь изменить, представляете, сколько времени на это может уйти?
2) Конструктор сайта – эта программа, которая позволяет из готовых шаблонов создать ваш собственный сайт.
Прежде всего, программы такого рода можно разделить на две группы:
— Off-line конструкторы – могут работать и без подключения к Интернет. Единственное, когда это подключение вам понадобиться – это когда нужно будет опубликовать сайт в сети или внести изменения в уже работающий сайт.
— On-line конструкторы – здесь же все наоборот. Весь процесс создания сайта происходит непосредственно в Сети.
Возможности таких программ тем больше, чем больше вы за них заплатите. Если будите пользоваться бесплатной версией, то рискуете сильно разочароваться. Обычно платные версии конструкторов сайтов могут:
— Быстро менять дизайн сайта.
— Возможность редактирования сайта в режиме on-line.
— Возможность подключения программных модулей (сервисы поиска по сайту, голосование, обратная связь, новостная лента и др.)
— Постоянная служба поддержки.
Что же могут бесплатные версии? Здесь все зависит от того, на кого вы нарветесь. Но чаще всего бесплатные конструкторы сайтов имеют в своем арсенале несколько шаблонов оформлений и, в принципе, на этом их возможности исчерпываются.
3) CMS (Система управления контентом). Представляет собой программу, написанную на языке веб-программирования, которая устанавливается на ваш сайт и полностью управляет информацией на нем. Установив такую систему не нужно заботиться о дизайне, достаточно просто вводить текст и содержание. Все остальное сделает программа. Мое мнение это самое функциональное решение. Здесь есть все возможности для создания профессионального сайта. Управлять таким сайтом можно прямо в режиме on-line. Самое главное здесь можно найти очень даже не плохие бесплатные решения.
Но какими бы привлекательными нам не казались эти новые технологии и программы, от знания HTML, CSS и др. они все-таки не освобождают. Да, я не спорю, что создать сайт можно и без этих знаний, но поддерживать его жизнеспособным, популярным и знаменитым вряд ли удастся.
Как известно, способами, которые я привел выше, сайт создается из готовых шаблонов. Вы зависите от них. Представьте, что вам нужно доработать какую-нибудь мелочь, а такого шаблона просто нет. Что делать? А установить данную доработку ну просто жизненно необходимо. Это хорошо если вы пользуетесь платной CMS или конструктором сайта со службой поддержки. В этом случае вы можете написать письмо, и для вас создадут свой персональный шаблон. А если возможности пользоваться платными сервисами нет? Тогда придется изучать HTML и делать все самому. На бесплатных системах помогать вам никто не будет.
Я считаю, что у человека, который собрался создавать свой сайт в Интернет в любом случае должны быть хотя бы базовые знания по HTML. Например, когда я издаю новый выпуск рассылки, публикую новую статью, да даже оставляю сообщение в форуме, мне приходиться пользоваться HTML. Представляете, а это лишь небольшая доля того, что мне приходиться делать!
Но существуют и исключения. Бывают люди, которым оформление не столь важно, да и возможности особые не нужны. Им просто нужен сайт, который хранит немного информации. Обычно это мини-сайты, которые состоят из нескольких страниц. К примеру, мини — сайты часто используют небольшие организации для публикации информации о себе. Это могут быть сайты различных увеселительных заведений, кружков, секций, пожарной части, маленького магазина и другое. Главная цель такого сайта сообщить людям через Интернет, что есть такое место. Для этого случая использование конструктора сайта или CMS было бы как нельзя кстати.
Изучать сайтостроение обычно начинают с освоения языков и CSS. Но после знакомства с методами создания сайтов на CMS, обычно возникает вопрос: «Нужно ли знать HTML и CSS владельцу сайта на CMS?» .
Действительно, современные системы управления контентом (CMS)
позволяют оперативно управлять работой сайта. Весь процесс создания и настройки происходит с помощью панели управления, которая имеет удобный для пользователя интерфейс. Ему остается только вставлять текст, ставить галочки в нужных местах, выбирать необходимые пункты меню и т. д.
Движки обычно имеют встроенный текстовый редактор, который дает возможность форматировать текст аналогично тому, как это делается, например, в Wordе. С помощью кнопок редактора можно менять цвет, размер, начертание и другие параметры текста.
За несколько простых шагов добавляются новые страницы, пункты меню сайта, вставляются изображения, видеоролики. Устанавливая дополнительные расширения, можно быстро изменять функциональные возможности сайта.
Поэтому возникает впечатление, что знание HTML и CSS совсем не нужно для создания, работы и развития сайта. Так ли это на самом деле?
Конечно, нет однозначного ответа на этот вопрос. Все зависит от многих факторов. Конечно, мы не говорим о тех, кто всерьез занимается именно созданием сайтов, для кого это любимое, интересное дело. Им не знать языков программирования, на которых основываются современные веб-технологии, просто нельзя.
Мы говорим о тех, для кого сайт не цель, а средство.
Действительно, можно не знать HTML и CSS, если создается простенький сайт, например, визитка или сайт-объявление, для того, чтобы разместить его в Интернете, и больше к нему не возвращаться.
Но если есть пусть небольшой, но развивающийся проект, обязательно возникает ситуация, когда нужно внести какие-то изменения в готовые модули. Например, работая с сайтами на CMS WordPress или Joomla!
, приходится постоянно обращаться к коду, корректируя шаблон, размещая рекламные блоки и т. д. Минимальные знания HTML и CSS для этого уже необходимы.
Более серьезные знания нужны для поддержки проекта. При активной работе и развитии сайта могут возникать различные проблемы, решать которые приходится самостоятельно. Современные браузеры имеют дополнительные отладочные средства, которые помогают найти ошибки и исправить их. В этом случае знание HTML и CSS может выручить, иначе придется искать помощь на стороне, а это может быть затратно по времени и средствам.
Таким образом, даже владельцу сайта на CMS полезно знать хотя бы основы HTML и CSS. Для этого можно воспользоваться прекрасными бесплатными видеокурсами Евгения Попова «HTML — базовый курс»
и «CSS — базовый курс»
.
Сегодняшняя заметка будет ответом на интересный вопрос, который я недавно получил от одного из подписчиков. Вот текст письма:
Здравствуйте, Евгений!
В последнее время, я всё чаще и чаще стал уделять внимание материалам по CMS и от того, что я читал, и слушал настроение у меня падало всё больше и больше)))).
Дело в том, что судя по отзывам у готовых движков практически нет минусов сплошные плюсы и пользоваться ими может любой желающий вобщем то не имеющий представления о
программировании. То есть стало быть веб программисты верстальщики да
и все кто с этим связан могут идти на покой (поскольку найдена "панацея").
Но как показывает моя практика не бывает так, что бы то за что раньше платили деньги и над этим трудились люди с определённым опытом и навыками, стало вдруг бесплатно и знания тоже стали в общем то не нужны, достаточно прочитать руководство по
использованию CMS а толстенные книги по программированию стали вроде бы как и не нужны...
Вот я и решил обратиться к тебе с вопросом как же всё таки обстоят дела на самом деле и какое место занимают готовые CMS в профессиональном сайтостроении?
На самом деле, сейчас есть тенденция к тому, что для создания сайтов всё чаще применяются различные готовые движки (CMS), такие как Joomla, Drupal, Wordpress, DLE и т.д.
Ведь на самом деле, если на сайте нужно реализовать только базовую функциональность, и особых требований нет, то незачем изобретать велосипед и проще сделать сайт на основе самой подходящей для этой задачи CMS.
Но с другой стороны, я думаю, что еще рано списывать со счетов HTML, CSS и PHP, т.к. без знания этих вещей трудно будет создать действительно стоящий и уникальный сайт. Ведь CMS - это не панацея, и очень часто приходится копаться в коде системы, чтобы добиться нужного результата. А код большинства CMS - это связка HTML+CSS+PHP.
Сейчас я работаю над курсом по одной популярной CMS-системе. И каждый день провожу в работе с этой системой много времени. И могу сказать, что не было такого дня, чтобы я не использовал знаний HTML, CSS и PHP.
Да, на CMS можно сделать сайт, прицепить к нему какой-то бесплатный дизайн, наполнить материалами и получить сайт, который как брат близнец похож на другие сайты, сделанные тем же путем.
Но сегодня с таким сайтом далеко не уедешь, нужна уникальность, нужны доработки сайта под свои нужды, а для этого нужны знания.
Так что, на данном этапе развития Интернета мне кажется, что не следует пренебрегать изучением базовых языков вэб-программирования, на которых эти движки и работают, но и не оставлять без внимания самые достойные CMS-системы, т.к. зачастую с помощью них можно сделать сайт или сетку сайтов гораздо быстрее, чем писать всё самому.
Здравствуйте, уважаемые читатели блога сайт. Сегодня я хотел бы поговорить о том, зачем вам может понадобиться при вашей работе с сайтом знание языка HTML (читайте про то, что это такое ), основы работы с таблицами каскадных стилей CSS (вступительную статью по теме вы найдете ), а так же понимание хотя бы основ и принципов , построения программ на языке PHP и логики работы с базами данных MySQL.
позволяет делать сайты, не владея все упомянутыми выше премудростями, но при этом у вас по ходу работы, наверняка, будут возникать вопросы и проблемы, которые вы не сможете решить средствами даже самой навороченной CMS (Joomla, WordPress, Друпал и т.д.).
Зачем может понадобиться при работе над сайтом знание языков (разметки, стилей, серверного программирования)
Либо вы не найдете такого пункта в админке CMS среди множества других настроек (логика авторов движков при размещении некоторых пунктов настройки остается непонятной и, возможно, здесь играет определенную роль сила привычки самого автора), либо разработчики вообще не включат такой пункт в админку системы управления контента. Невозможно реализовать настройки для всего через админку — туда, обычно, выводят только самые необходимые и часто используемые настройки.
Зачастую бывает проще решить проблему не штатными, предусмотренными в админке движка средствами, а напрямую, правя что-то в базе данных или же корректируя содержимое определенных файлов движка через доступ к ним по ФТП.
Да, для этого потребуется потратить время на изучение хотя бы основ языка разметки HTML, понять каким образом влияют каскадные таблицы стилей на внешний вид вебстраниц, а так же разобраться с устройством базы данных, научиться вносить в нее изменения. И, пожалуй, самое сложное — это понять базовые принципы написания кода на языке PHP для того, что бы понимать, что и где можно безболезненно поменять, а что трогать не стоит.
Начну я, конечно, с оформления вебстраниц (собственно, на данный момент я уже это дело закончил и вы можете ознакомиться с результами и ). Как я уже упоминал в одном из предыдущих постов, до недавнего времени все ресурсы состояли из страничек в формате HTML. Причем, там задавалось и наполнение вебсайта (тексты, изображения, таблицы) и его оформление (цвета, фон, отступы).
В современном понимании правильности верстания, наполнение должно осуществляться с помощью тегов языка гипертекстовой разметки, а оформление этого наполнения должно проходить за счет внешних файлов таблиц стилей. Такое разделение позволяет разгрузить страничку вебсайта от лишнего служебного кода.
Дело в том, что поисковые системы очень пристально смотрят на соотношение информационной составляющей кода вебстраницы (текст отображаемый в браузере) и его служебной составляющей (теги, разнообразные скрипты и т.п.). Поэтому, вынося за пределы данной страницы все, что не несет информационной составляющей, а отвечает только за оформление страниц, мы улучшаем отношение поисковиков к нашему проекту (ну, хотя бы в теории).
Плюс к этому список CSS правил, вынесенный в отдельный файл, позволяет унифицировать оформление ресурса. При необходимости всегда можно будет поменять что-то в дизайне не правя код всех вебстраниц, т.к. в этом случае достаточно будет поправить уже существующие или дописать новые стилевые свойства в общей для всех страниц таблице стилей.
C появлением таблиц стилей многие теги языка гипертекстовой разметки и их атрибуты стали считаться устаревшими и не рекомендованными для использования. Вместо них советуют использовать свойства CSS, выполняющие те же действия. Это отнюдь не означает, что HTML теперь уже изучать не надо, просто уменьшилось количество тегов и их атрибутов, которые надо знать и уметь использовать для создании и поддержания в должном состоянии сайта. Я постараюсь рассказать про те теги, которые я сам постоянно использую.
В каком редакторе лучше править или вносить изменения в код
Ничего сложного в этом нет, ведь по сути это даже не язык программирования, а гипертекстовая разметка, нечто похожее на синтаксис в русском языке. Что хотелось бы сразу посоветовать, опираясь на собственный опыт? Пробуйте писать теги самостоятельно в блокноте, типа Notepad++ (читайте мой ), а не в программах, типа Дримвьювер. Почему?
Да потому, что в этом случае вы набьете руку и запомните написание тегов и атрибутов. Да, в программах типа Дримвьювера удобнее верстать, т.к. вы тут же сможете его посмотреть в браузере, а варианты написания того или иного тега можно выбрать из выпадающего списка.
Но дело в том, что вам в основном придется править уже существующий код в файлах вашего движка и гораздо удобнее будет, если вы будете помнить написание всех тегов и их атрибутов наизусть (благо их не так много). Зачем для исправления одного тэга открывать файл в громоздком Дримвьевере, когда для этих целей вполне достаточно обычного блокнота, ну, или его продвинутого аналога под название Нотепад плюс плюс (ссылка приведена чуть выше).
Хотя, это мое личное мнение (ИМХО) и вам решать, что удобнее. Например, Евгений Попов , по курсам которого я изучал все это дело, судя по всему, приверженец Дримвьевера. Важно в принципе одно – чтобы вы правили код в том редакторе, который способен сохранять все внесенные изменения и который может, при желании, вернуть все как было (взад).
В этом случае, как бы вы не напортачили, все будет поправимо. И, конечно же, очень удобна подсветка синтаксиса языка, на котором вы пишете или редактируете код. Notepad++ — это безусловно мой выбор! О его возможностях я рассказал в приведенной чуть выше статье.
Наверное, рассказывать про разметку и ее оформление по очереди будет не совсем правильно, поэтому попробую говорить об их совместном использовании. Следует понимать, что CSS свойства записываются в один или несколько отдельных файлов, которые довольно легко вы сможете найти в теме оформления используемой для вашего движка.
В то время, как теги вебстраниц в современной CMS не записаны в каком-то одном или нескольких файлах, как было раньше, а генерируется (интерпретируется) из PHP. И именно уже сгенерированный таким образом Html код подсовывается браузеру для того, чтобы он в свою очередь интерпретировал его в удобоваримую для нас форму интернет-странички. Хитро, не правда ли?
Поэтому правка тегов в любой CMS не является такой уж тривиальной задачей, даже если вы полностью освоились с языком гипертекстовой разметки. Ведь тэги вам придется править в PHP файлах и, следовательно, нужно будет знать хотя бы его базовые понятия и синтаксис.
Но не волнуйтесь, для того чтобы править дизайн больших познаний в PHP от вас не потребуется. Тэги там лежат, как бы сказать, на поверхности и не составляет большого труда их идентифицировать и поправить при необходимость.
Какие инструменты вы сможете использовать
Проблема возникает, как правило, в другом. Как найти тот файл с расширением PHP, в котором формируется нужный фрагмент тэгов? Вот вопрос вопросов. Да, конечно, если у вас есть опыт в работе с данным движков, то вы, я думаю, соориентируетесь. Но если вы новичок и не знаете какой из сотен Пхп файликов за что отвечает?
Тут вам поможет великолепный плагин для не менее великолепного браузера , а так же упомянутый выше Notepad++, и не безызвестный многим . Эта связка программ поможет вам горы свернуть и позволит сэкономить массу времени.
В ближайших постах я собираюсь подробно рассказать, как использовать эти программы для эффективного решения возникающих проблем с сайтом. Да, чуть не забыл про незаменимую программу, позволяющую получить доступ по FTP – FileZilla ( уже имеется статья на эту тему). Ну и про мы, конечно же, тоже поговорим.
Ну вот, цели намечены, задачи поставлены, осталось только их выполнять. За сим разрешите откланяться.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
Как сделать горизонтальное или вертикальное выпадающее меню для сайта на основе CSS и Html в онлайн сервисе
Красивые русские шрифты для сайта и компьютера в онлайн сервисе Google Font - где скачать и как установить
Адаптивный (отзывчивый) дизайн - оптимизация сайта для его просмотра на мобильных устройствах
Gif, Png или Jpg - форматы растровой графики для веба, их плюсы и минусы при использовании на сайте
