Как научиться веб-дизайну: 13 шагов (с фотографиями) - Чаевые

Видео: Веб дизайнер - с чего начать и как стать. Основы веб-дизайна с нуля

Содержание

Шаги
Совет
Предупреждение
Что вам нужно

Веб-дизайн - очень ценный навык, особенно в мире, где сегодня все вращается вокруг Интернета. Если вы действительно хороши в этом, вы можете монетизировать своих клиентов, создать членский сайт (веб-сайт, ограничивающий доступ к гостевому контенту) или продолжить другие проекты монетизации. И если вы действительно хотите узнать, как научиться веб-дизайну, эта статья для вас!

Шаги

Часть 1 из 3: начало работы

Обратите внимание на разницу в веб-дизайне. Ни дизайн книги, ни дизайн плаката, ни иллюстрации. Конечное достижение в этих областях - это тоже не то, о чем веб-дизайн. Хотя веб-сайты могут быть системами доставки игр и видео, и хотя эти системы распространения могут быть довольно привлекательными, они являются воплощением игрового дизайна и видео-повествования, а не веб-дизайна.
Знать, что такое веб-дизайн. Это процесс создания цифровой среды:
- поддержка и поощрение человеческой деятельности;
- отражать или адаптироваться к индивидуальному контенту и голосам;
- плавно меняются с течением времени, сохраняя при этом свою идентичность.
Определите ресурсы, которые вы хотите использовать. Сайты, видео и книги - три основных ресурса. Codecademy и W3Schools - два самых известных сайта сегодня. Кроме того, есть много других ресурсов, не сомневайтесь и испытайте их!
- Если вы выбираете веб-сайт, зарегистрируйтесь, чтобы сохранить свой прогресс.
- Если вы решили учиться по видео, выделите все нужные видео.
- Посетите местную библиотеку или книжный магазин, если планируете заниматься по книгам. Если вы не хотите тратить слишком много (или даже не хотите тратить), вы можете загрузить электронную книгу или документ PDF.
- Если вы готовы платить, скорее всего, вы найдете индивидуальные уроки от профессионального веб-дизайнера.
Определите, сколько времени вам нужно потратить на обучение. Если вы занятой человек, вам нужно будет найти время для учебы.
Загрузите программу веб-дизайна, если у вас ее нет. Хотя вы все еще можете работать с Блокнотом, лучше иметь такую программу, как Adobe Dreamweaver, Microsoft Expression Web или KompoZer. Есть масса других вариантов, ищите больше и скачайте понравившуюся программу. рекламное объявление

Часть 2 из 3: Исследование

Начать работу с HTML. HTML - незаменимый навык для любого веб-дизайнера. Освойте такие понятия, как теги, классы, идентификаторы, входные данные и т. Д.
- Последняя версия HTML - HTML5. HTML5 представляет некоторые новые технологии и, вероятно, это лучшая версия для изучения.
- XHTML также является жизнеспособным вариантом. Однако эта версия немного более требовательна.
Изучите CSS. CSS означает «каскадную таблицу стилей» или файлы каскадных стилей. Без CSS нет красивого дизайна, который все еще можно увидеть в Интернете. HTML - это просто фрейм, а CSS - это то, что делает веб-сайт красочным и привлекательным.
- CSS довольно строг в использовании. Например, вам, возможно, придется почесать лоб на предмет ошибок, если вы забудете поставить точку с запятой в конце каждой строки.
Изучите JavaScript и jQuery. Для тех, кто планирует создать простой веб-сайт, этот шаг не является обязательным. Однако для создания интерактивного веб-сайта крайне необходимо изучение двух вышеуказанных языков программирования.
- Если вы собираетесь использовать jQuery, вам понадобятся только основы JavaScript, потому что jQuery может упростить работу.
- С помощью jQuery вы можете вставлять виджеты, такие как аккордеон (складываемое содержимое), календарь и т. Д. jQuery также имеет множество стилей, поэтому вам решать, какой стиль выбрать для своего веб-сайта.
Продолжайте использовать более продвинутые языки. Это PHP, MySQL, Perl, Ruby и несколько других языков. Не требуется для людей, которые просто хотят создать простой веб-сайт, но это необходимо для создания большого интерактивного веб-сайта.
- Одному из них, например PHP, нужен тестовый сервер. Поэтому не забудьте зарегистрировать учетную запись в службе хостинга веб-сайтов или установить серверное программное обеспечение на свой компьютер.
рекламное объявление

Часть 3 из 3: Примените свои знания

Создайте сайт проекта. Экспериментируйте и создавайте Интернет с нуля. Это поможет вам манипулировать знаниями вместо того, чтобы позволять им ржаветь в вашем мозгу.
Спросите друга или родственника, которому нужен веб-сайт. Вы можете сделать для них бесплатный сайт, чтобы они могли набираться опыта!
Создайте свой собственный сайт. С понравившимся вам контентом этот веб-сайт даст вам возможность продемонстрировать свои навыки публике.
Внештатный, если хотите. Получите разумную плату и разместите свое портфолио на своем сайте. Кто знает, однажды ваш бизнес превратится в настоящую компанию. рекламное объявление

Совет

Пожалуйста, проявите терпение! Если вы намерены запечатлеть все всего за шесть часов, то очень быстро забудете.
Не думайте, что вам придется платить за хороший редактор HTML. Есть много хороших бесплатных программ, которые могут стоить не менее нескольких миллионов донгов.
Когда вы закончите проект, накопите код и превратите его в библиотеку. С этого момента вам не придется перепрограммировать одни и те же вещи снова и снова для каждого проекта. Если библиотека станет слишком большой, вы можете даже продать ее!
PDF-документы немного более гибкие, чем электронные книги. Вы можете читать PDF-документы на любом компьютере, в то время как электронные книги обычно предназначены для определенного типа устройства, такого как Kindle, iPad и т. Д.
Если вы или кто-то из ваших близких знакомы с веб-дизайном, попросите их научить вас. Вас обязательно обучат бесплатно (надеюсь!).

Предупреждение

Не заставляйте себя слишком сильно! Когда вы устанете, вы все забудете и ничему не научитесь.
В языках программирования существует понятие бесконечных циклов. Это страх программиста. Будьте осторожны, чтобы с вами этого не случилось!
Будьте внимательны при загрузке программы! Что угодно может быть вирусом.
Узнайте перед регистрацией на сайте. Конечно, если это сайт с хорошей репутацией, не о чем беспокоиться. Однако менее известные веб-сайты, скорее всего, являются фишинговыми.