Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...
Типы сооружений для обработки осадков: Септиками называются сооружения, в которых одновременно происходят осветление сточной жидкости...
Топ:
История развития методов оптимизации: теорема Куна-Таккера, метод Лагранжа, роль выпуклости в оптимизации...
Генеалогическое древо Султанов Османской империи: Османские правители, вначале, будучи еще бейлербеями Анатолии, женились на дочерях византийских императоров...
Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...
Интересное:
Как мы говорим и как мы слушаем: общение можно сравнить с огромным зонтиком, под которым скрыто все...
Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...
Национальное богатство страны и его составляющие: для оценки элементов национального богатства используются...
Дисциплины:
|
из
5.00
|
Заказать работу |
Содержание книги
Поиск на нашем сайте
|
|
|
|
Линейная структура сайта. Это самая простая структура сайта. Web-страницы идут одна за другой, и пользователь должен просматривать их как слайд-шоу. В линейной структуре не существует разделения контента на уровни. Все страницы на таких сайтах равноправны, и их должен увидеть каждый посетитель. Несмотря на простоту реализации линейной структуры, недостатков у нее гораздо больше, нежели достоинств. Поэтому область ее применения четко ограничена. Она может использоваться на имиджевых сайтах, сайтах-презентациях и в онлайновых учебных пособиях.
Линейная структура сайта с альтернативами и вариантами. Основой данной структуры является простое линейное размещение web-страниц. Однако на сайтах, построенных по этому принципу, посетители могут проявить некоторую инициативу, облегчив для себя поиск нужной информации. Под альтернативами в данном случае понимается выбор между двумя ветками. Чаще всего подобная структура используется для сбора информации о посетителе. Примером здесь может служить процесс регистрации клиента на сайте какой-то фирмы, оказывающей определенные услуги. В этом случае все люди начинают работу со стартовой страницы. Однако потом частным лицам предлагается ввести одну информацию, а представителям коммерческих структур — другую. После этого и те, и другие попадают на одну и ту же страницу.
Линейная структура сайта с ответвлениями. Это тоже контролируемая структура, которая напоминает дорогу с ответвляющимися от нее время от времени тупиковыми тропинками. То есть посетитель последовательно переходит с одной страницы на другую. Если информация, размещенная на какой-то из них его заинтересовала, и он хочет узнать подробности, то может перейти на ответвление, а потом вернуться обратно на основную «дорожку».
Древовидная структура — самый универсальный способ размещения web-страниц. Она подходит для создания практически любых типов сайтов. Ее принцип заключается в том, что пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т.п. У древовидной структуры очень много достоинств, но так же есть и недостаток.
Решетчатая структура. Эта структура уже на порядок сложнее всех рассмотренных ранее. В ней все страницы также размещаются в различных ветках. Но у пользователя есть возможность перемещаться по ним не только вертикально (вверх-вниз), но и горизонтально (то есть между ветками на разных уровнях). Используется решетка в основном только в каталогах. При этом перемещение между ветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в других разделах.
Как происходит работа с текстом и изображениями?
Основные теги форматирования текста
| <p>...</p> | Абзац. |
| <h1>...</h1> | Заголовок первого уровня. |
| <h2>...</h2> | Заголовок второго уровня. |
| ... | |
| <h6>...</h6> | Заголовок шестого уровня. |
| <br> | Переход на новую строку. |
| <q>...</q> | Браузер автоматически берет текст в кавычки. Изменить вид кавычек можно стилевым свойством quotes. |
| <hr> | Горизонтальная разделительная линия. |
| <pre>...</pre> | Текст фиксированной ширины с сохранением всех пробелов и переносов. |
Выделение в тексте
| <b>...</b> | Полужирный шрифт. |
| <i>...</i> | Курсив. |
| <ins>...</ins> | Подчеркнутый текст. |
| <del>...</del> | Перечеркнутый текст. |
| <sup>...</sup> | Надстрочный текст. |
| <sub>...</sub> | Подстрочный текст. |
Цитаты, переменные, адреса
| <address>... </address> | Служит для предоставления автором документа контактной информации, чтобы желающие могли связаться с автором материала. Обычно отображается курсивом. Блочный элемент. |
| <blockquote>... </blockquote> | Выделение цитат. Блочный элемент. |
| <cite>...</cite> | Выделение цитат. Обычно отображается курсивом. |
| <code>...</code> | Вывод текста шрифтом фиксированной ширины. Применяется, как правило, для вывода небольшого куска программного кода (для больших листингов используется тег <pre>). |
| <em>...</em> | Выделение важных фрагментов текста. Обычно отображается курсивом. |
| <kbd>...</kbd> | Вывод текста шрифтом фиксированной ширины. |
| <samp>...</samp> | Вывод текста шрифтом фиксированной ширины. |
| <strong>...</strong> | Сильное выделение важных фрагментов текста. Обычно отображается полужирным шрифтом. |
| <var>...</var> | Используется для отметки имен переменных. Обычно отображается курсивом. |
Для вставки в текст картинки используется одиночный тег <img> с обязательным атрибутом src, указывающим адрес графического файла. Адрес изображения задается так же, как и адрес ссылки.
Атрибуты тега <img>
| src | Адрес графического файла. |
| alt | Альтернативный текст. Позволяет получить текстовую информацию об изображении при отключенной в браузере загрузке изображений. Является обязательным атрибутом для SEO-продвижения сайта. |
| title | Всплывающий текст, появляющийся при наведении курсора мышки на изображение. |
| width | Реальная ширина изображения в пикселях. |
| height | Реальная высота изображения в пикселях. |
Атрибуты width и height при совместном использовании позволяют браузеру зарезервировать место на экране для изображения еще до того, как оно будет передано по сети. Это позволяет пользователю начать чтение, пока передача данных еще продолжается. Атрибуты width и height должны задавать реальный размер изображения.
|
|
|
Общие условия выбора системы дренажа: Система дренажа выбирается в зависимости от характера защищаемого...
История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...
Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
© cyberpediasu.com 2017-2026 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!