Shader Posted August 10, 2011 Report Share Posted August 10, 2011 (edited) По сути моя первая серьезная вертска(была ещё одна в стиле 2 блока и БГ). Макет раира от Дмитрия Волотко. Жаль, небыло описания, т.е. не было поставленно задач, что и как делать.Все данные взял с PSD' шки - тоесть данные о цветах розмерах блоков. Размер блок под контент немного увеличен, т.к. сам макет шириной 1001 px, и не очень красиво бы смотрелось.Особое внимание уделите оценке складки картинок "Лупа" и "Перо с бумагой".Блоки росположены с помощью margin' а с разными значениями и, когда увеличается розмер экрана, все розваливается. Как этого избежать, пожалуйста точнее роскажите.И ещё у мену вопрос не касащийся верстки - вижу многие дают макеты и в описании указывают "Купленная PSD' шка". Где такие макеты продаются/покупаются, по чем. И второй нетематический вопрос - проффисиональній верстальщик - он же не делает программную часть? Или смотря какой верстальщик? Edited August 10, 2011 by Shader Quote Link to comment Share on other sites More sharing options...
Great Rash Posted August 10, 2011 Report Share Posted August 10, 2011 Где ссылка на верстку? Quote Link to comment Share on other sites More sharing options...
Shader Posted August 10, 2011 Author Report Share Posted August 10, 2011 Где ссылка на верстку?В слове верстка Quote Link to comment Share on other sites More sharing options...
Great Rash Posted August 10, 2011 Report Share Posted August 10, 2011 А чего сайт вправо прижат? Верстка страшная Вот это порадовало: Quote Link to comment Share on other sites More sharing options...
pkorobeinikov Posted August 10, 2011 Report Share Posted August 10, 2011 Разговаривать тут не о чем: http://validator.w3.org/check?uri=http%3A%2F%2Fmiles-site.ru%2Fraira.html&charset=%28detect+automatically%29&doctype=Inline&group=0 Quote Link to comment Share on other sites More sharing options...
Shader Posted August 10, 2011 Author Report Share Posted August 10, 2011 (edited) А чего сайт вправо прижат? Верстка страшная Вот это порадовало: Что именно так вас напугало? подробнее пожалуйста!Жаль "<p> </p>" не сможет вас больше радовать А если серьезно, то это дрим вивер наделал, или теги <p></p> нельзя оставлять пустыми? Я использовал их создания пустого параграфа.Разговаривать тут не о чем: http://validator.w3.org/check?uri=http%3A%2F%2Fmiles-site.ru%2Fraira.html&charset=%28detect+automatically%29&doctype=Inline&group=0Исправил большинство ошибок, 1 осталась одна там чето "<img..." бушует.Что ещё сделано неправильно? Потыкайте плз.Больше всего интересно, правильный метод "смещения" блоков я выбрал или нет? (прмя чувствую что нет). Сделал как представил себе, некуда не смотрел)))Если метод не рпальный подскажите плз, как правельнее будет решать эту задачу, чтобы в дальнейшем общий вид сайт не страдал при изменении размеров.Думаю, если сделать его полностью резиновым( у мну ток шапка частично), то он валится не будет, неправда ли?Давно хотел узнать, можно ли сделать так, чтобы браузер определял розмер экрана пользователя и подбирал нужный вариант сайта. Тоесть если очень широкий монитор, то ему и картинки и текст в стилях задать больше. Возможно ли такое? Edited August 10, 2011 by Shader Quote Link to comment Share on other sites More sharing options...
yacor Posted August 10, 2011 Report Share Posted August 10, 2011 (edited) Далше не смотрелавтору читать (и не только):Из русских:http://www.forum.htmlbook.ruhttp://www.lentaprowebdesign.ruи др... Edited August 10, 2011 by yacor Quote Link to comment Share on other sites More sharing options...
Shader Posted August 10, 2011 Author Report Share Posted August 10, 2011 (edited) Далше не смотрелавтору читать (и не только):Из русских:http://www.forum.htmlbook.ruhttp://www.lentaprowebdesign.ruИз английских:1) пока не скажу))))+ дальше по дефолтунадо подобную тему на форуме сделать, типо ЧТО ПОЛЕЗНО ЧИТАТЬ ИЗ СЕТИИ (а мошет уже есть ) P.S. Влад, трафик не потеряешь, мне кажется наоборот люди сюда свои знания выкладывать будут. Ведь твой сайт и форум - самые РУЛЕЗные по Росии Все что видно на скрине - у меня нормально показывает, сайт четко влезает в уголки экрана! У кого ещё "вылезает"? Edited August 10, 2011 by Shader Quote Link to comment Share on other sites More sharing options...
Temiks Posted August 10, 2011 Report Share Posted August 10, 2011 Все что видно на скрине - у меня нормально показывает, сайт четко влезает в уголки экрана! У кого ещё "вылезает"?У меня Quote Link to comment Share on other sites More sharing options...
Shader Posted August 10, 2011 Author Report Share Posted August 10, 2011 Посмотрите сейчас. Вроде должно все поправиться.Одна проблема видима осталась - лупа немного сьжает. Ну завтро и ее постараюсь решить. Quote Link to comment Share on other sites More sharing options...
Temiks Posted August 10, 2011 Report Share Posted August 10, 2011 (edited) + еще шрифты другие+ верстка сама по себе резина, тут я вижу фиксПосмотрите сейчас. Вроде должно все поправиться.Нет, все осталось как прежде, расширение 1280 по ширине Edited August 10, 2011 by Temiks Quote Link to comment Share on other sites More sharing options...
d0ublezer0 Posted August 10, 2011 Report Share Posted August 10, 2011 "Амтомобили, амтомобили, буквально всё заполонили" Quote Link to comment Share on other sites More sharing options...
yacor Posted August 10, 2011 Report Share Posted August 10, 2011 (edited) Скрины уже не буду выкладывать, но в ФайрФокс все так же, как в предыдущем скрине.В ИЕ6, ИЕ7 вообще Совет автору:тестировать свои работы на кроссбраузерность Edited August 10, 2011 by yacor Quote Link to comment Share on other sites More sharing options...
Анна Posted August 10, 2011 Report Share Posted August 10, 2011 Посмотрите в разрешении 1024, шапку и подвал. Quote Link to comment Share on other sites More sharing options...
sigma77 Posted August 11, 2011 Report Share Posted August 11, 2011 А чего сайт вправо прижат? Верстка страшная Вот это порадовало: Да это вообще цветочки еще. Верстка жесть полная.ТС - учиться, учиться и еще раз учиться, как завещал дедушка Ленин. Quote Link to comment Share on other sites More sharing options...
Shader Posted August 11, 2011 Author Report Share Posted August 11, 2011 А чего сайт вправо прижат? Верстка страшная Вот это порадовало: Да это вообще цветочки еще. Верстка жесть полная.ТС - учиться, учиться и еще раз учиться, как завещал дедушка Ленин.Ну копеЦ, все прочитал по верстке что ток знал. Може время практики наступило? "Верстка страшная"? так скажите что именно, а то я в след. верстке тоже самое сделаю. Скажите плз, что именно не так.на 1280 не корректно отображает сайт, потому что сам макет шириной 1001 px, детали точь в точь оттуда брал, вот оно и оставляет буелю полосу((( Ща подумаю как решить трабл. Quote Link to comment Share on other sites More sharing options...
sigma77 Posted August 11, 2011 Report Share Posted August 11, 2011 Ну копеЦ, все прочитал по верстке что ток знал.А толку, что ты прочитал, если ничего из прочитанного не усвоил."Верстка страшная"? так скажите что именно, а то я в след. верстке тоже самое сделаю. Скажите плз, что именно не так.Да всё не так.Начиная от нарезки макета, заканчивая кое-как сляпанных стилей и жуткого html. Блоки все напиханы от балды. Как сделаны абзацы и списки - вообще мрак. Ты что такое текст, абзац знаешь?Сверстанное вообще не соответствует макету.на 1280 не корректно отображает сайт, потому что сам макет шириной 1001 px, детали точь в точь оттуда брал, вот оно и оставляет буелю полосу((( Ща подумаю как решить трабл.Не чуешь не состыковки: если макет шириной 1001px - откуда полоса прокрутки про 1280?Вот как выглядит свёрстанное тобой у меня: Quote Link to comment Share on other sites More sharing options...
rediskavet Posted August 11, 2011 Report Share Posted August 11, 2011 Вы просто не тот макет выбрали для первой верстки. Лучше было с "Муж на час" начинать. Раира только на первый взгляд кажется легкой.Кроме всего что выше сказали, у вас много несоответствий по цвету и размеру шрифтов. Quote Link to comment Share on other sites More sharing options...
Shader Posted August 11, 2011 Author Report Share Posted August 11, 2011 Вы просто не тот макет выбрали для первой верстки. Лучше было с "Муж на час" начинать. Раира только на первый взгляд кажется легкой.Кроме всего что выше сказали, у вас много несоответствий по цвету и размеру шрифтов.Цвет брал с PSDшки - только, некторые из веб цветов ток.Шрифты, и размеры текста тоде брал оттуда. Скачайте ПСД псомтрите. Quote Link to comment Share on other sites More sharing options...
Shader Posted August 11, 2011 Author Report Share Posted August 11, 2011 Вот как выглядит свёрстанное тобой у меня:Ну не так и плохо выглядит ща найду способ как убрать белую полосу справа или вообще все переверстаю, будет вообще нормально выглядить. Сигма, а если можно сверстайте пож этот макет как нужно, чтобы необьяснять мне что не так. Я посмотрю по примеру ,проанализирую и пойму Или кто-то другой кому не жалко 2часа . Вам опыт, и мне)ПЛЗ!!) Quote Link to comment Share on other sites More sharing options...
amelice Posted August 11, 2011 Report Share Posted August 11, 2011 Или кто-то другой кому не жалко 2часа . Вам опыт, и мне)ПЛЗ!!)Наберите "Раира" в поиске на форуме. Quote Link to comment Share on other sites More sharing options...
rediskavet Posted August 11, 2011 Report Share Posted August 11, 2011 Шрифты, и размеры текста тоде брал оттуда. Скачайте ПСД псомтрите. чего мне ее скачивать, я Раиру три раза верстал, помню. Цвет и размер шрифта не соответствует макету. Quote Link to comment Share on other sites More sharing options...
Shader Posted August 11, 2011 Author Report Share Posted August 11, 2011 Вот скрины чтобы не балаболить.Сверьте если хотите, может быть у нас немного разные исходники, но я шрифты и розмеры брал оттудаИли кто-то другой кому не жалко 2часа . Вам опыт, и мне)ПЛЗ!!)Наберите "Раира" в поиске на форуме. Спасибо, нашел то что надо для начала Quote Link to comment Share on other sites More sharing options...
rediskavet Posted August 11, 2011 Report Share Posted August 11, 2011 Вот скрины чтобы не балаболить.Теперь понятно.Вам нужно в настройках фотошопа изменить размер шрифта с пунктов на пиксели. 18pt в фотошопе не соответствуют 18pt в браузере. Только я сейчас не вспомню как это делается. Где то на форуме объясняли. Quote Link to comment Share on other sites More sharing options...
Shader Posted August 11, 2011 Author Report Share Posted August 11, 2011 Остался нерешенным 1 вопрос, я передвигаю блоки в нужное место засчет марджина, как это делаете вы? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.