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

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хотел бы поговорить о том, зачем вам может понадобиться при вашей работе с сайтом знание языка гипертекстовой разметки HTML, основ работы с таблицами каскадных стилей CSS, а так же понимание хотя бы основопалагющих принципов построения программ на PHP и логике работы с базами данных MySQL.

Зачем может понадобится при работе над сайтом, создаваемом на основе CMS, знание HTML, CSS, PHP и MySQL

Современная CMS (система управления сайтами) позволяет делать сайты не владея HTML, CSS, PHP, MySQL, но при этом, у пользователя, по ходу работы, наверняка будут возникать вопросы и проблемы, которые он не сможет решить средствами даже самой навороченной CMS. Либо он не найдет такого пункта в админке среди множества других настроек (логика авторов при размещении некоторых пунктов настройки остается непонятной, и возможно, здесь играет определенную роль сила привычки самого автора), либо авторы вообще не включат такой пункт в админку.

Зачастую бывает проще решить проблему не штатными, предусмотренными в админки средствами, а напрямую, правя что-то в базе данных или же корректируя код определенных файлов CMS. Да, для этого потребуется потратить время на изучение хотя бы основ языка гипертекстовой разметки HTML, понять каким образом влияют каскадные таблицы стилей CSS на внешний вид сайта, а так же разобраться с устройством базы данных, научиться вносить в нее изменения. И пожалуй, самое сложное - это понять базовые принципы написания кода на языке PHP для того, что бы понимать, что и где можно безболезненно поменять, а что трогать не стоит.

Для чего вам может пригодиться знание HTML и CSS при работе над своим сайтом

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

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

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

В каком редакторе лучше всего править (вносить изменения) HTML и CSS код

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

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

Хотя, это мое личное мнение и вам решать, что удобнее. Например, Евгений Попов, по курсам которого я изучал основы HTML, судя по всему, приверженец написания кода в Дримвьевере. Важно в принципе одно – чтобы вы правили код в редакторе, который способен сохранять все внесенные в файл изменения и который может при желании вернуть все как было. В этом случае, как бы вы не напортачили, все будет поправимо. И конечно же очень удобна подсветка синтаксиса языка, на котором вы пишете или редактируете код. Notepad++ - мой выбор! Расскажу о его возможностях в ближайших постах.

Для чего вам может пригодиться знание PHP и MySQL при работе над своим сайтом

Наверное, рассказывать про HTML и CSS по очереди будет не совсем правильно, поэтому попробую говорить об их совместном использовании. Следует понимать, что свойства таблицы стилей записываются в один или несколько отдельных файлов с расширением CSS (фактически это обычный текстовый файл). В то время как код HTML, в современной CMS, не записан в каком-то одном или нескольких файлах с расширением HTML, как было раньше, а генерируется (интерпретируется) из кода, написанного на языке PHP. И именно уже сгенерированный таким образом код HTML, подсовывается браузеру для того, чтобы уже браузер в свою очередь интерпретировал HTML в удобоваримую для нас форму интернет-странички. Хитро, не правда ли?

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

Какие инструменты вы сможете использовать для поиска нужного вам участка кода среди множества файлов движка (CMS) вашего сайта

Проблема возникает, как правило, в другом. Как найти тот файл PHP, в котором находится нужный участок кода HTML? Вот вопрос вопросов. Да, конечно, если у вас есть опыт в работе с данной CMS, то вы, я думаю, соориентирутесь. Но если вы новичок и не знаете какой из сотен файлов за что отвечает? Тут вам поможет великолепный плагин FireBug (Firebug — самый необходимый инструмент при работе над дизайном сайта), для не менее великолепного браузера FireFox, а так же, упомянутый выше, Notepad++, и не безызвестный многим - файловый менеджер Total Comander (Поиск по содержимому файлов сайта при помощи Total commander). Эта связка программ поможет вам горы свернуть и позволит сэкономить массу времени.

В ближайших постах я собираюсь подробно рассказать, как использовать эти программы для эффективного решения возникающих проблем с сайтом. Да, чуть не забыл про незаменимую программу, позволяющую получить доступ к файлам сайта по FTP – FileZilla. Ну и про PhpMyAdmin, позволяющую получить доступ к базе данных мы, конечно же, тоже поговорим (Как сделать резервную копию файлов и базы данных вашего сайта с помощью программ FileZilla и phpMyAdmin, Как перенести ваш сайта на другой хостинг с помощью программ FileZilla и phpMyAdmin).

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

Вы так же можете ознакомиться с другими статьями из рубрики HTML для начинающих и материалами рубрики Верстка, HTML, CSS, PHP, MySql.

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Постовые:

Легковые автомобили с пробегом, автосервис и услуги, автозапчасти и принадлежности.

Автомобили Дэу(Daewoo), модели Nexia, Matiz и другие.

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