Як програмувати сайт


 

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



Вам знадобиться

— знання html;
- Знання php або іншої мови програмування;
- Знання css;
- Текстовий редактор;
- Візуальний редактор.

Інструкція

  1. Визначте, які вимоги до ресурсу, для яких цілей він створюється і хто буде його відвідувати. Створіть карту сайту, бажано також його макет. Вирішіть, які функції необхідно реалізувати. Буде добре, якщо ви приступите до створення проекту, маючи чітку картину в голові. Подумайте над зовнішнім виглядом, тобто дизайном сайту.
  2. Освойте мову гіпертекстової розмітки html. Це — основа будь-якого сайту, навіть якщо всі функції реалізовані на мові програмування, як php і т.д. Html визначає розташування елементів на сторінці — заголовків, графіки, тексту, css (каскадних таблиць стилів).
  3. Щоб сайт працював, на ньому можна було реєструватися, заходити в особистий кабінет, робити покупки, звертатися до баз даних, відправляти і переглядати повідомлення і багато іншого, використовуйте мову програмування, наприклад php. Html не в змозі забезпечити повну функціональність і інтерактивність ресурсу.
  4. Для створення дизайну використовуйте каскадні таблиці стилів css. Це універсальний спосіб надати вашому сайту бажаний зовнішній вигляд. Вони дозволяють значно полегшити код html і реалізувати складні дизайнерські задумки. За допомогою css ви зможете позиціонувати графіку і текст, прикрашати їх рамками, створювати стовпці, задавати колір фону, забезпечувати динамічні ефекти для посилань, робити барвистими заголовки.
  5. Якщо не хочете посилено вивчати програмування, використовуйте спеціальні програми — візуальні редактори (WYSIWYG — What you see is what you get). За допомогою таких програм ви можете поміщати потрібні графічні компоненти в різні частини веб-сторінки одним клацанням миші, а потім задавати для них функції та властивості. Редактор сам згенерує код. Один з найвідоміших візуальних редакторів — Adobe Dreamweaver. Ще більш прості у використанні CMS — системи управління контентом, де вам потрібно буде тільки завантажити статті та зображення.

Корисні поради

Для написання коду вручну використовуйте спеціальні текстові редактори, такі як html-kit, — це зручно. У них зазвичай передбачені колірне виділення різних тегів, нумерація рядків, функція пошуку, заміни і т.д.