Здравствуйте.Сьогодні поговоримо проредактор коду.
Для початку розглянемо, що це взагалі таке.
Отже,редактор коду— це спеціальна програма, яка дозволяє створювати, змінювати, видаляти обраний нами фрагмент коду або код повністю, в нашому випадку це код HTML або CSS.
Які бувають редактори коду?
Можна виділити 2 типу редакторів:
Отже, тепер по порядку:
1.Візуальний редактор.
У такій програмі Ви можете працювати, майже як в Ворді.Ви просто пишіть текст, вставляєте картинки, а редактор сам за Вас переводить це в код.Тобто по суті Вам не обов’язково знати потрібні теги, все буде зроблено за Вас.
Плюси такого редактора:
+ Не обов’язково знати HTML.Програма сама створить потрібний код, наприклад, при вставці зображення або після виділення тексту посиланням.
+ Швидке створення сторінок.Ви просто правите сторінку як в Ворді, Вам знову-таки не треба писати вручну код, згадувати теги, синтаксис HTML і CSS, тощо, що теж займає певний час.
Здавалося б, просто казка!Бери і використовуй!
Але не тут то було!
Тепер перейдемо до мінусів:
— Візуальний редактор часто створює багато непотрібного коду.Якщо на сторінку доданий текст і Ви просто його форматуєте під абзаци, заголовки, то ще більш менш.
Але якщо на сторінці планується розміщувати багато елементів і використовувати різні стилі, то в більшості випадків буде зайвий код, а його наявність ні до чого доброго не приведе.
— Некоректне відображення вмісту.Не раз помічав, що візуальне відображення сторінки, м’яко скажемо, «не відповідає дійсності».Тобто часом в самому редакторі відображається кривувато, а в браузері все нормально.
І може вийти ситуація, що початківець сайтостроітелі буде сидіти і ламати голову: «Що ж не так?Я все правильно зробив, а відображається неправильно »
, Хоча насправді це просто глюки редактора.
— Висока ціна.Хороші візуальні редактори коштують не одну сотню баксів.
Звичайно, все відносно, адже завжди можна знайти різні кряки на програми або серійні номери в Інтернеті і нікому нічого не платити, але знову ж таки на пошук таких кряків і активаторів може піти чимало часу.
Тобто, далеко не завжди вийде відразу встановити і користуватися.Прийдется або платити, або вбити час в пошуках різних активаторів.
Тепер перейдемо до наступного типу.
2.Невізуальних редактор.
Для використання таким редактором потрібно володіти хоча б базовими знаннями в HTML і CSS.
Плюси такого редактора:
+ «Чистий код».Ви самі берете участь в процесі написання коду, а значить тут уже ймовірність набагато менше, що з’явиться купа непотрібного коду.
+ Ви краще вивчіть HTML і CSS, якщо будете користуватися таким редактором.
По собі знаю.Раніше юзал візуальний редактор.На той момент вже нормально знав і HTML, і CSS.
Користувався не суто візуальним, а з розділеною областю.В одній візуальне відображення, в інший код.
Але коли десь потрібно було вручну код дописати, то часом помічав, що десь я синтаксис правильний призабув трохи
.А все через те, що не було практики постійно все «своїми ручками писати».
Коли перейшов на невізуальних, то почав помічати зміни в кращу сторону.
А чим краще Ви наб’єте руку в HTML і CSS зараз, тим простіше Вам буде потім редагувати при потребі якісь шаблони, наприклад шаблони CMS системи, де взагалі своя структура стилів і візуальним редактором там нічогісінько не зробиш.
Тепер наступне питання:«Який вибрати редактор коду?»
Багато рекомендують «Блокнот».Як на мене, хороший він для початку навчання, щоб Ви повністю все спробували прописати своїми власними руками.
Але все ж для роботи потрібен хоча б трохи розширений функціонал.
Я особисто, якредактор html коду,використовую PSPad Editor.Можна сказати, це розширений «Блокнот».Нічого зайвого, але все ж при створенні html документа основих секції теги прописуються автоматично.
Завантажити PSPad Editor з офіційного сайту.
А це хорошийредактор CSS— TopStyle Pro.Дуже зручний і з підказками властивостей і значень CSS.
Завантажити TopStyle Lite.
У висновку вирішив записати невеликий відеоурок, в якому я роблю короткий огляд цих програм.
Можете подивитися його за посиланням: http://youtu.be/l3Y1C5UVyTg
До зустрічі в новому уроці!