Советы вебмастеру

Совет 1. Если ты делишь свою страницу на несколько колонок, помни о том, что красота и гармония напрямую зависят от соотношения высоты и ширины этих колонок. Рекомендуются простые пропорции, такие, как 1:2 и 1:3. Особо приветствуется древнее изобретение – золотое сечение (это пропорция примерно 1:0,618), которое считается наиболее законченным и правильным.Совет 2. Чтобы колонки достаточно четко можно было разделить визуально, есть несколько способов: поставить между ними вертикальную линию, оставить между ними большое расстояние, выделить разные колонки разными цветами (при табличной верстке просто задается цвет ячейки).

Совет 3. Если страница представляет собой или содержит большой текстовый блок, следует сделать немалые отступы, чтобы его было удобно читать. Для этого можно либо заключить текст в теги <blockquote>text</blockquote>, либо указать отступы в дескрипторе BODY. Это делается так: <BODY leftmargin=100 rightmargin=100>, где leftmargin – отступ слева, а rightmargin, соответственно, справа.

Совет 4.Слабый контраст фона и текста сильно усложняет чтение, особенно это касается больших объемов текста.

Совет 5. Невредно проверять код своих страниц на HTML-валидаторах. Валидаторы входят в такие программы, как Dreamweaver, HomeSite и им подобные, но можно проверить код и в он-лайновых службах проверки (например, validator.w3.org или netmechanic.com).

Ты, наверное, встречал такой “феномен”, как ссылки внутри одной страницы, когда товарищ браузер сам прокручивает пагу на нужно место. Чтобы сделать такую штучку, требуемый объект (слово, абзац или пикча), на который будем ссылаться, заключается в теги с атрибутом “name” таким образом: объект в середине страницы. В свою очередь, сама ссылка (если документ тот же самый) делается так: http://seokreativ.com.ua/article/#x>ссылка в середину паги. Если же ссылка в другом документе, то так: ссылка в середину другой паги.

Совет 7. Службы бесплатного хостинга не дают, как правило, возможности хранить на сервере файлы с такими замечательными расширениями, как .rar, .zip, .exe и другими. На народе.ру, например, такие файлосы удаляются мгновенно после закачки. Эту хитроумную систему можно обойти, изменив расширение на какое-нибудь .tmp, письменно предупредив, конечно, об этом пользователей.

Совет 8. Не выставляй в меню ссылок на неработающие разделы, лучше сначала доделай их. Ты можешь писать о том, что собираешься сделать, завлекая заинтересованных юзверей на будущее, но не стоит наламывать их и подрывать доверие к себе, подсовывая недействующие кнопочки.

Совет 9. Если ты изменил страницу, у некоторых юзверей в кэше может остаться старая версия страницы, и будет грузиться именно она. Чтобы предотвратить эту несправедливость, надо установить время устаревания страницы с помощью атрибута “expires” в дескрипторе META: <META http-equiv=”expires” content=”0?>. В этом случае страница считается устаревшей сразу после получения клиентом.

Совет 10. Наиболее эффективным методом раскрутки является обмен баннерами (или ссылками) с сайтами той же тематики. Процент случайных проходимцев уменьшается, по таким ссылкам идут только заинтересованные люди. Общение с коллегами также откроет для тебя не один секрет общего дела.

Совет 11. Если ты хранишь в Инете какую-то секретную инфу, ты можешь запретить индексирование страницы поисковыми роботами, и никакие яндексы тебя не найдут. Для этого нужно запихнуть на страницу такой метатег: <META name=”robots” content=”none”>. Такая вот типса для скрытных нехороших людей .

Совет 12. При создании списков можно устанавливать вид их буллетов – маркеров (bullets), выставляя в теге <OL> или <UL> (это, соответственно, упорядоченный и неупорядоченный списки) атрибут “type”. Это делается так: <OL type=”1 | a | A | i | I | disc | square | circle”>, где 1 – арабские числа, a – строчные буквы, A – заглавные буквы, i – строчные римские числа, I – прописные римские числа, disc – круг, square – квадрат, а circle – окружность. Элементы списка (теги <LI>) будут наследовать этот атрибут, если ты прямо не укажешь в них другой вид маркера.

К ссылкам так же, как и к картинкам, можно делать всплывающие подсказки. Но, в отличие от изображений, такой атрибут здесь называется не alt, а title. Пример почтовой ссылки с всплывающей подсказкой: Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript title=”черканите письмо для суслика”>e-mail.

При строительстве страницы с ссылками на паги или файлы чужого сервера слишком нудно указывать длинные абсолютные ссылки типа seokreativ.com.ua/pics/photo1.jpg, особенно если их много. Тогда на помощь приходит дескриптор . Вписываешь в документ строку http://seokreativ.com.ua/pics/“> и далее указываешь относительные ссылки типа , и так далее.

Совет 15. Делая табличный дизайн с достаточно большим количеством яичек… я хотел сказать – ячеек, удобно сначала набросать макет таблицы на бумаге. Сверху и снизу рисунка пишется соответственно <table> и </table>, в начале строчки – <tr>, в конце – </tr>, внутри каждой яички… тьфу ты! – ячейки – <td> и </td>. Все становится чертовски наглядным – смотри рисунок.

Совет 16. Если ты хранишь на своем сайте файлы для скачивания, то всегда указывай их размеры и тип файла – людям так спокойнее, знаешь ли . Например, так: “Скачать полную версию игры “Адвенчур” – adv.zip (900 Мегабайт)”.

Совет 17. Dreamweaver и аналогичные программы позволяют создавать для страниц сайта шаблоны (templates). Сие очень облегчает жизнь, так как многие элементы на сайте присутствуют на каждой странице – меню навигации, окно поиска и другие. Если задумаешь поменять эти элементы, то меняешь только шаблон, а все паги, созданные на его основе, видоизменятся сами по себе.

Совет 18. Когда файл HTML содержит огроменный объем текстовой информации (допустим, ты запихнул в Инет “Войну и мир” Толстого), не помешает периодически по длине документа понавтыкать маленькие кнопочки “Наверх”, чтобы посетитель из середины или конца документа мог попасть к меню навигации одним щелчком крысы, не трогая скроллер. Как это делается, можно догадаться, еще раз посмотрев текст типсов выше (помнишь про внутренние ссылки) .

Совет 19. Если ты не хочешь, чтобы какой-нибудь подлец сделал так, что твоя страница загружалась бы во фрейме его страницы, впиши в документ такой метатег: <META http-equiv’”window-target” content=”_top”>. Браузер получает задание открыть страницу в главном фрейме, и враг в обломе.

Совет 20. Использование каскадных листов стилей дает гораздо больше контроля над текстом (можно указывать кегль, интерлиньяж, управление шрифтами в целом также улучшено). Кроме того, листы стилей неплохо автоматизируют создание веб-страниц – ведь можно создать всего один файл с описаниями различных стилей, а во все страницы просто вставить на него ссылку, что облегчит размер страниц и облегчит управление ими. В общем, юзай CSS, не прогадаешь.

21 Сен 2011 , written by Администратор
Печать PDF