Как стать профессиональным веб дизайнером и программистом

Загрузить PDF
Соавтор(ы): Ryan Conway

Загрузить PDF

Стать профессиональным веб-дизайнером не так сложно, как кажется. Немного свободного времени и немного терпения, и вы сможете зарабатывать деньги, выполняя контрактные работы.

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8d\/Become-a-Professional-Web-Designer-and-Programmer-Step-1.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8d\/Become-a-Professional-Web-Designer-and-Programmer-Step-1.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-1.jpg","smallWidth":460,"smallHeight":191,"bigWidth":728,"bigHeight":303,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Раздобудьте хороший редактор векторной графики, такой, как Adobe Illustrator. Создавать изображения, используя векторную графику – самый простой способ постигнуть графический дизайн. Так что потратьте деньги на что-то вроде Illustrator или Fireworks и он станет вам прекрасным помощником. Inkscape – хорошая бесплатная альтернатива для начинающих, находящаяся в свободном доступе.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Become-a-Professional-Web-Designer-and-Programmer-Step-2.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Become-a-Professional-Web-Designer-and-Programmer-Step-2.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-2.jpg","smallWidth":460,"smallHeight":262,"bigWidth":728,"bigHeight":415,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Поинтересуйтесь, как создают сайты другие веб-дизайнеры; обратите внимание, как спланировано меню или поле контента и потом используйте эти приемы в своем проекте.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d2\/Become-a-Professional-Web-Designer-and-Programmer-Step-3.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d2\/Become-a-Professional-Web-Designer-and-Programmer-Step-3.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-3.jpg","smallWidth":460,"smallHeight":181,"bigWidth":728,"bigHeight":286,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Вам нужно будет изучить приемы в XHTML (Extensible Hypertext Markup Language/ Расширяемый Язык Разметки Веб-страниц) и CSS (Cascading StyleSheets/ каскадные таблицы стилей — формальный язык описания внешнего вида документа) в качестве основы, на которой вы будете возводить все остальное. В основном, все вебсайты пишутся на комбинации этих двух языков. Подходящий ресурс, где можно начать изучение, на W3Schools . Также полезны будут хорошие книги по данному вопросу.
  4. 4
    На настоящий момент, XHTML регулирует только структуру, а CSS – вид вебсайта. Ни один из них не охватывает какие-либо программные аспекты. Конечно, XHTML иногда рассматривают как вид декларативного программирования, но он не касается вопросов о том, как именно это делается. Хорошим введением в собственно программирование вебсайтов (и, в целом, фактически программирование) – это Javascript. Javascript занимается всем на клиентской стороне (скрипты, которые загружаются со страницей и производят запуск на вашем персональном компьютере) программирования. С ее помощью вы также изучите фундаментальные понятия, которые позже будут бесценными, когда вы перейдете к изучению скриптинга на серверной стороне с использованием PHP.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ed\/Become-a-Professional-Web-Designer-and-Programmer-Step-5.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ed\/Become-a-Professional-Web-Designer-and-Programmer-Step-5.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-5.jpg","smallWidth":460,"smallHeight":260,"bigWidth":728,"bigHeight":411,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Эти технологии позволят вам сделать вебсайт, для которого не нужно создавать отдельные HTML страницы, а можно использовать шаблоны, чтобы отобразить несколько страниц в одном дизайне.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Become-a-Professional-Web-Designer-and-Programmer-Step-6.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Become-a-Professional-Web-Designer-and-Programmer-Step-6.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-6.jpg","smallWidth":460,"smallHeight":210,"bigWidth":728,"bigHeight":333,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Создайте вебсайт с использованием AJAX, и вы можете воспользоваться средствами PHP серверной стороны без необходимости обновлять страницу. При этом вы сэкономите траффик и сможете создать “интерактивные” веб приложения.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5d\/Become-a-Professional-Web-Designer-and-Programmer-Step-7.jpg\/v4-460px-Become-a-Professional-Web-Designer-and-Programmer-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5d\/Become-a-Professional-Web-Designer-and-Programmer-Step-7.jpg\/v4-728px-Become-a-Professional-Web-Designer-and-Programmer-Step-7.jpg","smallWidth":460,"smallHeight":227,"bigWidth":728,"bigHeight":359,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Чтобы работать над скриптами без Интернет соединения, установите вебсервер на своем компьютере. Если вы выбираете для работы PHP, попробуйте http://www.wampserver.com/en/ . Если вы пользуетесь ASP.NET, задействуйте IIS, доступный для большинства версий windows.
  8. 8
    Разыщите какой-нибудь пример скрипта, чтобы поэкспериментировать: Найти скрипт, который вы будете разбирать и анализировать – самый лучший способ учиться. Попробуйте такие CMS-системы, как Drupal и Joomla
  9. 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, установленный на вашем персональном компьютере для тестирования.

Дополнительные статьи

Как
запустить файл Python с помощью Командной строки Windows
Как
написать программу в блокноте
Как
вставить пробелы в HTML
Как
добавить веб–сайт в надежные узлы
Как
добавлять и удалять учетные записи пользователей через командную строку Windows
Как
добавить горизонтальную линию в HTML
Как
использовать Net Send
Как
научиться писать программы
Как
менять цвета в Командной строке
Как
скомпилировать программу C, используя компилятор GNU Compiler (GCC)
Как
создать гиперссылку в HTML
Как
сделать задержку в командном файле
Как
использовать DOSBox
Как
создать базу данных в среде SQL Server
Реклама

Об этой статье

На других языках
Эту страницу просматривали 9798 раз.

Была ли эта статья полезной?

Реклама