Zero-11

Учился с нуля - прочитал десятки IT-статей и ресурсов - вы пытались донести , что верстать сайта и стилизовывать их можно не зная СSS - ВООБЩЕ и не привели ни одного аргумента - бред и не объективная оценка, садится программист не знающий C++ и сразу пишет программу и создает методы доступа к класссам, он даже исходник готовый не сможет модифицировать, так и здесь - сами себя послушайте.

Извините, но вы жесткий тролль или вы с полной уверенностью об этом пишите? Без боли в глазах, это не прочитать: -- p.s если у вас возникают проблемы с хостингом ucoz, то перейдите на другой бесплатный хостинг, где вам не нужно будет ничего дополнительно править. От себя же могу посоветовать hostinger.com.ua Конечно не за кусок кода - я выгрузил готовый и доработанный WEB-сайт - техническая задача полностью решена. Какие еще вопросы-? Тяжело оценить, особенно когда завидуешь, ну допустим дизайн 2 из 10 , css,html 1.5 из 10 . Вам платить за кусок нормально кода не будут, вам будут платить за полностью выполненную поставленную задачу. Возьмите макет и полностью сверстайте его, максимально качественно. Выложите это все на нормальный хостинг, и выставьте тут на все общее обозрение. Таким способом можно выйти на нормальный уровень верстки,а вообще намного лучше правильно учиться с 0, чем потом переучиваться. Конечно не за кусок кода - я выгрузил готовый и доработанный WEB-сайт - техническая задача полностью решена. Какие еще вопросы-?

Прислуживайтесь к тем советам ,которые вам здесь дают. Люди тратят свое время, пытаются вам помочь. У вас знаний пока что мало. Как вы определили что у вас верстка не ужасная? Везде id , css код ужасен Могу и через class - обратится - код оцениваете по каким критериям и знания, а продуманность и структура кода, проработанная анимация, стилизованные media элементы на сайте, на JS - реализована и адаптированна анимация, на JQuery стилизован медиа-плеер и отцентрирован в зафиксированном dive - создан полу-прозрачный фон, вон сколько на форумах это реализовать не могут, код проработанн и знания на высоте, я обращался к официальной документации по HTML5 JQuery и СSS3, я собрал на сайте самые актуальные ресурсы по WEB-разработке, мои знания на высоком уровне и вам почитать не мешает.

- Шелдон разлогиньтесь, это был сарказм.Ну если объективно и без зависти, насколько оцените сайт-? Постарайтесь объективно. Я могу выгрузить фрагмент кода, который я доработал, что бы вы убедились, что я на высоком уровне владею блочной версткой, ну js-анимацию - сейчас каждый может встроить на сайт, вот только ее нужно стилизовать и адаптировать, а некоторые берут и встраивают всякие без адаптации или нагло спирают.

Не в обиду но специалисты с опытом, у них начиная с 80 голосов за оценили сайт объективно - не доработки есть, но в целом дизайн не плох, а в фотошопе нарезать макеты и вставить в блоки, разбив сайта на class="header" class="nav" class="content" class="content_wrapper" class="content_sidebar_left" class="content_sidebar_right" class="footer" И вставлять уже готовые макеты - просто некоторые предлагают и такие решения, ну взять готовый код или блок, тем более шаблон, не значит продумывать и прорабатывать код HTML5 и СSS3 - самому, далее верстка продуманна в контейнере я разместил дочерние элементы и стилизовал к примеру:Я использовал следующую технику. div id="header" равен 70px в высоту div id="nav" равен 70 px div id="heed" равен 50px как получить nav заданной высоты, если head ниже по коду 70-50=20 px но nav содержит ul - контейнер ссылок - решение сделать li-блочным элементом, строчный элемент, nav a - задать задать высоту = 20px - он сместит id=head - на 20px относительно header вверх - и мы получи ссылки в блоке nav заданной высоты. частично слой head перекроет header на 20 px - id="nav" cтилизуем - задаем цвет #C71585 70-20px = 50px - вот мы и получаем head и задаем: background: url(../images/fon.jpg) #36cf18 0 0 no-repeat; width: 30px; height: 30px; 50px - 30 px = 20 px - элемент logo находится в левом верхнем углу а отступ снизу 20 px - расположен в head а в nav - cнизу - навигационная панель - в результате поднятие div id="head" на 20px - это вызвано частичным смещением слоя. Я сильно доработал этот алгоритм, что бы создать не стильную шапку сайта и обойтись без абсолютного позиционирования.

Как раз по этим ресурсам обучаюсь, есть PSD-макеты и верстать по готовому шаблону, чем разрабатывать свой код все же гораздо легче согласитесь, СSS3 - спецификацию я изучал полностью, и верстка не ужасная, за ссылки на дополнительные ресурсы спасибо, но в конце на hmblook - есть вопросы для самопроверки на которые я ответил, сейчас повторяю спецификацию, что бы полностью изучить, и что бы не было не доработок.

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

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

Вообще-то я специалист по построению IT-систем и обучался в Microsoft - а WEB-разработку я осваиваю полностью самостоятельно и по результатам тестирования в Microsoft - весьма успешно, могу выгрузить свои сертификаты если не верите, обучение на MVA, а также по программе MCSA.

А ты знаешь что <section> и <header> можно использовать в теле документа HTML5 - генерируется схема позволяющая группировать контент и создавать разделы сайта и это заложено в стандарте HTML5 -? - http://htmlbook.ru/ А статьи на хабе вы вообще читаете-? Про то как эффективно эффективно реализовать HTML5 и СSS3 - код -? Ряд техник WEB-программирования описаны на htmlbook - я успешно адаптировал и реализовал при создании этого WEB-сайта, также я смотрел сайты с аналогичной тематикой имеющие современный дизайн, чтобы не только стилизовать прописав в CSS - нужный код, но и использовать все возможности HTML5. Спасибо!! Я вложил огромные ресурсы в создании этого сайта. Спасибо за объективную оценку! Спасибо!! Я вложил огромные ресурсы в создании этого сайта. Спасибо за объективную оценку!

Дизайн яркий и современный, сайт создавался с учетом всех современных требований - это кросбраузерность и масштабируемость кода, использованы якори и адаптировал код слайд шоу на js - использована продвинутая анимация,,блоки расположены последовательно и доработаны, его ни как нельзя сравнить с тем предом, что ты мне дал - там ни группировки контента, ни нормального заглавия, <section> - вообще не используется.

Создал сайт, смотрел примеры создания современных сайтов WEB-студий, изучал спецификацию CSS3 и HTML5 на htmlbook.ru, при выгрузке возникли проблемы с системой Uzoc - в оригинале дизайн еще более яркий и красочный, анимацию на js полностью адаптировал под сайт, на Uzoc пришлось дописывать CSS3-код, что бы заработал как надо.

Здравствуйте, создал сайт используя div-ную верстку и стандарт HTML5 , оцените - http://test-syte.ucoz.ru/

Да, теперь я понимаю, что не совсем понял как их используют, и сделал так Да, к нему бы подошел тег <adress>, но он конфликтует в section и article Спасибо, почитаю Забыл, исправлю -- xzarxzes, спасибо за критику, буду исправляться

<section class="warning"> <img src="../images/web.png" class="voodoohead" alt="" width="49" height="92"> <header><h1><img src="../images/Microsoft.jpg" alt="WEB-дизайн" width="137" height="30"></h1></header>

То есть не могук найти ошибку в коде - пришлось его выгрузить сюда, стал для сайта делать частично резиновый макет, шапка, первый текстовой блок <div id="content_wrapper"> в разделе отображается нормально, а остальные если убрать свойство position: absolute - не отображаются: А остальные элементы смещаются а если убрать position:absolute - они не отображаются. Так мне нужно его убрать - если я удалю и напишиу к примеру: #content_2{ width: 180px; height: 502px; top: 890px; left: 1068px; margin-right: 20px; background-image: url(./images/fon.jpg); vertical-align: img; float:right; вместо: #content_2{ position: absolute; width: 180px; height: 502px; top: 890px; left: 1068px; margin-right: 20px; background-image: url(./images/fon.jpg); vertical-align: img; float:right; он вообще не отобразится. #content_2{ width: 180px; height: 502px; top: 890px; left: 1068px; margin-right: 20px; background-image: url(./images/fon.jpg); vertical-align: img; float:right; вместо: #content_2{ position: absolute; width: 180px; height: 502px; top: 890px; left: 1068px; margin-right: 20px; background-image: url(./images/fon.jpg); vertical-align: img; float:right;

Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> document.createElement('figure'); document.createElement('figcaption'); </script> </head> <body> <div id="wrap-6"> </div> <div id="wrap-4"> <div id="wrap-5"> <h1>Сайт по WEB-разработке</h1> <h2>Проектирование современного дизайна сайта</h2> </div> </div> <div id="wrap"> <div id="header"> <div id="nav"> <div id="head"> <div id="logo" ><a href="#" title="logo"></a></div> </div> <ul id="links"> <li><a href="#">Home</li> <li><a href="#">Order</a></li> <li><a href="#">About as</a></li> <li><a href="#">Contact as</a></li> </ul> </div> </div> </div> <div id="wrap-2"> <form method="POST" action="index.html"> <input type="text" name="name"> <button>Text</button> </form></div> <div id="wrap-3"> <figure><img src="../images/my_4.png" align="left" alt="разработка медиа-контента"> <figcaption>HTML5-плееры для разработчика</figcaption></figure> <figure><img src="../images/my_3.png" align="left" alt="разработка медиа-контента"><figcaption>HTML5-плееры для разработчика</figcaption></figure> <figure><img src="../images/my_2.png" align="left" alt="разработка медиа-контента"><figcaption>HTML5-плееры для разработчика</figcaption></figure> </div> <div class="main"> <div id="content_sidebar"></div> <div id="content"> <div id="content_wrapper"> <section class="warning"> <img src="../images/web.png" class="voodoohead" alt="" width="49" height="92"> <header><h1><img src="../images/Microsoft.jpg" alt="WEB-дизайн" width="137" height="30"></h1></header> <p style="color:#FF0000" align="justify">Современный WEB-разработчик должен быть знакомым с HTML5/CSS3 и знать спецификацию, знать технологию Ajax. Стандартным средствомобработки успешного выполнения запроса, является указание собственной функции в параметре success. При вызове она получает данные переданные сервером, текстовый статус выполнения запроса, а так же Объект jqXHR.Начиная с jQuery-1.5, метод $.get() возвращает объект jqXHR, который помимо прочего реализует интерфейс deferred, что позволяет задавать дополнительные обработчики выполнения. Помимо стандартных для объекта deferred методов .done(), .fail() и .then(), с помощью которых можно устанавливать обработчики, в jqXHR реализованы .success(), .error() и .complete(). Это сделано для соответствия привычным названиям методов, с помощью которых устанавливаются обработчики выполнения ajax-запросов. Однако начиная с jQuery-1.8 эти три метода станут нежелательными для использования. Другими возможностями помимо серверных технологий является поддержка медиа-плагинов и работа с аудио,вот примерный список плагинов, поддерживаемых JQuery.</p></section><section> <header><center><h1><a href="./js/script.html">Разработанный HTML5-плеер</a></h1></center></header> <p style="color:#FF0000" align="left" align="top:10px;">Современный стандарт HTML5 автоматически опреджеляет код и технологию сжатия,это свойство тега Video, что позволяет оптимизировать, качесвто видео при воспроизведении, потоковое видео и подобрать потимальное качесвто, из пропускной способности канала, за счет использование кодека Vp8/vorbis, формат webm</p> <ul> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li> <li><a href="">ссылка</a></li></ul> </section> </div> </div> </div> <header><h1>Использование JQuery</h1></header><section> <div class="main"> <div id="wrapper"><iframe src="../slider/slider.html" frameborder="0" height="343" width="610" scrolling="no" name="frame"></iframe></div> <div id="my_wrapper"><iframe src="../slider_1/slider_show.html" frameborder="0" height="250" width="350" scrolling="no" name="frame"></iframe><div id="my_wrapper_1"><p style="color:#FF0000" align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. </p></section></div> </div> </div><div id="my_wrapper_2"><p style="color:#FF0000" align="left">При помощи Java можно реализовать вот такое слайд шоу и для этого используется DOM - объектнпая модель документа,что позволяет быстро настрайватьскрипт и стилизовать его</p> </div></div> <div id="nav_1"> <ul> <li><a href="http://www.microsoft.com/ru-ru/default.aspx">Microsoft</a></li> <li><a href="http://windows.microsoft.com/ru-ru/windows-8/meet">Windows 8.1</a></li> <li><a href="http://windows.microsoft.com/ru-ru/internet-explorer/download-ie">Internet Explorer</a></li> <li><a href="http://office.microsoft.com/ru-RU">Продукты Office</a></li> <li><a href="http://www.visualstudio.com/">Visual Studio</a></li> <li><a href="https://www.microsoft.com/ru-ru/outlook-com/">Outlook.com</li></a> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div><div id="content_2"></div><div id="nav_content"></div> <div id="sidebar"> <ul> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> <li><a href="">ссылка</li></a> </ul></div><div id="my_content_4"> <div style="margin-left:24%"><div id="center"><div class="content-1"><h3>Мой плеер на Query</h3></div></div><iframe width="508" height="260" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" align="center" ; src="../my_play/index.html"></iframe></div> </div> <div id="my_block_6"> </div> <div id="my_content_7"> </div> <div id="my_content_8"> </div> <footer> <div class="footer-bg"> <div class="copyright"> <p><strong>Учебный сайт «Как поймать льва в пустыне»</strong></p> <p>© Влад Мержевич</p> </div> </div></footer> </body></html>

Нет нельзя. Начинающий должен зубрить хотя бы самые важные свойства с помощью которых строится любой сайт, потом уже заявить что он начинающий. Тот же float, Вам дали ссылку где про него читать, там ясно написано, что float имеет left, right, none, inherit но никак не center и top. Float один из таких свойств через которую строится большинство из сайтов если не все. Не знать про его свойства, потом заявить что Вы верстальщик (хоть и начинающий) тут одного минуса мало. Зубрите как можно лучше хотя бы основные такие очень часто встречающийся свойства, я не говорю про css анимации и тд, потом приходите на форум, задавайте конкретные вопросы и получайте конкретные ответы, тут добрые люди, помогут. Вопервых я знаю эти свойства с них и начинал, c основ, во вторых обучлася сначала по интернет-ресурсу, вроде самоучитель по CSS или освой СSS самостоятельно, там и была приведена эта информация, наверное интернет-ресурсы обновили, потом на авторитетных интернет ресурсах, float:left и float: right и другие свойства float - знаю,а можно использовать position:relative + position:absolute, а можно и табличную верстку, так раньше верстались сайты.

Я слушаю - зачем минусовать-? И в школе уже преподают JQuery - немного поясните, я могу в любом коде разобраться, адаптировать и дописать - но этот код я писал с нуля, я смотрел статьи по созданию макетов сайтов, и footer я доработаю. Я соггласен сейчас не 2000-ый, надо доучиватся проффесиональной разработке, что бы сайт отвечал современным стандартам, но для начинающего верстальщика можно поставить зачет-?

Решкние задачи: #main { margin: auto auto;max-width: 1200px; }#wrapper{margin: auto auto;max-width: 1200px; } Минус вы выставили сам себе, дизайн современный и отлично продуманна форма регистрации, без высоких знания HTML/CSS - такое организовать не возможно, также доработана кросс браузерность и многие новые свойства HTML5 - код написан на професссиональном уровне, позавите других WEB-разработчиков, мне нужна не зависимая и комплексная оценка. У многих сайтов в сети и шапки нормальной нет, также встроенна современнапя анимация.

Все сделал - у меня полностью масштабируется в системе Ucoz - у вас корректно все отображается-? http://htmlforum.ru/index.php

Float: center - Оставить, можно задать выравнивание и и по верхнему краю float: top - прием часто встречается и я знаю CSS - ну попробую.

Я полную резину сделал фактически, попробую через @Media - но сейчас он полностью масштабируется на Uzoc - лишь один элемент ни хочет : А вот элемент - это ячекй table - я создал таблицу и разбил на несколько столбцов а зетм объединил в ячейки и задал изображение и вынес в отдельный блок DIV : если уберу div - то сместятся элементы: #MY_BLOCK{margin-left:170px;margin-right:-4px;width: 915px;padding-left:25;height:200px;background-color:black;margin-top:20px;float:top;float:center;}

Как сейчас отображается сайт - http://programm11.ucoz.ru/ Я проьовал адаптировать вот этим способом: <style>main { /* основное содержимое */ position: relative; /* боковая колонка перемещается в рамках основного содержания */ margin: 0 auto; /* сайт располагается по центру экрана */ max-width: 1200px; /* резиновая, растягивается до значения в 1200px */ padding-right: 310px; /* = боковая колонка + отступ в 10px */}aside { /* боковая колонка */ width: 300px; /* фиксированная, не меняется с изменением размера окна браузера */ position: absolute; top: 0; right: 0; /* прижата к верхнему правому углу */}</style><main> <aside>боковая панель</aside></main>Убрал бокову колонку и зада margin: 50px auto в css Сайт у меня на мониторне масштабируется: Фон я подкорректировал - помогите с СSS - кодом.