Существует много инструментов для создания
хорошего сайта. Однако, если вы новичок в этом деле, то вам будет полезно следующее:
- получить представление об эффективности веб-сайтов
- приспособить свою концепцию к процессу создания сайта
- работайте над сайтом весело!
Вот некоторые полезные сайты :
Десять основных ошибок в
веб-дизайне (Top Ten Mistakes in Web Design)
(18 февраля 2004)
Десять основных ошибок
продвижения сайта (Top Ten Mistakes of Web Management)
(18 февраля 2004)
Якоб Нильсен (Jakob Nielsen) - автор обеих "Десяти
ошибок "
Руководство
по веб-дизайну (Web Style Guide) Патрик Линч (Patrick Lynch), Йельский Центр Современных
Методов Обучения (Yale Center for Advanced Instructional Media) и Сара
Хортон (Sarah Horton), Дартмутская Учебная Вычислительная Техника (DartmDartmouth
outh Curricular Computing), Дартмутский Дидактический Веб (Didactic Web).
Одно из лучших современных руководств по веб-дизайну (http://info.med.yale.edu/caim/manual/contents.html)
(18 февраля 2004)
Основы HTML и последние обновления (The basics and the latest on HTML)
World Wide Web Consortium [W3C]
http://www.w3.org/pub/WWW/) был
основан в 1994 году с целью разработки общих соглашений для развития World
Wide Web. Здесь вы найдете указатель спецификаций HTML,
рекомендации, как эффективнее использовать HTML и ссылки на
соответствующие работы в W3C
http://www.w3.org/MarkUp/ (18
февраля 2004)
http://www.alexa.com
Alexa предлагает ранжирование сайтов по трафику
|
Ресурсы по веб-дизйну на Пегасе (Pegasus
Web Design Resources) особенности веб-дизайна, графический дизайн и руководство по Adobe
Photoshop, написанное Даниелем Печником (Daniel Piechnick),
профессиональным веб-дизайнером из Аделаиды, Южная Австралия. Он старается
своевременно обновлять эти руководства, чтобы они соответствовали текущему
положению вещей. (18 февраля 2004)
Alta Vista:
Кто заходит на ваш веб-сайт? Насколько вы популярны?
Поищите ответы с помощью Alta Vista. Введите "link:" и адрес
вашего сайта (без http://www). Помните,
что каждый поиск такого сорта - это поиск в базе данных поисковой машины,
в данном случае - Alta Vista (18 февраля 2004)
http://selfpromotion.com/
Роберт Вудхед (Robert Woodhea)d,
AnimEigo SelfPromotion.com автоматизирует процесс
регистрации вашего веб-сайт на поисковиках. Вы выбираете поисковики, на
которых хотите зарегистрироваться, и сайт создает регистрационную форму,
которую надо заполнить для регистрации на конкретном поисковике. (18
февраля 2004)
Аккуратный HTML (HTML Tidy)
Дэйв Раггет (Dave Raggett): При редактировании HTML легко
сделать ошибку. HTML TIDY - бесплатная программка для
автоматического поиска ошибок в кодах HTML и оптимизации кода.
http://www.w3.org/People/Raggett/tidy/ (18 февраля 2004) |
Ozone, Dr.
Thaddeus, Hands-On Training Прекрасное краткое руководство по Photoshop (тени, подсветка,
прозрачность, подложки, 216 цветов и т.п.), а также по переборам
Javascript. (18 февраля 2004)
Internet.com Corp,
Дизайн сайта и графика (Site
design and graphics) Последовательные указания с иллюстрациями по поводу различных эффектов,
включая капли, сглаживание углов, "X Files" текст; грязный снег,
прозрачные GIF'ы и т.п. (18 февраля 2004)
Lindsay Marshal,
Выбор цвета (Color
selector) На вебсайте автоматизируется и иллюстрируется выбор цвета, но
не выводятся безопасные палитры и значения.A Website that automates and
illustrates your color selection, but does not demonstrate the color safe
palette or their values. Несмотря на это, удобный инструмент.
(http://catless.ncl.ac.uk/Lindsay/colours.html) (18 февраля 2004) |
Резюме:
- Найдите свою аудиторию
- привлекайте аудиторию: относитесь к посетителям с уважением и
обеспечивайте возможность обратной связи
- цели веб-сайта и его дизайна должны быть ясными и умеренными
- старайтесь предвидеть реакцию посетителей сайта, сделть сайт удобным
для них, и сделайте раздел помощи (help), с инструкциями, что делать в
случае возникающих затруднений
- Содержание
- структурируйте содержание сайта
- язык должен быть простым, понятным для любой аудитории
- сделайте краткий обзор основных концепций
- используйте пробелы, пустые строки для форматирования текста
- расставьте приоритеты, как в схеме
- Навигация:
- простая
- ясная
- ранжированная (карта сайта)
- структурированная
- Графика
Строительство сайта начинается с текста и структуры. После создания
основных разделов надо проанализировать, как можно улучшить сайт с помощью
иллюстраций.
Правила:
- выбирайте очень контрастные цвета для фона и текста
- используйте безопасную палитру,
чтобы сайт не зависел от платформы и браузера
- форматируйте текст единообразно
- избегайте смены цветов
- избегайте наклонного шрифта (italic) - его трудно читать, и
подчеркиваний (будет путаница с гиперссылками)
- избегайте слишком больших текстов
- не делайте фонов с текстурой,
это затрудняет чтение текста
- иллюстрируйте содержание простыми, выразительными, небольшими
по размеру статическими изображениями
- не используйте "dancing dogs":
изображениями, которые украшают, но к содержанию не имеют отношения
- форматы файлов: сжатые фотографии (.jpg), и рисунки в (.gif)
Веб-сайт
Рекомендации учащимся
Study Guides and Strategies создан, развивается и поддерживается
Джо Ландсбергером (Joe Landsberger) как
общедоступный образовательный ресурс. Последние изменения в
"Рекомендации" были внесены November 09, 2005 . Разрешается
свободное копирование, адаптация и распространение
Рекомендаций учащимся в печатном виде на некоммерческой
основе в помощь преподавателю. Разрешение на размещение
ссылки на данный веб-сайт не требуется. "Рекомендации"
постоянно обновляются, дорабатываются, редактируются. По
этой причине воспроизведение всего содержимого в Интернет
может быть осуществлено только с разрешения в соответствии с
лицензионным солашением.
Русский перевод/редактирование:
Е.Гаврикова
Joe's
professional and personal webpages
|