Добро пожаловать в Шаг 2 из серии Как стать PHP разработчиком! Если вы только присоединились к нам, то вот, что Вы пропустили:
Основная работа веб-разработчика заключается в написании кода, но есть ряд других программ и технологий, которые мы используем для запуска веб-сайтов, кроме нашего верного редактора кода. В этой статье мы рассмотрим некоторые основы: Photoshop, Domains, Hosting, cPanel and FTP.
Хотя программы для верстки целых веб-сайтов далеки от программ визуального проектирования, таких как Photoshop. Photoshop – это все-таки универсальный инструмент, который Вам потребуется для создания графических элементов для сайтов. Кроме того, как веб-разработчик, вы, вероятно, получите изрядную долю файлов Photoshop от клиентов и коллег, в которых вы бы хотели иметь возможность покопаться с уверенностью.
В лучшем случае, вы работаете в компании, которая предоставляет Вам доступ к Adobe Photoshop . Если вы фрилансер, рабочие расходы вам придется взять на себя.
Последние версии Photoshop имеют возможность подписки, поэтому вместо того, чтобы вложить крупную сумму авансом и “овладеть” программным обеспечением, вы обязуетесь ежемесячно выплачивать Adobe определенную сумму ($10+/мес) за обслуживание.
Если месячная подписка Вам не подходит, вы можете приобрести старые версии продуктов Adobe; на момент написания этой статьи версия CS6 Photoshop обойдется Вам в $699.
Если Ваш бюджет не позволяет, вы можете изучить альтернативы Photoshop в открытом доступе, такие как Gimp.
Также, если вы хотите протестировать ПО перед тем, как взять подписку, ознакомьтесь с их 30-дневной бесплатной пробной версией.
После того, как вы получили на руки копию фотошопа, есть некоторые основные понятия, которые Вам необходимо знать, прежде чем заняться созданием вашего собственного графического проекта.
Ознакомьтесь с инструментами
Первое, что вы должны сделать в Photoshop, это ознакомиться с рабочей областью и всей панелью инструментов.
Работа со слоями
Photoshop-это редактирование с возможностью изменения и настройки графики таким образом, что любое действие всегда может быть отменено. Одним из ключевых инструментов такого рода редактирования является использование Слоев, которые позволяют отделять части вашего графического проекта.
Сохранить для web
В фотошопе есть функция сохранить для web, что позволяет оптимизировать ваши изображения при экспорте для веб-сайта. Звучит как удобная техника для web-разработчика, а?
Между прочим, “сохранить для web” позволит вам настроить такие вещи, как разрешение, размер файла и качество. Это позволяет вносить коррективы таким образом, чтобы получить минимально возможный размер файла без ухудшения качества изображения.
Уменьшение размера файла изображения – простой способ сделать загрузку ваших веб-сайтов быстрее.
Домены и хостинг
В большинстве случаев, за клиентом привязана ответственность приобретения домена и хостинга, так как они обычно платят периодической годовой взнос. Тем не менее, многие не-технически подкованные клиенты не уверены в своих действиях. Для предоставления лучшего сервиса своим клиентам Вы должны иметь твердые знания о том, как эти два предмета можно приобрести, а также уметь предложить клиенту доступные варианты. Для начала, вот некоторые наши рекомендации:
Для доменов, мы используем системы Namecheap.
Для веб-хостинга мы рекомендуем Siteground. У них доступные цены и хорошее обслуживание клиентов.
После этого, я думаю, Вам будет интересно ознакомиться с таким программным обеспечением, как…cPanel.
cPanel – это фирменное программное обеспечение, которое многие хостинговые компании установили,позволяющее управлять своим сайтом. Не каждый хостер использует cPanel, но это полезно знать, потому что даже если Вы не хотите его использовать, Ваш клиент может.
В cpanel вы можете управлять следующими аспектами вашего сайта:
- Добавление поддоменов
- Установка WordPress (подробнее о том, как устанавливать WordPress Вы узнаете на наших Курсах Создания интернет-магазинов (WordPress/Magento) и Разработки сайтов)
- Настройка учетных записей
- Управление базами данных
Программное обеспечение FTP
FTP расшифровывается как протокол передачи файлов. При помощи FTP Вы можете передавать файлы между вашим компьютером и веб-сервером / хостом. FTP-это не самое лучшее решение для управления веб-сайтом, но это самый простой вариант для начала.
Много таких ПО, как Photoshop, FTP, Вы должны найти, скачать и сохранить на вашем компьютере. Хотя в отличие от Photoshop, многие FTP-клиенты являются бесплатными и находятся в открытом доступе. Например, мы рекомендуем такое ПО как CyberDuck, которое является бесплатным и доступно для Mac и PC.
После того как вы установили FTP, вам нужно выполнить три пункта, чтобы подключиться к веб-узлу:
- Имя / название сервера
- Имя пользователя FTP
- FTP-пароль
Эта информация должна будет быть отправленной Вам на почту, но если этого не произошло, обратитесь в службу поддержки.
После этого Вы можете перейти на свой сайт через FTP и приступить к передаче ваших веб-файлов.
Так, Вы чувствуете, что Вы едва ли имеете представление о HTML и я снова пополню список тех вещей, о которых вы не догадывались, что не знаете. Это совершенно нормально, и мы все были в такой ситуации, включая меня. Вот некоторые мысли, чтобы помочь вам избежать чувства подавленности:
Начните с вашего собственного сайта.
Большинство веб-разработчиков имеют свой сайт (по крайней мере, фрилансеры так делают), и это, вероятно, будет одним из первых сайтов, которые вы создадите. Попробуйте построить сайт таким образом, как Вы собираетесь делать это в дальнейшем (например, не создавать сайт Squarespace для себя, если вы хотите разрабатывать сайты на WordPress для клиентов). Это даст вам возможность практиковать каждый пункт в этом списке, без давления и ограничения времени при создании типичного проекта, запрошенного клиентом.
Не каждый проект требует всех этих элементов.
Если все, что вам нужно сделать, это загрузить дочернюю тему для WordPress веб-сайта, Вам, возможно, не нужно трогать cPanel или FTP. Если клиент уже имеет сайт, домен и хостинг уже могут быть зарегистрированы. К каждому сайте будут предъявляться особые требования, и Вы быстро вникнете, для чего использовать каждый элемент.
Важно понимать, что представляет собой каждый из этих элементов и как они вносят свой вклад в построение сайта. Подробнее эта тема будет раскрыта на наших курсах. Если у вас есть хорошая база, то Вы не будете неприятно удивлены, когда они появятся позже. По мере развития вы будете узнавать много нового, главное желание.
Продолжение в следующей статье Шаг 3: Виды работы.
Запишитесь прямо сейчас или закажите звонок с бесплатной консультацией!
Записаться сейчас / Бесплатная консультация