Как сделать сайт самостоятельно: бесплатные видео-уроки для начинающих
Прежде чем приступать к технической стороне вопроса, стоит продумать общую концепцию. Для коммерческого проекта придется дополнительно обдумать стиль оформления, написать грамотный текст, продумать контент-план, подобрать соответствующие тематике изображения/видео, наладить связь с потенциальными клиентами. С проектами, создаваемыми «для себя» можно не планировать подробно стратегию, но поэкспериментировать с настройками и наполнением стоит, подбирая отображающий суть блога дизайн.
Как самостоятельно сделать сайт в домашних условиях? Существует три ключевых способа создать свой онлайн-ресурс, чтобы не обращаться к специалистам:
- Использовать конструкторы. Они подходят, когда нет денег, времени и желания вникать в суть вопроса. Содержат набор шаблонов, готовых к использованию и приспособленных к редактированию.
- Устанавливать систему управления контентом - CMS, называемые в просторечье «движками». Требуют настройки, предназначены для работы с содержимым без специфических умений.
- Верстка – написание исходного кода с использованием HTML (языка разметки гипертекстов).
Смотрите бесплатные пошаговые видео уроки по различным методикам разработки в подборке от сайта ВСЕ КУРСЫ ОНЛАЙН.
Первые шаги
Олег – создатель сетевого журнала и видеоблога GarageBiz. На GarageBiz публикуются секреты YouTube, интернет-маркетинга, IT, тонкости открытия ИП, инвестирования, говорится о самосовершенствовании, мотивации, психологии. В этом уроке Олег покажет первые шаги работы с ресурсом Timeweb, предоставляющим услуги хостинга. Речь пойдет о выборе тарифного плана, установке и первичных настройках Wordpress –оптимального выбора для новичков, позволяющего обзавестись блогом, визиткой, крупным порталом. Не понадобится платить специалисту, изучать языки программирования, тратить силы на освоение сайтостроения – все получится сделать самому, следуя советам Олега.
Шесть этапов разработки
Какие стадии должен пройти разработчик-любитель для получения достойного результата без специальных навыков расскажет Стас Быков. По его версии необходимо пройти шесть этапов – выбрать доменное имя, зарегистрироваться на хостинге, установить CMS, начать заполнение контентом, уделить время SEO-оптимизации, заняться ведением блога. Автор предлагает краткую инструкцию, необходимую новичкам, чтобы сориентироваться, плюс рекомендации сервисов для деятельности. Стас Быков – блогер, интернет-маркетолог, руководитель веб-студии, ведущий своего канала на You-Tube, где публикует обучающий и развлекательный контент.
Tilda
Tilda позволяет получить сайт за минимальный срок, не имея специальных навыков и опыта. Автор проекта «Планета информации» продемонстрирует процедуру создания простого интернет-магазина за 10-15 минут. На примере продажи мишек из роз он сформирует «скелет», настроив четыре блока – «УТП» (уникальное торговое предложение), «Каталог», «Доставка», «Контакты». Зрители узнают как добавлять изображение, менять/выравнивать текст, настраивать фон, удалять/добавлять разделы. Разобравшись в принципах, любой сможет «поиграть» с шаблоном, подстроив его под конкретные нужды, добавить индивидуальности, расширить меню.
Лэндинг
Landing page используется для сбора контактных данных, расширения клиентской базы, привлечения внимания к товару/услуге за счет отображения информации о продукте с элементами рекламы. Создать посадочную страницу можно за 40 минут с нуля, что продемонстрирует в обучающем ролике веб-дизайнер Даниил Коржов, используя конструктор «Тильда». Выбрав тему туров в Грецию, он воспроизведет алгоритм действий с момента регистрации, научит грамотно сочетать информационную и визуальную составляющую. Изучив предоставленный материал, любой сможет настроить аналогичный лэндинг, адаптировав его под свои нужды.;
«Битрикс»
Запись бесплатного семинара центра «Специалист» при МГТУ им. Баумана по освоению 1С-Bitrix. Обучение происходит на демо-версии. Занятие ведет Кунашев Алий Сулимович – преподаватель курсов по системам управления контентом, тренер, интегратор 1С- Bitrix Запись позволит вместе с участниками семинара пройти все шаги создания пробной версии, изучить базовые возможности конструктора. Он представляет собой систему управления контентом, созданную в 2003 году и получившую распространение в деловой сфере. «Битрикс» помогает быстро обзавестись рекламным одностраничником, интернет-магазином, корпоративным порталом, блогом.
Elementor
Андрей Андриевский предлагает сделать все на WordPress CMS за час, без знания каскадных таблиц стилей и HTML. Он проведет учеников через весь процесс, от регистрации домена до освоения плагина Elementor, поясняя каждый шаг, объясняя тонкости, приводя возможные варианты. Результат ничем не будет отличаться от профессионального. В ходе мастер-класса ученики познакомятся с «админкой» WordPress, основными настройками, темами, добавлением новых страниц, редактированием параметров, настройкой типографии OceanWP, подробно разберутся в работе плагина Elementor.
Figma
Figma – удобный и бесплатный (для одного пользователя) онлайн-ресурс, заменяющий в плане разработки интерфейсов Adobe Photoshop. Используя его, удобно делать простые и сложные проекты. Это оптимальный вариант для новичков, желающих углубленно заняться веб-дизайном. Разобраться с основами Figma позволит просмотр мастер-класса Андрея Гаврилова. Он на примере реального макета продемонстрирует принципы и тонкости сервиса, научит подбирать цвета, шрифты, формировать композицию в целом. МК строиться с нуля, без предварительной подготовки со стороны преподавателя, что дает возможность проследить не только последовательность действий, но и мыслительный процесс разработчика. Андрей Гаврилов – специалист с 10-летним опытом, ведущий курсов, лектор, основатель образовательной платформы WAYUP.
Типографика
Текст является главной информационной и визуальной составляющей макета, но люди редко уделяют ему должное внимание, что приводит к плохой читаемости. Это утомляет, раздражает посетителей. Среди частых недоработок встречаются красивые, но нечитабельные шрифты, слишком мелкие/крупные буквы, отсутствие разделения абзацев, выравнивание не по той стороне, некорректный трекинг и пропорции строчных букв, неправильный интерлиньяж. Избежать проблемы поможет типографика. Ян Агеенко собрал краткий перечень распространенных ошибок, приводя на слайдах наглядные примеры. Для желающих подробнее изучить вопрос, Ян советует книги по теме Яна Чихольда, Роберта Брингхерста, Александры Корольковой. Закрепить пройденный материал поможет домашнее задание.
Верстка с нуля
Конструкторы упрощают процедуру создания, но имеют недостатки. Желающим сверстать сайт самостоятельно, стоит воспользоваться исчерпывающей пошаговой инструкцией Вадима Прокопчука, автора учебных курсов, ведущего видеоблога «от 0 до 1», преподавателя. В рамках семичасового занятия Вадим последовательно проведет учеников по всем этапам верстки, включая адаптацию под мобильные устройства. Повторяя за Вадимом каждое действие, любой сможет получить на выходе качественный лэндинг для бизнеса, состоящий из стандартных блоков (услуги, о компании, контакты, форма отправки сообщений). Зрители узнают интересные схемы, приемы стилизации селектов, кастомизации. Для тех, кто желает глубоко изучать материал, урок является отличным способом попрактиковаться.
Размещение
Опубликовать сайт в сети Интернет можно, разместив его на хостинге, представляющем собой услугу аренды пространства на сервере (компьютер, работающий без перерывов) для хранения данных. Сделать это не сложно, зная последовательность действий. Алгоритм приводится в видеоуроке Вадима, где он простым языком объяснит, что собой представляют хостинг и домен, затем перейдет к практике. На примере сервиса TheHost ведущий расскажет и покажет принцип выбора тарифного плана для разных целей, последовательно продемонстрирует процесс заливки, включающий поиск менеджера файлов и нужных папок, выбор оптимального формата, закачку файлов, их архивацию/разархивацию.
Смотрите также:
23 сентября 2020