Powered by Max Banner Ads 

HTML-верстка і Web-програмування сайту. З чого почати?

Вже друга стаття Ігора Виспянського, спеціально для Блогорідера.

Що потрібно знати для того, щоб створити сучасний сайт власними руками

Дана стаття написана для тих, хто самостійно намагається розібратися в програмуванні Web-сайтів. Вона показує шлях по якому може рухатися початківець, який розгубився в різноманітності сучасних мов програмування для Web, а також вона намагається обґрунтувати даний вибір. Кроки запропоновані в цій статті не варто вважати абсолютно правильними. Це лише авторське бачення можливого розвитку Web-програміста.

Сьогодні існує чимало програм, які дозволяють створювати власні Web-сайти не вникаючи в код сторінок. Крім того Інтернет рясніє сайтами, які пропонують готові шаблони для сайтів. Ми орієнтуватимемося на те, що Ви не шукаєте легких шляхів і бажаєте здобути достатній обсяг знань з метою самостійного створення Web-сайтів, якісного редагування готових шаблонів, тощо. Отже, з чого слід почати. Без чого подальше вивчення Web-програмування неможливе? Щоб створити сайт потрібно знати хоча б мову розмітки. Найлегшою і найпопулярнішою є мова HTML. Що таке HTML? Термін HTML (HyperText Markup Language) означає “мова маркування гіпертексту”. З часу створення першої версії (специфікації) HTML зазнав деяких змін. Поточну специфікацію HTML можна знайти на сайті www.w3.org. Що вам знадобиться для освоєння HTML?

  1. <!–[if !supportLists]–>браузер;<!–[endif]–>
  2. <!–[if !supportLists]–>редактор текстових файлів.<!–[endif]–>

HTML-сторінка - це звичайний текстовий файл. Свої перші HTML-файли Ви будете розробляти в себе на локальному диску. При вивченні нового матеріалу слід дотримуватися таких нескладних порад:

  • <!–[if !supportLists]–>· не використовуйте старих книг, статей, тощо;<!–[endif]–>
  • <!–[if !supportLists]–>· звертайте увагу на автора матеріалу.<!–[endif]–>

Для більш-менш якісного створення HTML-документів Вам необов’язково досконало вивчати грубезні посібники, але Ви повинні знати основні можливості, які забезпечує HTML і де можна знайти потрібну інформацію. Що далі? А далі - CSS . Тут слід зауважити, що після вивчення HTML Ви маєте достатній багаж знань для того, щоб створювати повноцінні статичні сайти. Більше того, на цьому Ви можете зупинитись… Але в такому випадку Ви втратите величезні додаткові можливості для зручної роботи. CSS (Cascading Style Sheets) - каскадні таблиці стилів, які застосовуються для візуального форматування документу в мовах розмітки, крім того в CSS є можливості створювати стилі для друкованої версії сторінки і для управління звуком. CSS найчастіше зменшує об’єм коду, дозволяє виносити стилі в окремий файл, який можна повторно використовувати і ще багато іншого. З вище сказаного можна зробити висновок, що як HTML, так і CSS не є мовами програмування. Вони дозволяють лише змінювати оформлення елементів Web-документів. Але, як же бути з опрацюванням даних на сайті? Вам потрібно рухатися далі. Зазвичай, наступний крок дається не всім, бо, далі треба вивчати програмування.

JavaScript - мова опису сценаріїв. Являє собою скріпт-мову для www, засновану на Java. Код JavaScript може бути вбудований безпосередньо в текст сторінки HTML. JavaScript - мова програмування, за допомогою якої Ви можете створювати інтерактивні Web-сторінки. Величезною перевагою JavaScript перед іншими мовами програмування є те, що їй не потрібно ніяких інтерпретаторів і Web-серверів, а достатньо тільки одного браузера. Зауваження! Не слід плутати JavaScript з Java, чи з JScript. Це різні мови програмування. Як! Ви успішно впоралися і з цим кроком? Тоді Ви досягли неабиякого рівня. Під словом “впоралися” не варто розуміти досконалого вивчення JavaScript. Лише з практикою Ви зрозумієте, що багато-чого не знаєте, багато автор книги, яку Ви читали для знайомства з JavaScript, Вам не розказав.

Зауваження! Кожен по-своєму розуміє словосполучення “достатній рівень знань”. Але погане вивчення матеріалу призведе або може призвести до помилок в коді, які важко виявити, бо Ви впевнені в своїй правоті і шукаєте не там, де слід.

Наступний крок - це PHP. Хоча необов’язково наступний. Він сміло може йти перед вивченням JavaScript, а може взагалі не бути виконаним. Але ж Ви бажаєте вдосконалюватися. Можна довго сперечатись про те, яку мову програмування обрати. Тут і ASP, і Perl, і Java, … Але ми зупинимо свій вибір на PHP. PHP вибраний з-поміж інших аналогічних мов програмування через свою простоту в освоєнні, популярність серед програмістів і безкоштовність. Навіщо Вам PHP? Сучасний сайт повинен підтримувати пошук інформації, продаж продуктів, гостьову книгу, тощо. А це і не тільки це можна реалізувати на PHP. Відмінність PHP від JavaScript полягає в тому, що PHP-скрипт виконується на сервері, а клієнту передається результат роботи, тоді як JavaScript-код повністю передається на клієнтську машину і тільки там виконується. Наведу найбільш популярні можливості мови:

  • <!–[if !supportLists]–>· інтеграція Web з базами даних;<!–[endif]–>
  • <!–[if !supportLists]–>· робота з файлами і папками;<!–[endif]–>
  • <!–[if !supportLists]–>· легка робота з формами;<!–[endif]–>
  • <!–[if !supportLists]–>· робота з растровими зображеннями (бібліотека GD);<!–[endif]–>
  • <!–[if !supportLists]–>· скрипти можна “вклеїти” прямо в HTML-код;<!–[endif]–>
  • <!–[if !supportLists]–>· робота з FTP;<!–[endif]–>
  • <!–[if !supportLists]–>· шифрування;<!–[endif]–>
  • <!–[if !supportLists]–>· підтримка PDF (Adobe).<!–[endif]–>

Для початку можу порадити Вам сайт www.php.net. На ньому Ви зможете скачати свіжу версію PHP, документацію, FAQ, приклади скриптів, тощо. Порада: не завантажуйте найсвіжіші версії, оскільки вони можуть бути нестабільні. Краще трохи почекати і скачати нормальний стабільний реліз. Для того, щоб всі ваші скрипти написані на PHP працювали, необхідно мати або доступ до вже налаштованого сервера, або (найпростіший варіант) поставити собі пакет “Denver” (http://denwer.ru). Там всі операції по налаштуванні виконані за вас. Такий варіант цілком підійде для роботи зі скриптами вдома.

Якщо Ви вже розібрались з PHP, то, як тут не скористатись можливістю роботи з базами даних. MySQL - це одна з найпопулярніших і найпоширеніших СУБД (система управління базами даних) в Інтернеті завдяки вдалому поєднанні користувацьких властивостей, відкритому коду і добрій технічній підтримці. Офіційний сайт - www.mysql.com. MySQL розглядається як основа для не надто складних проектів, які не вимагають високого рівня збереження даних, як то: форуми, системи ведення статистики, електронні магазини, тощо. В якості альтернативи MySQL можна розглянути: Oracle, PostgreSQL, mSQL. Переваги MySQL:

  • <!–[if !supportLists]–>· маленький;<!–[endif]–>
  • <!–[if !supportLists]–>· швидкий;<!–[endif]–>
  • <!–[if !supportLists]–>· легкий в установці і використанні;<!–[endif]–>
  • <!–[if !supportLists]–>· є безкоштовним для некомерційного використання;<!–[endif]–>
  • <!–[if !supportLists]–>· написаний під десятки видів ОС.<!–[endif]–>

Для мови PHP MySQL виступає як стандарт де-факто, і бібліотека для звернення до MySQL скомпільована в ядро PHP. Мабуть, все. Ні, ні… Звичайно не все, але цього має бути достатньо, щоб успішно створювати сучасні, зручні, конкурентні Web-сайти. Як бачите, дана дорога нелегка. І тому перш ніж розпочати вивчення потрібно добре подумати, чи Вам дійсно це потрібно. Адже, час - безцінний і його не повернути. Автор - Ігор Виспянський, спеціально для Блогорідера.

top of hotblogs.org.ua

Popularity: 63%

Вам сподобається:

Сподобалась стаття? Підпишись на оновлення через RSS (?) або e-mail.

Реклама на сайті | Стати автором | RSS-підписка | Новини на e-mail | Технічна сторінка

9 Коментарів на цей пост »

  1. odp

    Жовтень 27 2007 @ 15:03  Оціни: Add rating 0  Subtract rating 0  

    Адже, час – безцінний. Согласен, но в качестве хобби веб-дизайн и seo могут быть очень привлекательными.

  2. hellveen

    Жовтень 27 2007 @ 15:05  Оціни: Add rating 0  Subtract rating 0  

    Якраз мій випадок :)

  3. Tod

    Жовтень 29 2007 @ 13:31  Оціни: Add rating 0  Subtract rating 0  

    Все правильно.
    Но сейчас ПХП+МКСЛ не совсем обязательны. Есть куча систем управления контентом, которые могут запросто помочь в создании сайта без надобности вникать в эти вещи.
    Но ХТМЛ и КСС знать весьма желательно, пусть даже на каком-то среднем уровне.

  4. Чоловік з великим Flash

    Жовтень 30 2007 @ 11:44  Оціни: Add rating 0  Subtract rating 0  

    корисна стаття, вже заплюгавив її читачу на Теревенях, бо замучили бідного модератора питаннями “а з чого почати веб сайт?”

  5. virua

    Листопад 21 2007 @ 14:54  Оціни: Add rating 0  Subtract rating 0  

    Чоловік з великим Flash сказав:

    “корисна стаття, вже заплюгавив її читачу на Теревенях, бо замучили бідного модератора питаннями “а з чого почати веб сайт?””

    Радий чути, чи точніше читати :)

  6. iMan

    Березень 3 2008 @ 1:52  Оціни: Add rating 0  Subtract rating 0  

    От, для початківців саме то! І чому, коли я починав, то не натрапляв на такі цінні матеріали? І все розбирати доводилось самому.

  7. virua

    Березень 3 2008 @ 11:13  Оціни: Add rating 0  Subtract rating 0  

    До iMan:
    Дякую за добрі слова в бік моєї публікації.
    Я написав дану статтю саме через те, що коли починав розбиратися зі створенням сайтів (під створенням сайтів я розумію хоча б початкові знання в цій області (HTML, CSS), а не лише вміння ставити CMS і підключати плагіни до неї ;) ), то на помацки йшов до бажаної цілі. А можна було це все розібрати більш оперативно, маючи певний план розвитку.

  8. podarok

    Грудень 22 2008 @ 15:37  Оціни: Add rating 0  Subtract rating 0  

    А що то за SupportList в статті повилазили?
    Певне версія модуля щось некоректно обновила?

Коментарі RSS · TrackBack URI

Trackbacks

  1. my.ukrweb.info

Залиши свій коментар

Ім′я: (потрібно)

E-mail: (потрібно)

Сайт:

Don't spam. <noindex> & nofollow in use.

Коментар:

Підписатися на коментарі (RSS)

 


Украинская Баннерная Сеть

 

UA TOP Bloggers количество читателей онлайн и всего мир Иинтернет блогов Рейтинг блогов

Участник Blograte.ru

Нагору ↑

Передрук матеріалів можливий, якщо дотримуватись обов'язкових правил.


двери оптом, александрийские двери vicenza , фабрика дверей
Massive range of quality Treadmills at Argos Sports Low price Free Delivery
Карта Москвы: отобразить вузы.