aaron Posted May 8, 2013 Report Share Posted May 8, 2013 Оцените качество верстки страницы 404.Макет взят с TemplateMonster.Сама страница - http://halloween.zencoder.ru/Страничка несложная, конечно. Но хочется услышать отзывы, вдруг что не так? У меня опыта еще не так много, однако. Quote Link to comment Share on other sites More sharing options...
sashakee Posted May 8, 2013 Report Share Posted May 8, 2013 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Почему использовали этот доктайп? Quote Link to comment Share on other sites More sharing options...
aaron Posted May 8, 2013 Author Report Share Posted May 8, 2013 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd"> Почему использовали этот доктайп?Нравиться. Очень строгий )).Если серьезно, то считаю, что если использовать доктайп HTML5, то нужно и верстать под html5, с использованием его семантики и тегов.А в этом стандарте еще не силен. Считаю, что сперва нужно в более старом научиться. Тем более, что HTML5 еще не вошел в силу по настоящему, насколько я знаю.Вот поэтому. Quote Link to comment Share on other sites More sharing options...
red4pony Posted May 8, 2013 Report Share Posted May 8, 2013 <!DOCTYPE html> понимают все браузеры. А верстать под него Вы можете как хотите. Придерживаться строгого синтаксиса это дело профессиональной этики. Можете и с этим доктайпом писать <br/> валидацию всеравно пройдет. 1 Quote Link to comment Share on other sites More sharing options...
aaron Posted May 8, 2013 Author Report Share Posted May 8, 2013 (edited) <!DOCTYPE html> понимают все браузеры. А верстать под него Вы можете как хотите. Придерживаться строгого синтаксиса это дело профессиональной этики. Можете и с этим доктайпом писать <br/> валидацию всеравно пройдет.вот за строгий синтаксис этот доктайп мне и нравиться. )то, что доктайп html5 понимают все браузеры и верстать под ним можно, как угодно - это я знаю. но мне так не нравиться. просто считаю, что котлеты отдельно, мухи отдельно должны быть. )) Edited May 8, 2013 by aaron Quote Link to comment Share on other sites More sharing options...
red4pony Posted May 8, 2013 Report Share Posted May 8, 2013 Так не бросайте мух в котлеты. Лучше фарш для котлет делать с помощью электромясорубки, а не руками крутить. Quote Link to comment Share on other sites More sharing options...
sashakee Posted May 8, 2013 Report Share Posted May 8, 2013 вот за строгий синтаксис этот доктайп мне и нравиться. ) можете тогда до 2022г. под его верстать. Quote Link to comment Share on other sites More sharing options...
npofopr Posted May 9, 2013 Report Share Posted May 9, 2013 А как соотносится Хеллуин и 404? Зачем на 404 странице вообще упоминание про Хеллуин?Я понимаю, что сайт может быть и будет тематическим, про Хеллуин, но... странно как то желать счастливого Хеллуина, в начале мая, имхо. Quote Link to comment Share on other sites More sharing options...
aaron Posted May 9, 2013 Author Report Share Posted May 9, 2013 (edited) А как соотносится Хеллуин и 404? Зачем на 404 странице вообще упоминание про Хеллуин?Я понимаю, что сайт может быть и будет тематическим, про Хеллуин, но... странно как то желать счастливого Хеллуина, в начале мая, имхо. С этими вопросами к дизайнерам TemplateMonster, please. :rofl:Мне все равно, что у них там с фантазией. Моя задача грамотно сверстать то, что они наваяли. ))) А вот о качестве кода моего ни слова здесь не услышал. Значит - все нормально?Уже не первый раз замечания ко мне по поводу дизайна встречаю. Господа - это не по адресу. Из меня всегда был художник никакой и я с самого детства трезво оценивал свои способности по этому поводу. )))Может, кто не понял. Я верстаю для практики, а не под заказ, не под конкретный сайт. Нашел в Сети макетик бесплатный, понравилось, захотелось его сверстать и потренироваться - вот и верстаю. ))Делаю это потому, что считаю - во фриланс идти нужно уже более-менее подготовленным. Чтобы уже уметь что-то, хотя бы несложные шаблоны, о нормально верстать. Edited May 9, 2013 by aaron Quote Link to comment Share on other sites More sharing options...
red4pony Posted May 9, 2013 Report Share Posted May 9, 2013 (edited) Если позволите, то для гибкости я бы сделал:CSShtml,body{width: 100%;height: 100%;}body{font: 62.5% Georgia, "Century Schoolbook L", serif;background: url(bg.jpg) 0 0 repeat-x #100000;color: #8b8080;}h1,h2{font-size: 4em;font-weight: normal;color: #a71f1f;}h1 span{display: block;font-size: .5em;}h2{margin-top: 14px;}p{font-size: 2.2em;letter-spacing: -.025em;}a{color: #fff;}.wrap{width: 80%;/*————————--вот——————*/margin: 0 auto;text-align: center;}.top{padding: 90px 0 6px;}.middle, .bottom{position: relative;}.middle{width: 100%;/*————————--вот——————*/}.middle img{width: 100%;/*————————--вот——————*/}.middle a, .bottom a:hover{text-decoration: none;}.middle a{position: absolute;font-size: 2em;display: block;}.middle a:hover{text-decoration: underline;}.home{top: 25%;/*————————--вот——————*/left: 0;/*————————--вот——————*/}.map{top: 49%;/*————————--вот——————*/left: 20%;/*————————--вот——————*/}.search{top:27%;/*————————--вот——————*/right: 2%;/*————————--вот——————*/}.bottom{margin-top: -50px;padding-bottom: 10px;}А в HTML в <div class="middle"> добавил <img src="bg-content.jpg"> (ну и соответственно убрал это изображение из свойства фон)А про сброс стилей почитайте (если не сделали это уже) вот тут http://habrahabr.ru/post/45296/ и комментарии тоже полезны. Edited May 9, 2013 by red4pony Quote Link to comment Share on other sites More sharing options...
aaron Posted May 9, 2013 Author Report Share Posted May 9, 2013 да, согласен. ) 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.