Советы для хороших Web мастеров

head_right , советы и еще раз советы скажете вы... Действительно каждый блог полон советов и рекоммендаций. А где же современные мега навороты и и аякс эффекты?
Выражу своё мнение в том, что все эффекты резонно использовать если в них есть необходимость или они дейсвительно облегчают жизнь нашему дорогому пользователю. Но толкать аякс и другие преблуды туда куда в общемто и ненужно. Я категорически против!
Ну так вернемся к нашем советам. Сразу скажу что это не какие невероятные совет а всего лишь обычные вещи, ябы даже сказал что мелочи. Но они темне мение очень важны и именно они делают ваш ресурс профессионально правельным. И так начнем...

1. Всегда пишите теги строчными буквами.

Теоретически, код можно писать так:

<div>
А здесь очень важная информация!</div>

Но лучше было бы написать так:

<div>
А здесь очень важная информация!</div>

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

2. Используйте теги H1-H6.

Для форматирования текста желательно использовать именно эти теги.

3.Тег H1.

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

4. Правильный код навигационных блоков.

Навигацию можно было бы сделать при помощи такого кода:

<div id="nav"><a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a></div>

Однако намного правильнее сделать ее списком, т.е. так:

<ul id="nav">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
</ul>

5. Отдельная таблица стилей для Internet explorer.

Как известно, браузер IE своеобразно интерпретирует многие теги и стили, поэтому рекомендуется создавать отдельные стили для него. Для этого используется такой код:


Этот код сообщает «если браузером является , то следует использовать следующую таблицу стилей, а если нет, то использовать основную».

6. Используйте правильный редактор кода.

Выбор в качестве редактора кода программы блокнот не совсем правильный, т.к. он может сбросить кодировку файла, в нем нет подсветки синтаксиса и счетчика строк. Поэтому следует использовать специальные программы, предназначенные для редактирования кода, как например:

1. InType
2. E-Text Editor
3. Notepad++
4. Aptana
5. Dreamweaver CS4

7. Когда Ваш вебсайт готов, оптимизируйте код.

Оптимизация файлов с css и javascript кодом позволит Вам уменьшить размер этих файлов на 25%.

Вот некоторые сервисы для оптимизации кода:

:

1. Javascript Compressor
2. JS Compressor

CSS:

1. CSS Optimiser
2. CSS Compressor
3. Clean CSS

8. Просматривайте исходники сайтов.

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

Конечно, это не значит, что вам следует копировать дизайн таких сайтов, но вам стоит посмотреть, как они устроены.

9. Изучайте фотошоп.

Даже если вы прекрасно знаете +css, это не значит, что вы являетесть отличным веб-мастером. Вам нужно все время совершенствоваться в знании программы Рhotoshop.

10. Всегда сбрасывайте значения CSS.

В начале CSS файла всегда следует обнулить все стили, и только затем прописывать их значения.

Вот код обнуления стилей для тегов. советую его использовать:

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

11. Выравнивайте элементы сайта.

У сайта в отличным дизайном — элементы выровнены друг относительно друга, а не разбросаны в хаосе.

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

Ну что на этом пока все. Но нетак как нету приделв совершенству — продолжение следует.

  • Anuttka

    Здорово!

  • Ludochkka

    Даже и не докопаешься.

  • Koshechkin

    спасибо, интересно.

Запись навигация

Top