Html і css
HTML і CSS - навіщо їх потрібно знати і чому пізнання в PHP і MySQL потрібні, але в набагато меншому обсязі
Привіт, шановні Новомосковсктелі блогу KtoNaNovenkogo.ru. Сьогодні я хотів би поговорити про те, навіщо вам може знадобитися при вашій роботі з сайтом знання мови HTML (читайте про те, що це таке тут), основи роботи з таблицями каскадних стилів CSS (вступну статтю по темі ви знайдете тут), а так ж розуміння хоча б основ і принципів верстання сайтів. побудови програм на мові PHP і логіки роботи з базами даних MySQL.
Сучасна CMS (система управління контентом) дозволяє робити сайти, не володіючи все згаданими вище премудростями, але при цьому у вас по ходу роботи, напевно, будуть виникати запитання і проблеми, які ви не зможете вирішити засобами навіть самої навороченной CMS (Joomla, WordPress, Друпал і т.д.).
Навіщо може знадобитися при роботі над сайтом знання мов (розмітки, стилів, серверного програмування)
Найчастіше буває простіше вирішити проблеми не штатними, передбаченими в адмінці движка засобами, а безпосередньо, правлячи щось в базі даних або ж коректуючи вміст певних файлів движка через доступ до них по ФТП.
Так, для цього буде потрібно витратити час на вивчення хоча б основ мови розмітки HTML, зрозуміти яким чином впливають каскадні таблиці стилів на зовнішній вигляд веб-сторінок, а так же розібратися з пристроєм бази даних, навчитися вносити в неї зміни. І, мабуть, найскладніше - це зрозуміти базові принципи написання коду на мові PHP для того, що б розуміти, що і де можна безболісно поміняти, а що чіпати не варто.
Почну я, звичайно, з оформлення веб-сторінок (власне, на даний момент я вже цю справу закінчив і ви можете ознайомитися з результами тут і тут). Як я вже згадував в одному з попередніх постів, до недавнього часу всі ресурси складалися з сторінок в форматі HTML. Причому, там задавалося і наповнення веб-сайті (тексти, зображення, таблиці) і його оформлення (кольору, фон, відступи).
У сучасному розумінні правильності верстання, наповнення повинно здійснюватися за допомогою тегів мови гіпертекстової розмітки, а оформлення цього наповнення повинно проходити за рахунок зовнішніх файлів таблиць стилів. Такий поділ дозволяє розвантажити сторінку веб від зайвого службового коду.
Справа в тому, що пошукові системи дуже пильно дивляться на співвідношення інформаційної складової коду вебсторінки (текст відображається в браузері) і його службової складової (теги, різноманітні скрипти і т.п.). Тому, виносячи за межі даної сторінки все, що не несе інформаційної складової, а відповідає тільки за оформлення сторінок, ми покращуємо ставлення пошукових систем до нашого проекту (ну, хоча б в теорії).
Плюс до цього списку CSS правил, винесений в окремий файл, дозволяє уніфікувати оформлення ресурсу. При необхідності завжди можна буде поміняти щось в дизайні не правий код всіх веб-сторінок, тому що в цьому випадку досить буде поправити вже існуючі або дописати нові стильові властивості в загальній для всіх сторінок таблиці стилів.
C появою таблиць стилів багато теги мови гіпертекстової розмітки та їх атрибути стали вважатися застарілими і не рекомендованими для використання. Замість них радять використовувати властивості CSS, що виконують ті ж дії. Це аж ніяк не означає, що HTML тепер уже вивчати не треба, просто зменшилася кількість тегів і їх атрибутів, які треба знати і вміти використовувати для створення і підтримки в належному стані сайту. Я спробую розповісти про ті теги, які я сам постійно використовую.
Та тому, що в цьому випадку ви наб'єте руку і запам'ятайте написання тегів і атрибутів. Так, в програмах типу Дрімвьювера зручніше верстати, тому що ви тут же зможете його подивитися в браузері, а варіанти написання того чи іншого тега можна вибрати зі списку.
У цьому випадку, як би ви не напартачили, все буде виправити. І, звичайно ж, дуже зручна підсвічування синтаксису мови, на якому ви пишете або редагуєте код. Notepad ++ - це безумовно мій вибір! Про його можливості я розповів у наведеній трохи вище статті.
Напевно, розповідати про розмітку та її оформлення по черзі буде не зовсім правильно, тому спробую говорити про їх спільне використання. Слід розуміти, що CSS властивості записуються в один або кілька окремих файлів, які досить легко ви зможете знайти в темі оформлення використовуваної для вашого движка.
У той час, як теги веб-сторінок в сучасній CMS не записав в якомусь одному або декількох файлах, як було раніше, а генерується (інтерпретується) з PHP. І саме вже згенерований таким чином Html код підсувається браузеру для того, щоб він в свою чергу інтерпретував його в легкотравну для нас форму інтернет-сторінки. Хитро, чи не так?
Тому правка тегів в будь-який CMS не є такою вже тривіальним завданням, навіть якщо ви повністю освоїлися з мовою гіпертекстової розмітки. Адже теги вам доведеться правити в PHP файлах і, отже, потрібно буде знати хоча б його базові поняття і синтаксис.
Але не хвилюйтеся, для того щоб правити дизайн великих знань в PHP від вас не буде потрібно. Теги там лежать, як би сказати, на поверхні і не становить великих труднощів їх ідентифікувати і поправити при необхідності.
Які інструменти ви зможете використовувати
Проблема виникає, як правило, в іншому. Як знайти той файл з розширенням PHP, в якому формується потрібний фрагмент тегів? Ось питання питань. Так, звичайно, якщо у вас є досвід в роботі з даними движків, то ви, я думаю, сооріентіруетесь. Але якщо ви новачок і не знаєте який з сотень ПХП файлів за що відповідає?
Тут вам допоможе чудовий плагін FireBug для не менше чудового браузера FireFox. а так само згаданий вище Notepad ++, і добре відомий багатьом файловий менеджер для Windows - Total Comander. Цей зв'язок двох посад програм допоможе вам гори перевернути і дозволить заощадити масу часу.
Ну ось, цілі намічені, завдання поставлені, залишилося тільки їх виконувати. За сім дозвольте відкланятися.
Удачі вам! До швидких зустрічей на сторінках блогу KtoNaNovenkogo.ru