jazzic

<meta charset=UTF-8">

вот так проблема

из-за этих изменений в коде сайта добавляется символ "B" слева от символа ©

в редакторе и в блокноте его не видно

чудо какое-то

<meta charset=UTF-8">

спасибо

<br><br><br>

и

& nbsp;

никуда не делись. Убирай их

Исправил - http://piano-play.com/contact.html

Это короче можно записать.

Как?

Лучше удалите

а мне кажется, что это придает динамичность и некоторую пробужденность при переходе по сайту

а то лазаешь по сайтам, а там информация в виде текста, и картинок. уг в общем

Да ну что ж я Dudley Moore - Waltz For Suzy не угадаю что ли...

я думал вы про это - http://piano-play.com/contact.html. я здесь фоновый звук ставил

про Dudley Moore - Waltz For Suzy. запись предоставлена только для ознакомления и может быть удалена в любой момент. как-то так

но это не имеет значения. мы о другом. о верстке и дизайне)

Тогда не ставь

это занимательно, когда ты в курсе как это воплотить в жизнь и у тебя полно времени

Сам закон. А исполнитель умер в 2002 году - Википедия

вы не поняли меня. как сообразили, что это не моя личная запись?

Если звук будет воспроизводиться при нажатии на клавишу то это будет скрытое действие == пасхалка.

какой смысл в них?

После их письма тебя придется продать свое пианино

готов бесплатно отдать, пускай вывозят

через что проверяли авторские права?

Ознакомься что такое пасхалка.

прочитал. но мне почему-то кажется, что это слишком извращённо, а вот звук неплохо смотрится

с Великобританией не проблема, договоримся

как только напишут, запишу на своем пианино 2 ноты и заменю

и вам спасибо!

При первой загрузке страницы очень заметно мигают кнопочки соцсетей при наведении на них курсосра. У меня Яндекс-браузер, в остальных не смотрел. В целом внешний вид - ок. Кнопки соцсетей внизу выглядят лучше, чем сбоку.

специально скачал яндекс браузер и теперь понял о чем вы говорите.

вопрос, видимо, можно решить соединенной картинкой вместо двух, переделаю

спецификации w3c а также рекомендации Яндекса и Гугла по созданию сайта.

рекомендации уже читал. понял, что нужно применять

по поводу спецификаций W3C. у меня html5. где найти нужное с переводом? это не повтор этого - http://ruschema.org/docs/gs#?

вы не в курсе как проверить работоспособность html5 audio на ios, windows (android проверил, работает)?

на всякий ссылка с аудио здесь http://piano-play.com/test/

по совету одного из форумчан /red4pony, спасибо тебе/ на эту же страницу добавил звук, действительно стало лучше

Спасибо за ответ!

Все еще раз переписал и убрал стили из html

enter залипает? Зачем стиль через @import подключать? Может быть, я отстал от времени, и это как-то экономит время?

я не вкурсе как надо, так что пока копирую то, что нравится. исправил.

Ну это уж совсем несерьёзно, есть же margin и padding

сделать получилось только предложение с другой буквы, а каждое слово так и не получилось

проверьте пожалуйста остальное или просто оцените, желательно критично (в пределах этой страницы)

http://piano-play.com/contact.html

кстати, вы не в курсе что можно почитать для улучшения кода лучшей индексации поисковиками

http://www.ipipe.ru

пользуюсь хостингом

отличная тех поддержка

проблем не было (надеюсь и не будет)

Здравствуйте снова!

Изменил несколько страниц, переписав полностью код

Вот одна из них (другие еще не загрузил в силу несоответствия css с новым) - http://piano-play.com/contact.html

• Добавил нормальный footer

• Поставил ссылку на логотип, убрав его из таблицы в блок <div> со ссылкой на class

• Добавил кнопки в footer (как социальные закладки

• Добавил 2 кнопки справа сверху

• Валидатор жалуется на стили в самих блоках кода div! чтоб его

Подскажите, есть ли какой-нибудь простой визуальный редактор для формирования блоков (таблиц) div

Очень намучился с дизайном футера

Мне необходимо сформировать несколько блоков, для замены таблиц, например здесь - http://piano-play.co...romiuehara.html

Как добавить картинку в правый верхний угол белого блока, без урона форме?

Очень много раз пробовал, но так ничего и не выходит

Ах да, совсем забыл.

Обнаружил, что на мобильном с OS Windows не работает аудио с флешем.

Нашел новый плеер на html 5 и переписал код.

Если у кого-нибудь есть телефон на android, windows, ios, проверьте работоспособность вот этой записи, пожалуйста - http://www.piano-play.com/test/

Все браузеры поддерживают таблицы во всех версиях HTML и XHTML

Что значит таблицы через css? Когда делается не табличная верстка используется <div>

Вот интересная статейка по теме.

Вот такие изменения теперь!

вместо 9-ти строчек

<center>
<table width="100%" border="0" align="center">
  <tr>
    <td width="940"><center>
	  <img src="images/ponce.png" width="955">
    </center>    </td>
  </tr>
</table>
</center>

только одна:

<div align="center"> <img src="images/ponce.png" width="955"> </div>

Что значит таблицы через css? Когда делается не табличная верстка используется

Вот интересная статейка по теме.

Прочитал. Благодарю.

Вот это да.. Где я раньше был? Ради хорошей индексации я готов выучить что угодно

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

А как хорошо поддерживают другие браузеры html 5, например, те же таблицы через css?

Атрибут valign заменить css свойством vertical-align

Атрибут width соответственно заменить на css свойство width

Все <style> необходимо выводить в css?

Теперь, получается можно обходиться без таблиц? И даже таблицы уже устарели?

jazzic (11 Май 2013 - 17:15) писал: Отсутствует? Но у меня же все работает?) Если автор статьи напишет ее с орфографическими ошибками, то его поймут, но доверия к такой статье будет мало. Точно так же и с сайтом - ошибки валидации на отображение могут и не повлиять, но поисковик к такому сайту отнесется не так доверительно, как к сайту без ошибок. jazzic (11 Май 2013 - 17:15) писал: Кстати, я тоже об этом минут 10 сегодня думал. Почему лучше не ставить оформление на странице сайта, а добавлять его через css? По большому счету css является языком стилей, а html разметкой. Сейчас постепенно вводят полное разделение оформления и разметки. А выносить в отдельный файл лучше, чтобы потом проще было поддерживать и изменять при необходимости. (К примеру чтобы не редактировать все страницы для добавления расстояния между двумя блоками)

Сам я редактирую страницы в программе "macromedia dreamweaver, блокноте, notepad ++. Поэтому слабо представляю как изменить все.

Как же заменить подобные табличные выравнивания на css?

<td width="49%" valign="top">

Вот это новость!

?

У меня есть некоторые проблемы с индексацией сайта, и вполне вероятно, все решится благодаря Вашим советам, и конечно же Daiver:)

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») - создан для лагоческого разделения текста. CSS (Cascading Style Sheets — каскадные таблицы стилей) создали для того чтобы хранить все оформление в одном месте, это делает код опрятнее и повышается удобочитаемость. Align отсутствует в HTML5 по причине того что WHATWG и W3C хотят полностью удалить теги оформления из HTML, чтобы все переложить обязанности оформления на CSS. Исправляют свои ошибки. А работает он потому что браузеры продолжают их поддерживать. И поддерживают они потому что ставят превыше всего интересы пользователя, которым всёравно как Вы выровняли текст, они хотят видеть корректный результат.

Вот это новость!

Т.е. теперь нужно переписать весь сайт только из-за того, что использование выравнивания в таблицах не актуально?

Нет. В HTML5 атрибут align у таблиц отсутствует. Вместо этого используйте стили css.

Отсутствует? Но у меня же все работает?)

Это носит рекомендательный характер. Многие( в том числе и валидатор) придерживаются мнения, что всё визуальное офрмление должно находиться в CSS. Делайте так чтобы Вам и другим людям(если таковые есть/будут) удобно было поддерживать сайт.

Кстати, я тоже об этом минут 10 сегодня думал. Почему лучше не ставить оформление на странице сайта, а добавлять его через css?

Видимо допустили ошибку. Вот пример http://jsfiddle.net/EpvgZ/ Уберете идентификатор у- работать не будет.

Вот, что получилось http://piano-play.com/index5.html

Идея хорошая. Теперь буду думать над лучшим испонением и дизайном.

Кстати, спасибо)

Не думаю. Там однотипные ошибки. Достаточно понять как исправить 5-7 ошибок, а все остальные будут решатся по шаблону.

Заметил, что на сайте валидаторе пишут, что выравнивание элементов в таблице лучше проводить через css.

Или: "The align attribute on the table element is obsolete. Use CSS instead."

http://validator.w3....w3.org/services

Т.е. теперь нужно переписать весь сайт только из-за того, что использование выравнивания в таблицах не актуально?

Хотел написать, но забывал.

Есть такая проблема, что бегущая строка воспроизводится лишь только при отсутствии описания страницы "<!DOCTYPE html>

А это описание страницы просто неоходимо для лучшей индексации.

Проблемная страница - http://piano-play.com/news.html

Я где-то читала(где - не помню), что для поисковиков лучше затачивать каждую страницу под отдельный ключ, а не все, что есть на сайте цеплять на все страницы.

Что означает под отдельный ключ? Т.е. описание страниц не должно совпадать?

Ключ = поисковая фраза.

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

Идею понял, исправлю.

Не думаю. Там однотипные ошибки. Достаточно понять как исправить 5-7 ошибок, а все остальные будут решатся по шаблону. Больше 2 дней на весь сайт не должно занять. Кстати на счет css - там много ошибок из-за использования тегов и атрибутов, которые уже не вошли в спецификацию HTML5 и вместо них нужно использовать css. А еще для исправления ошибок будет полезно почитать о meta тегах и их атрибутах

Заметил, что ошибки однотипные, так-то проще! Прочитал про теги, спасибо

Я где-то читала(где - не помню), что для поисковиков лучше затачивать каждую страницу под отдельный ключ, а не все, что есть на сайте цеплять на все страницы.

Что означает под отдельный ключ? Т.е. описание страниц не должно совпадать?

Граница между клавишами и фоном исчезает: Подрисуйте её в любом графическом редакторе цветом, который разделяет белые клавиши.

Фон уже исправил на белый, как было задумано заранее. Вот что получилось - http://piano-play.com/. Изменился он случайно при добавлении другого кода в css.

Про выделение кнопок меню в цвет. Принцип понял, но при добавлении id в меню и необходимого кода в css ничего не изменилось.

За код с кнопками (facebook, twitter) благодарю. Скопировал себе, на днях добавлю кнопки, спасибо.

Ошибки валидации тоже могут притормаживать загрузку сайта.

52 ошибки только на 1-й странице! это ужас!) я застряну перед компьютером навечно

но спасибо, для индексации это, вероятно, очень важно

Нет, но считается устаревшим стилем.

ок, попытаемся исправить

Мой девиз - "Искать и не сдаваться. Найти и пристебаться." Лучше пусть я вам сейчас укажу на не заметные обычному пользователю недочеты, чем потом поисковик ваш сайт будет выдавать в конце поисковой выдачи.

На самом деле у меня это актуальная проблема. Посетители путаются. Исправим-с

Выведите css в отдельный файл и подключите его к каждой странице. Тогда все стили можно будет редактировать в одном месте и отображаться изменения будут на всех страницах.

Из-за ошибок и наличия нескольких css пока этого не получается сделать. Тоже справим.

Я бы перенесла из подвала в отдельный пункт меню Musician и создала бы сводную страницу со всеми музыкантами.

Я сделал этот блок с надеждой в лучшую индексацию. Похожая страница с музыкантами уже есть http://piano-play.com/transcriptions.html

не понятно на какой именно странице нахожусь

Выделение кнопок делать не хочу т.к.:

1) Не представляю как это сделать (меню брал из шаблона)

2) Дизайн немного изменит (хотя может будет все хорошо)

Не стоит. Оставьте Twitter и Facebook (сайт англоязычный, ближе к контингенту), а всякие Вконтакте и Одноклассники сидят на другой музыке (никого не хочу обидеть). Кнопки Twitter и Facebook разместите внизу, сделайте их серыми и круглыми, а при наведении голубыми/синими (их родной ) цвет. Думаю будет отлично смотреться.

Но у меня же это не ссылки на страницы в социальных сетях, а просто скрипт для добавления в закладки.

Я видел только (пример с большими серыми кнопками, когда их делают с ссылками на существующие страницы своего сервиса.

Можно длязадать background-color: #ccc (что-то в этом духе). Тогда сливается нижняя граница белых клавиш с фоном (добавьте границу на изображении).

Про фон - интересно, сделаю. А что за граница на изображении? Рамка таблицы?

Походил по сайту подольше, задержка стала раздражать (без пошлостей). Первое впечатление было обманчиво.

Уберем-с скрипты. Кстати, в то время, как я добавил этот скрипт я не знал о хешировании картинок и у меня они подгружались на каждой странице, в том числе большая верхняя, с клавишами.