На адрес электронной почты

2015-12-04

294

Обсуждений (0)

0.00 из 5.00 0 оценок

12 Следующая ⇒

Ссылки на странице могут указывать

На фрагменты документа

На другой текстовый файл

На графические изображения

На ресурсы WWW

на адрес электронной почты

Задание цвета для всех ссылок на странице

цвета ссылок на странице задаются в качестве параметров тега <body>. Параметры являются необязательными, а если они не указаны, то используются значения по умолчанию.

link – не посещенные

alink – активная ссылка

vlink – уже посещенная ссылка

Переход внутри одного документа

Общий вид проги Комментарий

…

<a href = #метка>текст</a> Задание перехода по метке. На экран выводится ссылка текст

…

<a name = метка></a> Метка. сюда браузер приходит по ссылке. На экране ничего не отображается

…

Для организации перехода внутри документа нужно выбрать имя метки. Оно должно быть уникальным, может заключаться в кавычки, состоять из любых символов, но в том случае, когда имя содержит пробелы или ключевые символы HTML кавычки обязательны.

В месте перехода необходимо записать команду <a href = #метка>текст</a> , где # (ключевой символ) ставится, чтобы имя метки отличалось от имени файла, а текст – фрагмент который будет выглядеть на экране браузера как ссылка. метка – это якорь.

3.Установить тег с меткой в нужном месте HTML программы

при этом имя метки должно быть таким же, как и в команде a href. Парный тег /a может быть опущен. На экране в этом случае ничего не отображается.

…

<a name=CHI>(III век до нашей эры)</a>

…

<a href=”#CHI”>Когда же это было?</a>

…

Переход внутри одного документа делают в том случае, если документ многостраничный, например док-т 10 стр + оглавление.

На файл

<a href = имя_файла>текст</a>

Картинка как гиперссылка

Курсор при попадании на картинку ссылку меняет свою форму. Щелчок мышью на картинке заставляет браузер выполнить переход.

Картинка ссылка не подчеркивается как текст и не выделяется цветом и обрамляется в рамочку, атрибут border.

4.Гиперссылки на ресурсы интернета. не менее трех ссылок. Страничка ссылки.

<a href=”http….”>skfsd</a>

Гиперссылки на адрес электронной почты.

Изображения-карты

Карта-изображение представляет собой рисунок, состоящий из «горячих» областей. При нажатии на них, вы попадаете на разные страницы.

Карты изображения задаются тегом:

включает в себя теги area, которые определяют геометрические области внутри карты и ссылки, связанные с каждой областью.

<map>

<area…>

…

</map>

Геометрические области и то, куда пользователь попадет при нажатии на них определяет тег area при помощи своих атрибутов. Атрибуты:

1. shape определяет форму области:

а) rect-прямоугольник

б) circle-круг

в)poly-многоугольник

x1y1

2. coords – определяет координаты (положение нашей геометрической формы). Число координат и порядок их значений зависят от выбранной нами формы.

Пример:

<map name=”karta1”

</map>

Чтобы связать карту с картинкой надо использовать атрибут <usemap=”#karta1”>

…

<map name=”karta1”

</map>

Если форма области – круг.

…

</map>

x1y1

x2y2

Многоугольник

…

</map>

программа Illustrator для карт

Бегущая строка представляет собой текст перемещающийся из одной стороны в другую. Задается с помощью команды

<marguee> bgcolor=”pink” height=”20” direction=”right” behavior=”altemate”>Семь чудес света</ marguee >

Текст

</marquee>

Дизайн веб-документа.

логотип – в лев верхнем углу страницы. На внутренних страницах логотип является ссылкой на главную страницу

заголовок сайта – в самом верху страницы

главное меню сайта – состоит из прямых потомков начальной страницы. Начальная страница традиционно также включается в состав главного меню. Главное меню расположено горизонтально под заголовком или слева

Заголовок страницы и окна

Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком сайта.

Главное меню – количество, названия пунктов, их порядок в глав меню не должны меняться при листании страниц.

В меню обязательно должен присутствовать пункт, указывающий на тек страницу. Этот пункт в отличие от остальных не должен быть ссылкой.

Названия пунктов краткие

Глав меню полезно повторять на концах страниц

Меню в начале страницы удобно, когда сайт просматривают

Навигация

Навигация является удобной, если на любой странице легко ответить на 3 вопроса

где я? – логотип и заголовок (называют сайт); заголовок страницы, заголовок окна и позиция меню, которая не является ссылкой – отмечают текущую страницу сайта; Меню «хлебные крошки» показывает путь от главной страницы к текущей.

куда я могу пойти? – пользователь должен легко определять возможные направления движения с текущего места сайта

где меню? – пользователь не должен испытывать проблем с доступом к навигационным элементам. На длинных страницах полезна ссылка вверх после каждого раздела.

Внешние ссылки(не менее трёх в явном виде+ комменты)

Полезно собирать на отдельной странице (с названием ссылки) и дополнительно распределять по страницам, исходя из контекста. Должны быть прокомментированы.

Авторская подпись

сайт разработан когда кем адрес

Главная страница – идея сайта, анонсы материалов и новости. не нужно рекламные лозунги, приветственные спичи и др.шум из разряда общей «болтологии»

Текст на сайте

текст разбивать на небольшие абзацы

отделяться друг от друга пустыми строками

без красных строк

Текст на странице должен комфортно читаться.

Не писать основной текст увеличенным размером шрифта и тем более жирным или курсивным начертанием.

Используйте шрифт по умолчанию

не надо

Структурируйте текст, используя иерархию заголовков (Hn) и абзацное деление (элемент p).

Комментируйте текст по принципу перевернутой пирамиды – сначала вывод, затем подробности.

Структура сайта

Структура сайта с точки зрения разработчика – это запланированная рабочая схема, на которой указываются связи между страницами и родственные узы (потомок, предок, брат)

Структура сайта с точки зрения пользователя – это система навигации, по которой он судит о содержимом страниц, о связях между страницами и их родственных отношениях.

2015-12-04

294

Обсуждений (0)

0.00 из 5.00 0 оценок

12 Следующая ⇒

Обсуждение в статье: На адрес электронной почты

Обсуждений еще не было, будьте первым... ↓↓↓