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

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

кроки

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

Become a Professional Web Designer and Programmer Step 2

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

Become a Professional Web Designer and Programmer Step 3

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

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

Become a Professional Web Designer and Programmer Step 5

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

Become a Professional Web Designer and Programmer Step 6

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

Become a Professional Web Designer and Programmer Step 7

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

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

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

Поради

Веб дизайнери повинні тримати руку на пульсі поточних тенденцій в Інтернет індустрії. Вони повинні бути в курсі, які служби очікуються, яка графіка найбільш ймовірно вийде гарною і буде виглядати приємно, і як піднімати рейтинг сторінки для пошукових машин.
Вам варто встановити PHP від PHP.net, щоб ви могли тестувати на вашому комп`ютері.
Спробуйте стати на шлях PHP в програмуванні (http: // 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, встановлений на вашому персональному комп`ютері для тестування.