Рекомендации и стратегии учащимся

Тот, кто открывает школу;
закрывает тюрьму
Виктор Гюго, 1802 - 1885
французский писатель

Oнлайновое изучение/общаясь серии

Строительство веб-сайтов

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

  • получить представление об эффективности веб-сайтов
  • приспособить свою концепцию к процессу создания сайта
  • работайте над сайтом весело!

Резюме:

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

    Правила:

    • выбирайте очень контрастные цвета для фона и текста
    • используйте безопасную палитру,
      чтобы сайт не зависел от платформы и браузера
    • форматируйте текст единообразно
      • избегайте смены цветов
      • избегайте наклонного шрифта (italic) - его трудно читать, и подчеркиваний (будет путаница с гиперссылками)
      • избегайте слишком больших текстов
    • не делайте фонов с текстурой,
      это затрудняет чтение текста
    • иллюстрируйте содержание простыми, выразительными, небольшими по размеру статическими изображениями
    • не используйте "dancing dogs":
      изображениями, которые украшают, но к содержанию не имеют отношения
    • форматы файлов: сжатые фотографии (.jpg), и рисунки в (.gif)

Вот некоторые полезные сайты:

Десять основных ошибок в веб-дизайне (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)

См. также:

Обучение на курсах дистанционного образования |
Содержание веб-сайта (контент) | Web-технологии Нетэтикет |
Строительство веб-сайта | Общедоступный веб-дизайн |
Оптимизация сайта для поисковых машин (SEO)