- •Отсутствие логотипа
- •Отсутствие заголовка сайта
- •Отсутствие заголовка страницы
- •Название окна не совпадает с заголовком страницы
- •Примеры
- •Многочисленные выделения одного и того же информационного элемента
- •Как выделять правильно
- •Фиксированный размер шрифта, который не нельзя изменить в браузере
- •Выделение стилем, типичным для ссылок
- •Более двух разных шрифтов (гарнитур)
- •Очень большие абзацы
- •Навигация Отсутствие навигационных элементов или неудобная навигация
- •Куда я могу пойти
- •Где меню
- •Электронные почтовые адреса и внешние ссылки не прописаны на страницах в явном виде
- •Неработающие ссылки
- •Геометрия страниц Страницы не имеют геометрического каркаса
- •Отсутствие выравнивания
- •Горизонтальная прокрутка в окне шириной 640
- •Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок)
- •Постоянные элементы страниц (заголовки, меню, логотип и т.П.) плохо держат свое место на экране при переходах со страницы на страницу
- •Прижатость элементов друг к другу
- •Картинки
- •Графика Фон, заданный картинкой, на котором текст не читается
- •Цветовая палитра, утомляющая глаза
- •Примеры
- •Графика не оптимизирована
- •Фон, заданный картинкой, на котором плитки плохо стыкуются
- •Повторение фоновой картинки в широких окнах
- •Слишком большое число цветов
- •Обилие декоративных элементов, не несущих функциональной нагрузки
- •Иллюстрации не вписываются в страницу, смотрятся как заплаты
- •Явные погрешности в качестве графического материала
- •Погрешности масштабирования
- •Рекомендации
- •Погрешности чрезмерного сжатия
- •Хвостатые ссылки
- •Отсутствие антиалиасинга или не соответствие его фону страницы
- •Отсутствие alt-значений в информационных иллюстрациях
- •Неверное (неинформативное) содержание alt-надписи
- •Мультимедиа Движущиеся и мерцающие надписи
- •Агрессивная анимация
- •Звук и видео на странице
- •Кроссбраузерность Сайт работает только в одном браузере
- •Авторские права Заимствование элементов оформления сайта без ссылок на автора
- •Как указывать авторство
- •Пример 1. Указание авторства в подрисуночной надписи
- •Рекомендуемый стиль записи гипертекста
- •Нарушение правила читаемости (должно быть: название тегов прописными буквами, названия атрибутов и их значений — строчными)
- •Строки длиннее 80 символов
- •Ошибки Нарушение вложенности тегов, или порядка следования тегов, отсутствие обязательных закрывающих тегов, неверные названия тегов, атрибутов и их значений, другие ошибки
- •Нарушение вложенности тегов
- •Отсутствие обязательных закрывающих тегов
- •Неверные названия тегов
- •Неверные названия атрибутов и их значений
- •Другие ошибки кодирования
- •Ошибка регистра в именах каталогов и файлов
- •Рекомендация
- •Некачественное кодирование Отсутствие тега title
- •Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге body
- •Цвет фона и текста
- •Цвет ссылок
- •Рекомендации по выбору цветов для ссылок
- •Не указаны атрибуты width и height в теге img
- •Неверные значения атрибутов width, height
- •Картинка-распорка
- •Декоративная графика
- •Составная графика
- •Теги Hn используются не для выделения заголовков или не отражают иерархию документа
- •Программирование шрифта при помощи атрибута face тега font
- •Лишние теги (кроме необязательных закрывающих), фрагменты, которые можно исключить из программы без изменения внешнего вида документа и функционирования приложения
- •Пробел, который центрируется в пустой строке.
- •Ужасный абсолютный адрес
- •Полужирный пробел с собственным лицом.
- •Хорошего должно быть много!
- •Двойное центрирование: а вдруг однократное не поможет?
- •Визуальные узоры
- •Суммарный вес страницы превышает 50 кб
- •Пропаганда нездорового образа жизни
- •Пропаганда учений, наносящих вред психике человека
- •Структура содержания Неудачная структура сайта
- •Неудачная Главная страница
- •Школьный сайт
- •Школьный сайт: вопросы
- •Пользователи школьного сайта
- •Внутренние пользователи Школьные пользователи Школьники
- •Каким же должен быть школьный сайт?
- •Отсутствует раздел Ссылки
- •Зачем нужны внешние ссылки
- •Дисциплина внешних ссылок
- •Как оформлять внешние ссылки
- •Примеры внутренних ссылок
- •Примеры внешних ссылок
- •Качество изложения Рекламный стиль изложения
- •Слишком длинные ссылки, многословные невыразительные (несамоочевидные) разделы меню
- •Краткость
- •Первое слово — самое важное
- •Многословные описания, которые можно сократить без потерь для содержания
- •Якоб Нильсен о том, как читают пользователи
- •Неудачные заголовки (сайта, страниц, разделов)
- •Важность заголовков
- •Правила для заголовков
- •Смысловая нагрузка
- •Якоб Нильсен о том, как писать тексты для сайта
- •Стив Круг об общей болтологии
- •Томас а. Пауэлл о составлении текстов для Web
- •Погрешности стиля изложения
- •Авторские права Заимствованный текстовый материал без ссылок на автора Закон “Об авторском праве и смежных правах” Российской Федерации (извлечения)
- •Как оформлять цитаты
- •Как оформлять эпиграфы
- •Пример неверного оформления
- •Пример верного оформления
- •Неразрывный пробел
- •Дефис вместо тире, дюймы вместо кавычек, буква n вместо знака номера, неверное употребление (кодирование) спецсимволов
- •Кавычки
- •Тире и дефис
- •Краткий справочник
- •Другие грамматические ошибки
Тире и дефис
Тире в два-три раза длиннее дефиса. Тире раньше моделировали при помощи двух дефисов: «--», а теперь можно записывать в натуральном виде: «—».
Тире в середине предложения окружается: слева — неразрывным, а справа — обычным пробелом.
Код предыдущего абзаца записывается так:
Тире в середине предложения окружается:
слева неразрывным,
а справа обычным пробелом.
Краткий справочник
Ниже приводится краткий справочник специальных символов.
Название |
Знак |
Мнемоника |
Код |
амперсанд |
& |
& NN1,2,3,4,6 | IE3,4,5,6 |
& NN1,2,3,4,6 | IE3,4,5,6 |
знак «меньше» |
< |
< NN1,2,3,4,6 | IE3,4,5,6 |
< NN1,2,3,4,6 | IE3,4,5,6 |
знак «больше» |
> |
> NN1,2,3,4,6 | IE3,4,5,6 |
> NN1,2,3,4,6 | IE3,4,5,6 |
неразрывный пробел |
|
NN1,2,3,4,6 | IE3,4,5,6 |
NN1,2,3,4,6 | IE3,4,5,6 |
параграф |
§ |
§ NN3,4,6 | IE3,4,5,6 |
§ NN1,2,3,4,6 | IE3,4,5,6 |
copyright |
© |
© NN1,2,3,4,6 | IE3,4,5,6 |
© NN1,2,3,4,6 | IE3,4,5,6 |
registered |
® |
® NN1,2,3,4,6 | IE3,4,5,6 |
® NN1,2,3,4,6 | IE3,4,5,6 |
знак градуса |
° |
° NN3,4,6 | IE3,4,5,6 |
° NN1,2,3,4,6 | IE3,4,5,6 |
левая елочка |
« |
« NN3,4,6 | IE3,4,5,6 |
« NN1,2,3,4,6 | IE3,4,5,6 |
правая елочка |
» |
» NN3,4,6 | IE3,4,5,6 |
» NN1,2,3,4,6 | IE3,4,5,6 |
нижняя лапка |
„ |
|
NN2,3,4,6 | IE3,4,5,6 |
многоточие |
… |
|
NN2,3,4,6 | IE3,4,5,6 |
один. откр. кавычка |
‘ |
|
NN1,2,3,4,6 | IE3,4,5,6 |
один. закр. кавычка |
’ |
|
NN1,2,3,4,6 | IE3,4,5,6 |
левая лапка |
“ |
|
NN2,3,4,6 | IE3,4,5,6 |
правая лапка |
” |
|
NN2,3,4,6 | IE3,4,5,6 |
жирная точка |
• |
|
NN2,3,4,6 | IE3,4,5,6 |
средняя точка |
· |
· NN3,4,6 | IE3,4,5,6 |
· NN1,2,3,4,6 | IE3,4,5,6 |
среднее тире |
– |
|
NN2,3,4,6 | IE3,4,5,6 |
длинное тире |
— |
|
NN2,3,4,6 | IE3,4,5,6 |
trademark |
™ |
™ IE3,4,5 |
NN2,3,4,6 | IE3,4,5,6 |
плюс-минус |
± |
± NN3,4,6 | IE3,4,5,6 |
± NN1,2,3,4,6 | IE3,4,5,6 |
номер |
№ |
|
№ NN4,6 | IE3,4,5,6 |
Следует отметить, что если для специального знака в кодовой таблице есть мнемоническое обозначение, которое поддерживается браузерами, то оно предпочтительнее цифрового кода. Ведь цифровой код определяет конкретное место символа в таблице и может быть разным в разных кодировках.