Школа Флэша
Полезные советы на каждый день (веб-дизайн, раскрутка, анимация)
Главная страница Журнал Архив выпусков WebDix.Audio Контакт Гостевая книга

Menu:



БЫСТРЫЙ ПЕРЕХОД

Советы на каждый день (архив советов)

Пополняется раз в неделю

С самого основания сайта WebDix.ru 10 ноября 2006 года, каждый день публикуются полезные советы на главной странице. Советы, касающиеся веб-дизайна, раскрутки, оптимизации и прочих полезных для веб-мастера вещей. Но проблема в том, что каждый день был новый совет, а старые советы почитать нельзя было. Но теперь у вас есть замечательная возможность наконец-то прочитать ВСЕ полезные советы. Данный список будет пополняться новыми советами каждую неделю. А так заходите и читайте новый полезный совет на главной странице WebDix.ru. И ещё: советы мы не откуда не копируем, а придумываем сами, так что уникальный контент в некотором роде :)

Cовет | Photoshop
Существует проблема выбора формата для сохранения изображения. Воспользуйтесь простым правилом. Если это текст на фоне (пусть даже прозрачном), то сохраняйте его в формат gif, если фотография с обилием красок, то в jpg. Если же в изображении присутствует фотография и прозрачность, то сохранять следует в формат png-24.

Cовет | Веб-дизайн
При вёрстке страниц обязательно вставляйте тег alt для изображений. Он поможет при поисковой оптимизации и продвижении сайта. Также пользователи, у которых отключены картинки, будут вам несказано благодарны за это. В этом теге описывайте картинку, кратко и точно (несколько слов). Элементам дизайна тег alt лучше не прописывать.

Cовет | Заработок на сайте
По статистике чем больше баннер, тем больше CTR у него. Однако, это правило работает не всегда. Ещё важно месторасположения баннера и сам баннер. Специалисты считают, что оптимальное расположение баннер вверху страницы, но не в самом верху, а чуть ниже, чтобы он был прямо перед глазами пользователя, когда он откроет страницу.

Cовет | Flash
Делая Flash-сайт, игру, баннер или шапку всегда помните о том, что не у всех посетителей есть последняя версия flash-плеера, поэтому стоит оптимизировать вашу продукцию под старые версии плеера. Обычно, это последняя версия плеера минус 2. То есть если сейчас 9-я версия - самая свежая, то стоит оптимизировать под 7-ю, а баннеры - аж под 6-ю версию флэша.

Cовет | Flash
Вы хотите вставить прозрачное изображение в Flash. но оно не вставляется? Заходите в Photoshop, делаете изображение с прозрачным фоном, сохраняете в png-24 и вставляете в flash. Изображение с прозрачным фоном и отличным качеством (в отличие от gif).

Cовет | Оптимизация
При оптимизации сайта не забудьте о названиях страниц. Лучше если вы сочините для каждой страницы своё уникальное название (тег title), которое максимально отображало её содержание. Слишком длинное название страницы тоже не стоит делать, потому что поисковики могут засчитать это за спам. Помните: хорошо составленное название страницы даёт высокие результаты.

Cовет | ActionScript
ActionScript - код, используемый для управления анимацией и интерактивом в среде Flash. ActionScript похож на остальные языки программирования, и считается почти полноправным языком программирования, таким как С, javascript и другие.

Cовет | html
Чтобы ваш текст одинаково отображался во всех браузерах, необходимо задать нужную кодировку. Для этого используется следующая строка (вставьте её между тегами <head> и </head>) <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> После charset= введите нужную кодировку. Для кириллицы обычно используется windows-1251

Cовет | Flash
В программе Flash есть такое понятие как скорость анимации, измеряется она в fps (frame per second). По умолчанию fps равно 12, однако такое количество кадров в секунду делает анимацию совсем неплавной. Для достижения наилучшего результата советую ставить значение fps равным 25.

Cовет | Раскрутка
Основными показателями раскрученности вашего сайта являются количество посетителей, ТиЦ (тематический индекс цитируемости) для Яндекса и PR для Гугла. ТиЦ может быть сколько угодно, а PR - максимум 10. Если у вас ТиЦ 300 и PR 4 и выше - это уже очень хорошо!

Cовет | Оптимизация
Большую роль в оптимизации сайтов под поисковики играет текст заголовков, заключённый в теги <h1> и </h1>, а также текст, который находится в теге alt, особенно если в них есть часть ключевых слов сайта.

Cовет | Дизайн
При разработке дизайна сайта необходимо сначала выработать цветовую гамму сайта, она должна состоять из 2-х, максимум 3-х цветов. Это основные цвета, которые будут применяться в дизайне различных жлементов, также можно будет использовать их оттенки, но нельзя брать за основу цветовой гаммы много цветов (6-7), иначе будет просто радуга.

Cовет | Софт
Если у вас большой сайт, то имеет смысл делать его на php, чтобы было легче обновлять, если же домашняя страничка (до 50 страниц сайт), то можно сделать и на html. Для html страниц, чтобы можно было обновить их все сразу, советую скачать программу Finder, которая позволяет заменять строчки кода сразу во всех выбранных документах, очень помогает при редактировании меню и прочих одинаковых элементов на странице.

Cовет | Прикол
Если вы используете Mozilla FireFox. Просто наберите в строке адреса about: mozilla и смотрите пасхальное яйцо.

Cовет | Вёрстка
Оптимальный размер одной страницы сайта желательно должен не превышать 50 килобайт, а с графикой - 100. Потому что длительная загрузка страниц может вызвать недовольство посетителей и они просто уйдут с вашего сайта. Поэтому необходимо проверять загрузку сайта на маленькой скорости (например, на обычном модеме). У всех связь разная. Что может повлиять на время загрузки сайта читайте в следующем совете.

Cовет | Вёрстка
Как уменьшить время загрузки сайта:
1. Уменьшите объём всех картинок, увеличьте сжатие jpg.
2. Не вставляйте больше 1 javascript'a на страницу, из-за этого возможна долгая загрузка.
3. Не больше 1-2 flash-ролика на страницу, на загрузку flash-плеера тоже нужно время.
4. Редко, но бывает. Меньше текста!

Cовет | Web-дизайн
Существуют разные способы выделения отедльных фраз в тексте, но есть определённые каноны, по которым они должны строиться. Полужирным шрифтом выделяют важные слова, курсивом - термины. Подчёркивают только ссылки, если вы подчеркнёте просто слова, то каждый посчитает своим долгом по ним кликнуть и в результате очень расстроится, когда ничего не произойдёт :)

Cовет | Web-дизайн
Не используйте множество разных шрифтов на сайте. Выберите один простой шрифт (Tahoma, Times New Roman, Arial), желательно без засечек. Им вы будете писать обычный текст. Также можете выбрать црифт для написания заголовков, но редкие шрифты не выбирайте, так как их иначе придётся дополнительно закачивать вместе с сайтом. Оптимально на сайте должны присутствовать не более 5 различных видов написания текста. Сюда относятся шрифт, жирность и курсив. То есть жирный и курсивный вариант написания тоже считайте за отдельный шрифт.

Cовет | Web-дизайн
Не перегружайте сайт излишним количеством счётчиков. Обычно хватает 2-3 счётчиков. Располагать их лучше в каком-то специальном месте, всех вместе. Например слева или справа в отдельном блоке, или внизу страницы. Также не размещайте на странице большое количество кнопок 88x31, это может не понравится посетителям вашего сайта.

Cовет | Вёрстка
При вставке в страницу картинок, обязательно указывайте параметр alt, также для указания отступа от текста прописывайте параметры hspace и vspace, и ширину и высоту - это нужно для того, чтобы когда картинка только грузится, не менялось окружение картинки.

Cовет | Веб-дизайн
Иногда нужно вставить музыку на страницу, многие используют для этих целей файлы *.midi, но они не могут передавать слова, этот формат поддерживает только мелодию. Поэтому лучше поставить плеер для проигрывания RealAudio или Mp3, или же сделать такой же плеер на flash'e.

Cовет | Flash
Продолжаем изучать actionscript. Для того чтобы из мувиклипа дать какую-то команду главной сцене, необходимо прибавить перед методом приставку _root., например, _root.gotoAndPlay(2), вызванное из мувиклипа позволит воспроизвести главную сцену со второго кадра.

Cовет | Flash
ДЛя того, чтобы сделать тянущийся flash-ролик достаточно просто указать в html-коде width равный 100 процентов. Но при этом в самом ролике нужно сделать его немасштабируемым, и правильно расположить все элементы, чтобы они были видны при любом разрешении.