- •Отсутствие логотипа
- •Отсутствие заголовка сайта
- •Отсутствие заголовка страницы
- •Название окна не совпадает с заголовком страницы
- •Примеры
- •Многочисленные выделения одного и того же информационного элемента
- •Как выделять правильно
- •Выделение стилем, типичным для ссылок
- •Более двух разных шрифтов (гарнитур)
- •Фиксированный размер шрифта, который не нельзя изменить в браузере
- •Очень большие абзацы
- •Навигация Отсутствие навигационных элементов или неудобная навигация
- •Куда я могу пойти
- •Где меню
- •Электронные почтовые адреса и внешние ссылки не прописаны на страницах в явном виде
- •Неработающие ссылки
- •Геометрия страниц Страницы не имеют геометрического каркаса
- •Отсутствие выравнивания
- •Горизонтальная прокрутка в окне шириной 640
- •Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок)
- •Постоянные элементы страниц (заголовки, меню, логотип и т.П.) плохо держат свое место на экране при переходах со страницы на страницу
- •Прижатость элементов друг к другу
- •Картинки
- •Графика Фон, заданный картинкой, на котором текст не читается
- •Цветовая палитра, утомляющая глаза
- •Примеры
- •Графика не оптимизирована
- •Фон, заданный картинкой, на котором плитки плохо стыкуются
- •Повторение фоновой картинки в широких окнах
- •Слишком большое число цветов
- •Обилие декоративных элементов, не несущих функциональной нагрузки
- •Иллюстрации не вписываются в страницу, смотрятся как заплаты
- •Явные погрешности в качестве графического материала
- •Погрешности масштабирования
- •Рекомендации
- •Погрешности чрезмерного сжатия
- •Хвостатые ссылки
- •Отсутствие антиалиасинга или не соответствие его фону страницы
- •Отсутствие alt-значений в информационных иллюстрациях
- •Неверное (неинформативное) содержание alt-надписи
- •Мультимедиа Движущиеся и мерцающие надписи
- •Агрессивная анимация
- •Звук и видео на странице
- •Кроссбраузерность Сайт работает только в одном браузере
- •Авторские права Заимствование элементов оформления сайта без ссылок на автора
- •Как указывать авторство
- •Пример 1. Указание авторства в подрисуночной надписи
- •Рекомендуемый стиль записи гипертекста
- •Нарушение правила читаемости (должно быть: название тегов прописными буквами, названия атрибутов и их значений — строчными)
- •Строки длиннее 80 символов
- •Ошибки Нарушение вложенности тегов, или порядка следования тегов, отсутствие обязательных закрывающих тегов, неверные названия тегов, атрибутов и их значений, другие ошибки
- •Нарушение вложенности тегов
- •Отсутствие обязательных закрывающих тегов
- •Неверные названия тегов
- •Неверные названия атрибутов и их значений
- •Другие ошибки кодирования
- •Ошибка регистра в именах каталогов и файлов
- •Рекомендация
- •Некачественное кодирование Отсутствие тега title
- •Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге body
- •Цвет фона и текста
- •Цвет ссылок
- •Рекомендации по выбору цветов для ссылок
- •Не указаны атрибуты width и height в теге img
- •Неверные значения атрибутов width, height
- •Картинка-распорка
- •Декоративная графика
- •Составная графика
- •Теги Hn используются не для выделения заголовков или не отражают иерархию документа
- •Программирование шрифта при помощи атрибута face тега font
- •Лишние теги (кроме необязательных закрывающих), фрагменты, которые можно исключить из программы без изменения внешнего вида документа и функционирования приложения
- •Пробел, который центрируется в пустой строке.
- •Ужасный абсолютный адрес
- •Полужирный пробел с собственным лицом.
- •Хорошего должно быть много!
- •Двойное центрирование: а вдруг однократное не поможет?
- •Визуальные узоры
- •Суммарный вес страницы превышает 50 кб
- •Пропаганда нездорового образа жизни
- •Пропаганда учений, наносящих вред психике человека
- •Структура содержания Неудачная структура сайта
- •Неудачная Главная страница
- •Школьный сайт
- •Школьный сайт: вопросы
- •Пользователи школьного сайта
- •Внутренние пользователи Школьные пользователи Школьники
- •Каким же должен быть школьный сайт?
- •Отсутствует раздел Ссылки
- •Зачем нужны внешние ссылки
- •Дисциплина внешних ссылок
- •Как оформлять внешние ссылки
- •Примеры внутренних ссылок
- •Примеры внешних ссылок
- •Качество изложения Рекламный стиль изложения
- •Слишком длинные ссылки, многословные невыразительные (несамоочевидные) разделы меню
- •Неудачные заголовки (сайта, страниц, разделов)
- •Важность заголовков
- •Правила для заголовков
- •Смысловая нагрузка
- •Краткость
- •Первое слово — самое важное
- •Многословные описания, которые можно сократить без потерь для содержания
- •Якоб Нильсен о том, как читают пользователи
- •Якоб Нильсен о том, как писать тексты для сайта
- •Стив Круг об общей болтологии
- •Томас а. Пауэлл о составлении текстов для Web
- •Погрешности стиля изложения
- •Авторские права Заимствованный текстовый материал без ссылок на автора Закон “Об авторском праве и смежных правах” Российской Федерации (извлечения)
- •Как оформлять цитаты
- •Как оформлять эпиграфы
- •Пример неверного оформления
- •Пример верного оформления
- •Неразрывный пробел
- •Дефис вместо тире, дюймы вместо кавычек, буква n вместо знака номера, неверное употребление (кодирование) спецсимволов
- •Кавычки
- •Тире и дефис
- •Краткий справочник
- •Другие грамматические ошибки
Как оформлять эпиграфы
Эти цитаты оформляются особым образом.
Обычно эпиграф записывается пониженным размером шрифта у правого края страницы.
Но лучше не использовать выравнивание справа (align=right), а сдвигать блок с цитатой, записанной нормальным образом, к правому краю экрана. Это можно сделать в виде таблицы, выровненной по правому краю.
Обычно текст цитаты записывается курсивным начертанием, а ссылка на автора — прямым.
Пример неверного оформления
— А лечат-то как! Тьфу! Снаружи ставят медовые пластыри и внутрь дают мёду. Это ведь неправильно: снаружи надо йодом, а внутрь — касторку. Н. Носов Цитата записана при помощи тега <P align=right>. Смотрится плохо.
|
Пример верного оформления
— А лечат-то как! Тьфу! Снаружи ставят медовые пластыри и внутрь дают мёду. Это ведь неправильно: снаружи надо йодом, а внутрь — касторку. Н. Носов Код этой цитаты приводится ниже. <DIV align=right> <TABLE width=40% border=0 cellspacing=0 cellpadding=10> <TR> <TD> <DIV align=justify> <SMALL><EM> А лечат-то как! Тьфу! Снаружи ставят медовые пластыри и внутрь дают мёду. Это ведь неправильно: снаружи надо йодом, а внутрь касторку.</EM></SMALL> <DIV align=right><SMALL>Н. Носов</SMALL></DIV> </DIV> </TD> </TR> </TABLE> </DIV>
|
Грамматика
Грамматические погрешности
Точки в коротких заголовках (а длинных заголовков быть не должно)
Штрафной балл: 0.1–1.0
Рекомендации
Каждая ошибка добавляет к штрафу 0.1.
Сумма штрафа ограничена сверху числом 1.0.
Заканчивать заголовок точкой не принято.
Заголовок может заканчиваться знаком вопроса, знаком восклицания, многоточием.
Внутри сложного заголовка точки допустимы.
Пример
Ёжик. Лесная встреча Вчера мы с Колей ходили в лес. Грибов не набрали, зато видели ёжа.
|
Ошибки, связанные с расстановкой пробелов
Правила расстановки пробелов
Штрафной балл: 0.1–1.0
Рекомендации
За каждый неверно поставленный пробел (или его отсутствие) добавляется штраф 0.1.
То же касается случаев, когда вместо неразрывных пробелов записаны обычные.
Сумма штрафов ограничена сверху числом 1.0.
При записи электронного текста к пробелам нужно относится особенно внимательно.
Пусть, например, запятая, ошибочно отделённая от слова пробелом, расположена в середине строки:
Фрося подбежала к хозяину , когда тот позвал её. |
Смотрится некрасиво.
А теперь предположим, что в первую строку добавили слово. Браузер вполне может переформатировать абзац на экране так:
Фрося быстро подбежала к хозяину , когда тот позвал её. |
Не просто некрасиво — ужасно!
Получается, что строка может начаться со знака препинания, если перед ним стоит пробел!
То же может случиться и при изменении размера шрифта.
Пробел — это разрешение перехода на новую строку.
Таким образом, можно сформулировать мнемоническое правило расстановки пробелов: пробел ставится в том месте, с которого можно начать новую строку.
Это правило не является универсальным. Иногда строку нежелательно разрывать и на месте пробела (например, перед тире). В таких случаях обычный пробел заменяют неразрывным (код неразрывного пробела ). Например, фраза «Спорт — это жизнь!» кодируется так:
Спорт это жизнь!
Перед тире поставлен неразрывный пробел (разрыв строки запрещён), после тире — обычный (разрыв допустим).
Неверно поставленные пробелы (или их отсутствие) поможет обнаружить Word.
Лишний пробел выделяется волнистой чертой (рис. 7.48):
Рис 7.48. Лишний пробел Word выделяет волнистой чертой
Если щёлкнуть по волне правой кнопкой мыши, то можно узнать причину ошибки (рис. 7.49):
Рис 7.49. Подсказка Word о причине ошибки
Ещё одна ошибка, которую часто допускают неопытные писатели, — отсутствие пробела после запятой. Эту ошибку Word также охотно отмечает (рис. 7.50):
Рис 7.50. Отсутствие пробела после запятой
Ниже приводятся основные правила расстановки пробелов.
Пробел ставится после, а не до (рис. 7.51):
запятой
точки
точки с запятой
двоеточия
вопросительного знака
восклицательного знака
многоточия
закрывающей скобки
закрывающей кавычки
Рис 7.51. Пробел ставится после, а не до этих знаков
Пробел ставится до, а не после (рис. 7.52):
открывающей скобки
открывающей кавычки
Рис 7.52. Пробел ставится до, а не после этих знаков
Пробел ставится до и после (рис. 7.53):
тире
Рис 7.53. Пробел ставится до и после тире
Пробелы вообще не ставятся при (рис. 7.54):
дефисе
Рис 7.54. Пробелы вообще не ставятся при дефисе
Из этих правил есть небольшое количество исключений. Например, пробел не ставится между открывающей скобкой и следующей за ней открывающей кавычкой.
