Поперечные профили набережных и береговой полосы: На городских территориях берегоукрепление проектируют с учетом технических и экономических требований, но особое значение придают эстетическим...
Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...
Топ:
Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...
Оснащения врачебно-сестринской бригады.
Устройство и оснащение процедурного кабинета: Решающая роль в обеспечении правильного лечения пациентов отводится процедурной медсестре...
Интересное:
Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...
Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...
Подходы к решению темы фильма: Существует три основных типа исторического фильма, имеющих между собой много общего...
Дисциплины:
 2022-02-11 |
 49 |
из
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 должны задавать реальный размер изображения.
|
|
|
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...
Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...
Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!