Jump to content

cryptus

Newbie
  • Posts

    15
  • Joined

  • Last visited

cryptus's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должность front-end developer. P.S. Очень нужно т.к. через год переезжаю в штаты.
  2. В следующем коде: ————————————————-- <div class="center"> <div class="center_left">centerLeft</div> <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div> </div> <div class="menu"> Place for menu... </div> ————————————————- .center { margin-top: 10px; clear: both; overflow: hidden; } .center_left { border: 1px solid #000; width: 525px; float: left; } .center_right { /*border: 1px solid #000;*/ box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 525px; height: 275px; float: right; border-radius: 10px; overflow: hidden; } .menu { width: 1070px; height: 45px; border: 1px solid #000; margin-top: 22px; } На фотографии в centerRight срезается тень с верхней и нижней части. как можно решить проблему? Результат тут: https://www.dropbox.com/s/trm2eo5uday8dt4/001.jpg?dl=0
  3. Упппс. Да теперь я понял. Что-то торможу сегодня. Спасибо.
  4. Так у меня на компе путь верно указан. Даже если просто фон меняю у боди всё равно междивный промежуток красится в цвет дива.
  5. Так я чего-то не понял. Я указываю фон для боди всей страницы. На ней дивы. Указываю всем дивам фон, так как мне нужно чтобы все дивы заливались цветом. Отодвигая дивы друг от друга должен жа в принципе появится фон указанный для боди? Зачем появляется фон указанный для дива?
  6. Отступы получились, но вот только между отступами фон назначенный div-ам. А мне нужно чтобы фон виднеля назначенный body.
  7. Не получилось. В коде ниже думаю смогу описать проблему точно: <!DOCTYPE html> <html> <head> <title>Test Page</title> <meta charset="utf-8" /> <style type="text/css"> * {margin: 0; padding: 0;} body {background: url(../img/bg.png);} div {background-color: #8e8f83;} #wrap {width: 900px; margin: 0 auto;} #logo { border: 1px solid red; width: 250px; float: left;} #desc { border: 1px solid red; width: 630px; float: right;} #menu { border: 1px solid red; clear: both;} </style> </head> <body> <div id="wrap"> <div id="header"> <div id="logo">Logo</div> <div id="desc">Description</div> <div id="menu">Menu</div> </div> </div> </body> </html> 1. Между div-ми logo и desc расстояние примерно 10 пикселей. Под этим расстояние выступает фон div-a а не body как хотелось бы. 2. Div menu никак не получается на 10 пикселей отодвинуть вниз и чтобы в этом расстоянии между div-ом menu и div-ми logo и desc тоже виднелся фон body.
  8. Clear мне помог решить предыдущую проблему, но теперь не получается поставить расстояние между нижним и верхними div-ми. margin-top икак не риагирует.
  9. Здравствуйте. Как расставить 3 div-a чтобы третий был под первыми двумя. <div id="wrap"> <div id="header"> <div class="logo"></div> <div class="description"> </div> <div id="header_nav"> <ul> <a href="#"><li>Link 1</li></a> <a href="#"><li>Link 2</li></a> <a href="#"><li>Link 3</li></a> <a href="#"><li>Link 4</li></a> <a href="#"><li>Link 5</li></a> <a href="#"><li>Link 6</li></a> <a href="#"><li>Link 7</li></a> </ul> </div> </div> </div> .logo (float=left) .description (float=right) #header_nav тоже обтекает .logo Как его спустить вниз чтобы он отделился от первых двух.
  10. Здравствуйте! Подскажите как собрать схему как на ричунке. Уже 3 часа как пытаюсь, никак не могу всё расставить по местам. Главное чтобы между блоками <div> было расстояние в 10px. Заранее благодарен. https://www.dropbox.com/s/z40ch98w0f62d8n/sxema.png?dl=0
  11. Второе. JS -> PHP & MySQL в такой последовательности? Или посоветуете что-то другое?
  12. Теперь давайте внесём ясность. Совсем недавно выиграл грин-кард и собираюсь иммигрировать в штаты. Работать хотел бы веб-разработчиком. Знания разрознены. Конкретно занимался сборкой сайта на Joomla на старой работе http://www.awf-az.org Cейчас тренируюсь на верстке HTML+СSS. Далее перейду на JS ну и потом уже PHP + MySQL. В запасе всего год. Сам прекрасно понимаю что изучить за такое время всё не удастся, а знать всего по чуть чуть думаю будет не продуктивно. Что посоветуете? В какую область более углубиться, верстка или программирование? P.S. С дизайном я вообще на ВЫ А какой фреймворк лучше изучать? 1-ое чтобы можно было создавать большие серьёзные провекты, 2-ое чтобы был не сложным в изучении и имелось много документации?
  13. Здравствуйте! Мой вопрос возможно покажется странным и очень лёгким для многих, но поверьте я запутался и никак не могу разобраться. Есть желание и нужда стать веб разработчиком. Знаю HTML, CSS(довольно хорош),JS(поверхностно), PHP(общие понятия). Читал много статей о том как создавать серьёзные сайты. Некоторые пишут что надо писать код с нуля, другие что можно взять фреймворк и подогнать под себя. Внесите ясность как всё-таки на сегодняшний день создаются сайты? Если писать код с нуля то и админ панель с нуля программировать?
  14. Здравствуйте! Посмотрел урок по верстке на ютубе. Там показывается пример html{ background: linear-gradient (to top, #005479, #0088b2); } После чего фон окрашивается в градиентный цвет снизу вверх. Повторил всё в точности, но у меня никакой реакции нет. Фон остался без изменений белый. Проверял почти во всех браузерах. И кстати пишу я в phpDesigner 8. там у меня linear-gradien подчёркнулось красным как ошибка. Не разъясните в чем проблема?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy