Переход к другому документу (файлу)
Для того чтобы браузер загрузил в свое окно новый html документ нужно записать в программе ссылку при помощи команды <a> с атрибутом href=имя файла.
<a href = имя файла>текст</a> Выполнить файл «имя файла»
На экран выводится текст.
При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле «имя файла»
Картинка как гиперссылка.
Что бы заставить работать картинку как гиперссылку нужно вложить команду IMG dyenm команды <a>.
<a href= переход …><IMG src=файл …></a>
Картинка ведет себя так же как текст. Курсор при попадании на картинку ссылку меняет свою форму. Отличие в том, что картинка ссылка не подчеркивается как текст и не выделяется цветом, а обрамляется в рамочку.
Гиперссылки на ресурсы WWW.
Что бы создать ссылку на ресурсы удаленных компьютеров используется URL адрес удаленного документа. Гиперссылка содержащая URL адрес имеет вид:
<a href=”ya.ru”></a>
Гиперссылки на адрес электронной почты
Среди URL существует специальный адрес для отправки электронной почты:
<a href =mailto:почтовый адрес >Пишите письма </a>
Изображения – карты.
Решение вопросов дизайна.
Дизайн (design) – план, проект, рисунок – термин, обозначающий художественное конструирование предметного мира; разработка образцов рационального построения предметной среды. Ключевые фразы в этом определении это:
1. Художественное конструирование.
2. Рациональное построение.
т.е. дизайн продукта в нашем случае сайта оценивается по внешнему виду и удобству использования.
Как получить сайт с хорошими пользовательскими навыками.
Постоянные элементы сайта.
Каждая страница сайта должна иметь постоянные элементы это:
1. Логотип – расположен, как правило, в левом верхнем углу страницы. На внутренних страницах логотип является ссылкой на главную страницу.
2. Заголовок сайта – расположен в самом верху страницы.
3. Главное меню – состоит из прямых потомков начальной страницы. Начальная страница традиционно также включается в состав главного меню. Главное меню расположено горизонтально под заголовком и (или) слева, образуя вертикальный ряд.
Заголовок страницы и окна.
Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком сайта.
Это удобно когда окно с сайтом свернуто в кнопку на панели задач. На этой кнопке пользователь видит заголовок текущей страницы.
В любом случае заголовок окна дополнительная подсказка пользователю о его текущем положении на сайте.
Заголовка окна должен буквально повторять заголовок страницы.
Главное меню.
Количество, названия пунктов, их порядок в главном меню не должны меняться при листании страниц.
В меню обязательно должен присутствовать пункт, указывающий на текущую страницу. Этот пункт в отличие от остальных не должен быть ссылкой.
Названия пунктов должны быть краткими.
Главное меню полезно повторять на концах страниц.
Меню вначале страницы удобно, когда сайт просматривают.
Навигация.
Навигационная система сайта является важным элементом дизайна, напрямую влияющая на удобство его использования. Навигация является удобной, если на любой странице легко ответить на три вопрос:
Где я?
Куда я могу пойти?
Где меню?
Где я?
На этот вопрос помогают ответить следующие элементы сайта:
Логотип и заголовок – они называют сайт
Заголовок страницы, заголовок окна и позиция меню, которая не является ссылкой, - отмечают текущую страницу сайта.
Меню «хлебные крошки» показывают путь от главной страницы к текущей.
Куда я могу пойти?
В примере показанном на рисунке пользователь находится на странице «раздел 2.2». он может перейти к сестрам этой страницы («раздел 2.1», «раздел 2.3», «раздел 2.4»), к ее предку «раздел 2» и сестрам предка («раздел 1», «раздел 3», «раздел 4») или переместиться на начальную страницу сайта.
Где меню?
Пользователь не должен испытывать проблемы с доступом к навигационным элементам.
Меню обязано быть вначале страницы, чтобы пользователю было удобно пролистывать сайт, и в конце, чтобы продолжить движение по сайту после прочтения страницы.
На длинных страницах полезна ссылка вверх после каждого раздела.
Пример глубокой иерархии.
Если сайт имеет третьи, четвертые и более глубокие иерархические уровни, то на каждой странице должны присутствовать следующие элементы:
Главное меню сайта (корень начало и список прямых потомков) – в этом меню предок текущей страницы (это ссылка) должен быть как – то дополнительно выделен, например:
Начало | университет | продуктыисториякукссылкикарта
Меню текущей страницы – в это меню записывают страницы – сестры текущей страницы, т.е. страницы, имеющие общего прямого предка с текущей,
Набор
Оплата
Курсы
Кураторы
Методы
Учебники
Книги
Сидоров
Мнения
Статьи
История
Меню «хлебные крошки». Пункты этого меню отделяют друг от друга каким – либо направленным знаком.
Начало à университет à кураторы
Авторская подпись
На каждой странице должны быть авторская подпись с адресом электронной почты, записанном в явном виде. Эта запись может располагаться в начале страницы или в ее конце.
Причины по которым необходима авторская подпись:
1. Авторство всегда интересует пользователя.
2. Адрес электронной почты позволит пользователю написать письмо автору сайта.
Внешние ссылки.
На сайте обязательно должны быть внешние ссылки, иначе сайт тупик.
Внешние ссылки полезно собирать на отдельной странице (с названием «ссылки») и дополнительно распределять по страницам, исходя из контекста.
В каждом случае внешние ссылки желательно прописывать в явном виде (чтобы пользователь не путал их со ссылками на страницы текущего сайта и мог скопировать через буфер обмена).
Внешние ссылки должны быть прокомментированы.
Полезно размещать на главную страницу сайта: идею сайта, анонсы материалов и новости.
Текст на сайте
Тексты нужно разбивать на небольшие абзацы, так как большие абзацы читать с экрана трудно. Абзацы должны отделяться друг от друга пустыми строками. Красные строки лучше не использовать.
На «шершавом» фоне текст лучше записывать в одноцветной области.
Не нужно фиксировать размер шрифта.
Не записывайте основной текст увеличенным размером шрифта и тем более жирным или курсивом.
Используйте шрифт по умолчанию.
12 января 2012 г.