Що необхідно знати, щоб зробити веб-сайт
Творець: Біктіміров Наіль

На сьогодні багато новенькі задаються питанням, що необхідно знати, щоб зробити для себе власний свій веб-сайт і в майбутньому створювати веб-сайти іншим, одним словом стати в цій сфері фахівцем, спецом в області інтернет-технологій. Очевидно, все сходу з неба на голову не падає, це, до речі, навіть краще, нехай кожна людина бере для себе від неба те, що йому справді необхідно, а не все, що не потрап, валилося йому з неба на голову. Да уж, жарт вийшла потрібно. Але не про жарти мова йде, а про те що необхідно знати для того щоб створювати веб-сайти.

У цій статті я розповім вам про це більш ретельно. Так, багато хто мене засудять, за те, що я розкриваю таємницю, адже багато проф програмери, які роблять веб-сайти, вимовлять — для чого ти відкриваєш всі карти новеньким, нехай вони самі йдуть, збираючи всі ями на власному шляху, як це робили колись ми. А для чого і що в цьому такого, скажете ви? А так як кожен бажає бути потрібним у власній сфері і кожен, у цьому випадку йдеться конкретно про проф програмістів, які роблять веб-сайти, ховає правду, пробує зробити туман перед новачком, щоб у цього новенького відпало бажання створювати веб-сайти і дізнаватися всі ці технології. Я виголосив конкретно дізнаватися, а не вчити або ще жахливіше зазубрювати, так як програмування — це не зубрешке, це творчість, а творчість не навчається, воно пізнається.

Колись я теж був таким егоїстом, але моє життя різко змінилася, з’явилися нові погляди на старі речі. Самий 1-ий і головний висновок, який я осмислив у галузі конструювання веб-сайтів, був таким — не всі люди, які роблять веб-сайти, майстра у власній області. Але вони програмери, але не майстра. Так як кожен програмер фахівець. Багато роблять веб-сайти заради власної насолоди, хтось, дослідивши одна мова гіпертекстової розмітки, починає створювати веб-сайти, при всьому цьому вважаючи, що він правитель в цій області. Ось тому важко відрізнити програмера від проф програмера, але це лише на словах, насправді ж все зовсім по-іншому.

Випадок з життя. До нас у кабінет, коли ми набирали штат службовців в новий щойно відкрився філіал в Уфі по конструюванню веб-сайтів, прийшов юнак. Він бажав запропонувати свою кандидатуру в якості головного програмера, мотивуючи це тим, що він закінчив інститут. Так, скориночка в нього була, всі інші документи теж були в порядку. І коли я запитав його, якими мовами він програмує, він почав мені перераховувати практично весь словник Даля. Виявляється, він робить веб-сайти на мовах: HTML, CSS, JavaScript, PHP, він навіть PERL знав, а ще він знав ActionScript, DHTML і ще пару десятків мов для конструювання веб-сайтів, потім послідувало перерахування програм теж для конструювання веб- сайтів. І все це на проф рівні. Ось це так, із глузуванням натякнув я напарникові, ось це кадр. Ця людина весь штат службовців поміняє, про себе вимовив я!

Щоб не образити людину, я запитав у нього портфоліо, і його приніс, але ми встромили flash-накопичувач в комп’ютер, настала тиша. Це був звичайною документ, на ординарну мові HTML, він називав його веб-сайтом, але ніякого там надприродного шедевра, якого ми чекали від фахівця за його словами, не було. Вообщем я не дуже звертаю увагу на портфоліо, але придивляюся до нього, тому ми перебігли до тесту. Не багато хто повірить, але ця людина не знав навіть простої функції в PHP і прості теги в HTML. На жаль, а може і на щастя, але його не взяли на роботу і не підпустили до конструювання веб-сайтів.

Що від сюди слід? І в цього юного людини може і є якісь таланти, але, розвиваючи їх, вони губляться. Знати все і відразу нічого, ось де основна помилка. Якщо ви почали дізнаватися якийсь мова програмування його необхідно дізнатися з усіх боків, і як можна більше писати і створювати веб-сайти на ньому. Саме тоді він закріпитися у вас в пам’яті, і ви через рік його не забудете і підготуєте середовище для сприйняття іншої мови.

У тих, хто прочитав цей приклад з життя, напевно, виробився певний комплекс до власного портфоліо, але запевняю вас, це нікчемно. Не варто смущяться власного портфоліо, тому що спочатку роботодавці дивляться не на нього, а на певну риску, яка знаходиться в кожній роботі, за останньою мірою, так робиться в нашій компанії. Це, до речі, пов’язано з психологією.

У кожному суспільстві, а суспільство це і є компанія, складаються свої норми, незалежно від того чим воно займається і яка його діяльність. У нашому випадку це компанія з конструювання веб-сайтів, тобто в головному робота з мовами програмування, і у нас теж є свої правила написання веб-сайтів. Програмери працюють в колективі і тому їм потрібно дотримуватися їх, щоб кожен працівник зумів стрімко прочитати код і вдуматися в його сутність. Але це не зобов’язує кожного співробітника знати всі правила сходу, на це дається випробувальний термін.

Напевно, багато хто з вас колись, а може навіть і на даний момент, вважають, що зробити веб-сайт можна за допомогою додатків. І не вкладати в це якихось витрат інтелектуальних, фізичних або речових. Чесно кажучи, то я вже стомився гласить про це всім, що конструювання веб-сайтів за допомогою програм це ніяк по іншому ізимательство над усім наявним. Як люди не розуміють, що це шаблонний варіант, це не ви зробили веб-сайт, це розробник вашого застосування зробив його за вас. А ви код веб-сайту споглядали, лежачий цієї самої програмці? Це кошмар. Коли проф програмери роблять веб-сайти, вони враховують всі, це їхній обов’язок. Підраховують навіть час завантаження документа на комп’ютер користувача, відштовхуючись від швидкості інтернет-з’єднання, а адже вона завжди різна. А тут вам підсовують одну сторінку вагою в Триста кб, не несе якої-небудь коштовної інформації.

Другим недоліком при розробці веб-сайтів додатками є шаблонний підхід. Шаблон не тільки лише противний із зовнішнього боку, та й небезпечне. Напевно вам, як основоположнику веб-сайту, буде неприємно бачити друге веб-сайт з таким же зовнішнім виглядом, тобто дизайном, а таких веб-сайтів в вебі навала, їх море. Програмка для конструювання веб-сайтів не створюється тільки для однієї людини, вона розрахована на величезну аудиторію людей. До того ж здібності у таких програм в конструювання веб-сайтів урізані на 95%.

З жалем ми розібралися, припустимо, ви проковтнули цю проблему і змирилися з тим, що ваш веб-сайт не перший з таким виглядом і не останній. Тоді на другому місці залишається безпека самого інтернет-ресурсу, який ви зробили. Справа в тому, що в такі програмки вбудовують готові суворі програмки, які в майбутньому будуть працювати на вашому веб-сайті не тільки лише із зовнішнім виглядом, так і обробкою всієї інформації, припустимо відправка пошти з вашого веб-сайту. Коли йдеться про таких суворих додатках, то тут вже зачіпається не тільки лише оглядач юзера, та й сервер, на якому розміщується ваш веб-сайт, інакше кажучи, він робить більш суворі задачки, ніж просто відправка документа.

Сервер не посилає ці настільки принципові коди, кому попало, іншими словами він їх робить, а підсумок передає юзеру, відповідно исходники може творити тільки адмін веб-сайту. Уявіть таку ситуацію, зломщик дізнався програмку, за допомогою який ви зробили веб-сайт, йому це не складе труднощів, відшукав її і йому до рук потрапили початкові коди вашого застосування. Вважайте, що ваш веб-сайт став вразливим, і ви поставили під загрозу не тільки лише власний веб-сайт, та й весь сервер. Ось чому так принципово бути особистим виходячи з переконань конструювання веб-сайтів.

Так само програмки для конструювання веб-сайтів записують у документ багато не підходящої інфи, посеред такої інформації бувають і глибоко заховані посилання на інші ресурси. Тим розробник власної програмки, вдаючись до вашої допомоги без вашої згоди, розкручує власний продукт в вебі. Я завжди був проти таких програм і намагаюся писати коди і дизайни без допомоги інших, що і вам рекомендую. Розповідаючи про програмки для конструювання веб-сайтів, я не увазі PhotoShop або Flash-технології, це інші програмки, без яких не обійтися, і про їх інша історія.

Так що все-таки необхідно знати, щоб зробити веб-сайт? Знати треба програмування, спочатку це може здатися нелегко, можуть з’явитися думки про те, що ви не можете це осилити. Але це не так, головне, що необхідно усвідомити це те, що програмні технології зробили такі ж люди, як і ви. Коли я починав цим займатися, у мене теж були непорозуміння, і мозок мій не дозволяв. У школі я був більше схильний до філології, ніж до арифметики, а там, звичайно, закладається майбутнє. Але я все-таки довідався про це, завзятість мене не підвело, і вас, найімовірніше не підведе, і ви почнете створювати веб-сайти.

Спершу я рекомендую дізнатися мова гіпертекстової розмітки, це HTML (Ейт-шануй-емаль). Він досить простий і ви подужаєте його за тиждень, а то і менше, залежно від часу, який ви проводите за монітором. Я вважаю, що без цієї мови не було б вообщем веба, так як жоден інший язик не володіє гіпертекстовими якостями, без яких нереально зробити веб-сайт. Ви зможете почитати навчальні матеріали алленова Наталії, у неї є чудова книжка про HTML, яку я сам читав на одному диханні, рекомендую її вишукати в вебі. Після того як ви дізнаєтеся це примітні мову для конструювання веб-сайтів, необхідно буде попрактикувати, так би мовити, закріпити свої пізнання. Зробіть свою не величезну сторінку.

Після можна вже починати з іншої мови CSS (сі-сс або ц-сс). Ці два найменування, найімовірніше не є мовами програмування, це мова розмітки, тому з’ясувати їх вам не складе великої праці. Ось що стосується CSS я, найімовірніше не зможу вам дати підказку літературу, так як у мене не було певного навчального матеріалу, я черпав пізнання з відкритих джерел в інтернеті. Без CSS на даний момент не обходиться жоден інтернет-ресурс, тому він поширені, вобщем, так само як і HTML. Ви без зусиль можете відшукати підручник у вебі. Ось ці дві мови міцно пов’язані між собою, інакше кажучи, вони доповнюють один одного. Після того як ви освоїте їх вам можна буде дати медальку, так як ви її заслужили і зробили 1 перший крок на шляху до конструювання веб-сайтів.

Другий крок у розробці веб-сайтів більш суворий, тут вже є два напрями, дві мови програмування для конструювання веб-сайтів JavaScript (Java-скрипт) і PHP (Пі-етч-пі або пі-аш-пі). Вони схожі між собою, але між тим вони різні і вам необхідно обрати небудь якийсь із них. Але щоб знайти буде вам 1-ий, а який другий необхідно коротко подивитися їхні здібності. Багато говорять, що краще пізнається PHP, і я так теж вважаю, так як мені він ближче, ніж JavaScript. Але все таки, ви це не я і тому у вас власний шлях, напевно, більш помітний, ніж у мене.

Отже, PHP. Це мова, яка не буде просто так працювати на комп’ютері, для того що б він заробив браузера буде недостатньо. Для нього потрібний сервер. А що таке сервер? Це практично той же самий комп’ютер, за яким ви на даний момент сидите, але щоб ваш комп’ютер став реальним сервером на нього потрібно встановити необхідне програмне забезпечення. Це програмне забезпечення безоплатно і ви з легкістю можете його відшукати в вебі. Але, хотілося б вас застерегти, коли я був на вашому місці і пробував зробити з власного комп’ютера сервер, я тоді ще не знав багато чого і не вмів налаштову вати його, у мене навіть не було знайомих програмістів, які мені могли б посприяти. Ось тут я розгубив три місяці, так-так, я рівно сезон пробував його встановити. Після, в вебі я натрапив на мануал, творець якого підлий електрик. Ось тут у мене було багато радості, але зараз я сам роблю це за кілька хвилин. Знайдіть у вебі цей мануал, там все ретельно описано, що скачати і як встановити.

Що стосується літератури, то я можу порекомендувати дуже непоганий навчальний матеріал, творець якого Кухарчик, іменується PHP на прикладах. Це, природно, не повне управління, але там є базисні поняття та все для початківців. Спочатку книжка здається нудною, творець свідчить про якесь заземлення комп’ютера або зручність програмера. Там є ще матеріал про налаштування сервера, але я так і не розібрався, мені в цьому посприяв мануал підлого електрику. Я не раджу вам ділити книжку по частинах, читайте її повністю, і ви не пошкодуєте. Так само хотілося б попередити про те, що дана книжка застаріла і зараз вона не повна, там майже всі опустили, але справа не в цьому, а в тому, що вона дуже зрозуміло написана і там є базисні поняття, дізнавшись які ви можете черпати новітню інформацію з вебу.

Розберемо зараз JavaScript. Це теж язик, але у нього на багато менше здібностей по зіставленню з PHP. Він не просить якихось програмних забезпечень та для того щоб дізнатися потрібна просто література, той же оглядач, за допомогою якого ви дізнавалися HTML і CSS. Вам я бажав би охарактеризувати його. Це мова, яка служить для візуалізації веб-сайту, тобто ви зможете робити сторіночки більш інтерактивними, все плаває на веб-сайті, виїжджає меню, наприклад, і багато-багато іншого. Веб-сторінка стає живою. Що стосується літератури то у вебі її багато, і я думаю, ви з легкістю відшукайте конкретно те, що вам необхідно.

Зараз можна підвести підсумки. При розробці веб-сайтів обов’язкових мовами є HTML і CSS. Для того щоб веб-сайт став більш живою, інтерактивний потрібно додати JavaScript. Якщо ж ви бажаєте зробити веб-сайт суворий, іншими словами додати оборотну зв’язок, чат, форум або реєстрацію то потрібно володіти знаннями PHP-програміста. Чесно кажучи, то до PHP можна додати ще одну технологію — це бази даних, наприклад MySQL (Му-скул). Хоча база даних може працювати з будь-яким серверним мовою, іншими словами це незалежна система, але по більшій частині її вживають конкретно в поєднання з PHP.

База даних здатна зберігати усередині себе мільйони записів і при всьому цьому її швидкість запису і читання не змінюватися. Баз даних багато, більш всераспространенная це MySQL. Вона вживає технологію запитів SQL, інакше кажучи, SQL — це окрема розмова. Але запевняю вас, якщо ви дізналися PHP, то MySQL вам дано досить просто, так як в PHP є вже функції: читання, запис, створення, видалення і т.д..

Конструювання веб-сайтів на цьому не завершується, то, що ви прочитали вище це всього лише база, ще є величезна кількість мов програмування такі як Perl, Java, VBScript, Firebird, Лінтер, Oracle, MongoDB … Так само не вважаючи їх ще є інші технології, наприклад, робота з графікою (PhotoShop) або створення мультиплікації (Flash) від мультиплікації йде ще одна гілка це мова програмування ActionScript (Актіон-Скрипт), на його допомогу вам буде легше створювати анімації. Java, JavaScript і ActionScript дуже схожі між собою, так як у їх єдиний еталон, по іншому кажучи, у їх один корінь.

Хотілося б згадати, що на проф рівні знати все перераховане вище нереально. Необхідно бути розвиненим конкретно у власній сфері. Якщо ви PHP-програміст то вам необхідно знати HTML, CSS, PHP і MySQL. Якщо ви займаєтеся версткою то вам слід знати HTML, CSS і JavaScript. Ну, а якщо ви веб-дазайнер то, очевидно, вам необхідно володіти HTML, CSS і PhotoShop. Мультиплікатору необхідно знати PhotoShop, Flash і ActionScript.

Коли до нас в кабінет в компанії KAINS.RU приходить новий співробітник, ми вимагаємо від нього певних знань в області конструювання веб-сайтів та інших інтернет-додатків, щоб не вийшло як спочатку цієї статті. Знаю все і відразу нічого. Навчайтеся, адже веб це інструмент, який може принести як користь, так і шкоду. Фортуни Вам!