Як стати професійним веб дизайнером і програмістом
Стати професійним веб-дизайнером не так складно, як здається. Трохи вільного часу і трохи терпіння, і ви зможете заробляти гроші, виконуючи контрактні роботи.
Кроки
1
Роздобудьте хороший редактор векторної графіки, такий, як Adobe Illustrator. Створювати зображення, використовуючи векторну графіку - найпростіший спосіб осягнути графічний дизайн. Так що витратьте гроші на щось подібне Illustrator або Fireworks і він стане вам прекрасним помічником. Inkscape - хороша безкоштовна альтернатива для початківців, що знаходиться у вільному доступі.2
Поцікавтеся, як створюють сайти інші веб-дизайнери- зверніть увагу, як сплановано меню або поле контенту і потім використовуйте ці прийоми у своєму проекті.3
Вам потрібно буде вивчити прийоми в XHTML (Extensible Hypertext Markup Language / Розширюваний Мова Розмітки Веб-сторінок) і CSS (Cascading StyleSheets / каскадні таблиці стилів - формальна мова опису зовнішнього вигляду документа) в якості основи, на якій ви будете зводити все інше. В основному, всі вебсайти пишуться на комбінації цих двох мов. Відповідний ресурс, де можна почати вивчення, на W3Schools. Також корисні будуть хороші книги з даного питання.4
На даний момент, XHTML регулює тільки структуру, а CSS - вид вебсайта. Жоден з них не охоплює будь-які програмні аспекти. Звичайно, XHTML іноді розглядають як вид декларативного програмування, але він не стосується питань про те, як саме це робиться. Хорошим введенням у власне програмування вебсайтів (і, в цілому, фактично програмування) - це javascript. javascript займається всім на клієнтській стороні (скрипти, які завантажуються зі сторінкою і виробляють запуск на вашому персональному комп`ютері) програмування. З її допомогою ви також вивчіть фундаментальні поняття, які пізніше будуть безцінними, коли ви перейдете до вивчення скриптинга на серверній стороні з використанням PHP.5
Створюйте динамічні вебсайти, використовуючи PHP і MySQL. Ці технології дозволять вам зробити вебсайт, для якого не потрібно створювати окремі HTML сторінки, а можна використовувати шаблони, щоб відобразити кілька сторінок в одному дизайні.6
Створіть вебсайт з використанням AJAX, і ви можете скористатися засобами PHP серверної сторони без необхідності оновлювати сторінку. При цьому ви заощадите трафік і зможете створити "інтерактивні" веб додатку.7
Щоб працювати над скриптами без Інтернет з`єднання, встановіть вебсервер на своєму комп`ютері. Якщо ви обираєте для роботи PHP, спробуйте https://wampserver.com/en/. Якщо ви користуєтеся ASP.NET, задійте IIS, доступний для більшості версій windows.8
Розшукайте який-небудь приклад скрипта, щоб поекспериментувати: Знайти скрипт, який ви будете розбирати і аналізувати - найкращий спосіб вчитися. Спробуйте такі CMS-системи, як Drupal та Joomla9
Почніть який-небудь проект: тепер уже з усіма вашими знаннями, отримаєте який-небудь хостинг і домен, потім починайте створення сайту.
Поради
- Веб дизайнери повинні тримати руку на пульсі поточних тенденцій в Інтернет індустрії. Вони повинні бути в курсі, які служби очікуються, яка графіка найбільш ймовірно вийде гарною і буде виглядати приємно, і як піднімати рейтинг сторінки для пошукових машин.
- Вам варто встановити 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, встановлений на вашому персональному комп`ютері для тестування.