Сообщений в теме: 53

[Jaga-Jaga]

Всем добрый день!

 

Может кто-нибудь посоветовать курсы по web разработкам в Астане? Интересует начальный этап (html, css, JS). Первое впечатление осталось не айс, т.к. нарвался на студентиков-нубасов, 30к за месяц в трубу и уровень преподавания ужасный.

Посоветуйте , кто знает.

Спасибо

[lexx821]

Я смотрел видеокурс на ютубе по веб дизайну, одна девушка (веб дизайнер), которая вела этот видеокурс обещала что через неделю или несколько часов, все кто записался на её лекцию научатся и станут веб дизайнерами, она рассказывала подробно всё. Я просмотрел её видеокурс, причём несколько раз, но вот веб дизайну я так и не научился, так-как у меня нет вдохновения на это, а верстать я очень хорошо научился. А толку то от этой вёрстки? Современный веб дизайнер, он сам придумывает лейаут и сначало делает наброски лейаута в тетради, он дизайнер (умеет работать с типографикой, графикой а также с векторной графикой), он UI и UX дизайнер, он верстальщик. И ещё некоторые современные веб дизайнеры используют уже готовые бесплатные плагины, фреймворки, cms. Я просмотрел много различный веб сайтов, они щас все какие-то однотипные, похожие друг на друга - заголовок с лого, меню горизонтально либо вертикально, контент с текстом и картинками, и снизу футер с контактами фирмы, и всё это посередине в браузере с тенью. А для мобильной версии, нужно меню прятать там кнопка сверху с тремя полосками (меню гамбургер) при нажатие раскрывается как гармошка, и всё это уже не посередине браузера, и ещё нужно сделать версию для печати, там нужно прятать меню, и картинки, и используются градация серого, чтобы на цветном принтере не использовались цветные чернила, только чёрные, всё это делается спомощью media query.

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

 

Вот:

[T-800 Danya]

 

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

 

 

ИМХО  выполнить операции по одной какой-то конкретной Инструкции еще вовсе НЕ значит чему-то научиться

 

Скрытый текст

 

ЗЫ Хотя Hello World-щикам этого НЕ понять. 

 

Скрытый текст

ЗЗЫ Потому что ничего кроме Hello World-ов они НЕ делают и нучится делать НЕ хотят

 

Скрытый текст

Чтобы чему-то реально  Научится - нужно делать РЕАЛЬНЫЕ проекты.

 

 

Скрытый текст

А Hello World-ы  они вообще-то для того чтоб их просматривать по Диагонали 

 

 

 

Сообщение отредактировал T-800 Danya: 17.03.2019, 10:24:15

[Den_S]

 

...

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

 

 

Ну версия для печати это совсем уже последнее дела. Для начала верстаем под HD мониторы, ноутбуки, планшет горизонтально/вертикально, смартфон горизонтально/вертикально. 

[lexx821]

ЗЫ Хотя Hello World-щикам этого НЕ понять. 

 

Я где-то уже говорил что это моё хобби, я не занимаюсь этим профессионально, у нас IT фирм нет подходящих, я живу можно сказать в деревне.

 

Хотел вчера код выложить, вот сейчас только выкладываю

Вот CSS:

/* Это main.css */
* {
  padding:0; margin:0; color:#1A1A1A;}
body {
  background-color:white; }
.content_ {
  height:700px; }
.clearfix:after {
  content: ""; clear: both; display: table; word-wrap:break-word; margin:5px 5px; }
.left {
  float:left; }
.right {
  float:right; }

@media screen and (min-width:499px) and (max-width:100000px) {
.content {
  border:1px solid #EEE; box-shadow:0px 0px 7px 5px #EEE; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; width:70%; }
.header {
  min-height:200px; background-color:blue; color:white; }
.footer  {
  min-height:200px; background-color:blue; color:white; }
}

@media screen and (min-width:10px) and (max-width:500px) {
.content {
  margin-left:auto; margin-right:auto margin-top:0; margin-bottom:0; width:99%; }
.header {
  height:0px; display:none; visibility:hidden; }
.footer  {
min-height:200px; background-color:blue; color:white; }
}

@media printer {
.content {
  margin-left:0 0; width:99%; } 
.header {
  height:0px; display:none; visibility:hidden; width:0px; }
.footer  {
min-height:200px; }
}

/* Это menu.css */
@media screen and (min-width:500px) {
  .menubar ul {
    border-bottom:1px solid white; border-top:1px solid white; background:linear-gradient(darkblue, blue, darkblue); color:white;
    list-style-type:none; margin:0; padding:0; overflow:hidden; }

  .menubar li {
    float:left;
    color:white; }

  li a {
    color:white;
    display:block; text-align:center; padding:14px 16px; text-decoration:none; }

  li a:hover {
    background-color:darkblue; color:white; }

  li .active {
    background:linear-gradient(gray, white, white, gray); color:blue; }

}

@media screen and (min-width:10px) and (max-width:500px) {
  .menubar ul {
    border:1px solid darkblue; background-color:blue; color:white;
    list-style-type:none; margin:0; padding:0;overflow:hidden;
  }

  .menubar li {
    color:white; }

  li a {
    color:white;
    display:block; text-align:left; padding:14px 16px; text-decoration:none; }

  li .active {
    background:white; color:blue; }
}

@media print {
  .menubar { display:none; visibility:hidden; width:0px; height:0px; }
}

/* Это ui.css */
@media screen {
.field {
  border:1px solid #AAA; box-shadow:0px 0px 5px #AAA; border-radius:2px; background-color:#FFF; padding:2px 2px; width:200px; height:30px;
}

.button {
  background:linear-gradient(to bottom, darkblue, blue); color:white; box-shadow:0px 0px 5px blue; border-radius:2px; border:1px solid #AAA; padding:2px 2px; width:70px; height:30px;
}
}

@media print {
.field {
  border:1px solid black;  padding:2px 2px; width:200px; height:30px; color:black;
}

.button {
  border:1px solid black;  padding:2px 2px; width:70px; height:30px; color:black;
}
}

<!-- Это index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Фирма XYZ</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" type="text/css" href="menu.css" />
    <link rel="stylesheet" type="text/css" href="ui.css" />
  </head>
  <body>
    <div class="content">
      <div class="header">
        <h1 style="color:white;">Фирма XYZ</h1>
      </div>
      <nav>
        <div class="menubar">
          <ul>
             <li><a class="active" href="#">Главная</a></li>
             <li><a href="#">Продукты</a></li>
             <li><a href="#">Контакты</a></li>
          </ul>
        </div>
      </nav>
      <div class="content_">
      <div class="clearfix">
        <h1>Фирма XYZ</h1>
        <div class="left" style="width:20%;">
        Наша фирма уже 20 лет на рынке Казахстана, мы производим с 1999 ______ ...., наша продукция самая лучшая, наши клиенты не только в Казахстане но и в Узбекистане, России, Беларуси.
        </div>            
        <div class="left" style="width:20%;">
        Тут вторая колонка, мы производим с 2010 так-же __________ , и наши клиенты очень довольны.
        </div>
      </div>
      <br>
      <br>
      <br>
      <div>
        Лейаут кнопок/полей:<br>
        <label>Имя:</label><br>
        <input class="field"><br><br>
        <label>Фамилия:</label><br>
        <input class="field"><br><br>
        <label>Отчество:</label><br>
        <input class="field"><br><br>
        <input class="button" type="button" value="Отослать" />
      </div>
      </div>
      <div class="footer">
      Контакты:<br>
      АО ФИРМА XYZ<br>
      Алматы 05000,<br>
      Улица Фурманова, проспект ***, дом **<br><br>
      Тел&nbsp;&nbsp;:+7(3272)*****<br>
      Факс:+7(3272)*****<br>
      </div>
    </div>
  </body>
</html>

[T-800 Danya]

 

ЗЫ Хотя Hello World-щикам этого НЕ понять.

 
Я где-то уже говорил что это моё хобби, я не занимаюсь этим профессионально, у нас IT фирм нет подходящих, я живу можно сказать в деревне.

 

 

Плохим Танцорам вечно что-то мешает... 

 

В частности, разве  Вам кто-то запрещает открыть свою IТ фирму в Вашей  Деревне и пилить Реальные Проекты?

Сообщение отредактировал T-800 Danya: 17.03.2019, 16:52:41

[lexx821]

Вам кто-то запрещает открыть свою IТ фирму в Вашей  Деревне и пилить Реальные Проекты?

 

Нафига? У меня есть работа, но не связанная с IT. Чтобы открыть свою фирму это большая канитель, нужен большой стартовый капитал, много денег на высокие налоги, и ПО нужно сертифицировать за это тоже надо платить.

[T-800 Danya]

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

 
 

Скрытый текст

Вы что действительно задались целью подтвердить Справедливость народной Мудрости про Плохого Танцора

Скрытый текст

ЗЫ Не буду ничего говорить про кантиель с регистрацией фирмы ибо с сожалению фирму от имени которые сейчас делаем проекты регистрировал не я, так что я просто не в курсах сколько там было беготни.

Скрытый текст

ЗЗЫ Но про стартовый капитал я точно знаю он был 10 Евро

Скрытый текст

ЗЗЗЫ По поводу сертификации ПО - это  скажем  так - ИМХО тоже   одна из проблем Танцора,  поскольку сертификация это вопросы  Издателя, а не Разработчика

Сообщение отредактировал T-800 Danya: 17.03.2019, 20:58:36

[lexx821]

Вы что действительно задались целью подтвердить Справедливость народной Мудрости про Плохого Танцора

 

Нет не собираюсь, у вас тоже нет пока ни одного готового проекта, а значит вы тоже не очень в IT... , а у меня есть готовые проекты, просто то что я делаю оно никому не нужно, когда достигните своей цели, то поймёте что это никому не надо было, и зря убили время, итд. Я не обязан никому ничего доказывать, если вы ещё не поняли, я просто убиваю тут время, ну и я просто хотел делать веб-сайты лично для своей души, потому-что у меня сейчас совсем другая профессия, никак не связана с IT, да и у нас тут мало вакансии в области IT, на данный момент из ~1.707.000 вакансий, в области IT всего - ~67 тыщ вакансий. Я два экзамана провалил в колледже, поэтому трудно устроится без образования в области IT, до колледжа я посещал универ как гость, чтобы поступить в уни, нужно пройти абитур (3 года длиться подготовка в универ), короче в колледже я не сдал: предмет "методы разработки ПО" (по этому предмету у многих тройка, студенты просят подсказки во время экзаменов) там пудряд мозги, допустим рассказывают про каскадную модель (Watelfall model), AGILE, обязательно нужно знать наизусть и понимать все паттерны (Design Patterns), ER-модель, модель базы данных, блок схема, UML диаграмму, нужно уметь писать грамотно в word'е концепцию проекта/продукта, уметь пользоваться ms visio, dia, или ещё что-нибудь такого рода, уметь пользоваться ms project или openproj, понимать диаграмму ганта. А второй предмет который я провалил, это Information and communcations technology - там нужно знать сетевую модель, разные протоколы (TCP, IP, UDP, итд), знать bash, уметь писать скрипты sh, уметь подключать учительский сетевой принтер и напечатать из OpenOffice что-нибудь типа Hello World, уметь назначать права на папки, установить apache, php настроить виртуальную машину и линукс так, чтобы виртуалка стала веб сервером, и чтобы другой студент мог обратиться к вебстранице, ubuntu мы тогда не изучали, мы изучали OpenSUSE, CentOS графический интерфейс не приветствовался (ну максимум Midnight Commander разрешён) - так-как на Windows устанавливается PuTTY и работать нужно через PuTTY с линуксом, нужно пользоваться только командным интерпретатором, уметь работать с vi, уметь пользоваться командами линукс, уметь обновлять линукс, уметь скачивать и устанавливать пакеты, уметь вычислять маску. Да и всё равно после оканчания колледжа, многие студенты устраиваются не по своей профессии.

P.S. Да я рад своим сайтом который я несколько месяцев назад сделал  , гугл даёт ему 100% по скорости для мобильной версии, я не вставляю всю эту шнягу типа jQuery, Mootools, не использую гуглские шрифты, различные иконки для сайта у меня в формате SVG или как спрайт (все иконки в одном png), использую ленивую загрузку (lazy load) для изображений, а также использую service worker для кэширования, тени и фон программирую в CSS3 спомощью box-shadow и linear-gradient/radial-gradient, я видел у нас тут один веб дизайнер использует Bootstrap, гугл даёт низкую оценку такому сайту так-как там много библиотек (css, js), шрифты..., а оценка сказывается на поиске, чем выше очков даёт гугл, тем выше рейтинг сайта, тем выше сайт в результате поиска. У многих ещё старый интернет, и никакой тут CDN не поможет, если сайт за 5-10 сек не загрузиться, на него просто не зайдут больше.

[T-800 Danya]

Нет не собираюсь, у вас тоже нет пока ни одного готового проекта, а значит вы тоже не очень в IT... , а у меня есть готовые проекты, просто то что я делаю оно никому не нужно, когда достигните своей цели, то поймёте что это никому не надо было, и зря убили время, итд

 
Насчет НИКОМУ  не нужных - Ну это Hello Word-ы никому не нужны ...

 

ЗЫ.  К примеру, только у моих Бесплатных Приложений - которые я делал, что называется Just for Fun -  более  150 000  пользователей, которые каждый день засыпают всякими просьбами типа, Пожалуйста, сделай еще то или сделай еще се...   Хотя ну да - в принципе согласен - 150 000  по сравнению с  7 000 000 000 населения  Земли - это действительно Практически что Никто 
 

Я не обязан никому ничего доказывать, если вы ещё не поняли, я просто убиваю тут время, ну и я просто хотел делать веб-сайты лично для своей души, потому-что у меня сейчас совсем другая профессия, никак не связана с IT, да и у нас тут мало вакансии в области IT, на данный момент из ~1.707.000 вакансий, в области IT всего - ~67 тыщ вакансий. Я два экзамана провалил в колледже, поэтому трудно устроится без образования в области IT, до колледжа я посещал универ как гость, чтобы поступить в уни, нужно пройти абитур (3 года длиться подготовка в универ), короче в колледже я не сдал: предмет "методы разработки ПО" (по этому предмету у многих тройка, студенты просят подсказки во время экзаменов) там пудряд мозги, допустим рассказывают про каскадную модель (Watelfall model), AGILE, обязательно нужно знать наизусть и понимать все паттерны (Design Patterns), ER-модель, модель базы данных, блок схема, UML диаграмму, нужно уметь писать грамотно в word'е концепцию проекта/продукта, уметь пользоваться ms visio, dia, или ещё что-нибудь такого рода, уметь пользоваться ms project или openproj, понимать диаграмму ганта. А второй предмет который я провалил, это Information and communcations technology - там нужно знать сетевую модель, разные протоколы (TCP, IP, UDP, итд), знать bash, уметь писать скрипты sh, уметь подключать учительский сетевой принтер и напечатать из OpenOffice что-нибудь типа Hello World, уметь назначать права на папки, установить apache, php настроить виртуальную машину и линукс так, чтобы виртуалка стала веб сервером, и чтобы другой студент мог обратиться к вебстранице, ubuntu мы тогда не изучали, мы изучали OpenSUSE, CentOS графический интерфейс не приветствовался (ну максимум Midnight Commander разрешён) - так-как на Windows устанавливается PuTTY и работать нужно через PuTTY с линуксом, нужно пользоваться только командным интерпретатором, уметь работать с vi, уметь пользоваться командами линукс, уметь обновлять линукс, уметь скачивать и устанавливать пакеты, уметь вычислять маску. Да и всё равно после оканчания колледжа, многие студенты устраиваются не по своей профессии.
 

 

 
Мда... Даже не знаю что Вам ответить на  этот Ваш "Плач Ярославны"  ... Единственно что мог бы сказать ИМХО  "Проблема в головах а не в Сортирах" 

 

Ибо как известно "Человек сам Кузнец своего счастья... "

 

Скрытый текст

Я же Вам в свое время предлагал попробовать свои силы  в нашем Благотворительном Проекте, а Вы с  презрением отказались, мол не Царское это дело бесплатный  Синтезатор Речи на Казахском Языке для людей делать.  Ну и чего ради мне Вам сочувствовать, что Вы работу по Специальности найти не Можете?

Скрытый текст

 

А глядишь, если б сумели  бы выполнили хотя бы пару тасков по Проекту - Может Добрые Люди  и подкинули  бы Вам чуть-чуть ДЕНЕГ

 

Скрытый текст

Разов этак в 3  в больше чем Вы в своей Деревне за год  Получаете

 

Скрытый текст

А теперь ну что... Поздняк метаться  когда ежики сдохли... Кодера в проект уже больше не надо  - и теперь нужна  Девушка чтоб зачитывала тексты 

Скрытый текст

 

Но ведь Вы же не Девушка? Верно?

 

 

 

Сообщение отредактировал T-800 Danya: 18.03.2019, 01:11:43

[lexx821]

Может кто-нибудь посоветовать курсы по web разработкам в Астане?

 

В общем, вам надо на ютубе различные лекции смотреть, если интернет слабый то специальную литературу читать по HTML, CSS, JavaScript. Я сам HTML, CSS, и JavaScript изучал без всяких студентов. Способы создания сайта постоянно меняется, в конце 90х использовали таблицу или абсолютное позицонирование, потом появился первый мобильный интернет, использовали для десктопных браузеров HTML3/HTML4, а для мобильной версии WML, потом появились виртуальные миры и начали к этому всему использовать VRML и X3D, потом появилась мода на резиновый дизайн, таблицы больше не использовали для дизайна, а использовали её только для отображения данных, потом забросили с WML,VRML/X3D (так-как больше это не развивалось), вместо этого всего появился HTML5 и WebGL и дизайн стали делать адаптивным, теперь появился сеточный дизайн (Grid Layout). HTML5 постоянно улучшается, и постоянно меняются способы дизайна. Чтобы сайт красивым был, нужно всякий орнамент уметь рисовать как на ковре, уметь рисовать мандалу, всякие красивые кривые линии, цветочки, спомощь графических редакторов нужно уметь отделять различные объекты от фона, иногда веб-дизайнеры используют 3D модели, нужно уметь создавать 3D модели, научиться использовать шейдеры, потом эти 3D модели сохраняют как картинки, и прикепляют их в веб сайт, нужен фотоаппарат зеркалка потому-что придётся фотографировать всякие картинки для веба.

 

 

Скрытый текст

 

Я же Вам в свое время предлагал попробовать

Я этим ещё в 98м году занимался, над мной все смеялись, только тогда в Visual Studio 6.0 была программа для создания своего TTS, и компонент, и можно было сделать своего голосового ассистента, потом мода на TTS прошла, и в следующих VS (VS2002, VS2003, VS2005, VS2008) они исключили эту программу и этот компонент, во всяком случае его не было на диске.

 

 

Скрытый текст

 

Разов этак в 3  в больше чем Вы в своей Деревне за год 

Ну это не деревня, а посёлок городского типа, причём туристический, у меня зп нормальная, у всех тут зп одинаковая.

 

Сообщение отредактировал lexx821: 18.03.2019, 01:43:23

[lexx821]

Помню давным давно, когда я на куpcы языка ходил (перед поступлением в кoлледж/тeхникум), у нас помимо предмета ин. языка, был предмет инфopматики, и нас учили делать веб сайты спомощью Word, и фотогаллерию для вебсайта спомощью IrfanView, и потом в конце курсов, нам один преп продемонстрировали FrontPage 2003, 2003 версия была офигенная и насколько помню последняя, там можно было помойму красивые кнопки разные подбирать (шаблоны).

 

Так мы делали вeбcайт в Word:

Скрытый текст

 

 

Результат:

 

А гaллeрею в IrfanView:

 

 

Помню когда-то давно приобрёл это всё чтобы только научится нормальному веб дизайну или сделать нормальный сайт,научную литературу по html/css/js/php/mysql/веб дизайну/ceo/sem/usubility/концепция веб сайта, просмотрел видеокурсы по веб дизайну и cms, пользовался шрифтами (диск со шрифтами), и бесплатные картинки для веба, использовал всякие веб генераторы, и графические редакторы... Почитав и просмотрев всё это, я что-то не научился веб динайну.

 

 

Моя научная литература/программы:

Скрытый текст

 

 

Видeoкурсы:

 

Гpaфические рeдакторы:

 

Шрифты, изображения, генераторы сайтов:

 

 

Я считаю что красивый вебдизайн это красивые фоны с закарючками, крючёчками, кружочками, орнаментом (мандала), листьями, цветами, чтобы были люди, животные, растения как вот на этих layouts:

 

Хорошие layouts:

Скрытый текст

 

Кружочки, люди 

 

Закарючки, кривые

 

Рыбы, разные картинки

 

Сообщение отредактировал lexx821: 30.03.2019, 23:44:51

[zavuch]

И?

[zavuch]

что хотели сказать-то?

[T-800 Danya]

что хотели сказать-то?

 

Скрытый текст

Может я  и ошибаюсь, но ОНИ ИМХО, возможно, хотели сказать, что ОСВОИЛИ очередной Hello World  на Joomla 1.5 по СУПЕР Видеокурсу на DVD N-дцатилетней давности на Немецком Языке ... 

Сообщение отредактировал T-800 Danya: 03.04.2019, 22:20:50

[lexx821]

Извиняюсь, в будние дни я занят, вечером усталый, бываю только в пятницу вечером или в выходные. 

 

 

что хотели сказать-то?

 

 

Я хотел сказать, что сайты все однобразные, какие-то все похожи друг на друга, чтобы сделать нормальный сайт, нужно много картинок, нужно уметь рисовать закарючки, орнаменты, и нужны красивые фоновые картинки. Я вот пару месяцев назад сделал такой адаптивный сайт, но он мне что-то не нравится, а лучше сделать у меня ничего не получается.

 

Вот такой сделал сайт:

Скрытый текст

Для хромы:

 

для ie:

 

для андроид:

 

для ie mobile:

 

версия для печати:

 

гугл даёт очень хорошую оценку моему сайту:

 

Там всё очень просто, вот:

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

#content {
  margin-left:auto;
  margin-right:auto;
  margin-top:200px;
  margin-bottom:50px;
  max-width:800px;
  min-height:200px;
  background-color:white;
  box-shadow:0px 0px 26px 5px #0B2161;
}

.block_left {
  float:left;
}

.block_right {
  float:right;
}

Картинки подгружаю используя метод lazy-загрузки:

<html>
<head>
  <title>Demo</title>
  <style>
  @keyframes show {
    from { opacity:0; }
    to { opacity:1; }
  }
  .show { animation-name:show; animation-duration:2s; }
  </style>
  <script>
    window.onload = function() {
      var array = [['img1', 10], ['img2', 200]];

      document.body.onscroll = function() { 
        for(var i=0; i<array.length; i++) {
          if(document.body.scrollTop >= array[i][1]) {
            var img = document.getElementById(array[i][0]);
            if(img.getAttribute('data-isloaded') == 'false') {
              img.setAttribute('data-isloaded', 'true');
              img.src = img.getAttribute('data-src');
              img.onload = function() {
                img.setAttribute('class', 'show');
              }
            }
          }
        }
      }
    }
  </script>
</head>
<body style="height:5000px;">
  <img id="img1" data-isloaded="false" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="640" height="auto" data-src="cat.png">
  	<br>
  Cats cats cats cats cats cats cats <br>
  Cats cats cats cats cats cats cats <br>
  Cats cats cats cats cats cats cats <br>
  Cats cats cats cats cats cats cats <br>
  Cats cats cats cats cats cats cats <br>
  <img id="img2" data-isloaded="false" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="640" height="auto" data-src="cat2.jpg">
  <div id="aa"></div>
</body>
</html>

Я хотел-бы научиться делать красивые сайты, с закарючками, с узорами, с орнаментами (мандала), с кривыми линиями, или с картинками, красивыми фонами.

Сообщение отредактировал lexx821: 06.04.2019, 19:09:27

[lexx821]

Вот допустим я считаю вот такой layout очень красивый, я пытался сделать сам такую же шапку...

смотрим что получилось

 

Скрытый текст

вот сам layout:

 

в Corel Draw пытаюсь сделать такую же шапку

 

Добавляю эффект шершавости, мятой бумаги 

 

Ну вот теперь клонирую и пишу надписи как в оригинальном layout

 

Вот готовы эти надписи

 

Пытаюсь нарисовать шары, закарючки

 

Вот так я и занимаюсь примерно веб дизайном.

 

[lexx821]

Чтобы выучить HTML, js, css нужно чтобы было интересно. Когда время есть, я ещё так разминаю свои мозги, главное получать удовольствие, и тогда быстро освоится и запомнится HTML, js, и css:

 

HTML код:

Скрытый текст

DOCTYPE html>
<html>
<head>
  <style>
  body {width:100%; height:100%; padding:0; margin:0; }
  .hand { cursor:pointer; }
  #content { margin:15px 15px; }
  .button { background-color: #CB60B3;
            background:linear-gradient(to bottom, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); 
            border:1px solid #CB60B3;
            width:100px; 
            height:50px;
            padding:5px 5px;
            box-shadow:0px 0px 5px 2px #CB60B3;
            color:white;
          }
    .field { box-shadow:inset 0px 0px 15px #AAA; 
             border:1px solid #CB60B3; color:black; } 
    .round { border-radius:4px; 
             height:50px;
             padding:5px 5px;
     }

     @keyframes show {
       from { opacity:0; }
       to { opacity:1; }
     }    

     @keyframes hide {
       from { opacity:1; }
       to { opacity:0; }
     }    

     .show { visibility:visible; animation-name:show; animation-duration:4s; }
     .hide { animation-name:hide; animation-duration:4s; } 
     .hidden { display:none; visibility:hidden; }

     #help_bg { background-color:rgb(0,0,0,0.1); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:55; }
     #help { background-color:#fff; margin:10% 10%; width:70%; height:70%; box-shadow:0px 0px 5px #000; }

  </style>
  <script>
  function show_help() {
    document.getElementById('help_bg').setAttribute('class', 'show');
  }

  function hide_help() {
    document.getElementById('help_bg').setAttribute('class', 'hide');
    setTimeout(function() { document.getElementById('help_bg').setAttribute('class', 'hidden'); }, 4000);
  }
  </script>
</head>
<body>
  <div id="content">
  <form method="post" action="#">
  <label for="firstname">Firstname:</label><br>
  <input id="firstname" type="text" size="50" class="field round" value=""><br><br>
  <label for="lastname">Lastname:</label><br>
  <input id="lastname" type="text"  size="50" class="field round" value=""><br><br><br>
  <label for="birthday_day">Birthday:</label><br>
  <select id="birthday_day" class="field round">
  <option selected>1</option>
  <option>2</option>
  <option>3</option>
  </select>
  <select id="birthday_month" class="field round">
    <option selected>January</option> <option>February</option> <option>March</option>
  </select>
  <select id="birthday_year" class="field round">
    <option selected>1980</option> <option>1981</option> <option>1982</option>
  </select>
  <br><br><br>
  <input type="submit" class="button round" value="Save">
  <input type="button" class="button round" value="Help" onclick="show_help();">
  </form>
  </div>
  <div id="help_bg" class="hidden">
     <div id="help" class="round">Help<div style="float:right;" class="hand" onclick="hide_help();">&#x2716;</div><hr>
       Help 123....<br> Help 123....<br> Help 123....<br> Help 123....<br> Help 123....<br>
     </div> 
  </div>
</body>
</html>

 

Получается нечто такое:

Скрытый текст

Вебсайт

 

Сообщение отредактировал lexx821: 07.04.2019, 22:14:26

[1c_at]

BEHANCE  хороший сайт, где можно учиться.

 

веб дизайн,

https://www.behance....on_behance=true


Видео обучалки по дизайну

UI/UX Design with Ana Medina - 1 of 3

Join Designer Ana Medina on Adobe Live as she designs and prototypes a ‘fitness for charity’ mobile app in Adobe XD! From user research to advanced prototyping, stick around to learn Ana’s full UI/UX design process.

 

Ana is a Designer living and working in San Diego, California.

https://www.behance....a-Medina-1-of-3

 

 

 

Build a Responsive Website From Scratch [PART 1/3] | HTML and CSS Tutorial 2019

 

Top 5 Trending Website Design in 2019 || Top 5 Stunning CSS & Html Web Design

 

 

The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners

 

 

 

 

на ютубе полно уроков по веб дизайну и HTML, javascript , главное английский учите и на IELTS сдайте!

 

 

 

 

По JAVASCRIPT-у проекты тут хорошие, кто умеет делать, такие штуки, на фрилансе можно заработать.

https://threejs.org/

https://www.babylonjs.com/

[lexx821]

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

https://www.youtube....h?v=llRF6Xgv_zs

 

полный курс 

https://www.youtube....oaE1hvobMKto79J

 

По JAVASCRIPT-у проекты тут хорошие, кто умеет делать, такие штуки, на фрилансе можно заработать. https://threejs.org/ https://www.babylonjs.com/

Да это круто, тут рассказывается про это:

BabylonJS

https://www.youtube....h?v=d3ZbMJQxYXo

 

ThreeJS

https://www.youtube....h?v=bfYzKjhdyu8

https://www.youtube....h?v=iP_zP1slxgk

https://www.youtube....h?v=0Z0vsg830QQ