Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5

Оцените верстку

29.03.2015, 21:18. Показов 2465. Ответов 36
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер! Оцените верстку пожалуйста! Меня интересует есть ли какие-нибудь ошибки в верстке и т.д. Заранее спасибо.
http://rghost.ru/6ZdjtYwgZ
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.03.2015, 21:18
Ответы с готовыми решениями:

Оцените верстку
Добрый день товарищи! Сверстал макет и очень хочу собрать отзывы и комментарии по поводу своей верстки. Буду рад любым замечаниям, так...

Оцените верстку
Подскажите, что так, что не так с версткой! Чего подправить, и как сделать в самом низу в footer-bottom серую полоску на всю ширину...

Оцените верстку
Сверстал свой первый шаблон из .psd исходника. Оцените пожалуйста правильность синтаксиса html и css. Очень долго мучался с padding и...

36
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
29.03.2015, 22:29

Не по теме:

О... Люблю "Ливерпуль", как футбольный клуб... Одна из самых моих любимых команд в мире... Стиви Джи уважуха...:)


Resume, а теперь вопрос: что оценивать? Сразу в глаза бросается код в котором не видно вложенности тегов, смотреть тяжеловато - ориентироваться ещё сложнее... На страницах везде только текст - без визуальной информации - тяжеловато воспринимать... Ну в принципе пока всё...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
29.03.2015, 23:50  [ТС]
поподробнее про вложенность пожалуйста. Хочется узнать, как вы понимаете данный термин.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 10:34
Цитата Сообщение от Resume Посмотреть сообщение
поподробнее про вложенность пожалуйста. Хочется узнать, как вы понимаете данный термин
Все его понимают одинаково... Когда тот или иной тег находится внутри предыдущего, перед тегом вложенного элемента ставится табуляция... Пример:
HTML5
1
2
3
4
5
<body>
    <div>
        <p>...</p>
    </div>
</body>
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 10:57  [ТС]
Исходя из вашего примера могу сделать вывод,что у меня вложенность тэгов присутствует.(Исключение: главная страница)
0
30.03.2015, 11:22

Не по теме:

Resume, кроме "вложенности", я так понимаю, Fedor92 хотел сказать и о форматировании кода, что повышает его удобочитаемость. А у вас, скорее всего, в таком виде:

HTML5
1
<body><div><p>...</p></div></body>

0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 13:18

Не по теме:

Lazy_Den, спасибо за поправку, но я имел ввиду именно вложенность... Форматирование довольно объёмное понятие, включающее в себя некоторую оптимизацию кода... Оптимизацию я не предлагал...



Цитата Сообщение от Resume Посмотреть сообщение
Исходя из вашего примера могу сделать вывод,что у меня вложенность тэгов присутствует.(Исключение: главная страница)
То есть Вы хотите сказать, что Ваш код похож на тот, что я предложил в примере?
0
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 13:19  [ТС]
Lazy_Den,
Если вам не сложно,то можете глянуть код и проверить удобочитаемость, найти ошибки
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 13:21
Resume, для этого валидатор есть...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 13:22  [ТС]
Я считаю,что большая часть кода похожа. Если ошибаюсь, то не злитесь, поскольку хочу разобраться полностью.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 13:27
Цитата Сообщение от Resume Посмотреть сообщение
Если ошибаюсь, то злитесь, поскольку хочу разобраться полностью
От чего же мне злиться? Это же Ваш сайт, а не мой... Я свою точку зрения изложил - думаю, что сделал это понятно, ну а там дело Ваше воспользуетесь или нет...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 13:32  [ТС]
Fedor92,
Воспользовался я валидатором.
Проверял html - файл.
2 ошибки и 4 предупреждения.
Затем css-файл.
В css - файле ошибок нету.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 13:38
Ну вот теперь исправьте ошибки и предупреждения на которые заругался валидатор и в принципе миссия выполнена...
Вот взял небольшой фрагмент кода:
HTML5
1
2
3
4
5
6
       <div class="header">
              <div id="head">
                      <span>...</span>
                      <img>
                 </div>
        </div>
То есть, если читать мы видим, что в класс header вложен класс head внутри которого есть тег span и img - показана вложенносьть элементов друг в друга... Ваша задача состоит в том, чтобы упорядочить Ваш код...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 14:02  [ТС]
Fedor92, понял о чем вы. Буду учитывать в будущем, когда писать с нуля.
Про оптимизацию вы заговорили. Что вы имели под этим ?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 14:30
Цитата Сообщение от Resume Посмотреть сообщение
Про оптимизацию вы заговорили. Что вы имели под этим ?
Оптимизация - это некоторое упрощение громоздкого кода, которое заключается в том, чтобы максимально облегчить код для получения максимальных результатов... Например, если Вы изначально прописываете код css внутренними стилями, то есть не отдельным файлом, а именно внутри html - кода... Когда Вы перенесёте все стили в отдельный файл - Вы отформатируете html-код и заодно оптимизируете старый html-код(отделите зёрна от плевел), тем самым облегчая жизнь броузеру... Поскольку у Вас код css изначально прописан отдельным файлом - я сделал акцент именно на вложенности тегов... Это только упрощённый пример оптимизации, есть вещи намного сложнее... Например у Вас одна из ошибок - это некорректное использование тега <head> при подключении javascript... Которое породило две ошибки, а у Вас их больше на самом деле...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 20:35  [ТС]
Я исправил все ошибки, на которые ссылался валидатор, кроме одной:
Line 57, Column 5: No li element in scope but a li end tag seen.
HTML5
1
</li>
Не могу понять, что ему не нравиться. Открыл тэг, затем закрыл.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
30.03.2015, 20:41
В 57-0й строке Вы его либо два раза закрываете - либо имеет место быть такая конструкция <li/> Выложите код я посмотрю...
1
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
30.03.2015, 21:59  [ТС]
Fedor92, я нашел ошибку и исправил ее. Я не в том месте поставил закрывающий тэг
0
30.03.2015, 22:03

Не по теме:

Хорошо... Главное нашли...:)

0
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
31.03.2015, 00:13  [ТС]
Что-нибудь еще заметили ?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
31.03.2015, 00:13
Помогаю со студенческими работами здесь

Оцените верстку
Совсем недавно начал изучать HTML и CSS, скачиваю бесплатные макеты и &quot;верстаю&quot;, как мне кажется, не ок. Основное, на что хотел бы, чтобы...

Оцените верстку
Здравствуйте. Оцените верстку, пожалуйста) делал с psd макета отсюда http://vk.com/doc-30617855_239891120. Буду рад здравой критике)

Оцените верстку
Здравствуйте, 5-ая по счету страница, которую я верстаю и первый psd шаблон. Правильно ли я сделал кнопки, поля для поиска, поля для...

Оцените верстку
Здравствуйте, закончил верстать свой 2-й макет. Оцените пожалуйста код. Верстал не подсматривая в код оригинала. Ссылка на оригинал ...

Оцените верстку
Доброе время суток, изучаю html5, сверстал свою первую страницу, если кому-нибудь не жалко потратить немного времени, посмотрите,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru