Простота в дизайне

Вступление :

Что я хочу рассказать в сегодняшней статье? Поверьте мне, ничего нового, однако в своей манере, и  манере Morsel'a.

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

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

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

Совет первый, бональный:

CSS

Переведите свой сайт на CSS, поверьте мне это окупится в драгоценных килобайтах, учить вас CSS, по крайней мере в этой статье я не буду. В сети самоучителей по CSS тьма, к тому же, может я и сам в скором времени напишу статью про CSS. Лучше всего делать отдельный файл CSS? в противном же случае смысла мало...

Краткое отступление:

Для тех кто не знает, CSS,это довольно простой язык, похожий по смыслу на HTML. В нём рассматривается оформление вашей страницы. К примеру вы можете один раз задать параметры для тега абзаца "р": выравнивание по центру, отступ слева 10, текст полужирный, и прочее... И после этого на всех страницах к которым подключается этот файл css текст в пределах "р" будет отображаться так, как вы задали в файле, кроме того можно писать CSS в коде самой страницы, но мне это не очень нравится. Так же можно присвоить каким-то из тех же тегов "р" свой класс, свойства которого вы тоже пропишите в файле заранее, и тогда, все теги "р" будут отображаться как в первом случае, а во втором, где вы прописали класс, например там, где вам нужен синий цвет текста, текст будет отображаться синим.

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

Совет второй, знать все должны обязательно!

Умри тег Font, живи, Рунет!

Будем надеяться не для кого не секрет, что тег Font уже давно устарел, я бы посоветовал применить css(см.выше), но если нет, то нет. по крайней мереуладьте такую вещь: порою, особенно в html редакторах замыкающий тег font повторяется 2 раза, конечно, это не к чему, так что этого не должно быть на вашей странице. Но вообще запомните, тег font устарел, на западе им уже никто не пользуется, у нас это не так, надо исправлять! ну да ладно, я просто советую.

Совет третий, простенький, но с чувством

Скажите, а зачем вам эти пробелы

Уж не знаю почему, но, действительно, пробелы и преносы строк, якобы "для удобочитаемости кода" стали просто бичом современного рунета, а ведь это драгоценные байты! Вот мой совет: любой пробел, любой перенос, если он не является обязательным лучше убить( превращать весь код в одну строку конечно тоже не надо, но всё-равно надо сделать его как можно компактнее).

Совет четвёртый, не все послушают, но всё же....

Хватит вам явы, для здоровья опасна...

Каждый начинающий "сайтостроитель" проходит через этап "вау, как красиво!", этого не избежать, а потому, по началу все ставят кучу скриптов у себя на страничках. А смысл? Чтож, давайте разберёмся.

1. Вы что не знаете сколько времени сейчас? На кой простите у вас эти тикалки в углу экрана? Так зачем грузить подобными скриптиками сайт, а следовательно и посетителей? Это заметно увеличивает время загрузки и напряжённость нервов, не более. Ещё вариант, вы можете вдохновить какого-нибудь горе веб мастера поставить у  себя на странице такие часики.

2. Движущийся фон, это вообще супер, на этом сайте когджа-то двигались облака, полное ощущение полёта! Загрузки сайта дожиждались единицы, комментарии нужны?

3. Менюшки, тут сложно спорить, но посмотрите на мой сайт, менюшка работает во всех браузер, реализована с помощью css. Такая же менюшка на яве весит 25-30 r,? а это драгоценные секунды. А моя весит  6 кб со всеми наворотами.

Безусловно, порою можно поставить, никто вас не ограничивает, но всё же, там где можно, лучше не надо....

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

Например, очень красивый эффект, наводишь мышь на картинку, а она меняется... Плюс есть ещё любители всевозможной статистики, но это уже по вкусу......

статья с www.morsell.narod.ru

Morsel  ©