Відповіді на всі випадки життя прямо на цьому сайті

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

Кроки

  • Become a Professional Web Designer and Programmer Step 1.jpg 1 Роздобудьте хороший редактор векторної графіки, такий, як Adobe Illustrator. Створювати зображення, використовуючи векторну графіку – найпростіший спосіб осягнути графічний дизайн. Так що витратьте гроші на щось на зразок Illustrator або Fireworks і він стане для вас чудовим помічником. Inkscape – хороша безкоштовна альтернатива для початківців, знаходиться у вільному доступі.
  • Become a Professional Web Designer and Programmer Step 2.jpg 2 Поцікавтеся, як створюють сайти інші веб-дизайнери; зверніть увагу, як сплановано меню або поле контенту і потім використовувати ці прийоми в своєму проекті.
  • Become a Professional Web Designer and Programmer Step 3.jpg 3 Вам потрібно буде вивчити прийоми в XHTML (Extensible Hypertext Markup Language/ Розширювана Мова Розмітки Веб-сторінок) і CSS (Cascading StyleSheets/ каскадні таблиці стилів — формальний мову опису зовнішнього вигляду документа) в якості основи, на якій ви будете зводити все інше. В основному, всі вебсайти пишуться на комбінації цих двох мов. Відповідний ресурс, де можна почати вивчення, на W3Schools. Також корисними будуть хороші книги з даного питання.
  • 4 На даний момент, XHTML регулює тільки структуру, а CSS – вид вебсайту. Жоден з них не охоплює будь-які програмні аспекти. Звичайно, XHTML іноді розглядають як вид декларативного програмування, але він не стосується питань про те, як саме це робиться. Хорошим введенням у власне програмування web-сайтів (і, в цілому, фактично програмування) – це javascript. javascript займається всім на клієнтській стороні (скрипти, які завантажуються зі сторінкою і виробляють запуск на вашому персональному комп'ютері) програмування. З її допомогою ви також вивчіть фундаментальні поняття, які пізніше будуть безцінними, коли ви перейдете до вивчення скриптинга на стороні сервера з використанням PHP.
  • Become a Professional Web Designer and Programmer Step 5.jpg 5 Створюйте динамічні вебсайти, використовуючи PHP і MySQL. Ці технології дозволять вам зробити вебсайт, для якого не потрібно створювати окремі сторінки HTML, а можна використовувати шаблони, щоб відобразити кілька сторінок в одному дизайні.
  • Become a Professional Web Designer and Programmer Step 6.jpg 6 Створіть вебсайт з використанням AJAX, і ви можете скористатися засобами PHP серверної сторони без необхідності оновлювати сторінку. При цьому ви заощадите трафік і зможете створити "інтерактивні веб додатка.
  • Become a Professional Web Designer and Programmer Step 7.jpg 7 Щоб працювати над сценаріями без Інтернет-з'єднання, встановіть вебсервер на своєму комп'ютері. Якщо ви обираєте для роботи PHP, спробуйте http://www.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, встановлений на вашому персональному комп'ютері для тестування.


    Додати коментар
    Ваше ім'я:  
    Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера

    2+2*2=?