Як стати професійним веб дизайнером і програмістом

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

Кроки

  1. Як стати професійним веб дизайнером і програмістом

    1

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

  2. Як стати професійним веб дизайнером і програмістом

    2

    Поцікавтеся, як створюють сайти інші веб-дизайнери- зверніть увагу, як сплановано меню або поле контенту і потім використовуйте ці прийоми у своєму проекті.

  3. Як стати професійним веб дизайнером і програмістом

    3

    Вам потрібно буде вивчити прийоми в XHTML (Extensible Hypertext Markup Language / Розширюваний Мова Розмітки Веб-сторінок) і CSS (Cascading StyleSheets / каскадні таблиці стилів - формальна мова опису зовнішнього вигляду документа) в якості основи, на якій ви будете зводити все інше. В основному, всі вебсайти пишуться на комбінації цих двох мов. Відповідний ресурс, де можна почати вивчення, на W3Schools. Також корисні будуть хороші книги з даного питання.

  4. 4

    На даний момент, XHTML регулює тільки структуру, а CSS - вид вебсайта. Жоден з них не охоплює будь-які програмні аспекти. Звичайно, XHTML іноді розглядають як вид декларативного програмування, але він не стосується питань про те, як саме це робиться. Хорошим введенням у власне програмування вебсайтів (і, в цілому, фактично програмування) - це javascript. javascript займається всім на клієнтській стороні (скрипти, які завантажуються зі сторінкою і виробляють запуск на вашому персональному комп`ютері) програмування. З її допомогою ви також вивчіть фундаментальні поняття, які пізніше будуть безцінними, коли ви перейдете до вивчення скриптинга на серверній стороні з використанням PHP.

  5. Як стати професійним веб дизайнером і програмістом

    5

    Створюйте динамічні вебсайти, використовуючи PHP і MySQL. Ці технології дозволять вам зробити вебсайт, для якого не потрібно створювати окремі HTML сторінки, а можна використовувати шаблони, щоб відобразити кілька сторінок в одному дизайні.




  6. Як стати професійним веб дизайнером і програмістом

    6

    Створіть вебсайт з використанням AJAX, і ви можете скористатися засобами PHP серверної сторони без необхідності оновлювати сторінку. При цьому ви заощадите трафік і зможете створити "інтерактивні" веб додатку.

  7. Як стати професійним веб дизайнером і програмістом

    7

    Щоб працювати над скриптами без Інтернет з`єднання, встановіть вебсервер на своєму комп`ютері. Якщо ви обираєте для роботи PHP, спробуйте https://wampserver.com/en/. Якщо ви користуєтеся ASP.NET, задійте IIS, доступний для більшості версій windows.

  8. 8

    Розшукайте який-небудь приклад скрипта, щоб поекспериментувати: Знайти скрипт, який ви будете розбирати і аналізувати - найкращий спосіб вчитися. Спробуйте такі CMS-системи, як Drupal та Joomla

  9. 9

    Почніть який-небудь проект: тепер уже з усіма вашими знаннями, отримаєте який-небудь хостинг і домен, потім починайте створення сайту.

Поради



  • Веб дизайнери повинні тримати руку на пульсі поточних тенденцій в Інтернет індустрії. Вони повинні бути в курсі, які служби очікуються, яка графіка найбільш ймовірно вийде гарною і буде виглядати приємно, і як піднімати рейтинг сторінки для пошукових машин.
  • Вам варто встановити PHP від PHP.net, щоб ви могли тестувати на вашому комп`ютері.
  • Спробуйте стати на шлях PHP в програмуванні (https://phpforms.net/tutorial/tutorial.html), потім перейти на що-небудь більш складне, як, наприклад, Ruby на Rails.
  • Зареєструйтеся на якому-небудь Форумі. Це допоможе, якщо у вас виникнуть труднощі (висока ймовірність, що хтось вже стикався з аналогічною проблемою).

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

  • Програмне забезпечення для дизайну: Adobe Photoshop, Adobe Fireworks і GIMP (відкритий ресурс).
  • HTML Editor. Notepad буде працювати, але є й інше програмне забезпечення, яке може спростити вашу роботу, Eclipse (відкритий ресурс) "web development tools" версія "інструменти веб-програмування" або Adobe Dreamweaver. Спробуйте Notepad ++ або Sublime Text.
  • Щоб опублікувати ваш вебсайт так, щоб і інші змогли побачити його в Інтернеті, вам потрібен хостинг
  • Хороший ресурс для книг з веб-дизайну: booksforwebdesigners.com
  • Знадобиться також PHP, встановлений на вашому персональному комп`ютері для тестування.