Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Курсы web разаботка

Автор Jaga-Jaga, 06.02.2019, 11:46

Авторизуйтесь для ответа в теме

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

#21
zavuch

Отправлено 19.04.2019, 13:39:49

В доску свой
1 923 сообщений

Lexx,

такой сайт

можно сделать и без ЦСС, единственное, тень шэдоу-боксом конечно лучше накладывать, чем картинками, и фон масштабировать

а так внешне стиль сайтов разработки 90х годов получился..

Наверх

#22
T-800 Danya

Отправлено 19.04.2019, 15:03:46

Свой человек
586 сообщений

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

ИМХО не 90х , 2000x

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

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

Наверх

#23
zavuch

Отправлено 19.04.2019, 15:06:46

В доску свой
1 923 сообщений

Ооо какой раритет!!! :bow:

Наверх

#24
lexx821

Отправлено 20.04.2019, 19:19:03

Постоялец
403 сообщений

шэдоу-боксом конечно лучше накладывать

я так и делаю

#content {

background-color:white;

box-shadow:0px 0px 26px 5px #0B2161;

}

фон масштабировать

я так и делаю

body {

margin:0;

padding:0;

font-family:sans-serif;

background-color:#013ADF;

background-image:url('./bg/bg.jpg');

background-size:cover;

}

#header {

background-image:url('./bg/111_comp.jpg');

background-size:cover;

}

И в меню не картинки а linear-gradient:

#menu {

box-shadow:0px 0px 14px #013ADF; /*#999999;*/

background: linear-gradient(#819FF7, #013ADF, #013ADF, #819FF7);

color:white;

}

#menu a.active {

background: linear-gradient(#FFF, #AAA, #AAA, #FFF);

color:#013ADF; /*border:1px solid #013ADF;*/ border:0px;

}

стиль сайтов разработки 90х годов получился

У нас тут где я живу, все такие сайты, я специально прошёлся в гугл мэпс и посмотрел сайты всех фирм, он адаптивный, а сайт 90х не может быть адаптивным, и гугл сайту 90х дал бы мало очков моему сайту, а не 100%.

Адаптивный (на мобильном устройстве)

На андроиде

Для печати

Оценка моего сайта 100 (причём не десктопная версия, а мобильная)

разработки 90х годов получился

А это тоже из 90х? Там ведь тени, наверное тени это картинка, а не box-shadow !!! И кнопки наверное картинка а не linear-gradient! И полупрозрачность наверное не rgba а старый opacity, и анимация наверное на flash сделано, нет?

https://vse.kz/topic.../#entry35863388

Кстате я его изменил немного и добавил эффект размытости фона, наверное вы скажите что это тоже размытая картинка, нет?

Я добавил класс blur

    .blur {
          filter:blur(5px);
    }

И изменил код javascript:

  function show_help() {
    document.getElementById('help_bg').setAttribute('class', 'show');
    setTimeout(function() { document.getElementById('content').setAttribute('class', 'blur'); }, 2000);
  }

  function hide_help() {
    document.getElementById('help_bg').setAttribute('class', 'hide');
    setTimeout(function() { document.getElementById('help_bg').setAttribute('class', 'hidden'); document.getElementById('content').setAttribute('class', ''); }, 4000);
  }

можно сделать и без ЦСС

Это как? Ввиде одной картинки? Хорошо уговорили сегодня или завтра постораюсь сделать без css, ввиде картинки посмотрим какую оценку даст гугл моему сайту.

Сообщение отредактировал lexx821: 20.04.2019, 19:52:10

Наверх

#25
lexx821

Отправлено 20.04.2019, 22:29:56

Постоялец
403 сообщений

можно сделать и без ЦСС

Я ошибался в себе, я оказывается нуб, который только и может делать "Hello Worldы"!

Вам большое спасибо zavuch!

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

Вы гений в веб дизайне, сделал как вы мне посоветовали, нет "ЦСС" теперь использую table, center, и img, а имя файла на фоновую картинку, поставил в body в атрибуту background <body background="bg.jpg"> всё в картинках, гугл даёт моему новому веб дизайну высочайшую оценку 47 из 100. Наверное если гугл проиндексирует мой сайт, то мой сайт попадёт в топ первые строки результата поиска поисковой машине, браво! Спасибо вам за подсказку, я теперь всегда буду делать по вашему совету веб сайты без ЦСС и будут только картинки! Кнопки красивые буду вставлять ввиде картинки, зачем linear-gradient, вместо box-shadow, будут картинки с тенями, чтобы сайт помедленнее загружался, и побольше трафик сжиралось, народу куда то спишить, пусть грузится подольше как в 90х на диалап модемах с 56к. Да и ещё плюс, у моего знакомого есть мобилка и интернет с ограниченным трафиком, и он живёт в маленькой деревне где трудно пополнить баланс, пусть такие сайты как вы мне посоветовали с картинками, хорошенько пожирают трафик, пусть мой знакомый ждёт 10 секунд пока загрузится сайт, ну он ведь миллионер раз из деревни, без проблем наверное пополнит баланс, или сотовые компании перестали быть жадными, и всем пользователям за просто так раздают трафик на 1тбайт. Браво! Я представляю себе как мой сайт отобразиться в самом топе результата поиска, наверное все клиенты будут в восторге от этого веб дизайна, от высокой загрузки, ну и веб дизайнеры и верстальщики которые уже лет 15-20 этим занимаются высоко оценят эту идею! Я ещё нуб в веб дизайне, но вам спасибо за хороший совет! Я смотрю одного ютубера из России, который живёт сейчас в Индии, он рассказывал какой в Индии замечательный интернет, интересно сколько часов индийцы в Индии будут ждать пока загрузятся все картинки, тени, фоны кнопок. У некоторых в РФ диалап и 56к, наверное на 56к все картинки загрузятся моментально! Спасибо вам!

Результат насколько высоко теперь оценивает гугл мой веб сайт, благодаря вашей инновативной идеи:

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

P.S.

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

Ну да вы на много меня знаете, и я наверное на столько нуб или начинающий hello worldщик, как некоторые меня считают, и мой сайт настолько древний и ужасный, он не из 90х, а наверное скорей из 60х, да куда уж мне до вас профи, которые создают шедевры, у которых 100 тыщ скаченых apps, и я наверное на столько давно не занимался HTML что я даже наверное и не додумался о том что есть такое свойство как border-radius в css3, а про border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius я наверное первый раз вижу и слышу, я наверное настолько нуб что наверное круглую картинку с врачом не в состояние сделать спомощь html5, и css3, что пришлось в фотошопе врача в круге рисовать и наверное тень этой круглой картинки добавлял я в фотошопе. Наверное я настолько начинающий hello worldщик и нуб, что запомнить css border-radius не в состояние! Да мне очень стыдно что я такой начинающий hello worldщик, и что такой мой кривой сайт из 90х, мне очень стыдно что я сделал не картинками, а в css, и очень стыдно что гугл даёт 100 из 100, я прям краснею от стыда!!! Да куда мне до вас профи, я же нуб, hello worldщик, а вы большие профи, вы знаете все языка программирование, html5, css3. У вас фирмы есть, а у меня ничего нет. Спасибо за советы профи! Да куда мне до профи, котроые меня называют hello worldщиком, я наверное самый плохой дизайнер в мире, у меня древние книжки, а в интернете я наверное искать по свежему css3 не способен, да я слушаюсь вас и поклоняюсь вам ПРОФИ!

Но на самом деле, всё вот так, вот код для картинки в виде кружка (врач в кружке и с тенью), я огорчу вас но border-radius и border-y-x-radius я знаю наизусть, и если у меня книги древние, это не значит что я не знаю современный css3 и не умею заглядывать в интернете на разные сайты по веб дизайну.

.img_round {
  border:1px solid #AAA; 
  padding:7px 7px;
  border-radius:50%;
  box-shadow:0px 0px 2px #000;
}

Сообщение отредактировал lexx821: 21.04.2019, 00:42:30

Наверх

#26
lexx821

Отправлено 21.04.2019, 03:27:08

Постоялец
403 сообщений

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

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

Спасибо большое вам за вашу критику!

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

Вы очень умны, сразу видно что вы выдающийся профи, как минимум лет 15-20 веб дизайном занимаетесь, и по сообщеиям вы во всём большой специалист, вы программист и веб дизайнер с большой буквы. Да вы правы я в IT совсем нуб, у меня всё из 2000х, и я хелло вордлщик, куда мне до вас профи, который наверное этим занимается минимум 15-20 лет. Наверное я на столько начинающий в IT, что я наверное не догодался, что есть на ютубе бесплатные уроки по Joomla 3.9, и я учёл вашу критику что книги и видеоуроки старые, и скоро закажу себе видеоуроки по последней версии Joomla, но поскольку нет места на новые вещи, то те книжи и видеоуроки скорей всего я выброшу на мусорку, так-как они даже даром никому не нужны, так-как это всё из 2000х. И я хочу у вас теперь возможно консультироваться и учиться, сколько вы берёте за час обучений? Не хочу быть больше hello worldдщиком и каким-то нубом, хочу быть как вы профи во всём! От Android Studio до веб дизайна. Я считаю вас первоклассным специалистом в IT, я думаю что вам даже любой программист из кремниевой долины позавидует, и вы его уделаете в программирование только так. Сразу видно что вы на олимпиады по программированию, математики и физики постоянно ездили, и были выши всех других участников принимавшие участие в олимпиаде. Но я боюсь учиться или консультироваться у вас, поскольку вы профи, а я hello worldщик, и у меня всё из 90х то и обучение у вас наверное дорогое, и мне не по карману будет. У нас на западе, на любые курсы от профи который знает от А до Я как вы 4 дня от 2-4 тыщ. евро, и то это если в группе обучаться, а индивидуальное занятие наверное на много дороже. Иногда учителя настолько капризные, что индивидуальное обучение не предлогают, только в группе. И если участников меньше чем планировалось, то учитель может даже переносить занятия на позже, ибо аренда помещения дороже обойдётся, чем преподаватель заработает денег на этих курсах. Допустим обучение на Swift в группе 4 дня стоит 3 тыщ евро, причём я этого препа не знаю, и не знаю на сколько он хороший, как пишит о себе на сайте. Чтобы обучиться ABAP 5 дней в группе стоит 3.400.000 евро. А у вас сколько? вы ведь профи во всех делах. Сразу видно что вы специалист номер один в РК. Вас все хвалят везде, и вам ставят только одни лайки, значит люди вас реально ценят как высококлассного программиста и веб дизайнера! Припоминаю вы говорили мне, что у меня мол нищенская зарплата, (ну да куда мне до вас высоклассного айтишника) а вот если я мол бы вам помог бы с синтезатором речи вы и я мол бы может быть разбогатели, все бы нам денюжку закидовали, и вы и я купались мол бы в деньгах. Вот вопрос, сейчас я получаю где-то 24 тыщ евро в год, на вашем синтезаторе речи я бы больше зарабатывал бы чем 24 тыщ евро в год? Я догадываюсь что пол республики уже ждёт ваш синтезатор речи, пол страны купили бы у вас этот синтезатор речи. А то как без синтезатора речи, допустим запустил какой-нибудь мессенджер а лень читать, а там приятный голос читает текст в слух, круто ведь... Я представляю себе как все просто будут в восторге от вашего синтезатора речи, и приложение ваше будет очень популярным, и наверное вас покажут по телевизору, и я наверное увижу вас по телеку, с вашим супер приложением синтезатором речи!

Сообщение отредактировал lexx821: 21.04.2019, 04:05:42

Наверх

#27
lexx821

Отправлено 28.04.2019, 04:01:14

Постоялец
403 сообщений

Я понял в чём проблема, вся проблема вот в этом, я не понимаю это:

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

Если бы это я бы понял бы, я бы то возможно был бы классным веб-дизайнером! Почти все тэги html5, аттрибуты, css3 (правила, имена стилей, свойства и значения css),js выучил я наизусть, к jQuery я отношусь очень негативно. Вот что-то получилось, но мне не нравится мой новый дизайн:

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

P.S.:

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

Сообщение отредактировал lexx821: 28.04.2019, 04:15:04

Наверх

#28
zavuch

Отправлено 30.04.2019, 16:39:12

В доску свой
1 923 сообщений

Дизайн рассудком не понять, ещё там чем-то не измерить, дизайну можно только верить ))

Хрень всё эти "правила" дизайна, тут либо есть вкус, интуиция, либо нет. Выучить дизайн имхо невозможно, натренироваться на примере чужих сайтов типа вот так надо а так не надо... мммм... нельзя

А так - да, только картинки, только хардкор!! :lol:

Я был членом W3C. Не порадовало. Скидывают тонны черновых проектов на пицьсот страниц типа "а что вы думаете о новом сценарном языке blablascript а вот образец кода: ~!@#$%^&" и надо писать комментарии развёрнутее чем "КГАМ" и всё это за просто так...