Мы всегда вам рады


Вебмастер
Графическое наполнение сайта Печать E-mail
Автор Pola   
 
В этой статье мы постараемся обсудить графическое наполнение сайта и дать описание основным графическим форматам, показываемым стандартными браузерами.
 

Формат — спецификация структуры данных, записанных в компьютерном файле. Формат файла обычно указывается в его имени, как часть, отделённая точкой (обычно эту часть называют расширением имени файла, хотя, строго говоря, это неверно).При их правильном применении и, не пренебрегая некоторыми советами, можно достичь уменьшения времени загрузки Вашего сайта. Тем самым расположить к себе посетителя.
 
Немного теории:

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

Если еще нет, настоятельно рекомендую заняться этим в свободное время. Поставив себя на место пользователя, Вы поймете, насколько бы он был бы рад видеть сайт, который не напоминает ему наболевшее, а радует быстрой загрузкой. Ведь если его заинтересует содержание сайта и навигация, он, скорее всего, вернется снова. А этого от публики Рунета и всей сети Интернет не просто добиться.

Короткий перечень графических стандартов, показываемых стандартными браузерами без дополнительных "пристроек":

bmp
 
Если этот формат и показывается в браузере, то, скорее всего, только из-за того, что когда-то он был актуален, но это совсем не значит, что его стоит применять. Лучше просто забудьте о нем, если для вас время загрузки играет какую-либо роль.

 
Формат tif также из-за больших размеров не применим для интернет сайтов. Его место в типографии, поэтому пусть там и останется.
 
 
Сайт. Этапы создания Печать E-mail
Автор Pola   
 
При создании своего Интернет-ресурса необходимо пройти через несколько этапов - от придумывания идеи до ее воплощения.
 

Сайт (от англ. site - место, синонимы: веб-сайт, ресурс) Сайт - это место в интернете, которое определяется своим адресом (см. URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое.Чтобы создать действительно интересный и полезный сайт, необходимо хорошо понимать механизмы его создания.

1. Анализ и проектирование

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

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

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

2. Написание контента

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

 
Появились даже производные сочетания - контент-мастер, контент-проект.
 
 
Ошибки на сайте Печать E-mail
Автор Pola   
 
Обладая некоторым опытом серфинга по Сети, можно легко научиться распознавать сайты сделанные начинающими веб-строителями.
 

Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции. Всплывающие окна используются для реализации пользовательского интерфейса в веб-приложениях.Общие элементы присущи многим таким сайтам, вот именно о них я и хотел бы поговорить сегодня.

1. "Анимация" - одна из самых распространенных черт таких сайтов. Огромные анимированные изображения на главной странице, несколько бегущих строк перемещающиеся в 2 разные стороны и при этом резко мигающие вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется.

2. "Широкие изображения" - большие по формату изображения медленно загружаются, особенно это понятно жителям стран СНГ, где быстрый доступ еще редкость.

3. "Кнопки" - начинающие веб-строители любят вешать на главную страницу до 10-20 кнопок - счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Подумайте, может что-то из этого бесполезное увеличение обьема графики.

 
4. "Длинные тексты" - иногда видишь "сайт" целиком умещающийся в одном большом файле. Большая ошибка! Пользователь не должен прокручивать экран больше чем на 2,5-3 экрана.
 
 
Ссылки на вашей страничке Печать E-mail
Автор Pola   
 
Стильный web-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему web-сайту.
 

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

Стильность web-сайта достигается несколькими приемами. Можно выделить следующие элементы, участвующие в создании стиля:

шрифт - в пределах публикации он должен иметь одинаковые характеристики - такие, как гарнитура (начертание), кегль (высота), цвет;

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

цветовая схема web-сайта - она начинается с выбора тех трех цветов страницы, которые используются для представления обычного текста, ссылок и посещенных ссылок. Все эти параметры указываются в тэге;

цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта.

 
Цвета ссылок старайтесь выбирать таким образом, чтобы, с одной стороны, читатель видел, что это ссылка, а с другой стороны, она бы не мешала ему читать основной текст.
 
 
Объем и вес страницы Печать E-mail
Автор Pola   
 
Сегодня речь пойдёт об одной из главнейших характеристик веб-страницы - её весе и о том, как его уменьшить.
 

CSS Framework — это заранее подготовленная css-библиотека, созданная для упрощения работы верстальщика, быстроты разработки и исключения максимально возможного числа ошибок вёрстки (проблемы совместимости различных версий браузеров и т. д.).Для справки: под весом страницы понимают её объём, измеряемый в килобайтах.

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

- Объем чистого HTML-кода;
- Объём текстовой информации на странице;
- Объём графики, которая является составляющей частью дизайна;
- Объём рекламы (банеров, и(или) текстовых блоков).

Суммарный объём страницы не должен превышать 50Кб, если больше, то посетителям придётся ждать загрузки страницы достаточно долго. В отдельную группу попадают счётчики. Счётчики подобные HotLog и Mail.ru весят приблизительно по 1,2Кб каждый, поэтому злоупотреблять ими тоже не стоит.

Пути уменьшения веса страниц:

1. Откажитесь от комментариев. Зачастую в коде веб-страницы встречаются достаточно бесполезные комментарии, в которых веб-мастер старается подшутить над теми, кто захочет посмотреть код. Фразы типа "Зачем ты залез в код моей страницы и что тебе здесь надо" не несут никакого смысла, но малость увеличивают код.

 
Хочу заметить, что не стоит отказываться от комментариев к изображениям, т.е. от тега alt=, как раз он вам пригодиться.
 
 
Навигация сайта Печать E-mail
Автор Pola   
 
Наверное, читателям уже вконец надоели это навязчивые статьи о организации информации на веб-сайте, они есть почти на всех тематических сайтах.
 

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

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

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

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

1. Не усложняй!


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

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

 
Хорошо еще, когда автор понимает, что "to chat" - переводиться как глагол "болтать", но ведь часто случается, что под таким названием скрывается, например, форум. Еще интереснее, если на сайте есть и чат, и форум, в таком случае вообще стразу не понятно, что есть что.
 
 
Дизайн сайта Печать E-mail
Автор Pola   
 
В последнее время стал популярным новый метод разработки веб-сайтов и Интернет-сервисов, который основан на следующей идее: шмякните дизайн об стену, если он удержится на ней - значит все в порядке.
 

Диза́йн (англ. design замысел, план, намерение, цель и от лат. designare отмерять, намечать) — творческая деятельность, целью которой является определение формальных качеств промышленных изделий.Предполагается, что такой способ разработки дизайна сокращает период прохождения проекта от идеи к рынку и, следовательно, ведет к более быстрому успеху и росту прибылей.

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

Согласен, быстрота и скорость действительно важны, но это еще далеко не все. А вот удовлетворенность клиента - это действительно все. Запуская плохой и неудобный сайт, вы гарантированно выбрасываете деньги на ветер, так как вам все равно его придется переделывать - либо сразу же, либо чуть позднее.

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

 
Если эти пользователи получат плохое впечатление от сайта, они будут не только потеряны для вас, как клиенты, они также будут потеряны для вас как будущие сторонники и защитники вашего сайта.
 
 
Изображения на сайте Печать E-mail
Автор Pola   
 
Изображений на сайте множество, но поисковые системы не умеют читать их, и не все посетители смогут.
 

Что такое «Атрибут alt»? Атрибут, используемый для указания альтернативного текста для конкретной области изображения, в том числе: картинки, фотографии или любого другого графического объекта, расположенного на странице сайта.Убедитесь, что Ваш сайт доступен и может быть понят посетителями, которые просматривают сайт с отключенными в браузерах картинками и с мобильных устройств.
 
Если Вы сделаете это, то с поисковыми системами не будет никаких неприятностей.

Вот несколько рекомендаций для данной цели:

1. Не вставляйте основную часть текста в изображения. Лучшее, что Вы можете сделать - представить его именно в виде текста. А картинки используйте для графических элементов. Если весь текст на странице будет находиться в изображениях, то он станет недоступным.

2. Для всех изображений используйте alt-теги. Убедитесь, что альтернативный текст носит описательный характер и является уникальным. Так, например, alt-текст "рисунок1" или "логотип" не дают много информации о картинке, а "Курс акций X" и "Компания Y" раскрывают более детальную информацию.

 
3. Не перегружайте alt-текст. Будьте описательными, но не забивайте слишком много ключевых слов.
 
 
О композиции Печать E-mail
Автор Pola   
 
Как сказал кто-то из великих, создать гениальную картину - это положить в нужные места нужные краски. Тоже самое и с вебдизайном.
 

КОМПОЗИ́ЦИЯ (лат. compositio — Композиция, если не вдаваться в сложности - это определенное сочетание частей изображения (соотношение их размеров - пропорции, цветов, фактур и т.д.)

Правила композиции

Целостность - в правильной композиции ни один из элементов нельзя изъять, добавить или передвинуть без ущерба для целого. Для нахождения целостной композиции обычно рассматривают будущее изображение как набор пятен - силуэтов отдельных элементов, которые компонуют на плоскости до достижения необходимого эффекта.

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

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

Фактически - это соотвествие вашей идеи и формы, найденной для ее выражения. Когда зрители не понимают вашу идею - скорее всего хромает композиция, а не восприятие зрителя.

Выразительность проявляется в умелом использовании контрастов по цветам, светлоте, размерам. Например, эффектно смотрятся объемные фигуры (контраст бликов и тени предмета).

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

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

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

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

Для того, чтобы сделать хороший сайт, не обязательно даже использовать графику. Есть полезные сайты с минимумом графики (или даже без оной) и масса бесполезных, забитых мегабайтными картинками.

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

 
Скорость загрузки Ваших страничек - НИ ОДИН НОРМАЛЬНЫЙ ЧЕЛОВЕК НЕ БУДЕТ ЖДАТЬ ЗАГРУЗКИ ВАШИХ СТРАНИЧЕК В ТЕЧЕНИЕ ЧАСА.
 
 
<< [Первая] < [Предыдущая] 1 2 3 4 5 6 [Следующая] > [Последняя] >>

Результаты 21 - 30 из 54

Мысли и слова великих людей

 
Просыпаясь утром, спроси себя: "Что я должен сделать?". Вечером, прежде чем заснуть: "Что я сделал?". /Пифагор/

Самое интересное на сайте


Богатство
Хитрософт
Захват
Психовирус
Радость
Концепция
Фриланс
Мудрость
Шоубизнес
Форекс
Безопасность

Полезно знать


Взаимосвязанные статьи

Онлайн бизнес

Онлайн бизнес Данный раздел сайта посвящён именно онлайн бизнесу. Только здесь вы получите быстрый доступ к последним и наиболее эффективным способам заработка в сети Интернет.

Бизнес идеи

Бизнес идеи Здесь вы сможете найти самые важные статьи о том как начать и развить свой бизнес в сети Интернет. Создание  бизнеса приносящего стабильный доход станет реальностью.

Оптимизация сайта

Оптимизация сайта SEO оптимизация – это определенный тип создания и редактирования текстов для web - сайтов. И знание этих секретов крайне важно для ведения бизнеса в интернете.

Удалённая работа

Удалённая работа Этот раздел сайта призван помочь тем, кто решил научиться вести бизнес в сети самостоятельно. А вот от того, как вы распорядитесь этими знаниями, будет зависеть ваш заработок.