Jump to content

Оцените сайт


jazzic
 Share

Recommended Posts

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

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

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

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

По большому счету css является языком стилей, а html разметкой. Сейчас постепенно вводят полное разделение оформления и разметки. А выносить в отдельный файл лучше, чтобы потом проще было поддерживать и изменять при необходимости. (К примеру чтобы не редактировать все страницы для добавления расстояния между двумя блоками)

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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


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

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

?

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

Спасибо.

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

Edited by jazzic
Link to comment
Share on other sites

Все браузеры поддерживают таблицы во всех версиях 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>

Link to comment
Share on other sites

  • 2 weeks later...

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

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

Вот одна из них (другие еще не загрузил в силу несоответствия 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/

Edited by jazzic
Link to comment
Share on other sites

post-9151-0-39370400-1369640196.png

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

<div align="center" class="style103">

Ну тебе ж написали, что align устарел, используй text-align в css

 

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

<p class="text3">J<span class="text4">AZZ</span> P<span class="text4">IANO</span> T<span class="text4">RANSCRIPTIONS</span> S<span class="text4">ERVICE</span> © 2013</p>

http://htmlbook.ru/css/first-letter

Link to comment
Share on other sites

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

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

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

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

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

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

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

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

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

Edited by jazzic
Link to comment
Share on other sites

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

спецификации w3c

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

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

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

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

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

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

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

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

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

Edited by jazzic
Link to comment
Share on other sites

То что ты сделал

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

и то о чем я писап

Будет круто если при нажатии на клавишу происходит какое-либо действие (Моцарт выпригивает / звук) - любая пасхалка.

разные вещи.

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

на эту же страницу добавил звук, действительно стало лучше

Размещая эту композицию на своем сайте ты нарушаешь авторское право, которое будет длится до 2072 года (если не будет продлено или не поступят поправки в законодательство Великобритании)

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By 333
      Добрый день, Влад! Наткнулась на Ваш форум и нашла нужную литературу благодаря Вам. Но доступ стал закрыт. Зарегистрировалась и стала вашим подписчиком. Могу ли я получить доступ?
      По HTML вот эту
      https://webref.ru/layout/howtocodeinhtml
      потом эту
      https://webref.ru/layout/html5-css3
      и эту
      https://webref.ru/layout/diveintohtml5
    • By sashakee
      Всем доброго времени суток!
      Раньше увлекался версткой, но пришлось бросить это занятие из-за обстоятельств.
      Спустя некоторое время изучал движки. Теперь вот опять вернулся к верстке т.к хочу научится профессионально верстать и натягивать шаблоны на cms.
      Тут буду выкладывать свою поке еще корявую верстку, Ну а вы если можете помочь советом, указать на недочеты или как сделать все более проще - то пожалуйста пишите!
      Вот я эту простоту целый день делал http://www.cosremos....nes1/index.html
      Вроде все получилось, но чувствую верстка с недочетами.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy