HTML, CSS, PHP, MySQL — зачем нужно знать языки HTML, PHP, MySQL и свойства CSS при работе над сайтом

Рубрика: Верстка сайта

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

Основы HTML и CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У Евгения Попова имеется видекурс по PHP+MySQL, который стоит того, чтобы с ним ознакомиться.

Можете посмотреть бесплатные видеоуроки по Html и CSS, а так же можете ознакомиться с другими статьями:

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

Робот считает, что Вам это тоже может быть интересно:
Очень обяжете, если воспользуетесь этим блоком кнопок:
RSS
Получать обновления по почте
Рубрика : Верстка сайта
Наверх


Комментарии
8-09-2009 в 17:37

Я использую только notepad++ для редактирования всего — html,php и тд, а также для пакетной обработки файлов — поиск и замена

Заводской раб

28-09-2009 в 4:24

Хороший сайтец, особенно хочется отметить дизайн

Hi-Tech

15-10-2009 в 17:23

«Я использую только notepad++ для редактирования всего — html,php и тд, а также для пакетной обработки файлов — поиск и замена»

Я тоже... ненавижу шаблонные саты! =)

Pett

25-09-2011 в 14:38

Я пользуюсь PHPDesigner. Программа бомба =))) Понятна новичкам любого уровня до профессионала. Имеется русский язык. Главное определиться с какой(какими) прогами будешь работать. Я уже определился и уже повышаю уровень знаний каждый день не теряя время на поиски.

druzhban19

Написать

(обязательно)

(обязательно)

Ваш комментарий
Заключайте PHP и другой код в теги [php][/php]

Это не спам.

Подписаться без комментирования