русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Более подробно о дизайне сайта.


Дата добавления: 2013-12-23; просмотров: 632; Нарушение авторских прав


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

Более половины российских сайтов имеют уровень дизайна ниже среднего. Как же разобраться в том, что такое хороший и что такое плохой web-дизайн? Загляните на сайт http://www.capstudio.com/ippa/ - Internet Professionals Publishers Association - Ассоциация профессионалов Интернет паблишинга. Каждую неделю эта организация выбирает сайт, демонстрирующий достижения в области web-дизайна, и дает оценку дизайна по десятибалльной системе. Среди избранных сайтов: National Geographic - http://www.nationalgeographic.com/ , Nike - http://www.nike.com/splash , cnet - http://www.cnet.com/ , World Reporter - http://world_reporter.frog.fr/ , RETRO Magazine - http://www.retroactive.com/ , Levi Strauss & Co. - http://www.levi.com/menu . Все снабжено комментариями, можно почитать и разобраться, по каким же именно критериям оценивается качество продукта под названием web-дизайн. Сегодня на российских web-просторах найти примеры хорошего web-дизайна крайне трудно. Многие компании, которые предлагают “web development” сервис, вполне могли бы занять свое место на упомянутом выше Worst Desiners сайте. Захочется ли кому-нибудь платить за такой сервис? Или можно сделать HTML страницы подобного качества самостоятельно? Благо различных учебных пособий по HTML и HTML редакторов на Интернете великое множество. Из неплохих пособий по HTML можно порекомендовать следующие: http://www.msg.net/tutorial/ - основы HTML, использование графики, imagemaps, CGI scripts; http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.htm - основные HTML тэги, таблицы, интерактивные формы, анализ типичных ошибок; http://www.nashville.net/~templedf/crash/HTMLMenu.html - Crash Course in HTML - можете проверить свои знания в области HTML с помощью интерактивных тестов; http://www.dcn.david.ca.us/~csandvig/ip/ip/example.html - слева Вы видите различные HTML тэги, а справа то, как эти тэги “работают” в броузере, - наглядно и понятно даже ребенку. Выберите учебник, который Вам больше всего нравится, сохраните его на своем диске, и Вы сможете упражняться в создании HTML-страниц, работая в режиме off-line, используя любой текстовый редактор. Для просмотра готового документа в броузере Вам придется заменить расширение файла на html. Если создание HTML документов вручную кажется Вам занятием утомительным, Вы можете воспользоваться каким-либо HTML редактором. Вот адрес замечательного сайта с тридцатью (!) HTML редакторами (shareware и freeware): http://www.softwarez.com/windows/htmledit95.html . Для украшения своей страницы можно воспользоваться готовыми графическими элементами, которые Вы можете найти по следующим адресам: - http://www.meat.com/textures/ - популярный сайт Texture Land, большой выбор фоновой графики (backgrounds); - http://www.infi.net/~rdraph/icons - коллекция графических элементов, рассортированная по темам: кнопки, иконки, символы, и многое другое; - http://www.cco.caltech.edu/~cherish/images - фоновая графика, рассортированная по стилям. Если Вы не знали: чтобы сохранить картинку, воспользуйтесь правой кнопкой мышки. Возможно, Вам скоро надоест использовать чужие графические элементы и захочется создать что-то оригинальное. В этом случае Вам нужна любимая программа web-дизайнеров Adobe Photoshop. Если Adobe Photoshop у Вас нет, можете загрузить себе Paint Shop Pro (shaware): http://www.compusmart.ab.ca/jsucre/pspro.htm . Еще один полезный адрес - http://www.cen.uiuc.edu/cgi-bin/weblint . Здесь Вы найдете validator, или, по-русски, валидатор, который поможет найти ошибки в HTML документах. Существует ли мода в области web-дизайна. Одна из тенденций - это интенсивное использование графики. На многих страницах текста вообще нет, только графика. Так, например, выглядит сайт National Geographic Society ( http://www.nationalgeographic.com/main.wd ). Самый модный background, или фон, - это, пожалуй, так называемый marginе background, то есть background c полями. Пример удачного использования подобного фона - Origins of Humankind ( http://www.dealsonline.com/origins/ ) В моде мелкий шрифт - <font SIZE=-1>, <small>. Модно сочетать разные шрифты: например, в левой колонке таблицы Вы используете typewriter - <TT>, а в правой колонке - обычный шрифт. Если текст используется в графических элементах, то самый модный шрифт - typewriter, причем выглядеть это должно так, словно это было напечатано на старой, разбитой пишущей машинке. Как, например, на сайте компании Nike (http://www.nike.com) или на сайте Темы Лебедева (http://gw3.rinet.ru:80/tema/).



И, наконец, об общих тенденциях в области web-дизайна. Согласно опубликованной IPPA (Internet Publishers Professional Association - http://www.capstudio.com/ippa/) статье “К новым графическим стандартам”, еще год назад любой дизайнер с SVGA системой и “шароварной” дизайнерской программой мог заниматься web-дизайном, создавая простые, но яркие и броские иконки и другие графические элементы. Сегодняшние графические стандарты требуют, чтобы у дизайнера были в распоряжении лучшие (и дорогостоящие) дизайнерские программы, такие как Adobe Photoshop 4.0 или Illustrator 5.0. Навыки работы с этими программами тоже стоят дорого, и хотя многие дизайнеры осваивали Photoshop самостоятельно, количество часов, потраченных на самообразование, при переводе в деньги, оборачивается значительной суммой. Таким образом возрастают и цены на web-дизайн. Но с другой стороны, множество компаний предлагают дешевый web-дизайн, а разница между качественным и некачественным дизайном не всегда и не для всех очевидна. И сегодня мы можем наблюдать ситуацию, когда цены на услуги web-дизайнеров варьируются от $5 до $5000. Многие компании, заказавшие в свое время недорогие web-сайты, уже успели убедиться в том, что низкое качество презентации на WWW отрицательно влияет на имидж компании и на успех Интернет маркетинга. Сегодня, желая обновить свои web-сайты, эти компании, помня негативный опыт сотрудничества с “дешевыми” компаниями, скорее всего предпочтут воспользоваться дорогостоящими услугами профессионалов. Такой прогноз может обрадовать истинных профессионалов web-дизайна, так как корявых web-сайтов существует великое множество, в том числе и на российской части всемирной паутины, и, следовательно, можно надеяться, что web-дизайнеры без работы не останутся.



<== предыдущая лекция | следующая лекция ==>
Организация сайта | Определение ДО


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.003 сек.