Разработка сайта на языке html5. Обучение на бесплатном тренажере

Приветствую! На связи Аксель Фоули.

Сегодня тема такая: Хочу поговорить,с вами о языке программирования версии html5 разработка сайта на нем. Можно ли собрать себе сайт по html самоучителю какому-нибудь?

В принципе да! Но если вы полный профан и чайник в этом, никогда этим не занимались, то сайт, по самоучителю конечно замастырить сможете, но получиться неказистенько и убого. А если хотите чтобы получилась конфетка — придется постигать искусство верстки. Путь это долгий и не из дешевых, однако только так можно достичь желаемого результата.

Сразу хочу сказать что я не программист и не веб разработчик, однако обладаю некоторыми базовыми знаниями по работе с html кодом. Которых вполне хватает для ведения данного блога, и совершить ряд манипуляций для элементарной корректировки кода.

И в данной статье я хочу рассказать про свой путь постижения html5.

Где же я научился базовым знаниям html

Знакомство с Adobe Muse adobe muse logo

https://helpx.adobe.com/ru/muse/get-started.html

В начале своего пути сайтостроения,а это где-то 2012 — 2013 год, когда я еще работал на металлургическом заводе своего города, мне нужен был сайт для моих браслетов выживания, которые на тот момент еще были на стадии разработки, и имели вид весьма неопрятный.

braslet spasatel

avarijnyi braslet spasatel

И я начал узнавать как вообще делаются сайты. На тот момент я остановился на конструкторе от Adobe, под названием Adobe Muse. Что переводится как «Муза». Который на данный момент прекратил свое существование.

Сайт был, как и полагается сайту «чайника», которым я был тогда, и в общем-то несильно эволюционировал сейчас.

К сожалению не могу продемонстрировать его в живую т.к. удалил его и скрины не делал. Но может оно и к лучшему.

В общем сайт был сделан за счет бесплатной, пробной версии Adobe Muse, которая длилась 30 дней, по истечении которых нужно было покупать лицензию или переустанавливать винду... С тех пор приемом переустановки виндоус, я владею отменно:)

Он долго грузился, т.к. был размещен на бесплатном хостинге, был через чур аляпистый и яркий. Плохо просматривались элементы и было непонятно что изображено на картинке в качестве фона.

Данный конструктор позволял еще оптимизировать сайт для любых устройств, что добавляло проблем с расстановкой всех «точек остановки» для экранов разной ширины. Которые , естественно, были установлены криво или «забыты» вообще.

В общем вот такой вот был мой первый опыт сайтостроения.

Самоучитель html

После того как мой первый сайт на Adobe Muse прекратил свое существование за ненадобностью, мне пришло понимание того что, как ни крути а осваивать код нужно в любом случае.

И так я скачал в интернете какой-то самоучитель по html, даже не помню какой именно, т.к. их полно и при выборе просто глаза разбегаются от их изобилия. Но информация в нем была представлена довольно внятно. Прочитал главу — проделал это вживую. Там вроде нужно было писать код в текстовом файле, и при сохранении в конце имени этого файла дописывать .html

Таким образом кликая по нему двойным щелчком мыши, он открывался браузером как отдельная страница, в которой отображалось все что ты там ему «напишеш» html кодом.

Самоучитель состоял из трех основных частей: html, css и javascript.

Знакомство с курсами от Яндекс yandex praktikum logo

https://praktikum.yandex.ru/profile/web-plus

yandex praktikum

Итак, продвигаясь по самоучителю, все еще в первой части про html, умный Яндекс представил моему взору, в качестве своего рекламного баннера, курс по веб-разработке — Яндекс Практикум.

Данный курс сразу привлек мое внимание, т.к. это не кто-нибудь меня собирается учить, а сам Яндекс.

Еще подкупило и то что в описании к курсу, было сказано что он состоит из 90% практики на, бесплатном онлайн тренажере. Ну тут вообще все вопросы отпали и я кликнул «Начать учиться».

Т.к. данный курс создан для новичков, а некоторые моменты я уже знал из самоучителя, меня терзали смутные сомнения, о том что данный курс не сможет меня удивить. Но я ошибся. Удивил сложностью и полным непониманием что нужно делать. Пару раз пользовался службой поддержки, чтобы решить задание. Но в итоге полностью прошел бесплатную часть, по ходу прохождения составил для себя некую шпаргалку с наиболее важными частями кода. Кто понял тот понял, про что я. А главное теперь у меня есть, какое-никакое — понимание принципа работы с кодом.

Заключение

Однозначно хочу порекомендовать новичкам данный инструмент для начала изучения сайтостроения на html5 языке. Речь идет именно о бесплатной его части, т.к. здесь вы ничего не теряете. Ну а на счет того, покупать ли весь курс целиком или нет — решайте сами.

С уважением Аксель Фоули.

 

Axel Foley
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: